/******************** Kite Bangladesh Holidays **********************/

/*************************** COPYRIGHT ******************************
This website Developed by Unitech BD Software Limited
Corporate Office: Plot #87, BNS Center (4th floor), Suite No. 507/A,
Sector #07, Uttara Model Town, Dhaka-1230, Bangladesh.
Phone: +88 02 48956492.
Cell: +88 01782 656 388, +88 01977 773 283.
Email: info@unitechbdsoft.com | admin@unitechbdsoft.com
Website: www.unitechbdsoft.com | www.unitechbdsoftware.com
*********************************************************************/

@font-face {
    font-family: 'Siyam Rupali';
    src: url('https://bits.wikimedia.org/static-current/extensions/UniversalLanguageSelector/data/fontrepo/fonts/SiyamRupali/SiyamRupali.eot?version=1.070');
    src: local('Siyam Rupali'), url('https://bits.wikimedia.org/static-current/extensions/UniversalLanguageSelector/data/fontrepo/fonts/SiyamRupali/SiyamRupali.woff?version=1.070') format('woff'), url('https://bits.wikimedia.org/static-current/extensions/UniversalLanguageSelector/data/fontrepo/fonts/SiyamRupali/SiyamRupali.ttf?version=1.070') format('truetype');
    font-style: normal;
}


body {
    padding: 0;
    margin: 0;
    background: #fff;
    font-family: "Rajdhani", sans-serif;
    color: #4f5559;

}

body a:hover {
    text-decoration: none;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

img {
    border: none;
}

.img {
    border: none;
    margin: 0 10px 5px 0;
    float: left;
}

.bangla {
    font-family: "Siyam Rupali", Cambria, serif;
}

.img3 {
    border: none;
    margin: 6px 10px 10px 0;
    float: left;
}

#all {
    float: left;
    width: 100%;
}

#all2 {
    float: left;
    width: 100%;
    border-bottom: 7px #02c945 solid;
}

#header {
    float: left;
    width: 100%;
    /*background: url(../images/top_line.png) top repeat-x;*/
}

.main {
    margin: 0 auto;
    max-width: 1200px;
    display: block;
    padding: 0 15px;
}

.header {
    float: left;
    width: 100%;
    padding: 22px 0 12px;
    border-bottom: 1px #eee solid;
    text-align: center;
}

.header h3 {
    font-size: 28px;
    padding: 0 0 10px;
    margin: 0;
    color: #444;
    font-weight: 600;
    line-height: 40px;
}

.logo img {
    height: 70px;
    /*background: #fff;
    box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.1);
    border-radius: 0 0 10px 10px;*/
    float: left;
}

.header_right {
    float: right;
}

.hotline {
    float: right;
    font-weight: 500;
    font-size: 15px;
    text-align: right;
    padding: 0 10px 0 0;
    color: #444;
    min-width: 240px;
}

.hotline2 {
    float: right;
    font-weight: 500;
    font-size: 15px;
    text-align: right;
    color: #444;
    min-width: 240px;
}

.header_right span a {
    font-weight: 600;
    font-size: 18px;
    color: #333;
}

.header_right i {
    font-size: 5.2em;
    float: right;
    margin-left: 10px;
    padding: 0;
    color: #555;
}

#cssmenu {
    display: none;
}

#menu {

    float: left;
    background: #3C414C;
    width: 100%;
}

.menu {
    float: left;
    width: 100%;
    border-right: 1px #222 solid;
}

.menu ul {
    list-style: none;
    float: left;
    margin: 0;
    padding: 0;
}

.menu ul li {
    list-style: none;
    float: left;
    margin: 0;
    padding: 0;
}

.menu ul li a {
    float: left;
    padding: 15px 22px;
    font-size: 16px;
    text-decoration: none;
    text-transform: uppercase;
    color: #eee;
    transition: .3s;
    border-left: 1px #222 solid;
}

.menu ul li a:hover {
    background: #333;
}


#slider {
    float: left;
    width: 100%;
}

#slider img {
    float: left;
    width: 100%;

}


