*:focus{ outline: none !important; text-decoration: none !important; }
body{background: url('../images/bgfriend.jpg');background-position: center top;background-size: cover;font-family: 'Open Sans', sans-serif;background-color: #a6c1e8;}
.mb-25{ margin-bottom: 25px; }
.loc h1{ border-top: 3px solid #fff; border-bottom: 3px solid #fff; color: #fff; padding: 10px 0; font-size: 18px; font-weight: 600; margin: 0 0 30px 0; }   


/*=================================header===========================*/
header{padding: 30px 0 50px 0; }
header img{ margin-bottom: 15px; }
header h1{color: #1c3353;font-size: 25px;font-family: 'Open Sans', sans-serif;padding: 0;margin: 0 0 12px 0;}
header p{ color: #1c3353; font-size: 12px; font-family: 'Open Sans', sans-serif; }
header a:hover{ text-decoration: none; }


/*nav*/
nav{ background: transparent !important; border: none !important;  }

nav a{ color: #fff !important; font-size: 14px; font-weight: 600; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; }
.navbar-default .navbar-nav > .active > a{ background: transparent; color: #DCE00D !important;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; }
.navbar-default .navbar-nav > .active > a:hover{ background: transparent; }
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {color: #DCE00D !important;background-color: transparent;}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {color: #DCE00D !important;background-color: transparent;}

.navbar-nav > li > .dropdown-menu {background-color: rgba(166, 193, 232, 1);}
.dropdown-menu > li > a:hover{color: #00a59a !important;background-color: transparent;}
.navbar-default .navbar-toggle {border-color: #fff;border-radius: 0;text-align: center;margin: auto;float: none !important; }
.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: green;}
.navbar-default .navbar-collapse{ margin-top: 15px; }


.dropdown-menu {color: #00a59a !important;background-color: rgba(166, 193, 232, 1);}
.nav .open a:hover, .nav .open a:active, .nav .open a:focus{color: #00a59a !important;background-color: rgba(166, 193, 232, 1);}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {color: #00a59a !important;background-color: rgba(166, 193, 232, 1);}


/*social*/
.social{ border-top: 2px dashed #fff; border-bottom: 2px dashed #fff; margin-bottom: 50px }
.social ul{ text-align: center; padding: 0; margin: 20px 0; }
.social li{ list-style: none; display: inline-block; margin-right: 20px; }
.social li a{ color: #fff; font-size: 18px; }

.search a{ text-transform: uppercase; letter-spacing: 12px; padding: 8px 20px ;   color: #fff; display: inline-block; margin: auto; font-size: 24px; font-weight: 500; margin-bottom: 20px; background:url('../images/ribon.png') no-repeat center; width: 300px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; }

.search a:hover{ text-decoration: none; color: #305589; }

.forp{ font-size: 15px; font-weight: 600; color: #fff; margin-bottom: 20px;text-align: center;}

.welcome-btn{ display: block; font-size: 18px; font-weight: 600; color: #fff; border: 2px solid #fff; padding: 8px; text-align: center;text-transform: uppercase;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; }

/*slider*/
.carousel-inner{ border: 10px solid #fff; }

.carousel-caption {color: #FFF;text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6);background: rgba(0,0,0,0.5);width: 100%;right: 0;left: 0;bottom: 0;text-align: left;padding: 15px;font-size: 13px;font-weight: 400;line-height: 20px;}
.carousel-caption h3{ padding: 0; margin: 0;font-size: 14px; color: #fff; font-weight: 600;}
.carousel-caption p, .carousel-caption a{ color: #fff;font-size: 12px;line-height: 18px;margin: 0;padding: 0; }


/*main*/
.main{ margin-top: 70px; margin-bottom: 70px; }
.main h1{ background: rgba(255,255,255,0.5); padding: 0; margin: 0; color: #305589; font-size: 24px; font-weight: 600; font-family: 'Open Sans', sans-serif; padding: 20px; }
.main img{ border: 5px solid rgba(255,255,255,0.5); padding: 5px; position: relative; right: -10px;}
.main-item{ position: relative;}
.main-head{margin-bottom: 10px; }
.main-head .col-md-10{ padding-right: 0; }

.border-dash{ height: 30px; overflow: hidden; }
.border-dash span{ color: #fff;font-size: 20px;position: relative;bottom: 0; }
.dest{ margin-right: 10px; }
.main-content{background: rgba(255,255,255,0.7); padding: 45px 75px 45px 45px;margin-bottom: 30px;}
.main-content p{color: #305589; font-size: 20px; } 
.main-content .btn-div{ position: absolute;bottom: 10px;right: 20px;display: block;}

/*side item*/
.side-item{ margin-bottom: 90px; }
.side-item:last-child{ margin-bottom: 0; }
.side-item h2{ color: #fff; font-size: 45px; font-weight: 600; padding: 0; margin: 0 0 25px 0; }
.side-content{ background: rgba(255,255,255,0.5); padding: 20px; min-height: 90px; margin: 0;}
.side-content p{ font-size: 20px; font-weight: 600; color: #fff; line-height: 26px; width: 80%; }
.round-btn{ border: 2px solid #fff;border-radius: 100%;color: #fff;background: #00a59a;text-align: center;width: 40px;height: 40px;padding: 2px 0 !important;font-weight: bold;font-size: 22px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

.round-btn:hover{text-decoration: none;background: #ea1935; color: #fff;}

.border-btm{ background-image: url("../images/border-btm.png");background-repeat: repeat-x;background-position: center bottom; height: 18px; }
.border-right-dashed{ display: block; min-height: 750px; border-right: 2px dashed #fff;}

/*======================sub footer================================================*/
.sub-footer{background: #00a59a;padding: 20px 0;}

.sub-footer h1{ padding: 20px 0; color: #305589; font-size: 24px; font-weight: 500; font-family: 'Open Sans', sans-serif; margin: 0; letter-spacing: 6px; } 

.sub-footer a{ display: block; border: 3px solid #fff; text-align: center; font-size: 24px; font-weight: 500; font-family: 'Open Sans', sans-serif; color: #fff; padding: 10px 0;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; }

.sub-footer a:hover, .welcome-btn:hover{text-decoration: none;background: #ea1935; color: #fff;}



/*===========================================footer=====================================*/
footer{background: #305589; padding: 25px 0;}
footer address{ color: #7297ce;font-size: 14px;line-height: 24px;font-family: 'Open Sans', sans-serif;margin-bottom: 15px;}
footer p{color: #7297ce;font-size: 13px;font-family: 'Open Sans', sans-serif;margin-bottom: 10px;}
footer .form-control2{height: 132px;margin-bottom: 0px;}
footer ul{ padding: 0; margin: 0; }
footer ul li{ list-style: none; display: inline-block; margin-right: 20px; }
footer ul li a{ color: #fff; font-size: 18px; }
footer ul li a:hover{ color: #fff; font-size: 18px; }
footer .form-control{ border-radius: 0; border: 2px solid #a6c1e8; margin-bottom: 15px; background: transparent; }
footer button{ background: #00a59a; font-size: 14px; color: #fff; border: none; padding: 5px 20px; }


/*================================================= about ==================================*/
.about-img img{ width: 100%; border: 5px solid #fff; }
.about-content{ margin-bottom: 80px; }
.about-content-part{ padding: 30px 20px; background: rgba(255,255,255,0.6); }
.about-content-part h1{ color: #305594;font-size: 20px;margin-bottom: 20px;font-weight: 600;}
.about-content-part p{ color: #305594;font-size: 14px;margin-bottom: 20px;}
.block-heading{ background: rgba(255,255,255,0.6); color: #305589; font-size: 24px; padding: 15px; margin-bottom: 20px; }
.side-item h4{ color: #305589; font-size: 20px; margin-bottom: 30px; line-height: 30px; }
.side-item h5{ color: #fff; font-size: 20px; }
.about-side{ margin-bottom: 70px; }
.about .border-right-dashed{ min-height: 502px; }
.about-right-head{ color: #fff; font-size: 52px; font-weight: bold; margin: 0 0 20px 0; }
.about-rating{ background: #00a59a; padding: 30px;  }
.about-rating ul{ padding: 0; margin: 0 0 20px 0; }
.about-rating li{ list-style: none; display: inline-block; color: #fff; font-size: 26px; text-align: center; margin-right: 8px; }
.about-detail ul{ padding: 0; margin: 0; }
.about-detail li{ font-size: 18px; color: #fff; border-top: 2px dashed #fff; display: block; padding-top: 10px; margin-top: 10px; }
.about-detail li:first-child{ border-top: none !Important; padding: 0; margin: 0;  }
    
    
 
    
/*===================================== Contact ==================================*/    
.contact{padding: 40px 0 180px 0;} 
.contact .form-control {background-color: rgba(0,0,0,0.7);border: none;border-radius: 0;} 
.contact button{ border: none; padding: 4px 10px; color: #fff; background: #00a59a; }
.contact-left h3{ color: #fff; font-size: 20px; margin: 20px 0; }
.contact h2{ color: #fff; text-align: center; background: url('../images/contact-ribon.png') no-repeat; display: inline-block;width: 380px;height: 50px;padding-top: 5px;}    


/*destination*/
.destination-content {background: rgba(255,255,255,0.5);margin-bottom: 16px;}
.destination-div{padding: 10px 0 0 20px; }
.destination-div h3{font-size: 20px;padding: 0;margin: 8px 0;color: #305594;font-weight: 600;}
.destination-div p{font-size: 13px;padding: 0;margin: 0 0 15px 0;color: #305594;font-weight: 600;}
.destination-content img{border: 5px solid #fff;padding: 0;position: static;width: 100%; }
.destination-div-right{position: relative;}
.destination-div-right .btn-div{position: absolute;top: 35%;z-index: 999;left: -3px;}
    
.destination-div-left h2{color: #fff;font-size: 30px;font-weight: 500;line-height: 30px;text-align: center;padding: 0;margin: 0;}
.destination-div-left h3{margin: 20px 0 30px 0;padding: 50px 40px;background: #00a59a;color: #fff;font-size: 20px;line-height: 30px;text-align: center;}
.destination-div-left .side-content p{width: 100%;text-align: center;color: #305589;font-size: 16px;line-height: 24px;font-weight: 500;}
.destination-div-left .side-content span{color: #305589;font-size: 20px;font-weight: 600;margin-top: 5px;display: block;}
.destination-div-left .main-head{margin-bottom: 25px; }
.destination-div-left .main-head .col-md-9{padding-right: 0; }
.destination-div-left .main-head img {right: 0 !important; }
.slide-left{border: 10px solid #fff;}

.slide-left img{margin-bottom: 15px; margin-top: 36px;}
.slide-left h3{font-size: 18px;padding: 0;color: #fff;margin: 0 0 30px 0;}


.slide-container .carousel-inner{border-right: none; }
.slide-container .carousel-inner img{width: 100%; }
.slide-container .col-md-7{padding-right: 0; }
.slide-container .col-md-5{padding-left: 0; }

.destination-inner{padding: 0; max-height: 264px;overflow: hidden;}
.destination-inner img{padding: 0;margin: 0;width: 100%;}
.detail-inner-head{position: relative;}
.detail-inner-head h1{background: rgba(255,255,255,0.6);color: #305589;font-size: 20px;padding: 20px;margin-top: 60px;}
.detail-inner-head a{ position: absolute;top: 20px;color: #fff;font-size: 15px;left: 10px;}

.detail-inner-content-div{background: rgba(255,255,255,0.8);padding: 30px 20px;}
.detail-inner-content-div h1{padding: 0;margin: 0 0 20px 0;color: #305589;font-size: 24px;font-weight: 600;}
.detail-inner-content-div p{padding: 0;margin: 0; color: #305589;font-size: 15px;}
.detail-inner-content{margin-top: 15px;margin-bottom: 100px;}
.vacation-content{background: rgba(255,255,255,0.77);padding: 20px;}
.img-full{width: 100%; }

.vacation-content h1{color: #305589;font-size: 40px;font-weight: 600;padding: 0;margin: 0 0 20px 0;}
.vacation-content h2{color: #305589;font-size: 24px;font-weight: 500;padding: 0;margin: 0 0 10px;}
.vacation-content h3{color: #305589;font-size: 24px;font-weight: 500;padding: 0;margin: 0 0 15px 0;line-height: 30px;}
.vacation-content p{color: #305589;font-size: 13px;font-weight: 600;padding: 0;margin: 0 0 10px 0;}
.vacation-content a{color: #305589;font-size: 13px;font-weight: 600;padding: 0;margin: 0; transition: color 0.4s ease 0s;}
.vacation-content a:hover{text-decoration: none;color: #EA1935;}
.vacation-content a img{margin-right: 15px; }

.vacation{margin-top: 40px;margin-bottom: 80px; }
.vacation .col-md-3{margin-bottom: 30px; }
.vacation .col-md-3:nth-child(4n+1) {clear: both;}
.vacation-slide h3{ font-size: 25px;line-height: 30px;margin-bottom: 31px;}
.vacation-slide .col-md-5{ padding-right: 0; }
.vacation-slide .col-md-7{ padding-left: 0; }
.vacation-slide .slide-left { border-right: none; }