﻿/* # NEW # - 21.02.2018 - Begins Here */
@font-face {
    font-family: 'LemonMilk';
    src: url('../fonts/LemonMilk/lemonMilk.eot');
    src: url('../fonts/LemonMilk/lemonMilk.eot?#iefix') format('embedded-opentype'), url('../fonts/LemonMilk/lemonMilk.woff') format('woff'), url('../fonts/LemonMilk/lemonMilk.ttf') format('truetype'), url('../fonts/LemonMilk/lemonMilk.svg#LemonMilk') format('svg');
    font-weight: 400;
    font-style: normal;
}


@font-face {
    font-family: 'Greycliff';
    src: url('../fonts/Greycliff/GreycliffCF-DemiBold.eot');
    src: url('../fonts/Greycliff/GreycliffCF-DemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Greycliff/GreycliffCF-DemiBold.woff2') format('woff2'), url('../fonts/Greycliff/GreycliffCF-DemiBold.woff') format('woff'), url('../fonts/Greycliff/GreycliffCF-DemiBold.ttf') format('truetype'), url('../fonts/Greycliff/GreycliffCF-DemiBold.svg#GreycliffCF-DemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Greycliff';
    src: url('../../fonts/Greycliff/GreycliffCF-ExtraBold.eot');
    src: url('../fonts/Greycliff/GreycliffCF-ExtraBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Greycliff/GreycliffCF-ExtraBold.woff2') format('woff2'), url('../fonts/Greycliff/GreycliffCF-ExtraBold.woff') format('woff'), url('../fonts/Greycliff/GreycliffCF-ExtraBold.ttf') format('truetype'), url('../fonts/Greycliff/GreycliffCF-ExtraBold.svg#GreycliffCF-ExtraBold') format('svg');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Greycliff';
    src: url('../fonts/Greycliff/GreycliffCF-Light.eot');
    src: url('../fonts/Greycliff/GreycliffCF-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Greycliff/GreycliffCF-Light.woff2') format('woff2'), url('../fonts/Greycliff/GreycliffCF-Light.woff') format('woff'), url('../fonts/Greycliff/GreycliffCF-Light.ttf') format('truetype'), url('../fonts/Greycliff/GreycliffCF-Light.svg#GreycliffCF-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}


@font-face {
    font-family: 'Greycliff';
    src: url('../fonts/Greycliff/GreycliffCF-Regular.eot');
    src: url('../fonts/Greycliff/GreycliffCF-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Greycliff/GreycliffCF-Regular.woff2') format('woff2'), url('../fonts/Greycliff/GreycliffCF-Regular.woff') format('woff'), url('../fonts/Greycliff/GreycliffCF-Regular.ttf') format('truetype'), url('../fonts/Greycliff/GreycliffCF-Regular.svg#GreycliffCF-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'Greycliff';
    src: url('../fonts/Greycliff/GreycliffCF-Heavy.eot');
    src: url('../fonts/Greycliff/GreycliffCF-Heavy.eot?#iefix') format('embedded-opentype'), url('../fonts/Greycliff/GreycliffCF-Heavy.woff2') format('woff2'), url('../fonts/Greycliff/GreycliffCF-Heavy.woff') format('woff'), url('../fonts/Greycliff/GreycliffCF-Heavy.ttf') format('truetype'), url('../fonts/Greycliff/GreycliffCF-Heavy.svg#GreycliffCF-Heavy') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Greycliff';
    src: url('../fonts/Greycliff/GreycliffCF-Bold.eot');
    src: url('../fonts/Greycliff/GreycliffCF-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Greycliff/GreycliffCF-Bold.woff2') format('woff2'), url('../fonts/Greycliff/GreycliffCF-Bold.woff') format('woff'), url('../fonts/Greycliff/GreycliffCF-Bold.ttf') format('truetype'), url('../fonts/Greycliff/GreycliffCF-Bold.svg#GreycliffCF-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Greycliff';
    src: url('../fonts/Greycliff/GreycliffCF-Medium.eot');
    src: url('../fonts/Greycliff/GreycliffCF-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Greycliff/GreycliffCF-Medium.woff2') format('woff2'), url('../fonts/Greycliff/GreycliffCF-Medium.woff') format('woff'), url('../fonts/Greycliff/GreycliffCF-Medium.ttf') format('truetype'), url('../fonts/Greycliff/GreycliffCF-Medium.svg#GreycliffCF-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

/* # NEW # - 21.02.2018 - Ends Here */
/* # NEW # - 21.05.2018 - Begins Here */
.lifeCellSpecial-banner {
    background: #f6f7f9;
    padding: 0;
}

a[data-fancybox] {
    position: relative;
    width: 100%;
    height: auto;
    display: block;
}

    a[data-fancybox] .ytp-large-play-button {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 68px;
        height: 48px;
        transform: translate(-50%,-50%);
        -moz-transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1);
        -webkit-transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1);
        transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1);
        z-index: 63;
    }

    a[data-fancybox]:hover .ytp-large-play-button-bg {
        fill: #f00;
    }

#carousel-video-section .view_all {
    margin-top: 25px;
}

#carousel-video-section .carousel-inner {
    min-height: 377px;
}

#carousel-video-section .lifebox_section__content {
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 50px;
}

#carousel-video-section .lifebox_section__img {
    top: 0;
}



