﻿/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; font-size: 100%; font: inherit; vertical-align: middle; margin: 0; padding: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: none; }
table { border-collapse: collapse; border-spacing: 0; }
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: none; outline-offset: 0; }
/*------------------ fonts ------------------*/
@font-face { font-family: 'fontawesome'; src: url('../assets/fonts/fontawesome/fontawesome-webfont.eot?v=4.6.1'); src: url('../assets/fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.6.1') format('embedded-opentype'), url('../assets/fonts/fontawesome/fontawesome-webfont.woff2?v=4.6.1') format('woff2'), url('../assets/fonts/fontawesome/fontawesome-webfont.woff?v=4.6.1') format('woff'), url('../assets/fonts/fontawesome/fontawesome-webfont.ttf?v=4.6.1') format('truetype'), url('../assets/fonts/fontawesome/fontawesome-webfont.svg?v=4.6.1#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'iransans'; src: url('../assets/fonts/iransansFa/IRANSansWeb(FaNum).eot'); src: url('../assets/fonts/iransansFa/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'), url('../assets/fonts/iransansFa/IRANSansWeb(FaNum).woff') format('woff'),url('../assets/fonts/iransansFa/IRANSansWeb(FaNum).woff2') format('woff2'), url('../assets/fonts/iransansFa/IRANSansWeb(FaNum).ttf') format('truetype'); }
@font-face { font-family: 'sina'; src: url(../assets/fonts/sina/B-Sina-Bold.eot); src: url(../assets/fonts/sina/B-Sina-Bold.eot?#iefix) format('embedded-opentype'), url(../assets/fonts/sina/B-Sina-Bold.otf) format('otf'), url(../assets/fonts/sina/B-Sina-Bold.svg#B-Sina-Bold) format('svg'), url(../assets/fonts/sina/B-Sina-Bold.ttf) format('truetype'), url(../assets/fonts/sina/B-Sina-Bold.woff) format('woff'), url(../assets/fonts/sina/B-Sina-Bold.woff2) format('woff2'); }

/*------------------------------------------------------------ */
:root { --main-color: #3262ae; --second-color: #ffba00; }

html { font-size: 16px; }
html, body { max-width: 100%; overflow-x: hidden; }
body { direction: rtl; padding: 0; padding: 0; margin: 0; font-family: iransans; position: relative; background-color: #fff; color: #2b2b33;
    top: 0px;
    right: 0px;
}
.container-fluid { width: 100%; padding: 0; }
.container { width: 100%; max-width: 1200px; padding: 0 15px; margin: 0 auto; }
h1, h2, h3, h4, h5, h6 { line-height: inherit; margin: 0; }
strong { font-weight: bold; }
img { vertical-align: top; }
.no-padding { padding-right: 0; padding-left: 0; }
* a { text-decoration: none; color: inherit; transition: all 0.3s ease; }
*:focus, *:visited, *:active { outline: none; text-decoration: none; }
a { color: inherit; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; }
a:hover,
a:focus { text-decoration: none; outline: none; color: inherit; }
ul, ol { list-style-position: inside; }
body.modal-open { padding: 0 !important; }
/*-----------------------------------------------------------------header*/
header { position: relative; background-color: #fff; border-bottom:1px solid var(--main-color);}

.header-logo { position:absolute; top:15px; z-index:2; }
.header-logo:before { content: ''; position: absolute; bottom: -24px; right: -47px; width: 199px; height: 62px; background: url('/Images/my-icons.png') 0 -71px; z-index:-1; }
.header-logo img { display: inline-block; transition: all 0.3s ease; }
.header-logo .H1Wrap { display: inline-block;vertical-align:top; margin-right:15px; margin-top:10px; }
.header-logo .H1Wrap > a { direction: ltr; color: var(--main-color); }
.header-logo .H1Wrap h1 { display: block; font-family: sina; font-size: 19px; }
.header-logo .H1Wrap span { display: block; font-family: Poppins; font-size: 13px;  }
/*-----------------------------------------------------------------menu*/

#menu-div { float: left; }

#menu-div nav { position: relative; display: inline-block; float: right; }
#menu-div nav .navbar-collapse { padding: 0; }
#menu-div nav .navbar-nav { text-align: left; font-size: 0; margin-top:20px;}
#menu-div nav .navbar-nav > li { position: relative; display: inline-block; cursor: pointer; float: none; }
#menu-div nav .navbar-nav > li > a { position: relative; font-size: 1rem; color: #000;  padding: 15px 12px; }
#menu-div nav .navbar-nav > li > a:hover { color: var(--main-color) ;}
#menu-div nav .navbar-nav > li > .caret { position: relative; left: 15px; right: auto; top: -3px; border: 0; width: 13px; height: 10px; line-height: 12px; text-align: center; font-size: 10px; z-index: 1; }
#menu-div nav .navbar-nav > li > .caret:after { content: '\f078'; font-family: fontawesome; color: var(--second-color); transition: all 0.3s ease; }
#menu-div nav .navbar-nav .dropdown-menu { width: auto; padding: 0; border-radius: 0; top: 100%; background: transparent; box-shadow: unset; border: 0; }
#menu-div nav .navbar-nav .dropdown-menu > li a { background-color: #f3f3f3; color: #000; padding: 5px 15px; border-bottom: 1px solid #e0dddd; }
#menu-div nav .navbar-nav .dropdown-menu > li a:hover { background: var(--second-color); color: #fff; }
#menu-div nav .navbar-nav .dropdown-menu > li:last-child a { border-radius: 0 0 10px 10px; border-bottom: 0; }

#menu-div .header-icons { position: relative; float: left; direction:ltr; padding:30px 0; }
#menu-div .header-icons a { position: relative; display: inline-block; font-size: 0.8125rem; color: var(--main-color); margin-right: 15px; padding-right: 35px; }
#menu-div .header-icons a:before { content: ''; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; display: block; width: 29px; height: 29px; background: url('/Images/my-icons.png'); transition: all 0.5s ease; }
#menu-div .header-icons a.account:before{background-position:-199px 0;}
#menu-div .header-icons a.my-trips:before { background-position: -230px 0; }
#menu-div .header-icons a.support:before { background-position: -261px 0; }
#menu-div .header-icons a:hover::before{transform:rotate(360deg);}
#menu-div .header-icons a.Lang { display: inline-block; width: 27px; height: 27px; background-color: var(--main-color); border-radius: 50%; font-size: 0.875rem; color: #fff; line-height: 27px; text-align: center; padding-right: 0; }
#menu-div .header-icons a.Lang:before{display:none;}
#menu-div .header-icons a.Lang:hover { background-color: var(--second-color); }

/*-----------------------------------------------------------------Banner*/
#Banner { position: relative; }

#Banner .banner-loop .item { display: inline-block; width: 100%; vertical-align: top; }
#Banner .banner-loop .item .item-inner { display: block; position: relative; width: 100%; overflow: hidden; }
#Banner .banner-loop .item .item-inner > a { display: block; }
#Banner .banner-loop .item .item-inner > a img { width: 100%; height: 545px; object-fit:cover;  }

#Banner .banner-loop .item .item-inner .banner-txt { position: absolute; max-width:950px; right:0; left:0; top:0; bottom:0; margin:auto; }
#Banner .banner-loop .item .item-inner .banner-txt .banner-Dscp { position: absolute; top: 50%; transform:translateY(-50%); right: 0;  margin: auto;  z-index: 2; color: #fff; padding: 0 15px; font-size:2rem; font-weight:bold; }
#Banner .banner-loop .item .item-inner .banner-txt .banner-Dscp .title{font-size:3.4rem;}
#Banner .banner-loop .item .item-inner .banner-txt .banner-Dscp a{float:left; font-size:1rem; border:1px solid #fff; width:137px;line-height:47px; text-align:center; border-radius:10px;}
#Banner .banner-loop .item .item-inner .banner-txt .banner-Dscp a:hover { background: #fff; color: var(--main-color); border-color: var(--main-color); }
/*-------------------------------------------------------------- TicketSearch */
#TicketSearch { background-color: #f5f5f5; }
#TicketSearch .container { position: relative; transform: translateY(-50%); z-index: 1; }
#TicketSearch .ticket-search-inner { position: relative; /*max-width: 1047px;*/ margin: 0 auto; border-radius: 35px; padding: 3.75rem 3.1rem 2.375rem;  background: linear-gradient(to top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 57%, rgba(255,255,255,0) 90%); z-index: 1; }
#TicketSearch .ticket-search-inner:before { content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(50,98,174,0.8); border-radius: 35px; overflow: hidden; z-index: 0; }
#TicketSearch .ticket-search-inner .status-line { position: relative; z-index: 2; padding: 0 15px; margin-bottom: 3.125rem; }
#TicketSearch .ticket-search-inner .status-line ul{list-style:none; text-align:center;}
#TicketSearch .ticket-search-inner .status-line ul li{position:relative; display:inline-block; color:#fff; padding-left:119px;}
#TicketSearch .ticket-search-inner .status-line ul li:before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 110px; height: 1px; background:#fff; }
#TicketSearch .ticket-search-inner .status-line ul li:after { content: ''; position: absolute; left: 96px; top: 0; bottom: 0; margin: auto; width: 14px; height: 14px; border-radius:50%; background: #fff; }
#TicketSearch .ticket-search-inner .status-line ul li:last-child { padding-left: 25px;  }
#TicketSearch .ticket-search-inner .status-line ul li:last-child:before{display:none;}
#TicketSearch .ticket-search-inner .status-line ul li:last-child:after {left:0; width: 20px; height: 19px; background: url('/Images/my-icons.png') -135px 0; }
#TicketSearch .ticket-search-inner .search-engine { position: relative; z-index: 2; }
#TicketSearch .ticket-search-inner .search-engine > div { display: inline-block; border: 1px solid #fff; border-radius: 12px; padding: 2px; }
#TicketSearch .ticket-search-inner .search-engine input, #TicketSearch .ticket-search-inner .search-engine button { border: 0; border-radius: 10px; font-size: 0.875rem; color: #292929; padding: 8px 20px; }
#TicketSearch .ticket-search-inner .search-engine input { max-width: 180px; }
#TicketSearch .ticket-search-inner .search-engine .places{position:relative; font-size:0;}
#TicketSearch .ticket-search-inner .search-engine .places > div { display: inline-block; }
#TicketSearch .ticket-search-inner .search-engine .places > div input { max-width: 180px; }
#TicketSearch .ticket-search-inner .search-engine .places > div.departure input { border-radius: 0 10px 10px 0; margin-left:1px;  }
#TicketSearch .ticket-search-inner .search-engine .places > div.destination input { border-radius: 10px 0 0 10px; }
#TicketSearch .ticket-search-inner .search-engine .places .icon { position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; width: 33px; height: 26px; background: url('/Images/my-icons.png') -160px 0; cursor:pointer; }
#TicketSearch .ticket-search-inner .search-engine .dates { position: relative; font-size: 0; }
#TicketSearch .ticket-search-inner .search-engine .dates > div { display: inline-block; }
#TicketSearch .ticket-search-inner .search-engine .dates > div input { max-width: 180px; line-height:inherit; }
#TicketSearch .ticket-search-inner .search-engine .dates > div.go-date input { border-radius: 0 10px 10px 0; margin-left: 1px; }
#TicketSearch .ticket-search-inner .search-engine .dates > div.back-date input { border-radius: 10px 0 0 10px; }
#TicketSearch .ticket-search-inner .search-engine .passengers select{width:100%; min-width:199px; height:40px; border-radius:10px;}
#TicketSearch .ticket-search-inner .search-engine .search-button { border: 0; padding: 0; }
#TicketSearch .ticket-search-inner .search-engine .search-button button { background-color: var(--second-color);  color:var(--main-color); width:136px; transition:all 0.3s ease;}
#TicketSearch .ticket-search-inner .search-engine .search-button button:hover { color: var(--second-color); background-color: var(--main-color); width: 136px; }

/*-------------------------------------------------------------- Services */
#Services { padding: 2.5rem 0; }
#Services .ServiceHeader { position: relative; margin-bottom: 40px; font-size: 1.375rem; color: var(--main-color); padding-right: 120px; }
#Services .ServiceHeader:before { content: ''; position: absolute; top: 0; bottom: 0; right: 0; margin: auto; width: 104px; height: 17px; background: url('/Images/my-icons.png') 0 -29px; }
#Services .service-loop{padding:0 60px;}
#Services .service-loop .item { max-width: 315px; margin: 0 auto 2rem; }
#Services .service-loop .item .service-img { position: relative; border-radius: 35px; margin-bottom: 2rem; overflow: hidden; }
#Services .service-loop .item .service-img a { display: block; }
#Services .service-loop .item .service-img a img { transition: all 0.5s ease; }
#Services .service-loop .item .service-txt { padding: 0 15px; }
#Services .service-loop .item .service-txt h2 { font-size: 1.125rem; line-height: 1.75rem; text-align:center; }
#Services .service-loop .item:hover .service-img a img { transform: scale(1.1); }
#Services .service-loop .item:hover .service-txt h2 { color: var(--second-color); }

/*-------------------------------------------------------------- Ship */
#Ship { position: relative; background-color: #f5f5f5; padding: 3.5rem 0; }
#Ship .ship-inner { display: flex; align-items: center; }
#Ship .img-wrap { width: 50%; text-align: right; }
#Ship .img-wrap .img-mask-wrap { max-width: 577px; -webkit-mask-image: url('../Images/mask1.png'); mask-image: url('../Images/mask1.png'); -webkit-mask-size: 100%; mask-size: 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: top; mask-position: top; }
#Ship .img-wrap .img-mask-wrap img { width: 100%; height: auto; }
#Ship .txt-wrap { width: 50%; padding-right: 2.5rem; }
#Ship .txt-wrap h2 { font-size: 22px; color: #000; font-weight: bold; margin-bottom: 10px; }
#Ship .txt-wrap p { font-size: 1rem; line-height: 25px; color: #000; }
#Ship .txt-wrap a { float: left; border: 1px solid #a6a6a6; color: #a6a6a6; line-height: 45px; width: 135px; height: 45px; border-radius: 10px; text-align: center; margin-top: 35px; }
#Ship .txt-wrap a:hover { color: #fff; border-color: var(--main-color); background-color: var(--main-color); }
/*-------------------------------------------------------------- Cargo */
#Cargo { position: relative; padding: 3.5rem 0; }
#Cargo .cargo-inner{display:flex; align-items:center;}
#Cargo .img-wrap { width: 50%;text-align: left; }
#Cargo .img-wrap .img-mask-wrap {max-width:577px;  -webkit-mask-image: url('../Images/mask2.png'); mask-image: url('../Images/mask2.png'); -webkit-mask-size: 100%; mask-size: 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: top; mask-position: top; }
#Cargo .img-wrap .img-mask-wrap img{width:100%; height:auto;}
#Cargo .txt-wrap { width: 50%;padding-left: 2.5rem; }
#Cargo .txt-wrap h2 { font-size: 22px; color: #000; font-weight:bold; margin-bottom:10px; }
#Cargo .txt-wrap p { font-size: 1rem; line-height: 25px; color: #000; }
#Cargo .txt-wrap a { float: left; border: 1px solid #a6a6a6; color: #a6a6a6; line-height: 45px; width: 135px; height: 45px; border-radius:10px; text-align: center; margin-top: 35px; }
#Cargo .txt-wrap a:hover { color: #fff; border-color: var(--main-color); background-color: var(--main-color); }

/*-------------------------------------------------------------- News */
#News { padding: 3.75rem 0; background-color: #f5f5f5; }

#News .NewsHeader {position:relative; margin-bottom: 40px; font-size: 1.375rem; color:var(--main-color); padding-right:120px; }
#News .NewsHeader:before{content:''; position:absolute; top:0; bottom:0; right:0; margin:auto; width:104px; height:17px; background:url('/Images/my-icons.png') 0 -29px;}
#News .news-loop{padding:0 60px;}
#News .news-loop .item { max-width: 315px; margin: 0 auto 2rem; }
#News .news-loop .item .news-img {position:relative; border-radius: 35px; margin-bottom: 20px; overflow:hidden; }
#News .news-loop .item .news-img a {display:block; }
#News .news-loop .item .news-img a img { transition: all 0.5s ease; }
#News .news-loop .item .news-img .date { position: absolute; top: 30px; right: 15px; border-radius: 5px; padding:2px 12px; background-color: #fff; color:var(--main-color); font-size: 0.8125rem;}
#News .news-loop .item .news-txt {padding:0 15px; }
#News .news-loop .item .news-txt h2 { color: var(--main-color); font-size: 1.125rem; line-height: 1.75rem; margin-bottom: 15px; }
#News .news-loop .item .news-txt .news-summary { font-size: 0.875rem; line-height: 1.375rem; color: #424242; text-align: justify; }
#News .news-loop .item:hover .news-img a img { transform: scale(1.1); }
#News .news-loop .item:hover .news-txt h2 { color: var(--second-color); }


/*-------------------------------------------------------------- footer */
footer { position: relative; background-color: #a6a6a6; padding: 30px 0; }
footer .footer-logo-social { width: 30%; float: right; }
footer .footer-logo-social .logo-div { margin-top: 30px; }
footer .footer-logo-social .logo-div img { display: inline-block; max-width: 122px; }
footer .footer-logo-social .logo-div .H1Wrap { display: inline-block; }
footer .footer-logo-social .logo-div .H1Wrap > a { direction: ltr; color: #fff; }
footer .footer-logo-social .logo-div .H1Wrap span:nth-child(1) { display: block; font-family: sina; font-size: 19px; text-shadow: 0 3px 5px rgba(0,0,0,0.5); }
footer .footer-logo-social .logo-div .H1Wrap span:nth-child(2) { display: block; font-family: Poppins; font-size: 13px; text-shadow: 0 3px 5px rgba(0,0,0,0.5); }

footer .footer-social { margin-top: 20px; }
footer .footer-social .links-wrap { direction: ltr; text-align: center; }
footer .footer-social .links-wrap a { position: relative; display: inline-block; width: 29px; height: 29px; }
footer .footer-social .links-wrap a:before { content: ''; position: absolute; top: 0; bottom: 0; right: 0; margin: auto; display: block; width: 29px; height: 29px; background: url('../Images/my-icons.png'); transition: all 0.5s ease; }
footer .footer-social .links-wrap a:hover::before { transform: rotate(360deg); }
footer .footer-social .links-wrap a.linkedin:before { background-position: 3px 0; }
footer .footer-social .links-wrap a.youtube:before { background-position: -31px 0; }
footer .footer-social .links-wrap a.insta:before { background-position: -69px 0; }
footer .footer-social .links-wrap a.profile:before { background-position: -103px 0; }


footer .footer-links { width: 70%; float: left; }
footer .footer-links .link-col { padding: 0 5px; }
footer .footer-links .link-col ul { list-style: none; background-color: #b1b1b1; border-radius: 15px; padding: 20px 15px; }
footer .footer-links .link-col ul li { display: block; }
footer .footer-links .link-col ul li a { position: relative; line-height: 28px; font-size: 1rem; padding-right: 10px; color: #000; }
footer .footer-links .link-col ul li a:before { content: ''; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; width: 2px; height: 2px;  background-color: #000; transition: all 0.3s ease; }
footer .footer-links .link-col ul li a:hover{color:var(--main-color);}
footer .footer-links .link-col ul li a:hover::before { width: 5px; }

/*-------------------------------------------------------------- copyright */
#copyright { position: relative; font-size: 0.8125rem; padding: 1.3rem 0; background-color: #f5f5f5; color: #292929; border-top: 2px solid #3282f1; }

/*-----------------------------------------------------------------BackTop*/
.back-top { position: fixed; bottom: -35px; right: 0; z-index: 1000; opacity: 0; transition: opacity 0.5s ease 0s,bottom 0.5s ease 0s }
.back-top.show { bottom: 0; opacity: 1; }
.back-top a { width: 35px; height: 35px; display: block; background: var(--main-color); text-align: center; opacity: 1; }
.back-top a span { color: #fff; font-size: 14px; line-height: 30px; position: absolute; top: 0; right: 0; left: 0; margin: auto; cursor: pointer; }
/*----------------------------OWL */
.owl-controls { text-align: center; }
.owl-controls .owl-dots .owl-dot { position: relative; display: inline-block; width: 10px; height: 10px; border-radius: 50%; background-color: #ddd; margin-left: 12px; }
.owl-controls .owl-dots .owl-dot.active { background-color: var(--second-color); }
/*---------------------------- Button*/
.navbar-toggle { display: none; position: absolute; top: 0;left:0; right: auto; margin: 0; float: none; cursor: pointer; width: 42px; height: 36px; border-radius: 10px; background-color: #f4f4f4; padding: 7px 6px; }
.navbar-toggle .icon-bar { position: relative; background-color: var(--main-color); top: 0; right: 0; width: 28px; height: 3px; transition: all 500ms ease; }
.navbar-toggle.active .icon-bar:nth-of-type(2) { transform: rotate(45deg); top: 7px; }
.navbar-toggle.active .icon-bar:nth-of-type(3) { background-color: transparent; }
.navbar-toggle.active .icon-bar:nth-of-type(4) { transform: rotate(-45deg); top: -7px; }
/*============================================================================================================= Media Queries*/
@media (max-width: 1199px) {
	.header-logo{right:50px;}
	.header-logo:before{bottom:-34px;}
	.header-logo .H1Wrap{margin-top:20px;}
	#menu-div .header-icons { float: none; padding: 10px 0; }
	#menu-div nav{float:left;}
	#menu-div nav .navbar-nav{margin-top:0;}
	#menu-div nav .navbar-nav > li:last-child > a { padding-left: 0; }
	
	#Banner .banner-loop .item .item-inner > a img { height: 445px; }
	#Banner .banner-loop .item .item-inner .banner-txt .banner-Dscp{width:100%; text-align:center; font-size:1.2rem; top:70%;}
	#Banner .banner-loop .item .item-inner .banner-txt .banner-Dscp .title{font-size:2rem;}
	#Banner .banner-loop .item .item-inner .banner-txt .banner-Dscp a { float: none;width:auto; padding:0 1rem; line-height:35px; font-size:1rem; }
	#TicketSearch { padding: 3rem 0; }
	#TicketSearch .container { transform: translateY(0) }
	#TicketSearch .ticket-search-inner .status-line{font-size:0.9rem;}
	#TicketSearch .ticket-search-inner { padding: 3rem 1rem 2rem; }
	#TicketSearch .ticket-search-inner .search-engine { text-align: center; }
	#TicketSearch .ticket-search-inner .search-engine > div{margin-bottom:10px;}
	footer .footer-logo-social .logo-div { max-width: 340px; margin: 0 auto; }
	footer .footer-logo-social { width: 100%; float: none; margin-bottom: 15px; }
	footer .footer-links { width: 100%; float: none; }
	footer .footer-links .link-col { padding: 0 10px; }
}

@media (max-width: 991px) {
	.wow { animation: none !important; visibility: visible !important; }
	.navbar-toggle { display: block !important; }
	.header-logo{position:relative; top:0; right:0; float:right; padding:10px 0;}
	.header-logo:before{display:none;}
	.header-logo img{width:70px; height:auto;}
	.header-logo .H1Wrap { margin-top: 0; vertical-align: middle; }
	
	/*----------------------*/
	#menu-div {float:none; }
	#menu-div nav { float: none; display: block; }
	#menu-div nav #bs-navbar { position: absolute; top: 48px; right: -290px; left: auto; width: 290px; height: auto !important; background: #fff; border: 1px solid #000; max-height: calc(100vh - 153px); overflow: scroll; transition: all 0.3s ease }
	#menu-div nav #bs-navbar.navbar-collapse.in { right: -15px; z-index: 11; }
	#menu-div nav .navbar-nav { margin: 0; padding: 0; float: none; }
	#menu-div nav .navbar-nav > li { float: none; display: block; margin-left: 0px; padding: 0; line-height: 2; border-radius: 0; background-color: var(--second-color); transition: all 0.3s ease; }
	#menu-div nav .navbar-nav > li a { position: relative; z-index: 2; display: block; color: #fff; font-weight: normal; font-size: 14px; text-align: right; border-bottom: 1px solid #000; padding: 10px 10px; }
	#menu-div nav .navbar-nav > li > a:before { display: none; }

	#menu-div nav .navbar-nav > li > .caret { position: absolute; top: 14px; left: 10px; float: left; right: auto; }
	#menu-div nav .navbar-nav > li > .caret:after { content: '\f067'; font-family: fontawesome; color: #fff; }
	#menu-div nav .navbar-nav > li:hover > a, nav .navbar-nav > li:focus > a, nav .navbar-nav > li.open > a { color: #fff; }
	#menu-div nav .navbar-nav > li:hover > .caret:after { color: #fff }
	#menu-div nav .navbar-nav > li.open > .caret:after { content: '\f068' }

	#menu-div nav .navbar-nav .dropdown-menu { background-color: #f9f9f9; padding: 0; border: 0; }
	#menu-div nav .navbar-nav .dropdown-menu li a { background: transparent; color: var(--main-color) }
	#menu-div nav .navbar-nav .dropdown-menu li a:hover, #menu-div nav .navbar-nav .dropdown-menu li a:focus { background: transparent; color: var(--second-color) }

	#menu-div nav .navbar-nav .dropdown-submenu > .caret { left: 10px; }
	#menu-div nav .navbar-nav .dropdown-submenu > .caret:after { content: '\f067'; color: var(--second-color); }
	#menu-div nav .navbar-nav .dropdown-submenu > .dropdown-menu { background-color: var(--second-color); }
	#menu-div nav .navbar-nav .dropdown-submenu > .dropdown-menu li a { color: #fff; border-bottom: 1px solid #fff }
	#menu-div nav .navbar-nav .dropdown-submenu:hover .dropdown-menu { display: none !important; }
	#menu-div nav .navbar-nav .dropdown-submenu:hover > .caret:after { color: var(--second-color) }
	#menu-div nav .navbar-nav .dropdown-submenu.open .dropdown-menu { display: block !important; }
	#menu-div nav .navbar-nav .dropdown-submenu.open > .caret:after { content: '\f068'; }
	/*----------------------*/
	#Banner .banner-loop .item .item-inner > a img { height: 345px; }
	#TicketSearch .ticket-search-inner .status-line ul li{padding-left:65px;}
	#TicketSearch .ticket-search-inner .status-line ul li:before{width:55px;}
	#TicketSearch .ticket-search-inner .status-line ul li:after{left:41px;}
	#TicketSearch .ticket-search-inner .search-engine .places > div input { max-width: unset; }
	#TicketSearch .ticket-search-inner .search-engine .dates > div input { max-width: unset; }
	#TicketSearch .ticket-search-inner .search-engine input{max-width:unset;}
	#Services .service-loop { padding: 0; }
	#Ship .ship-inner{display:block;}
	#Ship .img-wrap { width: 100%; text-align: center; margin-bottom:15px; }
	#Ship .img-wrap .img-mask-wrap {max-width:unset; -webkit-mask-image: unset; mask-image: unset; border-radius: 35px; overflow:hidden; }
	#Ship .txt-wrap{width:100%; text-align:justify; padding:0;}
	#Ship .txt-wrap a{float:none;}
	#Cargo .cargo-inner { display: block; }
	#Cargo .img-wrap { width: 100%; text-align: center; }
	#Cargo .img-wrap .img-mask-wrap { max-width: unset; -webkit-mask-image: unset; mask-image: unset; border-radius: 35px; overflow: hidden; }
	#Cargo .txt-wrap { width: 100%; text-align: justify; padding: 0; margin-bottom: 15px; }
	#Cargo .txt-wrap a { float: none; }footer .footer-links .link-col { padding: 0 15px; margin-bottom: 30px; }
	#News .news-loop{padding:0;}
	footer .footer-links .link-col:last-of-type { margin-bottom: 0; }
}

@media (max-width: 767px) {
	html { font-size: 14px; }
	#menu-div .header-icons a { margin-right: 5px; padding-right: 30px; font-size: 0; width: 29px; height: 29px; }
	#Banner .banner-loop .item .item-inner > a img { height: 300px; }
	#copyright { text-align: center; }
}

@media (max-width: 575px) {
	.header-logo { float: none;  transform: scale(0.8); transform-origin: center top; text-align:center; }
	#menu-div{float:none; width:100%; }
	#menu-div nav #bs-navbar{top:0;}
	.navbar-toggle { right: 0; left: auto; top: -45px; }
	#Banner .banner-loop .item .item-inner > a img { height: 220px; }
	#Banner .banner-loop .item .item-inner .banner-txt .banner-Dscp {  font-size: 1rem; }
	#Banner .banner-loop .item .item-inner .banner-txt .banner-Dscp .title { font-size: 1.5rem; }
	#Banner .banner-loop .item .item-inner .banner-txt .banner-Dscp a{border-radius:5px; line-height:28px;}
	#TicketSearch .ticket-search-inner .status-line ul { }
	#TicketSearch .ticket-search-inner .status-line ul li{padding-left:40px;}
	#TicketSearch .ticket-search-inner .status-line ul li:before{width:30px;}
	#TicketSearch .ticket-search-inner .status-line ul li:after { left: 25px; }
	#TicketSearch .ticket-search-inner .search-engine > div { display: block; }
	#TicketSearch .ticket-search-inner .search-engine input{width:100%;}
	#TicketSearch .ticket-search-inner .search-engine .places > div { display: block; }
	#TicketSearch .ticket-search-inner .search-engine .places > div input{width:100%;}
	#TicketSearch .ticket-search-inner .search-engine .places > div.departure input{border-radius:10px 10px 0 0; margin-left:0; margin-bottom:1px;}
	#TicketSearch .ticket-search-inner .search-engine .places > div.destination input{border-radius:0 0 10px 10px;}
	#TicketSearch .ticket-search-inner .search-engine .places .icon{left:5px; right:auto;}
	#TicketSearch .ticket-search-inner .search-engine .dates > div { display: block; }
	#TicketSearch .ticket-search-inner .search-engine .dates > div input { width: 100%; }
	#TicketSearch .ticket-search-inner .search-engine .dates > div.go-date input { border-radius: 10px 10px 0 0; margin-left: 0; margin-bottom: 1px; }
	#TicketSearch .ticket-search-inner .search-engine .dates > div.back-date input { border-radius: 0 0 10px 10px; }
	#TicketSearch .ticket-search-inner .search-engine .dates .icon{left:10px; right:auto;}
	#Services .ServiceHeader { padding-right: 0; text-align: center; }
	#Services .ServiceHeader:before { display: none; }
	#Ship .txt-wrap a, #Cargo .txt-wrap a { width: 100% }
	#News .NewsHeader{padding-right:0; text-align:center;}
	#News .NewsHeader:before { display: none; }
	footer .footer-logo-social .logo-div { max-width: 100%; text-align: center; }
	footer .footer-logo-social .logo-div .H1Wrap { display: block; }
}