/*
.slider h1{
	margin: 90px 0 25px 0px;
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 30px;
}
.slider h1 a{
	color: #dc2529;
	font-size: 38px;
}

.slider_event{
	float: left;
	width: 100%;
	background:  rgba(255, 255, 255, 0.6);
	color: #000;
	padding: 15px 15px;
	border-radius: 3px;
	text-align: center;
	box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.1);
	height: 270px;
}
.slider_event a{
	color: #222;
}

.slider_event_name a{
	margin: 0 0 20px 0;
	float: left;
	width: 100%;
	font-size: 24px;
	font-weight: 600;
	text-transform: capitalize;
	padding: 5px 0;
	background: #444;
	color: #fff;
	border-radius: 2px;
}
.slider_event_date{
	margin: 0 0 10px 0;
	float: left;
	width: 100%;
	font-size: 20px;
	font-weight: 600;
}


.slider_event_price{
	float: left;
	width: 100%;
	font-size: 16px;
}
*/


.destination {
    float: left;
    width: 100%;
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
    background: #F8F8F8;
    font-size: 17px;
    color: #555;
    margin: 0 0 30px;
}

.destination img {
    float: left;
    width: 100%;
    height: 320px;
    border-bottom: 5px #02c945 solid;
}

.destination_details {
    float: left;
    width: 100%;
    transition: .3s;
    padding: 10px 15px;
}

.destination_details a {
    color: #eee;
    background: #02c945;
    padding: 4px 8px 6px;
    font-size: 15px;
    border-radius: 2px;
}

.destination_details h4 a {
    font-size: 23px;
    font-weight: 500;
    color: #555;
    font-family: 'Amaranth', sans-serif;
    background: none;
    padding: 0;
    transition: .3s;
}

.destination h4 a:hover {
    color: #02c945;
    text-decoration: underline;
}


#make_plan {
    float: left;
    width: 100%;
    background: #00852c url(../images/1131676.png) top repeat-x;
    color: #fff;
    padding: 70px 0 85px;
}

#make_plan h2 {
    padding: 0;
    margin: 17px 0 0;
    font-size: 47px;
    font-family: 'Kaushan Script', cursive;
    text-shadow: 1px 0 1px #222;
}

#make_plan h3 {
    padding: 0;
    margin: 10px 0 0;
    font-size: 20px;

}

#make_plan i {
    float: left;
    text-align: center;
    margin: 0 10px 0 0;
    line-height: 40px;
    font-size: 28px;
}

.plan a {
    float: right;
    padding: 7px 14px;
    background: #f23030;
    color: #fff;
    font-size: 22px;
    text-transform: uppercase;
    margin-top: 18px;
    box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    transition: .3s;
    text-align: center;
}

.plan a:hover {
    background: #015C1F;
    text-decoration: none;
}

.plan2 a {
    float: right;
    padding: 8px 15px;
    background: #00852c;
    color: #fff;
    width: 290px;
    font-size: 25px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 6px;
    box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    transition: .3s;
}

.plan2 a:hover {
    background: #f23030;
    text-decoration: none;
}


#promotion {
    float: left;
    width: 100%;
}

.promotion_left {
    float: left;
    width: 50%;
    color: #fff;
}

.promotion_right {
    float: left;
    width: 50%;
    color: #fff;
}

#promotion img {
    float: left;
    width: 100%;
    height: 380px;
}


#home_tour_package {
    float: left;
    width: 100%;
    padding: 80px 30px 120px;
    margin: 0;
    background: #3C414C url(../images/1131676.png);
    color: #eee;
    font-size: 15px;
}

#home_tour_package h2 {
    font-size: 30px;
    margin-bottom: 50px;
    padding: 0;
    font-weight: 600;
    text-align: right;
    color: #fff;
}

#home_tour_package h2 span {
    font-size: 20px;
    font-weight: 500;
}

#home_tour_package .package_name h3 {
    font-size: 22px;
    padding: 0;
    margin: 5px 0 13px;
    text-align: center;
}

.destination {
    float: left;
    width: 100%;
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
    background: #F8F8F8;
    font-size: 17px;
    color: #555;
    margin: 0 0 30px;
}

.destination img {
    float: left;
    width: 100%;
    height: 320px;
    border-bottom: 5px #02c945 solid;
}

.destination_details {
    float: left;
    width: 100%;
    transition: .3s;
    padding: 10px 15px;
}