/* 4.10.2017 */
.pay_payment_details_paycell_information-text{
    position: relative;
    border: 1px solid #e4e4e4;
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.pay_payment_details_paycell_information-text figure{
    position: absolute;
    left: 0;
    top: 0;
    width: 234px;
    height: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
}
.pay_payment_details_paycell_information-text figure img{
    max-width: 100%;
    height: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.pay_payment_details_paycell_information-text p{
    border-left: 1px solid #e4e4e4;
    padding: 19px 20px;
    margin: 0;
    font-size: 12px;
    line-height: 15px;
    display: block;
    margin-left: 234px;
}
/* Paycell Tab */
.paycell-tab_container{
    position: relative;
    width: 100%;
}
    .paycell-tab_container .paycell-tab_header{
        width: 100%;
        border-bottom: 1px solid #e4e4e4;
        padding-bottom: 10px;
    }
        .paycell-tab_container .paycell-tab_header h4{
            font-size: 12px;
            color: #9c9c9c;
            margin: 0;
            padding: 0;
            display: inline-block;
            vertical-align: bottom;
            line-height: 1;
        }
            .paycell-tab_container .paycell-tab_header span{
                display: inline-block;
                vertical-align: text-bottom;
                margin-right: 10px;
            }
    .paycell-tab_container .paycell-tab_body{
        position: relative;
        width: 100%;
        display: inline-block;
        vertical-align: top;
        padding-top: 30px;
    }
    .paycell-tab_container .paycell-tab_body .paycell-tab_item{
        position: relative;
        width: 100%;
        margin-bottom: 10px; 
    }
    .paycell-tab_container .paycell-tab_body .paycell-tab_item .paycell-radio_btn label{
        position: relative;
        padding-left: 30px;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        margin: 0;
        cursor: pointer;
    }
    .paycell-tab_container .paycell-tab_body .paycell-tab_item .paycell-radio_btn label.only-text{
        width: auto;
    }
    .paycell-tab_container .paycell-tab_body .paycell-tab_item .paycell-radio_btn label input[type="radio"]{
        position: absolute;
        left: 0;
        top: 18px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        width: 20px;
        height: 20px;
        opacity: 0;
    }
    .paycell-tab_container .paycell-tab_body .paycell-tab_item .paycell-radio_btn label input[type="radio"] + div{
        background: #f5f5f5;
        
        padding: 0 18px;
        display: block;
        width: 100%;
        height: 56px;
        line-height: 56px;
        color: #9a9a9a;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        font-size: 18px !important;
    }




    .paycell-tab_container .paycell-tab_body .paycell-tab_item .paycell-radio_btn label.only-text input[type="radio"] + div{
        background: none;
        border: none;
        color: #4c4c4c;
    }
    .paycell-tab_container .paycell-tab_body .paycell-tab_item .paycell-radio_btn label input[type="radio"] + div:after{
        content:'';
        display: block;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        border: 2px solid #9c9c9c;
        position: absolute;
        left: 0;
        top: 18px;
        transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
    }
    .paycell-tab_container .paycell-tab_body .paycell-tab_item .paycell-radio_btn label input[type="radio"] + div:before{
        content:'';
        display: block;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        position: absolute;
        left: 4px;
        top: 22px;
        background: #9c9c9c;
        opacity: 0;
        transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
    }
    .paycell-tab_container .paycell-tab_body .paycell-tab_item .paycell-radio_btn label input[type="radio"]:checked + div:after{
        border-color:#3eabe5;
    }
    .paycell-tab_container .paycell-tab_body .paycell-tab_item .paycell-radio_btn label input[type="radio"]:checked + div:before{
        background-color:#3eabe5;
        opacity: 1;
    }

.paycell-tab_container .paycell-tab_body .paycell-tab_item .card_info,
.paycell-tab_container .paycell-tab_body .paycell-tab_item .security_code #security_code{
    width: 100%;
}

.paycell-card_list{
    width: 100%;
}
.paycell-card_item{
    background: #f5f5f5;
    border:1px solid #d8d8d8;
    padding: 0 18px;
    display: block;
    width: 100%;
    height: 56px;
    line-height: 56px;
    color: #9a9a9a;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 16px !important;
    margin-bottom: 10px;
    position: relative;
}
.paycell-card_item span{
    font-size: 16px;
}
.paycell-card_item a.remove-item{
    width: 70px;
    display: block;
    color: #4a4a4a;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 21px 13px;
    text-align:right;
}
.paycell-card_item a.remove-item i{
    display: inline-block;
    vertical-align: top;
    background: url(../images/common/sprite-common.png) -76px 0;
    width: 11px;
    height: 11px;
}
.paycell-card_item a.remove-item span{
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    line-height: 1;
    font-weight: bold;
    margin-left: 10px;
}

.nxmIcon {
    background: url('../images/common/sprite-common.png');
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    margin-top: -2px;
}

.nxmIcon-menu-1,
.nxmIcon-menu-2,
.nxmIcon-menu-3,
.nxmIcon-menu-4 {
    width: 27px;
    height: 27px;
}

.nxmIcon-menu-1 {
    background-position: 0 -1919px;
}

.nxmIcon-menu-2 {
    background-position: -27px -1919px;
}

.nxmIcon-menu-3 {
    background-position: -54px -1919px;
}

.nxmIcon-menu-4 {
    background-position: -81px -1919px;
}


/* 30/01/2019 -  */
#select_package:after {
    display: block;
    content: " ";
    position: absolute;
    height: 14px;
    width: 13px;
    background: url(../images/common/sprite-common.png) -291px -500px;
    left: -20px;
    bottom: 0;
    top: auto !important;
    display: none;
}
.account_type-menu,
.select_package-wrap {
    position: relative;
}

    .account_type-menu > a {
        position: relative;
        z-index: 201;
    }

.account-type > li:hover > a {
    color: #ffe000 !important;
    text-decoration: none !important;
}

.account_type-wrap {
    position: absolute;
    top: 0;
    padding-top: 37px;
    left: 0;
    z-index: 200;
    display: none;
}

.select_package-wrap .package-box_list {
    position: absolute;
    top: 0;
    padding-top: 37px;
    left: -130px;
    z-index: 200;
    display: none;
}
    .account_type-wrap ul,
    .select_package-wrap .package-box_list ul {
        background: #fff;
        -webkit-box-shadow: #222222 1px 1px 3px 0px;
        -moz-box-shadow: #222222 1px 1px 3px 0px;
        box-shadow: #222222 1px 1px 3px 0px;
        display: block;
        width: 245px;
        background: #fff;
    }
.account_type-wrap ul {
    width: 200px;
}

.select_package-wrap:hover > a {
    color: #ffe000;
}

    .select_package-wrap:hover > a i {
        transform: rotate( 90deg );
        display: block;
        transition: 0.4s;
    }

.select_package-wrap > a i {
    transition: 0.4s;
}

