@import "../css/reset.css";@import "../css/trip1.css";@import"../css/grid_24.css";@import "../css/superfish.css";@import"tms.css";@import "../css/trip1.css";@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,800,700);
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}mark,rp,rt,ruby,summary,time{display:inline}
/* Global properties ======================================================== */
html {width:100%}

body {font-family:Arial, Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#f2f8f5; min-width:960px; background:#0b1143; }
.main {width:960px;padding:0;margin:0 auto;position:relative;z-index:999;}

.bg{background-color: #252d7a;}/*site bg*/

/*********************************fonts*************************************/
.reg {text-transform:uppercase}
.f_left {float:left}
.f_right {float:right}
.align_right {text-align:right}
.align_center {text-align:center}

.it{font-style:italic}
.let{letter-spacing:-1px}

/*********************************CLASSES**********************************/
.m_bottom_zero{ margin-bottom:0 !important;}
.m_left_zero{ margin-left:0 !important;}
.p_bottom_zero{ padding-bottom:0 !important;}
.p_left_zero{ padding-left:0 !important;}

.clear {clear:both;width:100%;line-height:0;font-size:0;}
.wrapper {width:100%;overflow:hidden;padding-top: 30px;}
.extra_wrapper{ overflow:hidden;}
.container{width:100%}
.extra_last, .last{ margin-bottom:0 !important; padding-bottom:0 !important;}
.extra_last{ border:none !important; background:none !important;}
.bg_none{ background:none !important;}

/*==================================== Links ======================================================== */
a {color:#6c73ae;outline:none; text-decoration:none; cursor:pointer;}
a:hover{ color:#6c73ae; text-decoration:none;}

.button{ display:inline-block; padding:5px 11px 6px; margin: 0 0 0; font-size: 18px; line-height: 22px; font-weight:bold; color:#fff; background:#3082c1;}
.button:hover{ background:#34a7d2;color:#fff;}

.link_wrap{text-align:right;}
.read{display:inline-block;color:#3082c1;font-size: 11px; line-height: 14px;text-transform:uppercase;text-decoration:underline;margin-top:10px;}

.link{color:#3082c1;}
.link:hover{color:#fff;}
/*********************************Displays*************************************/
.block{ display:block;}
.inline-block{ display:inline-block;}

/*********************************header*************************************/

header {height:438px;position:relative;margin: 0 5px 0;}
header h1{width:812px;padding-top:155px;margin:0 auto;position:relative;z-index:999;}
header h1 a {display:block;width:817px;height:117px;background:url(../images/logo.png) 0 0 no-repeat; text-decoration:none; text-indent:-9999px;}

/*********************************content*************************************/
#content {padding:0px 0px 45px 0px;background-color: #05032e00  }/*content bg*/
.cont_pad{padding:11px 0px 0 0 !important;}
.cont_pad1{padding:11px 0 45px 0 !important;}

/*===============================>> Paragraphs <<=============================*/

p {margin-bottom:18px}
.p2{ margin-bottom:8px;}
.p3{ margin-bottom:14px;}
.p4{ margin-bottom:4px;}
.p5{ margin-bottom:15px;}
.p6{ margin-bottom:22px;}
.p7{ margin-bottom:26px;}

/*================================>> LISTS <<========================================*/
 
.list1 li{ background:url(../images/marker1.png) 1px 4px no-repeat; padding-left:15px; margin-bottom:10px;}
.list1 a{font-size: 11px; line-height: 14px; color: #3082c1;text-transform:uppercase;}
.list1 a:hover{color:#6c73ae;}
.list1 ul{padding: 10px 0 0 21px;}

/*================================>> H <<========================================*/
h2,h3,h4{ font-weight:normal;}
h2{font-size: 28px; line-height: 34px; color:#fff;margin-bottom:14px;}
h2 span{display:block;margin-top:-4px;}

h2.ind{ margin-bottom:20px;}
h2.ind1{ margin-bottom:17px;}
h2.ind2{ margin-bottom:18px;}
h2.ind3{margin-bottom:9px;}
h2.ind4{margin-bottom:25px;}
h2.ind5{ margin-bottom:13px;}

h3{font-size: 16px; line-height: 22px; color:#3082c1;font-weight:800;margin-bottom:4px;}
h3 span{font-size: 18px; color: #fff;}

h4{font-size: 18px; line-height: 22px; color: #fff;font-weight:bold;}
h4.ind{margin-bottom:4px;}

h6{ font-size: 28px;padding-left: 53px; }

/*================================>> GOOGLE FONTS  <<========================================*/
.os, h2, h3, h4, .fc-header-title h2, .fc-grid th, .fc-grid .fc-day-numberm, .button{font-family: 'Open Sans', sans-serif;}
/*================================>> hovers <<========================================*/
.img_wrap1 span, .lightbox-image strong, .sf-menu a{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

/*********************************page_1*************************************/
.ext_list>li, .ext_box{ overflow:hidden;}
.ext_list>li>figure, .ext_box>figure{ float:left;}
.ext_list>li>div, .ext_box>div{overflow:hidden;}

.p_top1{padding-top:55px;}
.p_top2{padding-top:36px;}

.see_world{background: url('../images/shutterstock_5.jpg') 40px  110px  no-repeat; padding: 37px 0px 37px 41px;border-radius: 0%; overflow:hidden;}
.see_world .title{font-size: 30px; line-height: 32px; color: #fff; font-weight:bold;}
.see_world .title span{color:#080218;text-transform:uppercase;display:block;font-size:22px;}
.see_world .text{width:268px;float:right;padding: 4px 3px 1px 3px;margin-top: 10px; background-color: #19191a56;border-radius: 10px;}

.area{background:#a9abc400;margin: 0 10px 0 0;padding: 37px 33px 30px 40px;}
.area .title{color:#fff;font-size: 30px; line-height: 32px;margin-bottom:10px;}
.area p{margin-bottom:6px;}

.stripe1{background: url('../images/stripe1.jpg') 41px bottom no-repeat;}

.box1, .m_bot1{margin-bottom:31px;}
.m_bot2{margin-bottom:25px;}
.m_bot3{margin-bottom:20px;}
.m_bot4{margin-bottom:10px;}
.m_bot5{margin-bottom:33px;}

.m_top{margin-top:11px;}

.img_wrap1{display:inline-block;position:relative;}
.img_wrap1 span, .lightbox-image strong{display:block;border:1px solid #fff; left:0; top:0;right:0;bottom:0; opacity: 0.16; position:absolute;}
.img_wrap1:hover span, .lightbox-image:hover strong{opacity: 1}
.lightbox-image strong{z-index:999;}
.events{}
.events .img_wrap1{margin-bottom:14px;}

.banner1{padding-top:49px;}
/*********************************page_2*************************************/
.history{background:#090d35;margin: 0 10px 32px 0;padding: 36px 31px 31px 40px;}
.history .read{margin-top:20px;}
.hist_list>li{border-bottom:1px solid #23295c;padding-bottom:32px;margin-bottom:15px;}
.hist_list>li>div{padding: 4px 0px 0 18px;}
.hist_list>li>figure{font-size: 30px; line-height: 36px; color: #3082c1;font-weight:800;}


.about_box{border-bottom:1px solid #23295c;padding-bottom:36px;overflow:hidden;}
.about_box>div{margin: -4px 30px 0 0px;overflow:visible;float:right;width:288px;}
.about_box>figure{margin: 0 22px 0 0;float:left;}

.color1{color:#3082c1;}

.testimonials{padding: 0 0 0 40px;position:relative;}
.testimonials .test_content>div{background: none !important;}
.testimonials .test_content>div .text{background: url('../images/quotes.png') 1px 5px no-repeat;padding: 0 35px 21px 44px;}
.testimonials .test_content .author{color:#fff;font-size: 11px; line-height: 14px;text-transform:uppercase;}
.testimonials .nav_btn{position:absolute;bottom:-4px;width:12px;height:21px;z-index:999;}
.testimonials .prev{right:58px;background: url('../images/cycle_prev.png') no-repeat;}
.testimonials .next{right:39px;background: url('../images/cycle_next.png') no-repeat;}
.testimonials .nav_btn:hover{background-position:0 -21px;}
.testimonials .prev:hover{background-position:0 -22px;}

/*********************************page_3*************************************/
.photos{border-bottom:1px solid #23295c;padding-bottom:36px;}
.photo{position:relative;}
.photo .lightbox-image{margin-bottom:14px;}
.photo .nums{right:0;bottom:0;color:#6c73ae;position:absolute;}
/*********************************page_4*************************************/
.calendar .tools{}
.calendar_links{float:left;}

#view{padding: 0 0 0 13px;overflow:hidden;margin-top:-7px;float:left;}
input[type="text"], textarea{background:#080b2e;padding: 9px 11px 9px;width:62px;font-family:Arial, Arial, Helvetica, sans-serif;font-size: 12px; color: #6c73ae;border:none;margin:0 0 0 0;}
.form_but{background:#3082c1;font-size: 18px; line-height: 22px; color: #fff;font-weight:800;display:inline-block;padding: 5px 10px 6px;margin:  0 0 0 4px}
.form_but:hover{background:#349dd3;color:#fff;}

.events_list{margin: -2px 0 0;}
.events_list>li{border-bottom:1px solid #23295c;padding-bottom:22px;margin-bottom:17px;}
.events_list>li a:hover{color:#fff;}
.events_list .title{font-size: 16px; line-height: 26px; color: #3082c1;font-weight:bold;margin-bottom:1px;}
.events_list .title span{font-size: 18px; color: #fff;font-weight:800;}
/*********************************page_5*************************************/

.members{background:#090d35;margin: 0 10px 32px 0;padding-bottom:20px;}
.members h2{padding: 36px 0 0 42px;margin-bottom:5px;}
.members_list{font-size: 16px; line-height: 20px;}
.members_list a{color:#3082c1;font-weight:800;display:block;padding: 10px 0 10px 41px;}
.members_list a:hover{color:#fff;background:#23295c;}

.f_18{font-size: 12px; color: #fff;}

.members_login{padding: 0 35px 0 41px;}
#login{padding: 8px 0 8px;margin-bottom:27px;position:relative;overflow:hidden;}
#login input[type="text"]{width:208px;margin: 0 0 7px 0;}
#login .transform{width:110px;padding: 5px 0 0;}
#login .transform label{padding-top:6px;display:inline-block;}
#login .transform input{display:none;}
#login .button{position:absolute;bottom:0px;right:4px;}F


/* Contact form */
#contact-form {padding:4px 0 0 0;}
#contact-form .success {width:246px; margin-bottom:20px; padding:10px; position:absolute;}
#contact-form input {width:208px;float:left;}
#contact-form textarea {overflow:auto; width:368px; height:295px;resize:none; float:left; margin: 0 0 0 0;}	
#contact-form label {display:block; min-height:40px; overflow:hidden;}	
#contact-form label.message { display:block; padding-bottom:0; }
#contact-form .button {margin-left:3px;}	
#contact-form .error, #contact-form .empty, #contact-form .success {display:none;}	
#contact-form .error, #contact-form .empty {text-align:left; color:red; font-size:11px;line-height:14px;float:left;padding-top:4px;width:130px;}
#contact-form .buttons2 {overflow:hidden;text-align:right; position:relative; clear:both; padding-top:12px;}
#contact-form .buttons2 a {
	cursor:pointer;
	margin-top:0;
	text-align:center;
}
#contact-form span{ display:block; margin: 0px 0 0 5px;}

.map_wrapper{overflow:hidden;display:inline-block;margin-bottom:14px;}
#map_canvas {
   width:430px;
   height:376px;
}
.adres_box{overflow:hidden;}
.adress{ display:inline-block;overflow:hidden;padding: 0 0 0 38px;}
.adress span{ width:69px;}
.adress dt{ margin-bottom:14px;}

.demo{color:#fff;}
/*******************************************************************/
.video-container-1 {
    display: flex; 
    gap: 18px; 
    justify-content: left; /* Centers videos */
    flex-wrap: wrap; /* Wraps videos to next line if needed */
}

.video-wrapper-1 {
    position: relative;
    display: inline-block;
    margin: 4px;
}

.video-wrapper-1 video {
    border-radius: 20px; /* Makes video corners rounded */
    width: 300px; /* Adjust as needed */
    height: auto;
}

.overlay-1 {
    position: absolute;
    bottom: 10px;
    right: 0px;
    display: flex;
    align-items: center;
    background: rgba(0, 0, 0, 0); /* Semi-transparent background */
    padding: 5px 10px;
    border-radius: 10px;
}

.overlay-1 img {
    width: 30px; /* Adjust size */
    height: auto;
    margin-right: 5px;
}

.overlay-1 p {
    color: white;
    font-size: 14px;
    margin: 0;
}

.site-logo {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 1000;
}

.site-logo img {
    height: 150px; /* Adjust size as needed */
    width: auto;
    background-color: #08021800;
    border-radius: 10px;
    padding: 5px;
}




/****************************footer************************/
/*footer {padding:18px 0 29px 47px;overflow:hidden;font-size: 11px; line-height: 16px; color: #af9787;}
footer a:hover{color:#efeefa;}
footer .privacy{float:left;}
footer .social{ overflow:hidden;float:right;padding: 3px 3px 0 0;}
footer .social a{ display:block; float:left;width:22px;height:22px; overflow:hidden; margin-left:6px;}
footer .social a:first-child{margin: 0 0 0 0;}
footer .social a:hover img{ margin-top:-22px;}*/

.footer {
    background: #00031bc0;
    color: #ffffff;
    padding: 50px ;
}
.footer-container {
    width: 100%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.footer-column {
    width: 22%;
}
.footer-column h3 {
    font-size: 18px;
    margin-bottom: 15px;
}
.footer-column p, .footer-column ul {
    font-size: 15px;
    color: #cccccc;
    line-height: 1.6;
}
.footer-column ul {
    list-style: none;
    padding: 0;
}
.footer-column ul li {
    margin-bottom: 8px;
}
.footer-column ul li a {
    color: #cccccc;
    text-decoration: none;
    transition: color 0.3s;
}
.footer-column ul li a:hover {
    color: #00aaff;
}
.footer-social {
    display: flex;
    gap: 10px;
    margin-top: 15px;
}
.footer-social a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    background: #50505000;
    border-radius: 50%;
    color: #ffffff;
    text-decoration: none;
    font-size: 16px;
    transition: background 0.3s;
}

.footer-bottom {
    text-align: center;
    margin-top: 30px;
    font-size: 14px;
    color: #cccccc;
}
.footer-bottom a {
    color: #00aaff;
    text-decoration: none;
}


/********************Hover Icon**********************/
.whatsapp-icon {
    position: fixed;
    bottom: 20px;
    right: 60px;
    width: 50px;
    height: 50px;
    z-index: 1000;
}

.whatsapp-icon img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s ease;
}

.whatsapp-icon img:hover {
    transform: scale(1.1);
}