.destination_details a {
    color: #eee;
    background: #02c945;
    padding: 4px 8px 6px;
    font-size: 15px;
    border-radius: 2px;
}

.destination_details h4 a {
    font-size: 23px;
    font-weight: 500;
    color: #555;
    font-family: 'Amaranth', sans-serif;
    background: none;
    padding: 0;
    transition: .3s;
}

.destination h4 a:hover {
    color: #02c945;
    text-decoration: underline;
}


#home_holiday_package {
    float: left;
    width: 100%;
    padding: 80px 30px 120px;
    margin: 0;
    text-align: center;
    font-size: 20px;
}

#home_holiday_package h3 {
    font-size: 35px;
    margin-bottom: 20px;
    padding: 0;
    color: #333;
    font-weight: 600;
    text-align: center;
}

.all_link {
    text-align: center;
    margin: 40px 0 0;
}

.all_link a {
    color: #fff;
    background: #00852c;
    padding: 13px 20px;
    font-size: 20px;
    border-radius: 2px;
    box-shadow: 2px 4px 9px 0 rgba(0, 0, 0, .12);
    transition: .3s;
}

.all_link a:hover {
    background: #015C1F;
}


.hotels {
    float: left;
    width: 100%;
    box-shadow: 2px 4px 9px 0 rgba(0, 0, 0, .12);
    background: #F8F8F8;
    font-size: 15px;
    color: #555;
    margin: 0 0 30px;
}

.hotels img {
    float: left;
    width: 100%;
    height: 200px;
}

.hotel_name {
    float: left;
    width: 100%;
    transition: .3s;
    padding: 3px 15px;
}

.hotel_name a {
    color: #eee;
    background: #02c945;
    padding: 4px 8px 6px;
    font-size: 15px;
    border-radius: 2px;
}

.hotel_name h4 {
    margin: 0;
    padding: 0;
}

.hotel_name h4 a {
    font-size: 18px;
    font-weight: 600;
    color: #555;
    background: none;
    transition: .3s;
    border-top: 1px #ddd solid;
    width: 100%;
    float: left;
    padding: 10px 0;
}

.hotel_name h4 a:hover {
    color: #f23030;
    text-decoration: underline;
}

.hotel_name_left {
    width: 49%;
    float: left;
    margin: 5px 0;
    color: #666;
    font-size: 14px;
}

.hotel_name_right {
    float: right;
    width: 49%;
    margin: 10px 0 0;
    color: #F4D300;
    text-align: right;
    font-size: 24px;
}


/* page-title Section
----------------------------*/

#page-title {
    width: 100%;
    float: left;
    background: url(../images/page-title.jpg) center center;
    background-size: cover;
    border-bottom: 5px #444 solid;
    color: #eee;
    font-size: 16px;
}

#page-title-2 {
    width: 100%;
    float: left;
    background: url(../images/mv-karnafuly-express.jpg) center center;
    background-size: cover;
    border-bottom: 5px #444 solid;
    color: #eee;
    font-size: 16px;
}

#page-title-3 {
    width: 100%;
    float: left;
    background: url(../images/baro-awlia.jpg) center center;
    background-size: cover;
    border-bottom: 5px #444 solid;
    color: #eee;
    font-size: 16px;
}

#page-title-5 {
    width: 100%;
    float: left;
    background: url(../images/mv-teknaf/mv-teknaf-img-1.jpg) center center;
    background-size: cover;
    border-bottom: 5px #444 solid;
    color: #eee;
    font-size: 16px;
}

#page-title-4 {
    width: 100%;
    float: left;
    background: url(../images/mv-bay-one.jpg) center center;
    background-size: cover;
    border-bottom: 5px #444 solid;
    color: #eee;
    font-size: 16px;
}

#page-title a {
    color: #eee;
    font-weight: 600;
}

.page-title-overlay {
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(255, 0, 0, 0));
    float: left;
    padding: 300px 0 50px;
    text-align: center;
}

.page-title h1 {
    color: #fff;
    text-transform: uppercase;
    font-size: 45px;
    padding: 0;
    margin: 0 0 10px;
}

.page-title h4 {
    font-size: 20px;
    padding: 0;
    margin: 0 0 10px;
}

.page-title h4 a {
    color: #fff;
    font-size: 27px;
}

