body{
    font-family: roboto;
}
ul{
    list-style: none;
}
a{
    text-decoration: none;
}
 

.wrapper{
    max-width: 680px;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    

}

.wrapper .container{width: 100%; max-width: 100%;}


.main-page{
    border: 5px solid #fff;
    border-radius: 10px; 
}
.banner-hd{
    background-image: url(../images/skyimg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    height: 100%;
    width: 100;
}
.banner-hd:after{
    position: absolute;
    clear: both;
    display: block;
    content: "";
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.3);
    height: 100%;
    width: 100%;
    z-index: 1;

}

.logo h1{
    position: relative;
    z-index: 2;
    color: #fff !important;
    text-transform: uppercase;
    padding: 25px 25px 25px 5px;
    font-size: 28px;

}

.langauge{
    position: relative;
    z-index: 2;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 15px;
    padding-left: 12px;
    text-align: center; 
}
.right-menu{
    margin-right: 15px;
}
.langauge span {
    font-size: 12px;
}
.left-icon{
    position: relative;
    z-index: 2;
    color: #fff;
    margin-left: 3px;
}
.left-icon ul li a{
    color: #fff;
    font-size: 12px;

}

.tab-left{
    padding: 20px;
}

.tab-right{
   
    padding: 10px 20px ;
}


.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: transparent;
}

.tabbing-part .nav{display: block; background-color: #4ecdff;padding:0px 15px;}
.tabbing-part .nav a{display: inline-block !important; font-size: 14px;color: #000;}
.tabbing-part .nav a:first-child{padding-left: 5px;}

.info-img figure {margin-bottom: 0}
.info-img figure img{
    height: 100%;
    width: 100%;
    border: 3px solid #aaaeaf;
}
.info-img{
    width: 25%;
    display: inline-block;
}
.info-text {
    display: inline-block;
    width: 72%;
    vertical-align: top;
    padding-left: 20px;
}
.information h2{
    color: #666666;
    font-size: 20px;
    padding-bottom: 10px;
}
.info-text h6{
    color: #56636b;
    margin-bottom: 0;
    font-size: 17px;
}
.info-web p{
    margin-bottom: 0;
    color: #56636b;
    font-size: 14px;
}

.info-poupop {
    margin-top: 5px;
    margin-left: 15px;
}
.information {
    border-bottom-style: dotted;
    border-width:  1px;
    padding-bottom: 20px;
}
.information-two {
    padding-top: 20px;
}
.goals {
    width: 49%;
    display: inline-block;
}
.dealrs {
    width: 49%;
    display: inline-block;
   
}
.deal{
     margin-bottom: 15px;
}
.goals h3 {
    color: #666666;
    font-size: 20px;
}

.gol-img figure img{
     border: 3px solid #aaaeaf;
}

.dealrs{
    border-left-style: dotted;
    border-width:  1px;
    padding-left: 20px;
    vertical-align: top;
}
.gol-text h6{
    color: #666666;
    font-weight: 600;
    font-size: 17px;
    margin-bottom: 0;
}

.gol-text p{
    margin-bottom: 0;
    color: #666;
    font-size: 14px;
}
.deal h6 ,.news h6{
    color: #666666;
    font-size: 20px;
    margin-bottom: 0;
}
.deal p, .news p{
    margin-bottom: 0;
    color: #666;
    font-size: 14px;
}

/*.news {
    padding-top: 20px;
}
*/


/*contact*/
.popup_section{padding-top:20px;}
.contant_img{text-align:left;padding-top:20px;border-bottom: 1px dotted #000;padding-bottom: 20px;}
.contant_img_first {width: 25%;display: inline-block;vertical-align: top;}
.contant_pragraph{width:60%;display:inline-block;vertical-align:top;    margin-left: 20px;}
.contant_img_first img{width:100%;border: 3px solid #aaaeaf;}
.Contact_us_form input{height:26px; width:100%;margin-bottom: 5px; border: 1px solid #5992b6;/*border-top: 3px solid #5791b5;*/}
.Contact_us_form li{width: 100%;display:block;}
.Contact_us_form label,input{display:block;color: #56636b;font-size:14px; margin-bottom: 1px;}
/*.Contact_us_form label{padding:5px 10px;}*/
.message textarea{resize:none;width:100%;height:185px;border: 1px solid #5992b6;max-height: 185px; /*border-top: 3px solid #5791b5;*/}
.Contact_us_form{width:48%;display: inline-block;vertical-align: top;float: left;}
.message{margin-left:20px;}
.clear_mail{text-align:right;}
.clear_mail li{display:inline-block;}
.Contact_us{padding-top: 15px;padding-bottom:00px; /*padding-left: 40px;*/}
.contant_main{padding-top:10px;}
.clear_mail li{display:inline-block; padding-left: 5px;}
.clear_mail input{color:#00b7ff;font-size:16px;background: transparent;
    border: none;
    cursor: pointer;}
.Contact_us h2{color: #666666;font-size:18px;}
.contact_form h2{color: #4a4a4a;font-size: 20px;}
.contant_pragraph p{
    font-size: 14px;
    color: #6e7d86;
    font-weight: 500;
}


.btn-primary {
    color: #00b7ff;
    background-color: transparent;
    border-color: transparent;
    outline: none;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: transparent;
    border-color: transparent;
}
.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
    outline: none;
    background: transparent;
    color: #00b7ff;
    padding-left: 0;
}
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0 rgba(0,123,255,.25);
}

.modal-header {
    padding: 0;
    background-color: #4f8cb2;
    margin-top: 0px;
    color: #96bbd1;
    border-radius: 0;
}
.close:not(:disabled):not(.disabled) {
    cursor: pointer;
    color: #96bbd1;
    padding-right: 25px;
    outline: none;
}

.modal-header{    background: #4f8cb2;}

.about_text p{font-size:17px;color:#5b6970;}
.about_text{margin-bottom: 10px;}

.about_text h3{color:#000;font-size:17px;font-weight:600;}
/*.popup_text{padding-bottom:15px;}*/
.popup_text h2{padding-bottom: 0 !important;}

.modal.fade .modal-dialog{
        transform: translate(0,-0%);
}

.info-poupop{
    position: relative;
    z-index: 9;
}

.modal .fade .show{
    background-color: transparent;
}
.modal-backdrop.show {
    opacity: 0;
    display: none;
}
.modal-content{
        border: 1px solid #fff;
    border-radius: 0;
}

.footerline{color: #b3b3b3; font-size: 12px; padding-top: 10px; padding-right: 10px;}

.contact-main{
    min-height: 200px;
}

.modal-content .modal-body{
    height: 350px;
    overflow-y: scroll;
        margin-right: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
}

/*.modal-content .modal-body::-webkit-scrollbar {margin-right: 5px}*/