@import url(https://fonts.googleapis.com/css?family=Alex+Brush|Kaushan+Script);

#main-wrap .slider { background: #E8E7E3; position: relative; height: 500px; z-index: 1; }
#main-wrap .inner_block { display: inline-block; }
#main-wrap .text_center { text-align: center; }

#main-wrap .search_form { position: absolute; top: 250px; width: 100%; }
/*#main-wrap .slider .fadein a { height: 250px; top: 0px; }*/
#main-wrap .slider .fadein .cover_photo { width: 100%; height: 500px; background: no-repeat center center; background-size: cover; }
#main-wrap .slider .landing_page_title { position: absolute; width: 100%; top: 80px; z-index: 11; color: #fff; cursor: pointer; }
#main-wrap .slider .landing_page_title h1 { padding: 15px 30px; display: inline-block; font-family: 'Kaushan Script' , cursive; background: url('/Styles/images/basic/transparent-bg.png'); font-size: 20px; margin-bottom: 10px; }
#main-wrap .slider .landing_page_title h1:before { content: open-quote; }
#main-wrap .slider .landing_page_title p { width: 0 !important; height: 0 !important; overflow: hidden !important; margin: 0px; }
#main-wrap .slider .landing_page_title:hover p { padding: 5px 30px; display: block; background: url('/Styles/images/basic/transparent-bg.png'); font-size: 13px; text-align: justify; width: 50% !important; height: auto !important; }

.summary_content .summary_title { font-size: 25px; line-height: 30px; font-weight: 600; text-align: center; color: #1d4a8e; }
.summary_content .boxContent { }
.summary_content .boxContent .boxHeader { color: #fff; display: block; background: #1d4a8e; text-align: left; padding: 0px 20px; line-height: 50px; }
.summary_content .boxContent .boxHeader img.icon { height: 35px; margin-bottom: -10px; margin-right: 10px; }
.summary_content .boxContent .boxHeader h6 { font-size: 18px; margin: 0px; display: inline-block; }

.summary_content .boxContent .boxHeader .search { float: right; margin-top: 14px; }
.summary_content .boxContent .boxHeader .search span { height: auto; border: none; background: #fff url('/Styles/images/search_icon.png') no-repeat 10px center; padding: 0px 10px 0px 40px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.summary_content .boxContent .boxHeader .search input[type="text"] { height: 25px; line-height: 25px; border: none; }
.summary_content .boxContent .boxItemWrap { background: #fff; border: 1px solid #DADADA; border-top: none; padding: 10px; }
.summary_content .boxContent .item { float: left; width: calc((100% - 30px) / 4); height: 237px; margin-right: 10px; margin-bottom: 10px; background: no-repeat center center; background-size: cover; overflow: hidden; }
.summary_content .boxContent .last { margin-right: 0px; }
.summary_content .boxContent .itemAirline { position: relative; }

.summary_content .boxContent .itemAirline .itemTitle { position: absolute; bottom: 20px; background: url('/Styles/images/basic/transparent-bg.png'); font-size: 15px; font-weight: 600; width: 100%; height: 50px; line-height: 50px; color: #fff; margin: 0px; margin-top: 10px; overflow: hidden; }
.summary_content .boxContent .itemAirline .itemTitle a { display: inline-block; width: 150px; margin-right: 10px; color: #fff; overflow: hidden; margin-left: 10px; }
.summary_content .boxContent .itemAirline .itemTitle em { display: none; visibility: hidden; }
.summary_content .boxContent .itemAirline .itemTitle img.logo { float: right; max-width: 50px; height: 30px; margin-top: 10px; margin-right: 10px; }
.summary_content .boxContent .itemAirline .itemDes { position: absolute; top: 20px; width: 0 !important; height: 0 !important; max-height: 120px; overflow: hidden !important; color: #fff; text-align: justify; line-height: 20px; }
.summary_content .boxContent .itemAirline:hover .itemDes { background: url('/Styles/images/basic/transparent-bg.png'); width: auto !important; height: auto !important; padding: 5px 10px; }

.summary_content .boxContent .itemDestination .itemTitle { background: url('/Styles/images/basic/transparent-bg.png'); padding: 0px 20px; display: inline-block; font-size: 18px; color: #fff; margin-top: 30px; margin-bottom: 5px; height: 40px; line-height: 40px; overflow: hidden; }
.summary_content .boxContent .itemDestination .itemTitle a { color: #fff; }
.summary_content .boxContent .itemDestination .itemTitle em { display: none; visibility: hidden; }
.summary_content .boxContent .itemDestination .itemDes { width: 0 !important; height: 0 !important; overflow: hidden !important; color: #fff; text-align: justify; line-height: 20px; }
.summary_content .boxContent .itemDestination:hover .itemDes { background: url('/Styles/images/basic/transparent-bg.png'); width: auto !important; height: auto !important; max-height: 120px; padding: 5px 5px 5px 20px; }

.landing_page_content { background: #f7f7f7; }
.landing_page_content .geodata { margin-bottom: 20px; }
.landing_page_content .geodata .itemgeodata { float: left; height: 50px; line-height: 50px; padding: 0px 20px 0px 10px; font-size: 20px; font-weight: bold; vertical-align: middle; }
.landing_page_content .geodata .itemgeodata img { height: 25px; vertical-align: middle; margin-right: 20px; }
.landing_page_content .geodata .itemgeodata span { height: 100%; vertical-align: middle; }
.landing_page_content .geodata .countrydata { background: #1d4a8e; color: #fff; }
.landing_page_content .geodata .countrydata a { color: #fff; }
.landing_page_content .geodata .citydata { background: #fff; border: 1px solid #1d4a8e; color: #1d4a8e; height: 48px; line-height: 48px; }
.landing_page_content .geodata .connectdata img { height: 35px; }
.landing_page_content .geodata .connectdata span { display: inline-block; width: 0px; }
.landing_page_content .news_content { background: #fff; padding: 20px; font-size: 15px; text-align: justify; border: 1px solid #DADADA; margin-bottom: 20px; }
.landing_page_content .news_content h2, .landing_page_content .news_content h3, .landing_page_content .news_content h4 { color: #1d4a8e; }
.landing_page_content .news_content h2 { display: block; padding-left: 45px; margin: 0px; margin-bottom: 20px; font-size: 18px; background: url('/Styles2019/images/Vivavivu_plane_icon.png') no-repeat left center; }
.landing_page_content .news_content p { margin-bottom: 20px; }
.landing_page_content .news_content ul { margin-left: 17px; margin-bottom: 20px; }
.landing_page_content .airline_contact { background: #CAFAE9; padding: 10px 10px 0px 10px; border: 5px solid #1d4a8e; margin-bottom: 20px; -moz-border-radius: 30px; -webkit-border-radius: 30px; -khtml-border-radius: 30px; border-radius: 30px; }
.landing_page_content .airline_contact .pilotie { margin-right: 30px; max-width: 500px; height: 280px; }
.landing_page_content .airline_contact .buyticketcontent { vertical-align: middle; font-size: 15px; color: #1d4a8e; text-align: justify; }
.landing_page_content .airline_contact .buyticketcontent a { font-weight: bold; color: #1d4a8e; }
.landing_page_content .airline_contact .buyticketcontent ul { margin-left: 17px; }
.landing_page_content .news_socialshare { border: 1px solid #DADADA; padding: 5px; margin-top: 10px; margin-left: 0px; background: #fff; }
.landing_page_content .relatedContent { }
.landing_page_content .relatedContent .relatedHeader { color: #fff; display: block; background: #1d4a8e; text-align: left; padding: 10px 20px; }
.landing_page_content .relatedContent .relatedHeaderC { text-align: center; }
.landing_page_content .relatedContent .relatedHeader h4 { font-size: 18px; margin: 0px; display: inline-block; }
.landing_page_content .relatedContent .relatedHeader .search { float: right; }
.landing_page_content .relatedContent .relatedHeader .search span { height: auto; border: none; background: #fff url('/Styles/images/search_icon.png') no-repeat 10px center; padding: 0px 10px 0px 40px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.landing_page_content .relatedContent .relatedHeader .search input[type="text"] { height: 25px; line-height: 25px; border: none; }
.landing_page_content .relatedContent .relatedItemWrap, .landing_page_content .relatedContent .relatedItemWrapN { background: #fff; border: 1px solid #DADADA; border-top: none; padding: 10px; }
.landing_page_content .relatedContent .relatedItemWrap h3 { font-size: 18px; margin: 10px 0px; color: #00b384; }
.landing_page_content .relatedContent .item { float: left; width: calc((100% - 30px) / 4); height: 237px; margin-right: 10px; margin-bottom: 10px; background: no-repeat center center; background-size: cover; overflow: hidden; }
.landing_page_content .relatedContent .bigw { width: calc((100% - 20px) / 2); }
.landing_page_content .relatedContent .bigh { height: 484px; }
.landing_page_content .relatedContent .last { margin-right: 0px; }
.landing_page_content .relatedContent .item .itemTitle { background: url('/Styles/images/basic/transparent-bg.png'); padding: 0px 20px; display: inline-block; font-size: 18px; color: #fff; margin-top: 30px; margin-bottom: 5px; height: 40px; line-height: 40px; overflow: hidden; }
.landing_page_content .relatedContent .item .itemTitle a { color: #fff; }
.landing_page_content .relatedContent .item .itemTitle em { display: none; visibility: hidden; }
.landing_page_content .relatedContent .item .itemDes { width: 0 !important; height: 0 !important; overflow: hidden !important; color: #fff; text-align: justify; line-height: 20px; }
.landing_page_content .relatedContent .item:hover .itemDes { background: url('/Styles/images/basic/transparent-bg.png'); width: auto !important; height: auto !important; max-height: 120px; padding: 5px 5px 5px 20px; }

.RadComboBoxDropDown .rcbItem { font-size: 13px; line-height: 25px; }

@media only screen and (max-width: 768px) {
    #main-wrap .slider { height: auto; }
    #main-wrap .slider .fadein .cover_photo { height: 250px; }
    #main-wrap .search_form { position: static; top: 0; }
    .summary_content .boxContent .item { width: 352px; }
    .summary_content .boxContent .responsive_big { margin-right: 0px; }
    #main-wrap .slider .landing_page_title { top: 20px; }
    #main-wrap .slider .landing_page_title h1 { padding: 10px; font-size: 15px; margin-bottom: 10px; }
    #main-wrap .slider .landing_page_title:hover p { width: 95% !important; }
    .landing_page_content .relatedContent .item { height: 171px; }
    .landing_page_content .relatedContent .bigh { height: 352.5px; }
    .landing_page_content .relatedContent .item:hover .itemDes { max-height: 100px; font-size: 12px; line-height: 20px; }
}

@media only screen and (max-width: 767px) {
    #main-wrap .slider .fadein .cover_photo { height: 200px; }
    .summary_content .boxContent .item { width: 100%; margin-right: 0px; }
    .landing_page_content .relatedContent .relatedHeader { text-align: center; }
    .landing_page_content .relatedContent .relatedHeader .search { float: none; margin-top: 10px; }
    .landing_page_content .relatedContent .item { width: 100%; height: 200px; margin-right: 0px; }
    .landing_page_content .relatedContent .bigw { width: 100%; }
    .landing_page_content .relatedContent .bigh { height: 200px; }
    .landing_page_content .airline_contact .pilotie { margin-right: 0px; width: 0px; height: 0px; display: none; }
    .landing_page_content .airline_contact .buyticketcontent { padding: 5px; }
}

@media only screen and (max-width: 600px) {
    #main-wrap .slider .landing_page_title:hover p { padding: 10px; max-height: 125px; }
    .landing_page_content .geodata .itemgeodata { height: 35px; line-height: 35px; font-size: 15px; }
    .landing_page_content .geodata .citydata { height: 33px; line-height: 33px; }
    /*#main-wrap .slider .landing_page_title:hover p { display: none; visibility: hidden; }*/
}

@media only screen and (max-width: 480px) {
    .landing_page_content .geodata .itemgeodata { padding: 0px 10px; }
    .landing_page_content .geodata .itemgeodata img { height: 15px; margin-right: 10px; }
    .landing_page_content .geodata .itemgeodata { height: 30px; line-height: 30px; font-size: 13px; }
    .landing_page_content .geodata .countrydata { max-width: 150px; overflow: hidden; }
    .landing_page_content .geodata .citydata { height: 28px; line-height: 28px; }
    .landing_page_content .airline_contact .buyticketcontent { font-size: 13px; }
}

@media only screen and (max-width: 360px) {
    .summary_content .boxContent .boxHeader h6 { font-size: 15px; }
}