#page-title i {
    margin-right: 3px;
}


#intro {
    float: left;
    width: 100%;
    padding: 70px 0;
    background: url(../images/footer_bg.jpg);
    text-align: center;
    color: #ddd;
    font-size: 18px;
}

#intro h2 {
    font-size: 45px;
    padding: 0;
    margin: 0 0 20px;
}

#intro h3 {
    font-size: 20px;
    padding: 0;
    margin: 0 0 20px;
    line-height: 30px;
    color: #FF272C;
}

#intro h4 {
    font-size: 20px;
    padding: 0;
    margin: 0 0 10px;
}


#FAQ {
    float: left;
    width: 100%;
    padding: 70px 0;
    background: url(../images/Website-bg.jpg);
    color: #222;
    font-size: 18px;
}

#FAQ h2 {
    font-size: 45px;
    padding: 0;
    color: #444;
    text-shadow: 1px 2px 1px #ccc;
}

#about {
    float: left;
    width: 100%;
}

.about_left {
    width: 50%;
    float: left;
    margin: 0;
    padding: 50px 0 0;
    text-align: center;
}

.about_left img {
    margin-top: 100px;
}

.about_right {
    width: 50%;
    float: right;
    padding: 50px 30px 50px 30px;
    background: #00852c url(../images/1131676.png) top repeat-x;
    height: 550px;
    color: #fff;
    font-size: 16px;
}

.about_right h1 {
    font-size: 30px;
    font-weight: 500;
    padding: 0;
    margin: 0 0 15px 0;
    font-family: 'Amaranth', sans-serif;
}

.about {
    text-align: center;
    width: 100%;
}

#container .about h2 {
    font-size: 30px;
    padding: 0;
    margin: 10px 0 20px 0;
}

.home_services {
    width: 100%;
    float: left;
    padding: 8px;
    border: none;
    border-radius: 5px;
    margin: 20px 0 0;
    color: #fff;
    transition: .5s;
    box-shadow: 2px 4px 9px 0 rgba(0, 0, 0, .12);
    background: #015C1F;
}

.home_services a {
    color: #fff;
}

.home_services:hover {
    background: #003311;
    color: #fff;
}

.home_services img {
    height: 20px;
    float: left;
    margin: 0 8px 0 5px;
}


.about_right ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.about_right ul li {
    list-style: none;
    margin-bottom: 5px;
}

.about_right ul li i {
    margin-right: 3px;
}

.make-tour-plan a {
    float: left;
    padding: 5px 10px;
    background: #00852c;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 18px;
    box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    transition: .3s;
}

.make-tour-plan a:hover {
    background: #f23030;
}


#travel-diary {
    float: left;
    width: 100%;
    padding: 80px 0 120px;
    border-top: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
    text-align: center;
    background: url(../images/dairy.jpg) top center no-repeat fixed;
}

#travel-diary h3 {
    font-size: 35px;
    margin-bottom: 50px;
    padding: 0;
    color: #444;
    font-weight: 600;
    text-align: center;
}

.travel_diary_box img {
    width: 100%;
    border-radius: 2px;
    margin: 0 0 0 0;
    padding: 3px;
    transition: .3s;
}

.travel_diary_box {
    float: left;
    width: 20%;
}

.travel_diary_box img:hover {
    opacity: .6;
}

#explore {
    float: left;
    width: 100%;
    height: 550px;
}

#explore h2 {
    font-size: 50px;
    font-weight: 600;
    padding: 0;
    margin: 220px 0 0 0;
    line-height: 60px;
    color: #eee;
}


.seo a {
    color: #f1f1f1;
    font-size: 1px;
    line-height: 5px;
}

.seo2 a {
    color: #fff;
    font-size: 1px;
}

#container {
    width: 100%;
    text-align: justify;
    font-size: 15px;
    padding: 50px 0 80px;
    float: left;
    color: #111;
    line-height: 26px;
}

#container h2 {
    font-size: 24px;
    margin-bottom: 20px;
    padding: 0;
    color: #444;
    font-weight: 600;
}

#container h5 {
    padding: 10px 0 15px 0;
    margin: 0;
    font-size: 20px;
    color: #222;
    font-weight: 600;
    text-align: left;
}

#container h5 i {
    padding-right: 3px;
}

