@import "start-bubble.css";
.error{color:red !important; }
.cursor-none{pointer-events:none!important; }
.cursorpoint{cursor: pointer; }
.main-menu{
    height: 128px; 
    /*background-image: url(../../img/bg-img/header-bg.jpg); background-size: cover;*/
    position: relative;
    z-index: 1;
    background-position: bottom center;    
    
    background: #55d3e8;
    background: -webkit-linear-gradient(to left, #1d6da6, #559fd2);
    background: -webkit-linear-gradient(right, #1d6da6, #559fd2);
    background: -webkit-gradient(linear, right top, left top, from(#1d6da6), to(#559fd2));
    background: -o-linear-gradient(right, #1d6da6, #559fd2);
    background: linear-gradient(to left, #1d6da6, #559fd2);
}
.logout{ background: #126aa7; border-radius: 3px;}
.menu_area #nav .nav-link{ padding: 3px 15px 6px 15px; margin-top: 20px; border-radius: 3px;}
.notification{ background: #126aa7; border-radius: 30px; color: #fff; display: inline-block; margin: 0 0 0 5px; padding:1px 8px; }
.zero-notification{  border-radius: 30px; color: #fff; display: inline-block; margin: 0 0 0 5px; padding:1px 8px; }
.language{ position: absolute; right: 15px; bottom: -15px;}
.language select{ border: solid 1px #fff; background: #eee; border-radius: 3px; padding: 3px 10px;}
.sticky .menu_area #nav .nav-link{ margin-top: 0;}
.sticky .language{ display: none;}

/*Home page circle start*/
.company-logo{ text-align: center; padding: 15px; background: #fff;}
.company-logo img{ vertical-align: middle; height: 70px;}
.company-logo h2{ display: inline-block; margin: 0 0 0 10px; color: #126aa7; font-size: 35px; font-family: 'MYRIADPROREGULAR';}
.cricle-area{
    /*background: url(../../img/bg-img/circle-bg.jpg) top repeat-x;*/ 
    background-color: #fff; min-height: 750px; padding: 30px 0 60px; 
    position: relative; z-index: 0;
}
.cricle-area h1{ text-align: center; color: #126aa7; font-size: 50px; font-family: 'MyriadPro-Semibold';}  
.bubble-area{ padding: 68px 0 0;}
/*Home page circle end*/

/*Custom modal start*/
#BusinessInfoModal{ margin: 0 !important; padding: 0 !important;}
.modal-header{ padding: 10px; border: 0;}
.modal-title{ color: #222; text-align: center; position: relative; font-size: 26px; width: 100%; font-family: 'MyriadPro-Semibold';}
.modal-title:after{ content: ""; width: 18px; height: 26px; background: #58ade9; border: solid 4px #fff; position: absolute; bottom: -25px; right: 0; left: 0; text-align: center; margin: 0 auto; 
                    -ms-transform: skewX(-20deg); /* IE 9 */
                    -webkit-transform: skewX(-20deg); /* Safari */
                    transform: skewX(-20deg);
}
.modal-title:before{ content: ""; width: 230px; height: 4px; background: #58ade9; position: absolute; bottom: -14px; right: 0; left: 0; text-align: center; margin: 0 auto; }
.close{ color: #4d97cb; font-size: 25px; opacity: 10; font-family: 'MyriadPro-Semibold'; font-weight: bold; cursor: pointer;}
.modal-body{ min-height: 530px;}
.modal-dialog{ min-width:970px;}
.modal-content{border-radius: 20px; border: 0; border-bottom: solid 11px #4e99ce;}
.info-slides{}
.carousel-control-prev, .carousel-control-next{ width: 108px; height: 130px; opacity:10; position: absolute; right: -56px; top: 140px; }
.carousel-control-prev{ right: auto; left: -56px; opacity:10;}
.carousel-item{ }
.info-data{padding: 40px 50px 10px 50px;}
.info-image{ float: left; width: 25%;}
.info-detail{ float: left; width: 75%; padding: 30px 0 0 50px;}
.info-detail ul li{ margin: 0; padding: 0 0 16px 55px; min-height: 50px; font-size: 24px; line-height: 26px; color: #5a5a5a; font-family: 'MYRIADPROREGULAR'; position: relative; }
.info-detail ul li img{ position: absolute; left: 0; top: 3px; width: 35px;}
.sofar-content { width: 380px; margin: 0 auto; text-align: center; padding: 0 0 15px;}
.sofar-content p { text-align: center; margin: 0;}
.sofar-content .eur-img {width: 130px; margin: 10px 0 0;}
.btn-blue{ background: #1269a6; color: #fff; font-size: 20px; padding: 10px; border: 0; border-radius: 5px; }
.green-text{ color: #08b144; font-size: 20px;}
.red-text{ color: #ff0000; font-size: 20px;}
.red-text span{ color: #333; display: block;}
.envelope-data{ position: relative; width: 170px; height: 170px; font-size: 14px; background: url(../../img/eur.png) top no-repeat; margin: 0 auto; padding: 127px 0 0; line-height: 14px;}
.envelope-data-sml{ position: relative;
width: 144px;
height: 146px;
font-size: 14px;
background: url(../../img/eur-small.png) top no-repeat;
padding: 99px 0 0;
float: left;}
.envelope-data-sml span{font-family: 'MyriadPro-Semibold';
font-size: 16px;
display: block;
line-height: 15px;
padding-top: 5px;}
.info-detail.full-detail{ float: none; margin: 0 auto; padding: 40px 0 0;}
.with-futurecall{ padding:80px 50px 20px;}
.card-content{}
.three-items{ text-align: center; padding: 20px 0 0; display: table; width: 100%;}
.three-items .envelope-data{ float: left;}
.three-items i{ float: left; font-size: 25px; padding:65px 10px 0}
.iphon-photo{ float: left; padding: 25px 0 0;}
.iphon-photo img{ width: 50px;}
.great-plan{ float: left; position: relative; width: 130px; height: 105px; margin: 20px 0 0; padding: 65px 0 0; font-size: 14px; background: url(../../img/front/plan-img.jpg) top no-repeat; background-size: cover;}
.footer-show{padding: 0px; margin: 0; box-shadow: rgba(0, 0, 5px, 0.3);}
.footer-shadow{box-shadow: rgba(0, 0, 0, 0.3) 0px 20px 30px -20px;}
/*Custom modal end*/

/*Login and intrest-content modal start*/
.login-modal{ max-width: 580px; min-width: auto;}
.login-modal .modal-body{ min-height: auto;}
.login-fields{ padding: 60px 70px 40px;}
.login-fields .form-control{ border: solid 1px #ccc;   box-shadow: inset 1.5px 2.598px 7px 0px rgba(0, 0, 0, 0.15); border-radius: 8px; height: 55px;}
.login-fields .form-group{ margin-bottom: 20px;}
.blue-btn{ 
    /*background: #1269a6;*/ 
    background: #1f78b5; 
    padding: 10px; color: #fff; font-size: 25px; cursor: pointer; border-radius: 6px; border: 0;
}
.btn-primary:hover { background-color: #1f78b5;
    border-color: #1f78b5;}

.intrest-content{ padding: 60px 50px 40px;}
.intrest-content h3{ color: #333; font-size: 20px; text-align: left;}
.intrest-content ul li{
    font-family: 'MYRIADPROREGULAR';

    list-style: disc;

    margin-left: 16px;    
}
.reasons label{ display: block; color: #126aa7; font-size: 18px; padding: 6px 0;}
.reasons textarea{ height: 182px;}

.video-modal{ max-width: 950px; min-width: auto;}
.video-modal .modal-body{ min-height: auto;}
.video-modal.modal-dialog {min-width: 84%;margin: 4px auto;}
.video-modal.modal-dialog .login-fields{padding: 20px 90px 0px;}
/*Login and intrest-content modal end*/

/*Product lost page start*/
.product-list-page{ 
    min-height: 800px; padding: 50px 0 100px;
    background: #cce0ee;
    /*
    background: #55d3e9; 
    background: -moz-linear-gradient(left, #55d3e9 0%, #4785db 100%); 
    background: -webkit-linear-gradient(left, #55d3e9 0%,#4785db 100%); 
    background: linear-gradient(to right, #55d3e9 0%,#4785db 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55d3e9', endColorstr='#4785db',GradientType=1 ); */
}
.page-title:after{ background: #fff; border: solid 4px #50b2e3; }
.page-title:before{ background: #58ade9;}
h1.page-title{ color: #0870b7;}
.product-items{ padding: 90px 0 0;}
.phone-box{ background: #fff; border-radius: 20px; padding: 30px; margin: 0 0 30px; text-align: center; transition: all 0.5s ease;}
.phone-box:hover{ box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3); }
.phone-box:hover h3{ color: #126aa7;}
.phone-box:hover p{ color: #111;}
.phone-photo{ height: 360px; padding: 0 0 15px;}
.phone-box h3{ color: #111; font-size: 26px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: 'MyriadPro-Semibold'; margin:5px 0;}
.phone-box p{ color: #555; font-size: 18px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0 0 15px;}
.prd-btn{ background: #126aa7; cursor: pointer; font-size: 32px; border: 0; padding: 3px 20px; width: 210px; font-family: 'MyriadPro-Semibold';}
/*Product lost page end*/

/*Product detail page start*/
.product-detail{ padding: 80px 0; background: #fff;}
.big-photo{ padding: 30px; border: solid 1px #c4c4c4; text-align: center;}
.detail-area{ }
.detail-area h1{ color: #126aa7; font-size: 32px; font-family: 'MyriadPro-Semibold';}
.detail-area h3{ color: #333; font-size: 28px; font-family: 'MyriadPro-Semibold'; text-align: left;}
.detail-area h4{ color: #555; font-size: 19px; }
.product-row{ width: 100%; display: table;}
.color-box{float: left;  margin: 0 15px 10px 0;cursor: pointer;}
.color-img{  height: 96px; width: 96px; padding: 10px; border: solid 1px #c4c4c4;}
.color-box:hover .color-img{border: solid 1px #50b6e3 !important;}
.color-active .color-img{border: solid 1px #50b6e3 !important;}
.color-img img{ width: 100%; height: 100%; object-fit: contain;}
.color-box p{ color: #555; text-align: center; font-size: 16px;}
.capacity-row .color-img{ color: #555; font-size: 18px; height: auto; text-align: center; padding: 7px;}
.capacity-row .color-active .color-img{border: solid 1px #50b6e3 !important;}
.highlights p{ color: #8d8d8d; font-size: 18px; margin: 0; line-height: 32px;}
.plans-services{ margin: 0 0 30px;}
.plan-box{ background: #eaeaea; border-radius: 4px; color: #126aa7; margin: 0 0 5px; padding:10px 15px; font-size: 19px;}
.plan-box input{ margin-right: 12px;}
.round-btn{ background:#126aa7; font-size: 24px; color: #fff; font-family: 'MyriadPro-Semibold'; padding: 12px 35px; border: 0; border-radius: 30px; cursor: pointer; }
.round-btn.red{ background:#e3493e; }
.noInerest{}
.noInerest h1{ color: #126aa7; font-size: 25px; font-family: 'MyriadPro-Semibold';}
.noInerest h3{ color: #333; font-size: 22px; font-family: 'MyriadPro-Semibold'; text-align: left; margin: 0 0 15px;}
.noInerest p{ color: #737373; font-size: 22px; line-height: 34px;}
.image-modal .modal-body{ height: 450px;}
.image-modal .close { position: absolute; right: 20px; top: 10px; z-index: 999;}
.slider-image{ text-align: center; height: 100%;}
.slider-image img{height: 450px; vertical-align: middle;}
/*Product detail page end*/

/*Summary page start*/
.back-btn .prd-btn{ font-size: 22px; width: auto; }
.summary-box{ padding: 25px 15px 25px 190px; background: #eaeaea; border-radius: 6px; position: relative;}
.summary-photo{ width: 148px; height: 148px; padding: 10px; background: #fff; text-align: center; position: absolute; left: 25px;}
.summary-detail h5{ color: #126aa7; font-family: 'MyriadPro-Semibold'; font-size: 22px; margin: 0 0 10px;}
.summary-detail p{ color:#333; font-size: 20px;}
.summary-detail p span{ color: #737373; width: 65%; float: right; display: inline-block; }
.request-form .form-control{ padding: 11px 15px;}
.input-group-text{ background: #d9d9d9; border-radius: 5px 0 0 5px; padding: 10px;}
.input-group-addon{ color: #fff; background: #d9d9d9; font-size: 22px;}
.request-field{ margin: 0 0 15px;}
.request-field label{ font-size: 18px; color: #333; margin: 0 0 5px;}
.sum-buttons{ padding: 40px 0 0;}
/*Summary page end*/

/*FAQ page start*/
.faq-page{min-height: 800px; padding: 50px 0 50px;}
.faq-page .modal-title:after{ border-color: #58ade9;}
.faq-accordian{ padding: 70px 0 0;}

/* Acordeon styles */
.tab {position: relative; margin-bottom: 1px; width: 100%; color: #fff; overflow: hidden; margin: 0 0 10px;}
.tab input { position: absolute; opacity: 0; z-index: -1;}
.tab label {
    position: relative; display: block; padding: 0 0 0 1em; margin: 0; font-weight: bold;  line-height: 3;  cursor: pointer; font-size: 20px;
    /*
    background: #55d3e9;
    background: -moz-linear-gradient(left, #55d3e9 0%, #4785db 100%); 
    background: -webkit-linear-gradient(left, #55d3e9 0%,#4785db 100%); 
    background: linear-gradient(to right, #55d3e9 0%,#4785db 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55d3e9', endColorstr='#4785db',GradientType=1 ); */
    background: #55d3e8;
    background: -webkit-linear-gradient(to left, #1d6da6, #559fd2);
    background: -webkit-linear-gradient(right, #1d6da6, #559fd2);
    background: -webkit-gradient(linear, right top, left top, from(#1d6da6), to(#559fd2));
    background: -o-linear-gradient(right, #1d6da6, #559fd2);
    background: linear-gradient(to left, #1d6da6, #559fd2);
}
.tab-content { max-height: 0;  overflow: hidden; background: #fff;
               -webkit-transition: max-height .35s;
               -o-transition: max-height .35s;
               transition: max-height .35s;
}
.tab-content p { margin: 1em;}
/* :checked */
.tab input:checked ~ .tab-content {
    max-height: 100vh;
}
/* Icon */
.tab label::after {
    position: absolute; right: 0; top: 0; display: block; width: 3em; height: 3em; line-height: 3; text-align: center;
    -webkit-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;
}
.tab input[type=checkbox] + label::after {
    content: "+";
}
.tab input[type=radio] + label::after {
    content: "\25BC";
}
.tab input[type=checkbox]:checked + label::after {
    transform: rotate(315deg);
}
.tab input[type=radio]:checked + label::after {
    transform: rotateX(180deg);
}
/*./*/
/*FAQ page end*/

/*Contact page start*/
.contact-page{ padding: 100px 0 50px;}
/*Contact page end*/

/*Notification start*/
.notification-box{ padding:70px 0 30px;}
.notification-item{ position: relative;   }
.notification-item ul{ margin: 0; padding: 0 0 0 26px; border-left: solid 4px #2288dd; }
.notification-item ul li{ border-left: solid 4px #2288dd; position: relative; margin: 0 0 18px; box-shadow: 0 0 15px #ccc; padding: 0; display: block; padding: 20px; border-radius: 10px; background: #fff; text-align: left;}
.notification-item ul li:after{ content: ""; position: absolute; left: -43px; top:18px; background: #fff; width: 22px; height: 22px; border: solid 3px #2288dd; border-radius: 100%;}
.notification-item ul li:before{ content: ""; position: absolute; left: -15px; 
                                 width: 0;
                                 height: 0;
                                 border-style: solid;
                                 border-width: 10px 20px 10px 0;
                                 border-color: transparent #fff transparent transparent;

}
.notification-item ul li h3{ text-align: left; margin: 0; color: #4786db; font-family: 'MyriadPro-Semibold'; font-size: 20px; padding: 0 140px 0 0;}
.notification-item ul li h3 span{ font-family: 'MYRIADPROREGULAR'; color: #ababab; font-size: 16px; float: right; position: absolute; top: 20px; right: 20px;}
.notification-item ul li p{ margin: 10px 0;}
.read-notification{color:#78828f!important;}
.notification-item ul li h3:not(.read-notification) {cursor: pointer;}
/*Notification end*/

/*Static page*/
.about-page{ background: #fff; padding: 20px; margin:70px 0 30px;text-align: center;}
.about-page h4{ color: #4794db; font-family: 'MyriadPro-Semibold'; font-size: 24px;}
/*Static page*/

.sub-heading{font-size: 15px;font-family: MYRIADPROREGULAR;}
.envelope-price span{font-family: 'MyriadPro-Semibold'; font-size: 16px;}
.showMsg{display: block;font-size:14px;color:#666;padding-left: 18px;  }
.f24 {font-size: 24px;}
.txtBox li{ list-style: disc; } 


/*Begining of Responisve Medias*/
/*****************1111111111********************/
@media only screen and (min-width : 992px) and (max-width : 1200px) {

}

/******************2222222222*******************/
@media only screen and (max-width : 991px) {
    .cricle-area h1{font-size: 35px;}
    .modal-dialog{min-width: 720px;}
    .info-detail ul li{font-size: 20px; padding: 0 0 16px 40px;}
    .info-detail ul li img{width: 28px; top: 5px;}
    .sofar-content{ width: 100%;}
    .intrest-content{ padding: 50px 20px 30px;}

    .phone-box{ padding: 20px;}
    .phone-photo{height: 310px;}
    .prd-btn{width: 175px; padding: 3px 10px; font-size: 26px;}

    .summary-box{ padding: 25px;}
    .summary-photo{ width: 100%; position: relative; left: auto; margin: 0 0 20px; }
    .red{ margin: 15px 0 0;}
    .video-modal.modal-dialog {min-width: 95%;margin: 4px auto;}
    .video-modal.modal-dialog .login-fields{padding: 20px 0 0px;}
}

/******************3333333333*******************/
@media only screen and (max-width : 767px) {
    .modal-dialog{min-width: 568px;}
    .card-content{ margin-top: 20px;}
    .detail-area{ padding: 20px 0 0;}
    .red{ margin:0;}
}

/******************4444444444*******************/
@media only screen and (max-width : 600px) {
    .user-options .center-logo{width: 160px;}   
   

    .modal-dialog{min-width: inherit; width: 100%; padding: 0 30px 0 11px;}
    .video-modal.modal-dialog{ padding: 0 5px 0 5px;margin: 20vh auto;}
    .info-data{ padding: 20px 30px 10px 30px;}
    .info-image{ float: none; width: 180px; margin: 0 auto;}
    .info-detail{ float: none; width: 100%; padding: 30px 0 0;}

    .login-fields{ padding: 60px 20px 40px;}
    .color-img{height: 86px; width: 86px;}
    .detail-area h1{font-size: 24px;}
    
    .notification-item ul li h3{ padding: 25px 0 0;}
    .notification-item ul li h3 span{ left:20px;}
}

/*******************5555555555******************/
@media only screen and (max-width : 480px) {
    .login-fields{ padding: 60px 10px 40px;} 
    .red{ margin: 15px 0 0;}
}

/*******************666666666******************/
@media only screen and (max-width : 320px) {

}