ul, li, div, a, img, table,
    tr, td, input, textarea, select
    { box-sizing: border-box; }
    a, a:link, a:hover   { cursor:pointer; }

    @font-face { font-family: 'FontRegular'; src: url('../fonts/grotesque_regular.ttf') format('truetype'); font-weight: normal; font-style: normal; }
    @font-face { font-family: 'FontMedium'; src: url('../fonts/grotesque_medium.ttf') format('truetype'); font-weight: normal; font-style: normal; }
    @font-face { font-family: 'FontBold'; src: url('../fonts/grotesque_bold.ttf') format('truetype'); font-weight: normal; font-style: normal; }

    @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; }
    @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-ThinItalic.ttf') format('truetype'); font-weight: 100; font-style: italic; }
    @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-ExtraLight.ttf') format('truetype'); font-weight: 200; font-style: normal; }
    @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-ExtraLightItalic.ttf') format('truetype'); font-weight: 200; font-style: italic; }
    @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; }
    @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; }
    @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; }
    @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-Italic.ttf') format('truetype'); font-weight: 400; font-style: italic; }
    @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; }
    @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; }
    @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; }
    @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-SemiBoldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; }
    @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; }
    @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-BoldItalic.ttf') format('truetype'); font-weight: 700; font-style: italic; }

    body            {
        background:#F1f1f1;
        color:#333; font:normal 14px 'FontRegular', sans-serif;
        margin:0; overflow-x:hidden;
    }
    .transeffect    { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
    .img-responsive { width:auto; }  .DNone { display:block; }
    .col-lg-1_5     { width:20%; padding:0 15px; }
    hr              { border:none; border-top:#dfdfdf 1px solid; }
    a               { color:#666; font:normal 14px 'FontRegular', sans-serif; cursor:pointer; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
    a:hover         { color:#333; text-decoration:underline; cursor:pointer; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } a:active { text-decoration:none; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } a:before { cursor:pointer; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
    .ta-left        { text-align:left; }
    .ta-right       { text-align:right; }
    .ta-center      { text-align:center; }
    .ta-justify     { text-align:justify; }
    .dnone          { display:none; }
    h2         { font-size:26px; }

    .header         { height:130px; background:#fff; border-bottom:#e5352c 3px solid; }
    .header .logo       { margin:16px 0 0 30px; }
    .header .menu       { height:130px; display:flex; vertical-align: center; align-items:center; padding-right:34px; }
    .header .menu .fa-search    { color:#DBDBDB; }
    .header .menu .fa-search:hover  { color:#e5352c; cursor:pointer; }

    .slider     {padding:0;margin:0;background:#fff;/* padding-bottom:70px; */}

    .news       { width:100%; padding:50px 0 20px 0; background:#FAFAFA; }
    .newsVertical .newsco   { width:100%; height:530px; padding:20px; background:#fff; border:#F2F2F2 1px solid; border-right:#d6d7da 5px solid; border-bottom:#d6d7da 5px solid; border-radius:4px; }
    .newsVertical .newsco span      { color:#ADADAD; font:normal 11px 'FontRegular', sans-serif; display:block; margin:10px 0; }
    .newsVertical .newsco b         { color:#e5352c; font:normal 18px 'FontMedium', sans-serif; line-height:24px; }

    .newsHorizontal .newsco   { width:100%; height:250px; padding:20px; background:#fff; border:#F2F2F2 1px solid; margin-bottom:30px; border-right:#d6d7da 5px solid; border-bottom:#d6d7da 5px solid; border-radius:4px; }
    .newsHorizontal .newsco img         { margin-right:20px; }
    .newsHorizontal .newsco span        { color:#ADADAD; font:normal 11px 'FontRegular', sans-serif; display:block; margin:10px 0; }
    .newsHorizontal .newsco b           { color:#e5352c; font:normal 18px 'FontMedium', sans-serif; line-height:24px; }

    .spotText   { background:#fff; padding:70px 0; }
    .spotImage      { width:100%; height:600px; background:url(../images/spotImage.png) no-repeat center center; background-size: cover; }
    .spotImage .area    { width:750px; height:400px; margin:100px; background:#fff; border:#F2F2F2 2px solid; float:left; }
    .spotImage .area .one   { width:100%; display: flex; justify-content:center; align-items: center; color:#B2B2B2; font:normal 14px 'FontRegular', sans-serif; }
    .spotImage .area .one div   { display:flex; margin:30px 20px 10px 20px; }
    .spotImage .area .two   { width:100%; display:block; padding:20px 30px 30px 30px; text-align:center; color:#333; font:normal 16px 'FontRegular', sans-serif; line-height: 30px; }

    .projeler   { width:100%; padding:50px 15px; background:#FAFAFA; }
    .projeler .xTr   { width:100%; min-height:50px; padding:15px; border-radius:5px; background:#DEDBDB; border-top:#e5352c 4px solid; margin-bottom:30px; cursor:pointer; }
    .projeler .xTr img   { display:inline-block; margin:0 0 10px 0; }
    .projeler .xTr b     { font:normal 15px 'FontBold', sans-serif; display:block; }

    .worldmap       { width:100%; background:#fff; }

    .blackHeader    {width:100%;height:41px;background:#de2824;color:#fff;font:normal 12px 'FontRegular', sans-serif;border-top:#000 3px solid;position: relative;z-index: 999;}
    .blackHeader a.menu  { color:#fff; font:normal 12px 'FontRegular', sans-serif; margin:0 auto; padding:0 7px; }
    .blackHeader a.menu:hover   { color:#e3e3e3; text-decoration:none; }
    .lang                           { margin:14px 0 0 15px; }
    .otherMenu                      { margin:14px 0 0 0; }
    .blackHeader a.languageX         { color:#fff; font:normal 12px 'FontRegular', sans-serif; margin:0 auto; padding:0 3px; }
    .blackHeader a.languageX:hover   { color:#e3e3e3; text-decoration:none; }
    .blackHeader a.menu i.fa     { color:#000; }

    .footer     {width:100%;background:#000;padding: 70px 125px;color:#fff;}
    .footer b   {color:#e5352c;font: normal 14px 'FontMedium', sans-serif;}
    .footer ul, .footer ul li   { padding:0; margin:0; color:#f2f2f2 }
    .footer ul      { margin:15px; display:block; }
    .footer ul li       { margin-bottom:5px; margin-left:15px; list-style-type:circle; }
    .footer ul li:hover     { color:#e5352c; }
    .footer ul li a     {color:#fff;font: normal 12px 'FontRegular', sans-serif;text-decoration:none;margin:10px 0 0 0;}
    .footer ul li a:hover   { color:#e5352c; text-decoration:none; }
    .footer hr      { border:none; border-bottom:#313131 1px solid; }

    .bultenArea { width:100%; height:45px; display:block; background:#222; border-radius: 25px; margin-top:10px; }
    .bultenArea input[type=text]    { width:85%; background:none; border:none; color:#fff; padding:14px 0 0 15px; outline:none; }
    .bultenArea input[type=image]   { margin:4px 5px 0 8px; cursor:pointer; }

    .footerBottom   { color:#666; font:normal 12px 'FontRegular', sans-serif; }
    .footerBottom b     { color:#666; font:normal 14px 'FontBold', sans-serif; text-decoration:none !important; line-height:30px; }
    .footer .social     { width:30px; height:30px; color:#e5352c; text-align:center; font-size:18px; padding:5px; border-radius:4px; display:inline-block; margin:5px; }
    .footer .social:hover     { background:#fff; color:#000; }

    .grid   { width:100%; display:block; }
    .grid:after { content: ''; float:left; clear: both; }
    .grid-sizer, .grid-item { width: 25%; }

    .productMenu    {width:100%;display:none;height:100%;position:fixed;background:rgba(0,0,0,0.9);padding:15px;z-index: 9999999;overflow:scroll;overflow-x:hidden;}
    .productMenu h3     { color:#e5352c; font-size:45px; }
    .productMenu h4     { color:#fff; min-width:100%; font:normal 18px 'FontBold', sans-serif; margin:30px 0; border-bottom:#e5352c 3px solid; display:inline-block; padding-bottom:15px; }
    .productMenu a.prod     {color:#fff;font: normal 16px 'FontRegular', sans-serif;display: inline-block;padding: 4px 10px;}
    .productMenu a.prod:hover     { color:#e5352c; text-decoration:none; }
    .productMenu .xclose    {position:fixed;z-index:9999;top: 46px;right: 20px;color: #e5372e;font-size:30px;cursor:pointer;}
    .productMenu .xclose i.fa   { cursor:pointer; }
    .productMenu .xclose i.fa:hover   { color:#e5352c; cursor:pointer; }

    .helpMenuBackground     { width:100%; height:100%; position:fixed; z-index:777; background:rgba(0,0,0,0.3); display:none; cursor:pointer; }
    .helpMenu   { width:400px; height:100%; position:fixed; z-index:999; right:-345px; top:0; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
    .helpMenuOpen   { right:0; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
    .helpMenu .butonList    { width:55px; position:absolute; margin-top:150px; }
    .helpMenu .butonList .btnXDesign  { width:55px; height:55px; margin-top:1px; }
    .helpMenu .butonList .btnXDesign div.icon  { width:55px; height:55px; position:relative; z-index:888; display: flex; align-items: center; justify-content: center; background:#87888a; color:#fff; font-size:18px; }
    .helpMenu .butonList .btnXDesign div.cont  { width:250px; height:55px; margin:-55px 0 0 0; position:relative; z-index:887; display: flex; align-items: center; justify-content: center; background:#000; color:#fff; font-size:14px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
    .helpMenu .butonList .btnXDesign:hover > div.cont    { margin:-55px 0 0 -250px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
    .helpMenu .butonList .btnXDesign div.cont a     { width:55px; height:55px; float:left; display: flex; align-items: center; justify-content: center; background:#000; color:#fff; font-size:18px; }
    .helpMenu .butonList .btnXDesign div.cont a:hover     { background:#e5352c; text-decoration:none; cursor:pointer; }
    .helpMenu .butonList .btnXDesign div.cont a:focus     { background:#e5352c; text-decoration:none; }
    .helpMenu .butonList .btnXDesign:hover div.icon, .helpMenu .butonList .btnXDesign:focus { background:#000; text-decoration: none; cursor:pointer; }
    .helpMenu .helpContent  { width:345px; min-height:300px; font:normal 13px 'FontRegular', sans-serif; line-height:21px; position:absolute; margin-left:55px; z-index:999; background:#fff; padding:30px; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.50); -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.50); box-shadow: 0 0 5px 0 rgba(0,0,0,0.50); }
    .helpMenu .helpContent h2   {padding:0;margin:0;margin-top: 30px;}

    .set6_kare  { height:500px; padding:0; display:flex; }
    .setcorp_kare  { height:400px; padding:0; display:flex; }
    .divey      { width:100%; height:100%; display:flex; align-items:center; justify-content: center; flex-direction: column; background:rgba(0,0,0,0.3); }
    .diveyx     { width:100%; height:100%; display:flex; align-items:center; justify-content: flex-start; flex-direction: column; background:rgba(0,0,0,0.2); }
    .divBread   { width:100%; display:flex; padding:40px 0; align-items:flex-start; justify-content: flex-start; color: #666; }

    .divBread a:hover    { color:#e5352c; }
    .divBread hr    { border:none; border-bottom:#313131 1px solid; }

    .divey h2   { color:#fff; font:normal 40px 'FontBold', sans-serif; }
    .diveyx h2  { color:#fff; font:normal 40px 'FontBold', sans-serif; }
    .divtitle       { width:100%; display:flex; padding:160px 0 0 0; align-items:flex-end; justify-content: flex-start; }
    .grey       { padding-top:20px; background:#f4f4f4; display: flex; justify-content: center; align-items: flex-end; }
    .grey div   { padding:15px; background:#e9e9e9; color:#000; margin:0 3px; cursor:pointer; border-top-left-radius: 5px; border-top-right-radius: 5px; }
    .grey div:hover     { background:#fff; }
    .grey div.active    { background:#fff; color:#000; }
    .beyazArea      { background:#fff; padding:50px 15px; }

    
    .one_button     {margin-top:-80px;position: relative;z-index:99;}
    .one_button .container ul, .one_button .container ul li     { margin:0; padding:0; list-style:none; }
    .one_button .container ul li    {width: calc(100% / 3);float:left;}
    .one_button .container ul li a      {width:94%;margin:0 3%;height:160px;background: #fff;float:left;color:#e5352c;text-align: center;font:normal 13px 'FontMedium', sans-serif;display:flex;flex-direction: column;align-items: center;justify-content: center;background:#fff;border-bottom:#e5352c 3px solid;margin-bottom: 10px;}
    .one_button .container ul li a:hover    { background:#df2927; color:#fff; text-decoration:none; border-bottom:#000 3px solid; }
    .one_button .container ul li a img      { margin-bottom:10px; }
	

    ul.breadcrumbs.pr {
        width: calc(100% - 70px);
        margin: 0 35px;
        background-color: transparent;
        z-index: 500;
    }
    ul.breadcrumbs {
        list-style: none;
        color: #000;
        padding: 0 65px;
        margin: 0px;
        border-bottom: 1px solid rgba(255,255,255,0.2);
        position: absolute;
        top: 115px;
        height: 90px;
        width: 100%;
        left: 0;
        z-index: 500;
    }

    .corporateArea  { width:100%; padding:0 15px; background:#FAFAFA; }
    .corporateBg    {padding:30px 15px;background:#fff;line-height:24px;font: normal 14px 'FontRegular', sans-serif;text-align: justify;}
    .corporateBg b, .corporateBg strong  { font:normal 14px 'FontMedium', sans-serif; }
    .corporateBg h1     { padding:0; margin:0; }
    .corporateBg ul     { margin:0 0 0 30px; }
    .corporateBg ul li      { list-style-type: circle; margin-bottom:5px; }
    .corpMenu a     { display:block; background:#87888a; padding:15px; color:#fff; text-decoration:none; outline:none; margin-bottom:1px; }
    .corpMenu a:hover   { background:#000; color:#fff; text-decoration:none; outline:none; }
    .corpMenu a.active  { background:#e5352c; color:#fff; text-decoration:none; outline:none; }

    .liked  { color:#e5352c }

    .mainPic        { padding:0; }
    .anax a     { width:100%; height:100%; display:block; }
    .mainPicTur     { background:#f2f2f2; padding:15px; }

    .mainButton     { background:#e1e1e1; padding:15px; }
    .mainButton ul { padding:0 !important; margin:0 !important; }
    .mainButton ul, .mainButton ul li   { padding:0; margin:0; list-style: none !important; }
    .mainButton ul li   { width:calc(100% / 10) !important; min-height:30px!important;  float:left !important; padding:10px !important; }
    .mainButton ul li div { width:100%!important; min-height:30px!important; cursor:pointer; }

    .mainButton2     { background:#e1e1e1; padding:15px; }
    .mainButton2 ul { padding:0 !important; margin:0 !important; }
    .mainButton2 ul, .mainButton2 ul li   { padding:0; margin:0; list-style: none !important; }
    .mainButton2 ul li   { width:calc(100% / 10) !important; min-height:30px!important;  float:left !important; padding:10px !important; }
    .mainButton2 ul li div { width:100%!important; min-height:30px!important; cursor:pointer; }

    .roof       { width:100%; line-height:24px; display:none; }
    .roof b, .roof strong      { font:normal 14px 'FontBold', sans-serif; }
    .roofActive     { display:block; }
    .roof h1        { padding:0; margin:0; }
    .roof h2        { padding:0; margin:0; }
    .roof h3        { padding:0; margin:0; }
    .roof h4        { padding:0; margin:0; }

    .roof ul, .roof ul li   { list-style:none; margin:0; padding:0; }
    .roof ul    { margin:10px 30px; }
    .roof ul li     { list-style-type:circle; }

    .iletform input      { width:100%; padding:10px; border:0; background:#f2f2f2; outline:none; display:block; margin-bottom:20px; color:#333; }
    .iletform input[type=submit]      { width:200px; text-align:center; padding:10px 10px; background:#000; border:0; outline:none; display:inline-block; margin-bottom:15px; color:#fff; }
    .iletform input[type=submit]:hover      { color:#fff; background:#333; }
    .iletform textarea   { width:100%; padding:10px; border:0; border:none; background:#f2f2f2; outline:none; display:block; margin-bottom:20px; color:#333; }

    .colour .hexaCapsul:nth-child(12)    { margin-left:0; }
    .colour .hexaCapsul:nth-child(34)    { margin-left:0; }
    .colour .hexaCapsul:nth-child(56)    { margin-left:0; }
    .colour .hexaCapsul:nth-child(78)    { margin-left:0; }
    .colour .hexaCapsul:nth-child(100)   { margin-left:0; }
    .colour .hexaCapsul:nth-child(122)   { margin-left:0; }
    .colour .hexaCapsul:nth-child(144)   { margin-left:0; }
    .hexaCapsul  { float:left; cursor:pointer; margin:-15px 0 0 50px; display:flex; align-items:center; justify-content: center; margin-bottom:10px; }
    .hexagon { cursor:pointer; position: relative; width: 50px; height: 28.87px; margin: 14.43px 0; }
    .hexagon:before, .hexagon:after { content: ""; position: absolute; width: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; }
    .hexagon:before { bottom:100%; }
    .hexagon:after  { top:100%; width: 0; }

    .exteriorColor  { width:calc(100% / 6); height:150px; float:left; padding:5px; margin-bottom:10px; cursor:pointer; }
    .exteriorColor div  { width:100%; height:150px; border-radius:4px; float:left; cursor:pointer; }

    .usageAreax     { display: inline-block; border-radius:3px; color:#000; position: relative; font-weight: 600; border: 2px solid #f2f2f2; padding: 12px 14px; margin: 0 18px 18px 0; }
    .usageAreax:hover     { text-decoration:none; color:#333; border:#000 2px solid; background:#c6c6c6; }
    .usageActive    { text-decoration:none; color:#000; background:#c6c6c6; border:#000 2px solid; }
    .usageActive:focus    { text-decoration:none; color:#000; background:#c6c6c6; border:#000 2px solid; }
    .usageAreaPhotoDiv  { display:none; }
    .UAPD_Active        { display:block; }

    .styled-select      { width: 100%; height: 50px; margin:10px 0; overflow: hidden; background: url(../images/arrow-down.png) no-repeat 95% #F3F3F3; border: 1px solid #e0e3e4; }
    .styled-select select      { outline: 0; width: 100%; height: 50px; padding-left: 22px; font:normal 18px 'FontRegular', sans-serif; line-height: 1; color: #231f20; border: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

    .language   { padding:30px 0 50px 0; display:none; }
    .language a     { color:#e5352c; font:normal 20px 'FontBold', sans-serif; margin:0 30px; }
    .language a:hover   { color:#333; }

    .loadAnimation  { width:50px; height:50px; margin:40px auto 10px auto; border-radius:100%; border:10px solid #e5352c; border-top-color:#fff; border-bottom-color:#fff; animation: rotation 2s linear infinite; }
    @keyframes rotation {
        0%      {
            transform: rotate(0deg);
        }
        100%    {
            transform: rotate(360deg);
        }
    }

    .contactTab     { padding:40px 15px; background:#e5352c; color:#fff; }
    .activeTab      { color:#000; }
    .contactTab i       { font-size:70px; margin-bottom:15px; }
    .contactTab a       { color:#fff; font-size:30px !important; margin:0 10px; }
    .contactTab a:hover { color:#000; font-size:30px !important; }
    .contactTab a i     { font-size:30px !important; }
    .tabBtnlar:hover    { color:#000; cursor:pointer; }

    .formlar        { display:none; }
    .formlarActive  { display:block; }

    .tabsButon      {cursor:pointer;text-align: center;}
    .tabsButon:hover > span      { color:#fff; background:#e5352c; cursor:pointer; }
    .tabsButon span    {width:100px;height:100px;border-radius:100px;border:#dfdfdf 1px solid;display:flex;justify-content: center;align-items: center;margin: auto;}
    .tabsButon span:hover          { color:#fff; background:#e5352c; cursor:pointer; }
    .tabsButon span i  { font-size:40px; }


    .phoneMenu          { width:90%; height:100%; background:#e5352c; position:fixed; z-index:9999; overflow: scroll; overflow-x:hidden; display:none; color:#fff; }
    .phoneMenu ul, .phoneMenu ul li     { padding:0; margin:0; list-style:none; }
    .phoneMenu h4           { display:block; padding:20px 0 0 20px; margin:0; color:#fff; font:normal 28px 'FontRegular', sans-serif; }
    .phoneMenu ul           { display:block; padding:20px 0 0 20px; }
    .phoneMenu ul li            { width:95%; float:left; padding:15px 0; border-bottom:#d2d2d2 1px solid; }
    .tumli      { display:none; border:none; padding:7px 0 !important; width:90% !important; margin-left:5% !important; }
    .tumli a    { color:#fff; padding:0 0 5px 0; font:500 15px 'FontRegular', sans-serif !important; }
    .tumli a:hover    { color:#fff; }
    .phoneMenu a                    {color:#fff;font: 600 11px 'FontRegular', sans-serif;text-decoration:none;margin:0 10px;margin-left: 0px;}
    .phoneMenu a:hover              { color:#000; }
    .phoneMenu ul li a              { display:block; color:#fff; font:600 20px 'FontRegular', sans-serif; text-decoration:none; margin:0 !important; }
    .phoneMenu ul li a:active,.phoneMenu ul li a:focus       { color:#fff !important; text-decoration:none; }
    .phoneMenu ul li a:hover            { text-decoration:none; color:#000; }
    .phoneMenu .xclose           { position:absolute; z-index:9999; right:20px; top:20px; color:#fff; font-size:30px; }

    .milestoneStyle     { font:normal 14px 'FontRegular', sans-serif !important; line-height:22px !important;  }
    .milestone_date     { color:#e5352c; font:normal 24px 'Playfair Display', sans-serif !important; }
    .milestone_title    { color:#e5352c; font:normal 20px 'FontRegular', sans-serif !important; padding:0; margin:0 0 15px 0; }

    .famenu i    { font-size:30px; padding:50px 20px 0 0; }

    .milesTab   { height:125px; display:flex; justify-content:center; align-content: center; align-items: center; }

    i.fa-search:hover   { color:#e5353c; }
    .searchBar      { width:100%; height:100%; position:fixed; background-color:rgba(19,19,19,0.95); z-index:1111; padding:50px 20px; display:none; overflow:scroll; overflow-x:hidden; }
    .searchBar .close   { position:fixed; top:10px; right:10px; color:#fff; font-size:50px; }
    .searchBar h4   { color:#fff; font:normal 20px 'FontRegular'; margin:50px 0 0 0; }
    .searchBar hr   { border:none; border-top:#e5352c 1px solid; margin:10px 0 20px 0; }
    .searchBar ul,li    { margin:0 0 0 0; padding:0; }
    .searchBar li       { list-style-type:circle; margin:10px 0 0 30px; color:#fff; }
    .searchBar li:hover     { color:#c5253c; }
    .searchBar li a     { color:#fff; font:normal 15px 'FontRegular' !important; text-decoration:none; }
    .searchBar li a:hover       { color:#c5253c; font:normal 15px 'FontRegular' !important; text-decoration:none; }


    .searchBar input[type=text]     { width:100%; background:none; outline:none; border:none; border-bottom:#c5253c 1px solid; padding:30px 10px; color:#fff; font:normal 30px 'FontRegular'; }
    .searchBar input[type=text]::-webkit-input-placeholder      { color:#c5253c; }
    .searchBar input[type=text]:-moz-placeholder                { color:#c5253c; }
    .searchBar input[type=text]::-moz-placeholder               { color:#c5253c; }
    .searchBar input[type=text]:-ms-input-placeholder           { color:#c5253c; }

    .mainPhotoShotArea  { height:500px; }
    .mainPhotoShotArea a    { width:100%; height:100%; display:block; }

    .sliderCover    { background:url(../images/capture_1.png) no-repeat left top; height:700px; padding:0; }
    .ripple_1       { position:absolute; z-index:1; margin:3px 0 0 130px; cursor:pointer; }
    .ripple_2       { position:absolute; z-index:2; margin:65px 0 0 50px; cursor:pointer; }
    .ripple_3       { position:absolute; z-index:3; margin:423px 0 0 50px; cursor:pointer; }
    .ripple_4       { position:absolute; z-index:4; margin:423px 0 0 395px; cursor:pointer; }
    .ripple_5       { position:absolute; z-index:5; margin:150px 0 0 480px; cursor:pointer; }
    .ripple_6       { position:absolute; z-index:6; margin:144px 0 0 678px; cursor:pointer; }
    .ripple_7       { position:absolute; z-index:7; margin:70px 0 0 820px; cursor:pointer; }
    .ripple_8       { position:absolute; z-index:8; margin:454px 0 0 806px; cursor:pointer; }
    .ripple_9       { position:absolute; z-index:9; margin:387px 0 0 1300px; cursor:pointer; }
    .ripple_10      { position:absolute; z-index:10; margin:342px 0 0 1391px; cursor:pointer; }
    .ripple_11      { position:absolute; z-index:11; margin:331px 0 0 1521px; cursor:pointer; }
    .ripple_12      { position:absolute; z-index:12; margin:533px 0 0 734px; cursor:pointer; }
    .ripple_13      { position:absolute; z-index:13; margin:607px 0 0 1281px; cursor:pointer; }
    @keyframes lds-ripple { 0% { top: 88px; left: 88px; width: 0; height: 0; opacity: 1; } 100% { top: 14px; left: 14px; width: 148px; height: 148px; opacity: 0; } }
    @-webkit-keyframes lds-ripple { 0% { top: 88px; left: 88px; width: 0; height: 0; opacity: 1; } 100% { top: 14px; left: 14px; width: 148px; height: 148px; opacity: 0; } }
    .lds-ripple { position: relative; }
    .lds-ripple div { box-sizing: content-box; position: absolute; border-width: 12px; border-style: solid; opacity: 1; border-radius: 50%; -webkit-animation: lds-ripple 2.9s cubic-bezier(0, 0.2, 0.8, 1) infinite; animation: lds-ripple 2.9s cubic-bezier(0, 0.2, 0.8, 1) infinite; }
    .lds-ripple div:nth-child(1) { border-color: #000; background:#fff; }
    .lds-ripple div:nth-child(2) { border-color: #e5352c; background:#fff; -webkit-animation-delay: -1.45s; animation-delay: -1.45s; }
    .lds-ripple { width: 40px !important; height: 40px !important; -webkit-transform: translate(-20px, -20px) scale(0.2) translate(20px, 20px); transform: translate(-20px, -20px) scale(0.2) translate(20px, 20px); }

    .rippleContent      { width:400px; background:#e5352c; position:absolute; z-index:15; min-height:150px; color:#fff; padding:20px; overflow:scroll; overflow-x:hidden; }
    .rippleBackground   { width:100%; height:100%; position:absolute; z-index:14; display:none; cursor:pointer; background:rgba(0,0,0,0.6); }
    .contentoRipple         { line-height:20px; }
    .contentoRipple h2      { margin:0; padding:0; }
    .contentoRipple a       { color:#fff; margin-left:15px; margin-bottom:3px; display:inline-block; font:400 18px 'Montserrat'; }
    .contentoRipple a:hover         { text-decoration:none; color:#000; }

    .ayanHoverEffect_27 li a { width:auto; min-width:150px; }
    .ayanHoverEffect_27 li a:hover,
    .ayanHoverEffect_27 li a:active {
        letter-spacing:0px;
        color:#e5352c;
    }

@media only screen and (min-width : 0px) and (max-width : 599px) {

    .newsVertical .newsco       { height:auto; margin-bottom:30px; }
    .newsHorizontal .newsco     { height:auto; }
    .downloadContent    { padding:0; }
    .phonePadding0      { padding:0 !important; }
    
    .one_button     { margin-top:30px; }
    .one_button .container ul li    { width:calc(100% / 2); float:left; margin-bottom:15px; }
    .one_button_gurultu .container ul li    { width:calc(100% / 2); float:left; margin-bottom:15px; }

    .contactTab     { padding:40px 15px 10px 15px; }
    .tabBtnlar  { height:150px; }

    .grey div   { border-top-left-radius:0; border-top-right-radius:0; }

    .spotImage .area    { width:100%; height:auto; margin:0; background:#fff; border:#F2F2F2 2px solid; float:left; }
    .spotImage .area .one   { width:100%; display: flex; justify-content:center; align-items: center; color:#B2B2B2; font:normal 14px 'FontRegular', sans-serif; }
    .spotImage .area .one div   { display:flex; margin:30px 20px 10px 20px; }
    .spotImage .area .two   { width:100%; display:block; padding:20px 30px 30px 30px; text-align:center; color:#333; font:normal 16px 'FontRegular', sans-serif; line-height: 30px; }

    .exteriorColor  { width:calc(100% / 4); height:50px; float:left; padding:5px; margin-bottom:10px; cursor:pointer; }
    .exteriorColor div  { width:100%; height:50px; border-radius:4px; float:left; cursor:pointer; }

    .colour .hexaCapsul:nth-child(7)     { margin-left:50px; }
    .colour .hexaCapsul:nth-child(19)    { margin-left:50px; }
    .colour .hexaCapsul:nth-child(31)    { margin-left:50px; }
    .colour .hexaCapsul:nth-child(43)    { margin-left:50px; }
    .colour .hexaCapsul:nth-child(55)    { margin-left:50px; }
    .colour .hexaCapsul:nth-child(67)    { margin-left:50px; }
    .colour .hexaCapsul:nth-child(79)    { margin-left:50px; }
    .colour .hexaCapsul:nth-child(91)    { margin-left:50px; }
    .colour .hexaCapsul:nth-child(103)   { margin-left:50px; }
    .colour .hexaCapsul:nth-child(115)   { margin-left:50px; }
    .colour .hexaCapsul:nth-child(127)   { margin-left:50px; }

    .colour .hexaCapsul:nth-child(10)    { margin-left:50px; }
    .colour .hexaCapsul:nth-child(28)    { margin-left:50px; }
    .colour .hexaCapsul:nth-child(46)    { margin-left:50px; }
    .colour .hexaCapsul:nth-child(64)    { margin-left:50px; }
    .colour .hexaCapsul:nth-child(82)    { margin-left:50px; }
    .colour .hexaCapsul:nth-child(100)   { margin-left:50px; }
    .colour .hexaCapsul:nth-child(118)   { margin-left:50px; }
    .colour .hexaCapsul:nth-child(136)   { margin-left:50px; }

    .colour .hexaCapsul:nth-child(12)    { margin-left:50px; }
    .colour .hexaCapsul:nth-child(34)    { margin-left:50px; }
    .colour .hexaCapsul:nth-child(56)    { margin-left:50px; }
    .colour .hexaCapsul:nth-child(78)    { margin-left:50px; }
    .colour .hexaCapsul:nth-child(100)   { margin-left:50px; }
    .colour .hexaCapsul:nth-child(122)   { margin-left:50px; }
    .colour .hexaCapsul:nth-child(144)   { margin-left:50px; }

    .colour .hexaCapsul:nth-child(4)     { margin-left:0; }
    .colour .hexaCapsul:nth-child(10)    { margin-left:0; }
    .colour .hexaCapsul:nth-child(16)    { margin-left:0; }
    .colour .hexaCapsul:nth-child(22)    { margin-left:0; }
    .colour .hexaCapsul:nth-child(28)    { margin-left:0; }
    .colour .hexaCapsul:nth-child(34)    { margin-left:0; }
    .colour .hexaCapsul:nth-child(40)    { margin-left:0; }
    .colour .hexaCapsul:nth-child(46)    { margin-left:0; }
    .colour .hexaCapsul:nth-child(52)    { margin-left:0; }
    .colour .hexaCapsul:nth-child(58)    { margin-left:0; }
    .colour .hexaCapsul:nth-child(64)    { margin-left:0; }
    .colour .hexaCapsul:nth-child(70)    { margin-left:0; }
    .colour .hexaCapsul:nth-child(76)    { margin-left:0; }
    .colour .hexaCapsul:nth-child(82)    { margin-left:0; }
    .colour .hexaCapsul:nth-child(88)    { margin-left:0; }
    .colour .hexaCapsul:nth-child(94)    { margin-left:0; }
    .colour .hexaCapsul:nth-child(100)    { margin-left:0; }
    .colour .hexaCapsul:nth-child(106)    { margin-left:0; }
    .colour .hexaCapsul:nth-child(112)    { margin-left:0; }
    .colour .hexaCapsul:nth-child(118)    { margin-left:0; }

    .productMenu    { width:100%; display:none; height:100%; position:fixed; background:rgba(0,0,0,0.9); padding:15px; z-index:9998; overflow:scroll; overflow-x: hidden; }

    .grey       { flex-direction: column !important; }
    .grey div   { width:100%; display:block; }
    .mainButton     { padding:10px !important; }
    .mainButton ul li   { width:calc(100% / 5) !important; min-height:30px!important; float:left !important; padding:10px !important; }
    .mainButton ul li div { width:100%!important; min-height:30px!important; cursor:pointer; }
    .milesTab   { height:auto; }

}
@media only screen and (min-width : 600px) and (max-width : 768px) {

    .grey div   { width:100%; display:block; }
    .downloadContent    { padding:5px; }
    .phonePadding0      { padding:0 !important; }
    .milesTab   { height:auto; }
    .grey div   { border-top-left-radius:0; border-top-right-radius:0; }

    .exteriorColor  { width:calc(100% / 6); height:75px; float:left; padding:5px; margin-bottom:10px; cursor:pointer; }
    .exteriorColor div  { width:100%; height:75px; border-radius:4px; float:left; cursor:pointer; }

    .colour .hexaCapsul:nth-child(7)     { margin-left:0; }
    .colour .hexaCapsul:nth-child(19)    { margin-left:0; }
    .colour .hexaCapsul:nth-child(31)    { margin-left:0; }
    .colour .hexaCapsul:nth-child(43)    { margin-left:0; }
    .colour .hexaCapsul:nth-child(55)    { margin-left:0; }
    .colour .hexaCapsul:nth-child(67)    { margin-left:0; }
    .colour .hexaCapsul:nth-child(79)    { margin-left:0; }
    .colour .hexaCapsul:nth-child(91)    { margin-left:0; }
    .colour .hexaCapsul:nth-child(103)   { margin-left:0; }
    .colour .hexaCapsul:nth-child(115)   { margin-left:0; }
    .colour .hexaCapsul:nth-child(127)   { margin-left:0; }

    .colour .hexaCapsul:nth-child(10)    { margin-left:50px; }
    .colour .hexaCapsul:nth-child(28)    { margin-left:50px; }
    .colour .hexaCapsul:nth-child(46)    { margin-left:50px; }
    .colour .hexaCapsul:nth-child(64)    { margin-left:50px; }
    .colour .hexaCapsul:nth-child(82)    { margin-left:50px; }
    .colour .hexaCapsul:nth-child(100)   { margin-left:50px; }
    .colour .hexaCapsul:nth-child(118)   { margin-left:50px; }
    .colour .hexaCapsul:nth-child(136)   { margin-left:50px; }

    .colour .hexaCapsul:nth-child(12)    { margin-left:50px; }
    .colour .hexaCapsul:nth-child(34)    { margin-left:50px; }
    .colour .hexaCapsul:nth-child(56)    { margin-left:50px; }
    .colour .hexaCapsul:nth-child(78)    { margin-left:50px; }
    .colour .hexaCapsul:nth-child(100)   { margin-left:50px; }
    .colour .hexaCapsul:nth-child(122)   { margin-left:50px; }
    .colour .hexaCapsul:nth-child(144)   { margin-left:50px; }

}
@media only screen and (min-width : 769px) and (max-width : 1024px) {

    .exteriorColor  { width:calc(100% / 4); }
    .colour .hexaCapsul:nth-child(10)    { margin-left:0; }
    .colour .hexaCapsul:nth-child(28)    { margin-left:0; }
    .colour .hexaCapsul:nth-child(46)    { margin-left:0; }
    .colour .hexaCapsul:nth-child(64)    { margin-left:0; }
    .colour .hexaCapsul:nth-child(82)    { margin-left:0; }
    .colour .hexaCapsul:nth-child(100)   { margin-left:0; }
    .colour .hexaCapsul:nth-child(118)   { margin-left:0; }
    .colour .hexaCapsul:nth-child(136)   { margin-left:0; }

    .colour .hexaCapsul:nth-child(12)    { margin-left:50px; }
    .colour .hexaCapsul:nth-child(34)    { margin-left:50px; }
    .colour .hexaCapsul:nth-child(56)    { margin-left:50px; }
    .colour .hexaCapsul:nth-child(78)    { margin-left:50px; }

    .colour .hexaCapsul:nth-child(100)   { margin-left:50px; }
    .colour .hexaCapsul:nth-child(122)   { margin-left:50px; }
    .colour .hexaCapsul:nth-child(144)   { margin-left:50px; }

    .sliderCover    { background:url(../images/capture_4.png) no-repeat left top; height:400px; padding:0; }
    .ripple_1       { position:absolute; z-index:1; margin:1px 0 0 101px; cursor:pointer; }
    .ripple_2       { position:absolute; z-index:2; margin:25px 0 0 25px; cursor:pointer; }
    .ripple_3       { position:absolute; z-index:3; margin:224px 0 0 39px; cursor:pointer; }
    .ripple_4       { position:absolute; z-index:4; margin:244px 0 0 205px; cursor:pointer; }
    .ripple_5       { position:absolute; z-index:5; margin:83px 0 0 250px; cursor:pointer; }
    .ripple_6       { position:absolute; z-index:6; margin:70px 0 0 356px; cursor:pointer; }
    .ripple_7       { position:absolute; z-index:7; margin:36px 0 0 465px; cursor:pointer; }
    .ripple_8       { position:absolute; z-index:8; margin:226px 0 0 426px; cursor:pointer; }
    .ripple_9       { position:absolute; z-index:9; margin:199px 0 0 691px; cursor:pointer; }
    .ripple_10      { position:absolute; z-index:10; margin:177px 0 0 741px; cursor:pointer; }
    .ripple_11      { position:absolute; z-index:11; margin:173px 0 0 807px; cursor:pointer; }
    .ripple_12      { position:absolute; z-index:12; margin:281px 0 0 390px; cursor:pointer; }
    .ripple_13      { position:absolute; z-index:13; margin:320px 0 0 670px; cursor:pointer; }
    .ayanHoverEffect_27 li a { width: 120px; }
    .ayanHoverEffect_27 li a:hover, .ayanHoverEffect_27 li a:active { letter-spacing: 2px; color: #e5352c; }

}
@media only screen and (min-width : 1025px) and (max-width : 1180px) {
    .sliderCover    { background:url(../images/capture_5.png) no-repeat left top; height:500px; padding:0; }
    .ripple_1       { position:absolute; z-index:1; margin:2px 0 0 101px; cursor:pointer; }
    .ripple_2       { position:absolute; z-index:2; margin:35px 0 0 30px; cursor:pointer; }
    .ripple_3       { position:absolute; z-index:3; margin:262px 0 0 39px; cursor:pointer; }
    .ripple_4       { position:absolute; z-index:4; margin:278px 0 0 232px; cursor:pointer; }
    .ripple_5       { position:absolute; z-index:5; margin:93px 0 0 284px; cursor:pointer; }
    .ripple_6       { position:absolute; z-index:6; margin:87px 0 0 407px; cursor:pointer; }
    .ripple_7       { position:absolute; z-index:7; margin:46px 0 0 525px; cursor:pointer; }
    .ripple_8       { position:absolute; z-index:8; margin:271px 0 0 487px; cursor:pointer; }
    .ripple_9       { position:absolute; z-index:9; margin:235px 0 0 792px; cursor:pointer; }
    .ripple_10      { position:absolute; z-index:10; margin:210px 0 0 848px; cursor:pointer; }
    .ripple_11      { position:absolute; z-index:11; margin:244px 0 0 897px; cursor:pointer; }
    .ripple_12      { position:absolute; z-index:12; margin:330px 0 0 445px; cursor:pointer; }
    .ripple_13      { position:absolute; z-index:13; margin:375px 0 0 775px; cursor:pointer; }
    .ayanHoverEffect_27 li a { width: 140px; }
    .ayanHoverEffect_27 li a:hover, .ayanHoverEffect_27 li a:active { letter-spacing: 2px; color: #e5352c; }
    .contentoRipple a       { font:400 15px 'Montserrat'; }
}
@media only screen and (min-width : 1181px) and (max-width : 1200px) {

    .sliderCover    { background:url(../images/capture_3.png) no-repeat left top; height:600px; padding:0; }
    .ripple_1       { position:absolute; z-index:1; margin:7px 0 0 101px; cursor:pointer; }
    .ripple_2       { position:absolute; z-index:2; margin:48px 0 0 30px; cursor:pointer; }
    .ripple_3       { position:absolute; z-index:3; margin:305px 0 0 50px; cursor:pointer; }
    .ripple_4       { position:absolute; z-index:4; margin:328px 0 0 273px; cursor:pointer; }
    .ripple_5       { position:absolute; z-index:5; margin:121px 0 0 334px; cursor:pointer; }
    .ripple_6       { position:absolute; z-index:6; margin:105px 0 0 476px; cursor:pointer; }
    .ripple_7       { position:absolute; z-index:7; margin:59px 0 0 615px; cursor:pointer; }
    .ripple_8       { position:absolute; z-index:8; margin:325px 0 0 566px; cursor:pointer; }
    .ripple_9       { position:absolute; z-index:9; margin:275px 0 0 922px; cursor:pointer; }
    .ripple_10      { position:absolute; z-index:10; margin:248px 0 0 981px; cursor:pointer; }
    .ripple_11      { position:absolute; z-index:11; margin:241px 0 0 1072px; cursor:pointer; }
    .ripple_12      { position:absolute; z-index:12; margin:384px 0 0 518px; cursor:pointer; }
    .ripple_13      { position:absolute; z-index:13; margin:438px 0 0 900px; cursor:pointer; }
    .contentoRipple a       { font-size:16px; }

}
@media only screen and (min-width : 1201px) and (max-width : 1366px) {
    .sliderCover    { background:url(../images/capture_3.png) no-repeat left top; height:600px; padding:0; }
    .ripple_1       { position:absolute; z-index:1; margin:7px 0 0 101px; cursor:pointer; }
    .ripple_2       { position:absolute; z-index:2; margin:48px 0 0 30px; cursor:pointer; }
    .ripple_3       { position:absolute; z-index:3; margin:305px 0 0 50px; cursor:pointer; }
    .ripple_4       { position:absolute; z-index:4; margin:328px 0 0 273px; cursor:pointer; }
    .ripple_5       { position:absolute; z-index:5; margin:121px 0 0 334px; cursor:pointer; }
    .ripple_6       { position:absolute; z-index:6; margin:105px 0 0 476px; cursor:pointer; }
    .ripple_7       { position:absolute; z-index:7; margin:59px 0 0 615px; cursor:pointer; }
    .ripple_8       { position:absolute; z-index:8; margin:327px 0 0 566px; cursor:pointer; }
    .ripple_9       { position:absolute; z-index:9; margin:275px 0 0 922px; cursor:pointer; }
    .ripple_10      { position:absolute; z-index:10; margin:248px 0 0 981px; cursor:pointer; }
    .ripple_11      { position:absolute; z-index:11; margin:241px 0 0 1072px; cursor:pointer; }
    .ripple_12      { position:absolute; z-index:12; margin:384px 0 0 518px; cursor:pointer; }
    .ripple_13      { position:absolute; z-index:13; margin:438px 0 0 900px; cursor:pointer; }
    .contentoRipple a       { font-size:16px; }
}
@media only screen and (min-width : 1367px) and (max-width : 1680px) {
    .sliderCover    { background:url(../images/capture-2.png) no-repeat left top; height:700px; padding:0; }
    .ripple_1       { position:absolute; z-index:1; margin:14px 0 0 130px; cursor:pointer; }
    .ripple_2       { position:absolute; z-index:2; margin:65px 0 0 50px; cursor:pointer; }
    .ripple_3       { position:absolute; z-index:3; margin:382px 0 0 70px; cursor:pointer; }
    .ripple_4       { position:absolute; z-index:4; margin:382px 0 0 343px; cursor:pointer; }
    .ripple_5       { position:absolute; z-index:5; margin:140px 0 0 415px; cursor:pointer; }
    .ripple_6       { position:absolute; z-index:6; margin:140px 0 0 591px; cursor:pointer; }
    .ripple_7       { position:absolute; z-index:7; margin:82px 0 0 820px; cursor:pointer; }
    .ripple_8       { position:absolute; z-index:8; margin:404px 0 0 702px; cursor:pointer; }
    .ripple_9       { position:absolute; z-index:9; margin:348px 0 0 1138px; cursor:pointer; }
    .ripple_10      { position:absolute; z-index:10; margin:310px 0 0 1212px; cursor:pointer; }
    .ripple_11      { position:absolute; z-index:11; margin:313px 0 0 1291px; cursor:pointer; }
    .ripple_12      { position:absolute; z-index:12; margin:478px 0 0 644px; cursor:pointer; }
    .ripple_13      { position:absolute; z-index:13; margin:541px 0 0 1112px; cursor:pointer; }
}