.img2 {
    float: right;
    padding: 0 0 10px 10px;
}


/* tour packages*/
.package_box {
    float: left;
    width: 100%;
    margin-bottom: 30px;
    color: #222;
    text-align: center;
    transition: .2s;
    font-size: 22px;
    font-weight: 300;
    box-shadow: 2px 4px 9px 0 rgba(0, 0, 0, .12);
}

.package_box img {
    float: left;
    width: 100%;
    height: 320px;
    border-bottom: 5px #02c945 solid;
}

.ship-box {
    float: left;
    width: 100%;
    margin-bottom: 30px;
    color: #222;
    box-shadow: 2px 4px 9px 0 rgba(0, 0, 0, .12);
    background: #eee;
}

.ship-box img {
    float: left;
    width: 40%;
    height: 320px;
    border-right: 5px #02c945 solid;
}

.package_name {
    float: right;
    width: 60%;
    padding: 30px;
    font-size: 17px;
}

.package_name h3 {
    font-size: 25px;
    padding: 0;
    margin: 0 0 13px;
}

.package_name h3 a {
    color: #222;
    font-weight: 600;
}

.package_name_left {
    float: left;
    padding: 9px 15px 5px;
    margin: 5px 5px 10px 0;
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    background: #00A035;
    -webkit-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
}

.package_name_right {
    padding: 9px 15px 5px;
    margin: 5px 0 10px 0;
    color: #222;
    text-align: center;
    font-size: 20px;
    float: left;
    background: #fff;
    font-weight: 500;
    -webkit-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
}

.package_details {
    display: inline-block;
}

.package_details a {
    text-decoration: none;
    padding: 7px 20px;
    margin: 0 5px 10px 0;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    float: left;
    background: #555;
    -webkit-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
}

.package_details a:active,
.package_details a:focus {
    outline: none;
}

/* holiday packages*/
.holiday_package_box {
    float: left;
    width: 100%;
    margin-bottom: 30px;
    transition: .2s;
    box-shadow: 2px 4px 9px 0 rgba(0, 0, 0, .12);
    color: #666;
    border: 1px #eee solid;
}

.holiday_package_left {
    width: 30%;
    float: left;
    border-right: 2px #02c945 solid;
}

.holiday_package_left img {
    float: left;
    width: 100%;
    height: 230px;
}

.holiday_package_name {
    float: left;
    width: 60%;
    padding: 20px 30px 0;
    text-align: left;
}

.holiday_package_name span {
    float: left;
    padding: 2px 10px;
    margin: 0 5px 5px 0;
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    background: #EC1C24;
    font-style: italic;
}

.holiday_package_name em {
    float: left;
    padding: 2px 10px;
    margin: 0 5px 5px 0;
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    background: #971B45;
}

.holiday_package_name h3 {
    font-size: 26px;
    padding: 0;
    margin: 0 0 13px;
}

.holiday_package_name h3 a {
    color: #222;
    font-weight: 600;
}


.holiday_package_right {
    float: right;
    width: 10%;
    height: 100%;
    box-shadow: 2px 4px 9px 0 rgba(0, 0, 0, .12);
    min-height: 230px;
    text-align: center;
    background: #F6F6F6;
}

.holiday_package_price {
    padding: 7px 10px;
    margin: 55px 0 0 0;
    color: #fff;
    font-size: 22px;
    background: #00A035;
}

.holiday_package_right a {
    float: left;
    width: 100%;
    padding: 7px 10px;
    color: #fff;
    font-size: 14px;
    background: #00852c;
    text-transform: uppercase;
}

.holiday_package_booking a {
    float: left;
    width: 100%;
    padding: 7px 10px;
    color: #fff;
    font-size: 14px;
    background: #444;
    text-transform: uppercase;
}


.resort_box_big {
    float: left;
    width: 100%;
    margin-bottom: 30px;
    color: #222;
    transition: .2s;
    -webkit-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
    border: 1px solid #eee;
}

.resort_box_left {
    float: left;
    width: 100%;
}

.resort_box_left img {
    width: 100%;

}

.resort_box_right {
    float: left;
    width: 100%;
    text-align: left;
    padding: 50px 30px;
}