.account_type-wrap ul > li,
.select_package-wrap .package-box_list ul > li {
    width: 100%;
}
    .account_type-wrap ul > li > a,
    .select_package-wrap .package-box_list ul > li > a {
        padding: 15px 25px;
        border-bottom: 1px solid #e5e5e5;
        display: block;
        color: #4d4d4d;
        font-weight: bold;
        white-space: nowrap;
    }
    .select_package-wrap .package-box_list ul > li > a {
        padding: 15px;
        white-space: nowrap;
        position: relative;
    }

        .select_package-wrap .package-box_list ul > li > a .nxmIcon {
            position: absolute;
            left: 13px;
            top: 12px;
        }

        .account_type-wrap ul > li > a:hover,
        .select_package-wrap .package-box_list ul > li > a:hover {
            background: #0C4BA0;
            color: #fff;
        }

.account_type-wrap .carrot_up,
.select_package-wrap .package-box_list .carrot_up {
    position: absolute;
    top: 25px;
    right: 30%;
    width: 0;
    height: 0;
    border-bottom: 12px solid #fff;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    overflow: hidden;
}

.account_type-wrap .carrot_up {
    left: 20px;
    right: inherit;
}

.account_type-menu:hover .account_type-wrap
/*.select_package-wrap:hover .package-box_list*/ {
    display: block !important;
}
.ma-content__sub-title-v2 {
   font-size: 32px;
   letter-spacing: -1.07px;
   color: #0a1f34;
   text-align: left;
   position: relative;
   margin-bottom: 40px;
}
   .ma-content__sub-title-v2 span{
      position:relative;
      z-index: 2;
      background:#fff;
      display:inline-block;
      vertical-align: top;
      padding-right: 10px;
   }
   .ma-content__sub-title-v2:after {
      content: '';
      width: 100%;
      height: 1px;
      background: #e5e5e5;
      position: absolute;
      top: 50%;
      left: 0;
      z-index: 0;
   }

.package__item{
   width: 100%;
   margin-bottom:20px;
}
.package__item-header {
   background: #0a1f34;
   color:#fff;
   padding: 20px;
   display: block;
   font-size: 18px;
   font-weight: bold;
   cursor: pointer;
   transition: all .2s ease-in-out;
   position:relative;
}
   .package__item-header:after {
      content: '';
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translateY(-50%);
      font-weight: bold;
      height: 15px;
      width: 15px;
      background: url(../images/common/sprite-common.png) no-repeat;
      background-position: 0 -622px;
      filter: brightness(100);
   }
   .package__item-header.collapsed {
      background: #f8f7f3;
      color: #4d4d4d;
   }
      .package__item-header.collapsed:after {
         background-position: -6px -600px;
         filter: brightness(0);
      }

.package__item-content .package-radio_btn {
   position: relative;
   width: 100%;
   padding: 20px 0 0 0;
}
.package__item-content .package-radio_btn label{
   width:100%;
   position:relative;
   background: #fff;
}

.package__item-content .package-radio_btn label input[type="radio"] {
   position: absolute;
   left: 0;
   top: 18px;
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   width: 20px;
   height: 20px;
   opacity: 0;
}

   .package__item-content .package-radio_btn label input[type="radio"] + div {
      padding: 0 0 0 37px;
      display: block;
      width: 100%;
      color: #9a9a9a;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      font-size: 18px !important;
      display: flex;
      flex-direction: row;
      align-items: center;
   }
   .package__item-content .package-radio_btn label input[type="radio"] + div figure {
      margin: 0;
      padding: 0;
      width: 122px;
   }
      .package__item-content .package-radio_btn label input[type="radio"] + div .text-wrap {
         flex: 1 auto;
         padding-left: 20px;
         max-width: 300px;
      }
        .package__item-content .package-radio_btn label input[type="radio"] + div .text-wrap .title {
            font-size: 14px;
            color: #0C4BA0;
            font-weight: bold;
            display: inline-block;
            vertical-align: top;
            width: 100%;
            margin-bottom: 5px;
        }
         .package__item-content .package-radio_btn label input[type="radio"] + div .text-wrap .text {
            font-size: 18px;
            color: #4d4d4d;
            line-height: 22px;
            display: inline-block;
            vertical-align: top;
            width: 100%;
            font-weight: 400;
            margin-bottom: 5px;
         }
      .package__item-content .package-radio_btn label input[type="radio"] + div .price {
         padding-left: 10px;
         flex: 1;
         display: flex;
         flex-direction: row;
         justify-content: flex-end;
         align-items: center;
      }
            .package__item-content .package-radio_btn label input[type="radio"] + div .price span {
               font-size: 28px;
               color: #12587a;
               font-weight: 700;
            }
            .package__item-content .package-radio_btn label input[type="radio"] + div .price em {
               font-size: 14px;
               color: #12587a;
               font-weight: 400;
               font-style: normal;
               line-height:1.1;
               padding-left:7px;
            }
         .package__item-content .package-radio_btn label.only-text input[type="radio"] + div {
      background: none;
      border: none;
      color: #4c4c4c;
   }

   .package__item-content .package-radio_btn label input[type="radio"] + div:after {
      content: '';
      display: block;
      width: 16px;
      height: 16px;
      border-radius: 50%;
      border: 2px solid #9c9c9c;
      position: absolute;
      left: 0;
      top: 50%;
      transform:translateY(-50%);
      transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
   }

   .package__item-content .package-radio_btn label input[type="radio"] + div:before {
      content: '';
      display: block;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      position: absolute;
      left: 4px;
      top: 50%;
      transform: translateY(-50%);
      background: #9c9c9c;
      opacity: 0;
      transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
   }

   .package__item-content .package-radio_btn label input[type="radio"]:checked + div:after {
      border-color: #3eabe5;
   }

   .package__item-content .package-radio_btn label input[type="radio"]:checked + div:before {
      background-color: #3eabe5;
      opacity: 1;
   }

   .package__item-content .package-radio_btn label input[type="radio"] + div{}


      
.special__form {
    width: 100%;
    max-width: 835px;
    margin-left: auto;
    position: relative;
}