.resort_box_right h3 {
    font-size: 34px;
    padding: 0;
    margin: 0 0 10px;
    color: #020C56;
    font-weight: 400;
}

.resort_box_right h3 a {
    color: #020C56;
}


.resort_price {
    float: left;
    padding: 5px 15px;
    margin: 10px 0 20px 0;
    color: #020C56;
    font-size: 30px;
    border: 1px solid #ddd;
    border-radius: 3px;

}

.resort_price span {
    font-size: 18px;
}

.resort_star {
    float: left;
    margin: 0 0 10px 0;
    color: #FFCC00;
    font-size: 20px;
}

.resort_details a {
    float: left;
    padding: 8px 14px;
    margin: 0 6px 10px 0;
    color: #fff;
    text-align: center;
    font-size: 16px;
    background: #00A035;
    text-transform: uppercase;
}


.services {
    width: 100%;
    float: left;
    margin-bottom: 30px;
    color: #333;
    font-size: 15px;
    text-align: left;
    border-bottom: 1px #ddd solid;
    padding: 0 0 30px 0;
}

.services img {
    width: 100%;
    height: 270px;
    box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    float: left;
}

#container .services h2 {
    font-size: 25px;
    font-weight: 600;
    margin: 0 0 10px;
    padding: 0;
}

.services h2 a {
    color: #333;
}


.services-box-1 {
    background: #f23030;
}

.services-box-2 {
    background: #ff4c23;
}

.services-box-3 {
    background: #7961f2;
}

.services-box-4 {
    background: #3d99f5;
}

.services-box-5 {
    background: #00cc44;
}

.services-box-6 {
    background: #ff59ac;
}

.services-box-7 {
    background: #ff9f19;
}

.services-box-8 {
    background: #74d941;
}


.tour-package img {
    float: left;
    width: 100%;
    text-align: center;
    height: 350px;
    border-radius: 3px;
    box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
    border: 1px #ccc solid;
    margin-bottom: 30px;
    position: relative;
}

.tour-package h4 {
    font-size: 23px;
    font-weight: 600;
    position: absolute;
    bottom: 50px;
    margin: 0 0 0 15px;
}

.tour-package h4 a {
    background: #00852c;
    border-left: 3px #333 solid;
    color: #fff;
    text-transform: uppercase;
    padding: 6px 12px 7px;
    transition: .3s;
    box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
}

.tour-package h4 a:hover {
    background: #f23030;
}


.travel-dairy img {
    height: 150px;
    border-radius: 2px;
    margin: 0 10px 10px 0;
    text-align: left;
    float: left;
    padding: 3px;
    border: 1px #ddd solid;
}


.travel-pic img {
    float: left;
    width: 100%;
    height: 350px;
    border-radius: 3px;
    box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
    border: 1px #ccc solid;
    margin-bottom: 30px;
}


.travel-details {
    font-size: 17px;
    color: #111;
    float: left;
}

.travel-details h3 {
    font-size: 30px;
    font-weight: 600;
    margin: 0 0 20px;
    padding: 0;
}

.travel-details a {
    color: #222;
}

.tour_date {
    padding: 4px 15px;
    background: #f23030;
    color: #fff;
    float: left;
}

.tour_price {
    padding: 5px 15px 7px;
    background: #02c945;
    color: #fff;
    float: left;
    margin: 0 0 10px;
}

.event_details {
    font-size: 17px;
}

.event_details h3 {
    font-size: 24px;
    margin-bottom: 20px;
    padding: 0;
    font-weight: 600;
    text-align: left;
}

.event_slider .item img {
    float: left;
    width: 100%;
    height: 320px;
    border: 1px #ddd solid;
}

.event_price {
    float: right;
    background: #f23030 url(../images/1131676.png) top repeat-x;
    padding: 30px 20px;
    width: 100%;
    min-height: 320px;
    color: #fff;
    font-size: 17px;
    text-align: left;
    margin: 0 0 20px;
}

.event_price h3 {
    font-size: 25px;
    margin: 10px 0 20px;
    padding: 0;
    font-weight: 600;
    text-align: left;
    color: #fff;
}

.event_video {
    float: right;
    width: 100%;
    height: 320px;
}

.tourist_place {
    float: left;
    width: 100%;
    background: #F8F8F8;
    text-align: center;
    box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
    font-size: 17px;
    margin: 0 0 20px 0;
}

.tourist_place img {
    float: left;
    width: 100%;
    height: 170px;
    margin: 0 0 10px 0;
}

.booking_hotline {
    float: right;
    background: #00cc44 url(../images/1131676.png) top repeat-x;
    padding: 20px;
    width: 100%;
    height: 230px;
    color: #fff;
    font-size: 18px;
}

.booking_hotline h3 {
    font-size: 22px;
    margin: 10px 0 20px;
    padding: 0;
    font-weight: 600;
    text-align: left;
    color: #fff;
}

.booking_hotline a {
    color: #fff;
    font-size: 22px;
    font-weight: 600;
}

.package-gallery img {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
}


.blog_details {
    font-size: 16px;
    color: #111;
}

.blog_details ul li {
    margin-bottom: 15px;
}


#container input {
    margin-bottom: 10px;
}

#container textarea {
    margin-bottom: 10px;
}

.contact_form {
    color: #333333;

}

.contact_table {
    float: left;
    display: inline-block;
    padding-bottom: 20px;
    margin-bottom: 30px;
    margin-top: 10px;
    text-align: left;
}

.contact_table i {
    color: #333333;
    width: 30px;
    height: 27px;
    text-align: center;
    line-height: 27px;
    border: 1px #ccc solid;
    margin-right: 5px;
    margin-bottom: 5px;
}

.factory_box img {
    width: 100%;
    height: 230px;
    border: 1px solid #ddd;
    box-shadow: 0 0 2px #bbb;
    border-bottom: 1px solid #edc60f;
    transition: .3s;

}

.factory_box:hover {
    opacity: .6;
}


.list {
    padding: 0;
    margin: 0 0 0 5px;
    list-style: none;
    text-align: left;
}

.list li {
    list-style: none;
    margin-bottom: 5px;
}

.list i {
    color: #555;
    margin-right: 3px;
}

.list2 {
    padding: 0;
    margin: 0 0 20px 20px;
    list-style: none;
}

.list2 li {
    list-style: none;
    margin-bottom: 4px;
    text-align: left;
}

.list2 i {
    color: #555;
    margin-right: 3px;
}

.index_img {
    float: right;
    width: 80%;
}


#footer-top {
    width: 100%;
    float: left;
    background: url(../images/footer_bg.jpg) repeat;
    border-top: 2px #000 solid;
    border-bottom: 2px #000 solid;
}

#footer {
    width: 100%;
    float: left;
    padding: 40px 0;
}


.footer {
    font-size: 14px;
}

.footer h3 {
    font-size: 22px;
    margin-bottom: 20px;
    padding: 0;
    color: #eee;
    font-weight: 500;

}

.brand {
    float: left;
    width: 100%;
    color: #ddd;
}

.brand h3 {
    padding: 0 0 0;
    margin: 0 0 10px;
    color: #fff;
    font-weight: 500;
    font-size: 26px;
}

.brand img {
    float: left;
    height: 110px;
    padding: 3px 5px;
    margin: 0 10px 0 0;
    background: #fff;
}

.footer i {
    color: #bbb;
    margin-right: 3px;
}

.footer a {
    font-weight: normal;
    color: #bbb;
    text-decoration: none;
    margin: 0 2px;
}

.footer a:hover {
    color: #fff;
    text-decoration: none;
}

.footer_social {
    float: right;
    font-size: 15px;
    font-weight: 500;
    color: #bbb;
    text-align: right;
}

.footer_social i {
    float: left;
    text-align: center;
    width: 35px;
    height: 32px;
    border-radius: 2px;
    margin: 0 3px 0 0;
    line-height: 32px;
}

.footer_social .fa-facebook {
    background: #3c599b;
    color: #fff;
}

.footer_social .fa-linkedin {
    background: #3c599b;
    color: #fff;
}

.footer_social .fa-tumblr {
    background: #3c599b;
    color: #fff;
}

.footer_social .fa-google-plus {
    background: #CD3F2C;
    color: #fff;
}

.footer_social .fa-twitter {
    background: #5EA9DD;
    color: #fff;
}

.footer_social .fa-youtube {
    background: #c82828;
    color: #fff;
}