.global_section_new {
    background: #07377e;
    color: #fff;
    padding: 95px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.special__form .title {
    font: 600 50px/50px "Greycliff", "Helvetica", Arial, sans-serif;
}

.special__form div.text {
    color: #ffc30c;
    font: 300 34px/34px "Greycliff", "Helvetica", Arial, sans-serif;
    margin-top: 10px;
}

.special__form .text2 {
    font: 300 24px "Greycliff", "Helvetica", Arial, sans-serif;
    margin-top: 30px;
}


.special__form .form-wrap {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-top: 40px;
}

.special__form .form-wrap > div {
    margin-right: 15px;
    width: 300px;
}

.special__form .form-wrap > div > select,.special__form .form-wrap > div > input {
    width: 100%;
    border: none;
    box-shadow: none;
    height: 40px;
}

.special__form .form-wrap > div > button.button-cta {
    height: 40px;
    line-height: 1;
}

.special__form .form-wrap > div:last-child {
    margin-right: 0;
    width: auto;
}


.nxm2-package_selection > ul {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 30px;
}

    .nxm2-package_selection > ul > li {
        float: left;
        width: calc(50% - 10px);
        position: relative;
        margin-right: 10px;
    }

        .nxm2-package_selection > ul > li > input[type="radio"] {
            position: absolute;
            left: 0;
            top: 0;
            display: none;
        }

        .nxm2-package_selection > ul > li > label {
            width: 100%;
            border: 2px solid #e5e5e5;
            height: 98px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            position: relative;
            background: #fff;
            margin-bottom: 15px;
            cursor: pointer;
        }

            .nxm2-package_selection > ul > li > label span {
                font-size: 18px;
                color: #4d4d4d;
            }

            .nxm2-package_selection > ul > li > label b {
                font-size: 28px;
                font-weight: bold;
                color: #4d4d4d;
                margin-top: 10px;
            }

        .nxm2-package_selection > ul > li > input[type="radio"]:checked ~ label {
            border-color: #0C4BA0;
        }

            .nxm2-package_selection > ul > li > input[type="radio"]:checked ~ label span,
            .nxm2-package_selection > ul > li > input[type="radio"]:checked ~ label b {
                color: #0C4BA0;
            }

        .nxm2-package_selection > ul > li .button-wrap {
            display: none;
        }

            .nxm2-package_selection > ul > li .button-wrap a {
                width: 100% !important;
            }

        .nxm2-package_selection > ul > li > label:after {
            content: '';
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 8px 17px 0 17px;
            border-color: #0C4BA0 transparent transparent transparent;
            position: absolute;
            left: 50%;
            bottom: -10px;
            transform: translateX(-50%);
            font-size: 16px;
        }

        .nxm2-package_selection > ul > li > input[type="radio"]:checked ~ .button-wrap {
            display: block;
        }

.nxm2__campaings-list {
    width: calc(100% + 60px);
    margin: 0 0 0 -30px;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    color: #4d4d4d;
}

    .nxm2__campaings-list > li {
        width: 100%;
        margin: 20px 30px;
    }

        .nxm2__campaings-list > li > a {
            transition: all .2s ease-in-out;
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            justify-content: flex-start;
            height: 100%;
        }

            .nxm2__campaings-list > li > a figure {
                width: 20%;
                text-align: center;
                margin: 0 15px 0px 0;
            }

            .nxm2__campaings-list > li > a .text_wrap {
                width: 100%;
            }

                .nxm2__campaings-list > li > a .text_wrap .title {
                    font-size: 18px;
                    font-weight: bold;
                    color: #0a1f34;
                    margin-bottom: 13px;
                    font-family: "Greycliff", "Helvetica", Arial, sans-serif;
                }

                .nxm2__campaings-list > li > a .text_wrap .text {
                    font-size: 15px;
                    font-family: "Greycliff", "Helvetica", Arial, sans-serif;
                    color: #0a1f34;
                    line-height: 19px;
                    margin-bottom: 15px;
                    height: 38px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

                .nxm2__campaings-list > li > a .text_wrap .money {
                    font-size: 26px;
                    font-family: "Greycliff", "Helvetica", Arial, sans-serif;
                    font-weight: bold;
                }

                    .nxm2__campaings-list > li > a .text_wrap .money em {
                        font-size: 18px;
                        font-weight: normal;
                        font-style: normal;
                        margin-left: 5px;
                    }

            .nxm2__campaings-list > li > a:hover {
                transform: translateY(-5px);
                box-shadow: 11px 10px 6px rgba(0, 0, 0, 0.02);
                border-radius: 2px;
            }

footer .nav-actions {
    float: right;
    margin: 40px 132px 31px 0;
    padding: 0;
}

footer .account_type-wrap .carrot_up,
footer .select_package-wrap .package-box_list .carrot_up {
    position: absolute;
    top: 25px;
    right: 83%;
    width: 0;
    height: 0;
    border-bottom: 12px solid #fff;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    overflow: hidden;
}

.language-selection {
    margin-top: 40px;
    text-align: right;
    font-size: 15px;
}

    .language-selection a {
        color: #fff;
    }

.price-block {
    width: 30%;
    float: right;
    margin-top: 10px;
}

    .price-block .price {
        -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 1px 0px;
        -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 1px 0px;
        box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 1px 0px;
        background: #f6f6f6;
        border-right: 1px solid #fff;
        display: inline-block;
        font-size: 24px;
        height: 44px;
        line-height: 44px;
        padding: 0 13px 0 16px;
        position: relative;
        width: 110px;
    }

.if-free {
    color: #e6177b;
}

.text-left-camp h1 {
    text-align: left;
}

.price-block .price em {
    font-size: 14px;
}

.price-block .font-size-16 {
    font-size: 20px;
    text-align: center;
}

.campaing-image {
    max-width: 480px;
}

.campaing-block {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    font-family: "Greycliff", "Helvetica", Arial, sans-serif;
    position: relative;
    padding-bottom: 30px;
}

.campaing-text {
    padding: 0px 0px 0px 30px;
    width: 465px;
}

    .campaing-text h1 {
        margin: 0 0 25px;
        text-align: left;
    }

    .campaing-text p b {
        font-size: 16px;
        padding-right: 5px;
    }

.camp-desc {
    line-height: 20px;
    margin: 0 0 30px;
    color: #9d9d9d;
    font-size: 16px;
}

.camp-price-block {
    text-align: left;
    background: #ffffff;
    width: 180px;
    bottom: 0px;
    border: 1px solid #F31381;
    height: 90px;
    color: #F31381;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .camp-price-block p {
        font-size: 14px;
        font-weight: 700;
    }

    .camp-price-block span {
        font-size: 28px;
        font-weight: 700;
    }

.camp-section {
   
    padding-bottom: 15px;
}
   
.price-block span.price small.currency {
    font-size: 12px;
}

.camp-price-block strong.amount {
    font-size: 26px;
    padding-left: 10px;
}

.nxm2__campaings-list > .camp-list {
    transition: all .2s ease-in-out;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    height: 100%;
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 15px;
}

    .nxm2__campaings-list > .camp-list > figure {
        width: 20%;
        text-align: center;
        margin: 0 15px 0px 0;
    }

    .nxm2__campaings-list > .camp-list > .text_wrap {
        width: 100%;
    }

        .nxm2__campaings-list > .camp-list > .text_wrap .title {
            font-size: 20px;
            font-weight: bold;
            color: #0a1f34;
            margin-bottom: 13px;
            font-family: "Greycliff", "Helvetica", Arial, sans-serif;
        }

.ico-time-custom {
    height: 13px;
    width: 12px;
    background: url(../../../build/assets/images/common/sprite-common.png) -459px 0px;
    display: inline-block;
    text-indent: -9999px;
}

.nxm2__campaings-list > .camp-list > .text_wrap .text {
    font-size: 15px;
    font-family: "Greycliff", "Helvetica", Arial, sans-serif;
    color: #0a1f34;
    line-height: 19px;
    margin-bottom: 15px;
    height: 38px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nxm2__campaings-list > .camp-list {
    transition: all .2s ease-in-out;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    height: 100%;
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 15px;
}

.nxm2__campaings-list > .camp-list {
    display: none;
}

.nxm2__campaings-list > .active {
    display: flex;
}

.endDate {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

    .endDate p {
        margin-block-end: 0;
        margin-block-start: 0;
        margin-left: 5px;
    }

.campFlex {
    display: flex;
    align-items: baseline;
    justify-content: left;
    flex-direction: row;
}

    .campFlex .currency {
        margin-left: 5px;
    }

.camp-section .wrap {
    border-bottom: 1px solid #d3d3d3;
}
.nxm2__campaings-list-item.detail-camp.active {
    display: block;
}


.secureWarn {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    margin-top: 10px;
    font-size: 12px;
}

    .secureWarn img {
        width: 4%;
        margin-right: 5px;
    }

.payment3D .g__40 {
    border-right: 2px solid #dedede;
    margin-right: 15px;
}

.payment3D {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    font-size: 12px;
    margin-top: 15px;
}




/*Cihaz Talep*/
.device_demand {
    overflow: auto !important;
    background: #f6a71c;
}
.device-demand-page {
    background: #f6a71c;
    width: 100%;
    display: flex;
    align-items: center;
    font-family: Greycliff !important;
    min-height: 100vh;
}
.device-demand-page * {
    font-family: Greycliff !important;
}
.device-container {
    width: 80%;
    margin: 0 auto;
}
.device-left {
    width: 68%;
}
.device-row {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.device-right {
    width: 30%;
    background: #fff;
    border-radius: 5px;
    position: relative;
}
.devive-demandForm {
    padding: 30px;
}
.form-head hr {
    border-width: 2px;
    border-style: solid;
    width: 30%;
    border-color: #0e113a;
}
.form-head {
    text-align: center;
    font-size: 14px;
    padding: 0px 8px;
}
    .form-head h2 {
        color: #0E113A;
        font-size: 28px;
        font-weight: 800;
        font-family: Greycliff !important;
    }
.form-label {
    color: #0e113a;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0px;
}
.form-control input {
    border-color: #80808052;
}
.form-control input {
    width: 95%;
    height: 35px;
    margin-bottom: 0px;
}


.dropdown-modifier6 {
    border: 1px solid #e0e0e0;
    background: #fff !important;
}
    .dropdown-modifier6.closed .selected a {
        position: absolute;
        left: 10px;
        top: 15px;
        text-align: left !important;
        color: #4d4d4d;
    }
    .dropdown-modifier6 li.label.hidden {
        display: block !important;
        visibility:visible !important;
    }
.device-demand-page input:focus {
    border-color: #59ADFF !important;
    box-shadow:none !important;
}
.trk_dropdown.dropdown-modifier6.closed li.selected a {
    font: 400 16px/1 "Greycliff", "Helvetica", Arial, sans-serif;
    color: #4d4d4d;
    padding: 0;
    border-top: 0;
}
.trk_dropdown.dropdown-modifier6 .label a {
    font-weight: 700;
    padding: 15px 20px 35px 17px;
    border-top: 0;
}
.trk_dropdown.dropdown-modifier6.open ul {
    max-height: 220px;
    margin-bottom: 100px;
}
.trk_dropdown.dropdown-modifier6 .label a:after, .trk_dropdown.dropdown-modifier6 .selected:after {
    position: absolute;
    z-index: 0;
    display: block;
    right: 13px;
    top: 16px;
    padding: 0;
    height: 10px;
    width: 15px;
    background: url('../images/back.png') ;
    text-indent: -9000px;
    background-size:100% 100%;
    background-repeat:no-repeat;
}

.trk_dropdown.dropdown-modifier6.open .label a:after {
    transform:rotate(180deg);
}
.device-demandImg {
    position: absolute;
    left: 0;
    width: 60%;
    bottom: 0;
}
.button-demand {
    display: block;
    padding: 10px !important;
    background: #2855ac !important;
    width: 100%;
    font-weight: 600;
    border: 0px;
    color: #fff;
    height:47px;
}
    .button-demand:hover, .button-demand:focus {
        display: block;
        padding: 10px !important;
        background: #234c9c !important;
        width: 100%;
        font-weight: 600;
        border: 0px;
        color: #fff;
    }
.evdeyiz {
    position: absolute;
    top: 0;
    right: 0;
    width: 13%;
}
.left-text-wrap img {
    margin-top: -150px;
}
@media screen and (max-width: 1600px) {
    .evdeyiz {
        position: absolute;
        top: 0;
        right: 0;
        width: 10%;
    }
    .device-right {
        zoom: 85%;
    }
}

@media screen and (max-width: 1366px) {
    .device-right {
        zoom: 73%;
    }
    .left-text-wrap img {
        margin-top: -100px;
    }
   
}

.error-demand {
    color: red;
    display: none;
}

    .error-demand.active {
        color: red;
        display: block;
    }



.left-text-wrap {
    position: absolute;
    left: 0;
    width: 60%;
    bottom: 0;
    text-align: center;
}

.imagetext h1 {
    font-size: 36px;
    color: #0E113A;
}

.imagetext span {
    font-size: 16px;
    width: 50%;
    display: block;
    margin: 0 auto;
}
.imagetext hr {
    width: 15%;
    border-color: #4d4d4d;
    border-bottom-width: 2px;
}


.come-back {
    position: absolute;
    top: 20px;
    left: 30px;
    background: #f6a71c;
    padding: 25px;
    border-radius: 50%;
    width: 3%;
    z-index:2;
}
.big-circle {
    background: #fcc024;
    width: 400px;
    position: absolute;
    top: -150px;
    left: -150px;
    height: 400px;
    border-radius: 50%;
}






/*New Home Page*/


.conf-block {
    padding: 30px 60px;
    border-radius: 20px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background-size: 100% 100% !important;
}

.conf-left {
    width: 70%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.conf-right {
    width: 15%;
}

.conf-left .conf-head {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
}

.conf-left .conf-text {
    font-size: 14px;
    color: #fff;
    margin-top: 5px;
}

.btn-border-white {
    border: 2px solid #fff;
    padding: 7px 30px;
    border-radius: 53px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

    .btn-border-white:hover {
        border: 2px solid #fff;
        padding: 7px 30px;
        border-radius: 53px;
        color: #fff;
        font-size: 18px;
        font-weight: 700;
        letter-spacing: 0.5px;
    }


/*Card*/
.card-list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 0px 0px 30px;
}

.card-item {
    width: calc(100% / 3 - 45px);
    border-radius: 15px;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.3);
    min-height: 320px;
    overflow: hidden;
    display: block;
    transition: 0.4s;
}

    .card-item:hover {
        -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);
        -moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);
        box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);
    }

.card-head {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    min-height: 50px;
    padding: 0px 15px;
    position: relative;
}

.card-head-text {
    width: 65%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

    .card-head-text span {
        font-size: 18px;
        font-weight: 700;
        letter-spacing: 0.5px;
        color: #253646;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

.card-head-flag {
    width: 90px;
    position: absolute;
    top: 0;
    right: 0;
    min-height: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    letter-spacing: 0.5px;
    border-bottom-left-radius: 15px;
}

    .card-head-flag.yellow-flag {
        background: #FDDE00;
        color: #282868;
    }

    .card-head-flag.orange-flag {
        background: #FF6F3E;
        color: #fff;
    }

    .card-head-flag.pink-flag {
        background: #F01F81;
        color: #fff;
    }

.card-price {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    min-height: 40px;
    align-items: center;
}

.card-price-left {
    width: 49%;
}

.card-price-right {
    width: 46%;
    border-left: 1px solid #919fac4d;
    min-height: 60px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    padding-left: 10px;
}

.card-price-left span {
    color: #0C4BA0;
    font-size: 20px;
    font-weight: 800;
    margin-left: 10px;
}

    .card-price-left span sub {
        font-size: 12px;
        bottom: 0;
        font-weight: 600;
    }

    .card-price-left span sup {
        font-size: 12px;
        bottom: 0;
        font-weight: 600;
    }

.card-img {
    min-height: 210px;
    display: block;
    width: 100%;
    margin: 20px 0px;
}

.price-top span {
    color: #636F7D;
    font-size: 18px;
    font-weight: 700;
}

    .price-top span sup {
        top: -3px;
        font-size:10px;
    }

.price-top {
    margin-bottom: 7px;
}

.price-bottom {
    font-weight: 700;
}

    .price-bottom sup {
        top: -2px;
    }


        .price-bottom sup:last-child {
            color: #0C4BA0;
        }

    .price-bottom del, .price-bottom del sup {
        color: #919FAC !important;
    }







/*Package Card*/
.package-card .card-head-text {
    width: 100%;
}

.package-card .card-head {
    min-height: 70px;
}

.blue-circle {
    position: absolute;
    width: 400px;
    height: 120px;
    background: rgb(36, 75, 177) radial-gradient(circle at 40px 0, rgb(39, 53, 111) 40%, rgba(39, 53, 111, 0.75) 40%, rgba(39, 53, 111, 0.75) 60%, rgba(39, 53, 111, 0.5) 60%, rgba(39, 53, 111, 0.5) 85%, rgba(0, 0, 0, 0) 85%);
    border-radius: 50%;
    top: -25px;
    left: -65px;
}

.yellow-circle {
    position: absolute;
    width: 400px;
    height: 120px;
    background: #FFC40C;
    border-radius: 50%;
    top: -25px;
    left: -65px;
}

.platinium-circle {
    position: absolute;
    width: 400px;
    height: 120px;
    background: #253646;
    border-radius: 50%;
    top: -25px;
    left: -65px;
}

.package-card {
    position: relative;
}

    .package-card .card-head-text span {
        color: #fff;
        font-weight: 600;
        font-size: 16px;
    }

.package-detail-item span {
    color: #919FAC;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 70px;
    height: 1.2em;
    white-space: nowrap;
    font-size: 12px;
}

.card-img.package-fay {
    min-height: 60px;
    width: 100%;
    margin: 40px 0px 0px 0px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-evenly;
}

.package-detail-list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 30px;
}

.package-detail-item {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    min-height: 100px;
    justify-content: space-evenly;
    margin-left: 10px;
    align-items: flex-start;
}

.detail-item-top {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
}

    .detail-item-top span {
        font-size: 22px;
        font-weight: 800;
        color: #0C4BA0;
        text-overflow: inherit;
        width: 100%;
    }

        .detail-item-top span sub {
            font-size: 11px;
            bottom: 0;
            font-weight: 600;
        }

.package-price-new span {
    color: #919FAC;
}

.card-head-text.black-text span {
    color: #293679;
}

.btn-all {
    font-size: 14px;
    font-weight: 300;
    color: #184392;
    text-decoration: none;
    padding: 8px 35px;
    text-align: center;
    border: 1px solid #184392;
    border-radius: 40px;
}

.btn-block-new {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 50px;
}

.head-block {
    width: 100%;
    text-align: center;
    margin: 20px 0px;
}

.head-new {
    font-size: 24px !important;
    letter-spacing: 0.5px !important;
    font-weight: 800;
    color: #293679;
    margin-bottom: 20px !important;
    margin-top: 15px !important;
}

.card-img.package-fay img {
    width: 30px;
}

.card-price-left.camp-price {
    text-align: center;
    width: 100%;
}

.card-head-text.camp-card-text {
    width: 100%;
}

.card-price-left span sup {
    font-size: 12px;
}



.package-card .card-head-text span:last-child {
    display: block;
    font-size: 10px;
    font-weight: 400;
    opacity: 0.8;
}

.package-card .card-head-text span:first-child {
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    opacity: 1;
}

.detail-item-top img {
    height: 23px !important;
    min-width: 35px;
}

.card-price-left.package-price-new span {
    color: #0C4BA0;
    font-weight: 800;
}

.card-price-left span sup {
    font-size: 12px;
    top: -5px;
}

.detail-item-top span sup {
    font-size: 11px;
    top: -5px;
    font-weight: 600;
}

.package-icon {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin: 10px 0px;
}

    .package-icon img {
        margin-right: 10px;
        height: 35px;
    }
.new-fo {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
}

li.select_package-wrap.hv-op.fast-op {
    margin-right: 15px;
}

.new-fo img {
    margin-right:5px;
    width:22px;
}
@font-face {
    font-family: 'nxmIcon';
    src: url('/Assets/Web/build/assets/fonts/nxmIcon/nxmIcon.eot?duk69x');
    src: url('/Assets/Web/build/assets/fonts/nxmIcon/nxmIcon.eot?duk69x#iefix') format('embedded-opentype'), url('/Assets/Web/build/assets/fonts/nxmIcon/nxmIcon.ttf?duk69x') format('truetype'), url('/Assets/Web/build/assets/fonts/nxmIcon/nxmIcon.woff?duk69x') format('woff'), url('/Assets/Web/build/assets/fonts/nxmIcon/nxmIcon.svg?duk69x#nxmIcon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

i.nxmIcons {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'nxmIcon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-nxmIcon-log-in:before {
    content: "\e900";
}

.icon-nxmIcon-turkcell:before {
    content: "\e901";
}

.icon-nxmIcon-user:before {
    content: "\e902";
}

.icon-nxmIcon-correct:before {
    content: "\e903";
}

.icon-nxmIcon-sms:before {
    content: "\e904";
}

.icon-nxmIcon-arrow:before {
    content: "\e905";
}


 
.icon-nxmIcon-usernew:before {
    content: "\e908";
}

.icon-nxmIcon-search:before {
    content: "\e907";
}

.icon-nxmIcon-down-arrow-circle:before {
    content: "\e906";
}
.icon-nxmIcon-shopping:before {
    content: "\e909";
}
.icon-nxmIcon-lock:before {
    content: "\e90a";
}


.icon-nxmIcon-world:before {
    content: "\e90d";
}

.icon-nxmIcon-laptop:before {
    content: "\e90b";
}

.icon-nxmIcon-invoice:before {
    content: "\e90c";
}

.icon-nxmIcon-plus:before {
    content: "\e90f";
}

.icon-nxmIcon-minus:before {
    content: "\e90e";
}
.icon-nxmIcon-close:before {
    content: "\e910";
}


.icon-nxmIcon-credit-card:before {
    content: "\e912";
}

.icon-nxmIcon-tl:before {
    content: "\e911";
}
.icon-nxmIcon-cargo:before {
    content: "\e913";
}

.icon-nxmIcon-contor:before {
    content: "\e915";
}

.icon-nxmIcon-pakety:before {
    content: "\e914";
}


.icon-nxmIcon-check:before {
    content: "\e916";
}

.icon-nxmIcon-menu:before {
    content: "\e917";
}









.arrow-right {
    transform: rotate(180deg);
    display: inline-block;
}
.new-fo .nxmIcons {
    font-size: 16px;
    display: block;
    margin-left: 8px;
}
.arrow-down {
    transform: rotate(270deg);
    font-size: 12px !important;
    width: auto;
    margin-left: 15px !important;
}
.new-search {
    color: #fff;
}
   
    .new-search:hover {
        color: #f2e000;
    }

ul.nxm-nav-userInterface li {
    margin-right: 10px;
}

    ul.nxm-nav-userInterface li.fast-op {
        margin-right: 0px;
    }

.shopping {
    font-size: 16px;
    color: #fff;
    position:relative;
}
    .shopping:hover {
        color: #f2e000;
    }
.nxm-nav-userInterface .new-user {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.6px;
}
.show-selected-span i {
    position: absolute;
    left: 14px;
    top: 10px;
    font-size: 27px;
}
.dropdown-right-select i {
    position: absolute;
    left: 14px;
    top: 10px;
    font-size: 27px;
}
#trk_tour_account_type .account_type-menu .carrot_down {
    position: relative;
    padding: 1px 26px 1px 1px;
    z-index: 201;
}

/*.select_package-wrap a.carrot_down:before {
    display:none !important;
}







    .fast-operations .user {
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 0.6px;
        text-transform:none;
    }

.fast-operations .carrot_down:before {
    display: none !important;
}*/

.fast-operations .select_package-wrap .package-box_list ul {
    background: #fff;
    -webkit-box-shadow: #222222 1px 1px 3px 0px;
    -moz-box-shadow: #222222 1px 1px 3px 0px;
    box-shadow: #222222 1px 1px 3px 0px;
    display: block;
    width: 245px;
    background: #fff;
}

   



.fast-operations .package-box_list ul {
    width: 250px !important;
    padding: 0px 0px;
}

.fast-operations .select_package-wrap .package-box_list {
    left: -130px !important;
}

    .fast-operations .select_package-wrap .package-box_list ul > li > a:hover {
        background: #184392;
        color: #fff;
    }

.fast-operations .package-box_list {
    display: none;
}

    .fast-operations .package-box_list.open {
        display: block !important;
        z-index:9999;
    }
.fast-operations .select_package-wrap .package-box_list ul > li > a > i {
    font-size: 22px;
    width: auto;
    height: auto;
    margin-right: 5px;
}
.user-login:hover {
    color: #f2e000;
}

.new-pass {
    padding: 14px;
    font-size: 14px;
    width: 100%;
    height: 45px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: inset 0px 1px 3px -2px #000;
    -moz-box-shadow: inset 0px 1px 3px -2px #000;
    box-shadow: inset 0px 1px 3px -2px #000;
    background-color: #f6f6f6;
    border: 1px solid #e2e2e2;
    border-top: 1px solid #cdcdcd;
    border-bottom: 1px solid #efefef;
    color: #9d9d9d;
    display: inline-block;
    font-size: 14px;
    margin: 0;
    width: 300px !important;
    margin-bottom: 20px !important;
    border-radius: 10px;
    width: 220px;
    transition: .3s;
    background-color: #fff !important;
}
.hv-op:hover .package-box_list {
    display: block !important;
    z-index: 9999;
}





.head-device-login {
    display: block;
    color: #2A51A3;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
}

.logindevice-Control .login-right-side-wrapper {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin-bottom: 15px;
}

    .logindevice-Control .login-right-side-wrapper .login-device-c {
        width: 100%;
        text-align: center;
        padding: 15px 10px;
        background: #2A51A3;
        color: #fff;
        border-radius: 10px;
        font-size: 18px;
        margin-bottom: 15px;
    }
    .logindevice-Control .login-right-side-wrapper .nologin-device-c {
        width: 100%;
        text-align: center;
        padding: 15px 10px;
        border: 1px solid #2A51A3;
        color: #2A51A3;
        border-radius: 10px;
        font-size:18px;
    }
.logged_in .search-input-container {
    position: fixed !important;
    width: 100% !important;
    height: 100%;
    left: 0px !important;
    top: 160px !important;
}
.nxm-search {
    display:block !important;
}
input.text.typeahead_extended.search_input::placeholder {
    color: #9d9d9d !important;
}
div#drop-search {
    height: auto !important;
    min-height: 40% !important;
}


.fast-operations .select_package-wrap .package-box_list ul > li > a > i {
    width: 25px;
    text-align: center;
}





.item-quantity {
    background: #ffc900;
    width: 15px;
    position: absolute;
    height: 15px;
    font-size: 12px;
    border-radius: 50%;
    text-align: center;
    right: -10px;
    top: -9px;
    color: #000;
    z-index: 99999;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    line-height:1px;
}

.package-icon-wrap {
    width: 70%;
    background: #0c4ba0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin: 0 auto;
    margin-bottom: 10px;
}

    .package-icon-wrap img {
        max-width: 80px;
        padding: 22px 20px;
    }

.tabs-package {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
}

.tab-new-item {
    display: flex !important;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 180px !important;
}

li.tab-new-item.active a:after {
    display: none;
}

li.tab-new-item.active a {
    border: 0px;
}

.tab-new-item a {
    font-size: 18px !important;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.tab-head {
    text-align: center;
    margin: 30px 0px;
    font-size: 26px;
    font-weight: 700;
    color: #0c4ba0;
    text-transform: uppercase;
}

li.tab-new-item a {
    border: 0px !important;
}

.fast-op.select_package-wrap > a:after {
    content: " | " !important;
    display: block !important;
    background: none !important;
    position: static !important;
    margin-left: 10px;
    height: auto !important;
    width: auto !important;
}

.fast-op.select_package-wrap:hover > a:after {
    content: " | " !important;
    color: #fff !important;
    display: block !important;
    background: none !important;
    position: static !important;
    margin-left: 10px;
    height: auto !important;
    width: auto !important;
}

#drop-search .dropbox_position_element {
    display: none;
}

.nav-boxes ul li {
    margin: 10px 0px;
}

.nav-boxes li {
    max-width: 150px;
}

li.menu-image {
    width: 170px !important;
    margin-right: 0px !important;
    min-height: 220px;
    float: right;
    max-width: 170px !important;
}

.menu-title {
    color: #000000;
    text-transform: uppercase;
    font-size: 16px;
}





@media screen and (max-width: 600px) {
    .item-quantity {
        background: #ffc900;
        width: 15px;
        position: absolute;
        height: 15px;
        font-size: 12px;
        border-radius: 50%;
        text-align: center;
        right: -6px;
        top: -9px;
        color: #000;
        z-index: 9;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

}

.logged_out .search-tops {
    top: 60px !important;
}

.logged_in .box-search {
    top: 195px !important;
}

    .logged_in .box-search.search-tops {
        top: 60px !important;
    }




/*Paketler yeni tasarım*/

.package-head {
    position: relative;
    background: rgb(12 75 160 / 90%);
    background-size: cover;
    height: 200px;
}

    .package-head svg {
        position: absolute;
        bottom: -10px;
        left: 0;
        width: 100%;
        height: 100px;
        display: block;
    }

.head-package {
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 150px;
}

.p-head {
    font-size: 58px;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-bottom: 15px;
}

.p-head-desc {
    font-size: 18px;
    letter-spacing: 0.5px;
}

.p-h-item {
    font-size: 18px;
    margin: 0px 15px;
    color: #828282;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1pt;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
}

.p-h-items {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    margin: 20px 0px;
    align-items: center;
}

a.active.p-h-item {
    color: #0c4ba0;
}

.p-h-item i {
    font-size: 16px !important;
    line-height: 0px;
}

.package-head-item-to {
    border-top: 1px solid #bdbdbd;
    border-bottom: 1px solid #bdbdbd;
}

.p-h-i-i {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin: 15px 0px;
}

.item-head-desc {
    font-size: 18px;
    margin: 0px 25px;
    color: #828282;
}

.active.item-head-desc {
    color: #0c4ba0;
    border-bottom: 2px solid;
}

.active.p-h-item i {
    transform: rotate( 90deg );
    line-height: 26px;
}