.copyright {
    font-size: 13px;
    float: left;
    width: 100%;
    background: #141212;
    padding: 10px 15px;
    color: #555;
}

.copyright a {
    color: #555;
    text-decoration: none;
}


.UNITECH {
    text-align: right;
    margin-top: 13px;
    float: right;
    line-height: 23px;
}

.UNITECH a {
    color: #eee;
}


.product_gallery {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.product_gallery img {
    float: left;
    width: 100%;
    height: 180px;
    padding: 3px;
    border: 1px #ddd solid;
}

.certificate img {
    height: 80px;
    margin: 0 10px 10px 0;
}


#footer_plan {
    width: 100%;
    height: 500px;
    float: left;
}

#footer_plan h2 {
    padding: 0;
    margin: 140px 0 0 0;
    text-align: right;
}

#footer_plan h2 a {
    font-size: 40px;
    font-weight: 600;
    color: #fff;
    text-shadow: 1px 2px 1px #444;
}

.request {
    color: #FF0000;
}

.request2 {
    color: #006600;
}

.contact_img img {
    float: right;
    margin: 70px 0 0;
}

.police {
    float: left;
    width: 100%;
    height: 155px;
    padding: 10px;
    border: 1px #ddd solid;
    text-align: left;
    background: #efefef;
    margin-bottom: 20px;
}

.police_title {
    color: #990000;
    font-size: 18px;
}

.blog_add img {
    float: left;
    width: 100%;
    margin: 0 0 20px;
    border: 1px #ddd solid;
}


.contact-area {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    padding: 40px 20px;
    height: 250px;
    border-radius: 2px;
    background: #00852c;
    color: #fff;
    box-shadow: 2px 4px 9px 0 rgba(0, 0, 0, .12);
}

.contact-icon {
    padding: 0 0 20px 0;
}

.contact-icon i {
    font-size: 2.5em;
    border: 1px #fff solid;
    width: 70px;
    height: 70px;
    line-height: 69px;
    border-radius: 50%;
}

.contact-area p {
    font-size: 18px;
}

.box-1 {
    background: #F3CD00;
    color: #fff;
}

.box-2 {
    background: #2452A1;
    color: #fff;
}

.box-3 {
    background: #075D39;
    color: #fff;
}

.box-4 {
    background: #f23030;
    color: #fff;
}

.box-5 {
    background: #00cc44;
    color: #fff;
}

.box-6 {
    background: #ff59ac;
    color: #fff;
}

.box-7 {
    background: #ff9f19;
    color: #fff;
}

.box-8 {
    background: #74d941;
    color: #fff;
}


.boat-image img {
    min-height: 200px;
}


/* tour packages*/
.ship-ticket-price {
    float: left;
    width: 100%;
    margin-bottom: 30px;
    color: #222;
    text-align: center;
    transition: .2s;
    font-size: 22px;
    font-weight: 300;
    box-shadow: 2px 4px 9px 0 rgba(0, 0, 0, .12);
}

.ship-ticket-price img {
    float: left;
    width: 100%;
    height: 230px;
    border-bottom: 5px #02c945 solid;
}

.ship-ticket-title {
    background: #eee;
    float: left;
    width: 100%;
    padding: 13px 15px 10px;
}

.ship-ticket-title h3 {
    font-size: 22px;
    padding: 0;
    margin: 5px 0 13px;
    color: #222;
    font-weight: 600;
}

.ship-ticket-title p {
    font-size: 14px;
    text-align: left;
}


/* resort*/
.resort_box {
    float: left;
    width: 100%;
    margin-bottom: 30px;
    color: #222;
    text-align: left;
    transition: .2s;
    font-size: 22px;
    font-weight: 300;
    box-shadow: 2px 4px 9px 0 rgba(0, 0, 0, .12);
}

.resort_box img {
    float: left;
    width: 100%;
    height: 320px;
    border-bottom: 5px #02c945 solid;
}

.resort_name {
    background: #eee;
    float: left;
    width: 100%;
    padding: 13px 15px 10px;
}

.resort_name h3 {
    font-size: 22px;
    padding: 0;
    margin: 5px 0 13px;
}

.resort_name h3 a {
    color: #222;
    font-weight: 600;
}

.resort_name p {
    font-size: 15px;
}