/* Cruisim Stylesheet */

body {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-family: 'PT Sans', sans-serif;
	color: #1f1f1f;
	background: url('/images/www.cruisim.co.il/bodybg-top.jpg') no-repeat top center #FFFFFF;
}
body.nobg {background: #FFFFFF;}


#crumbs {background: #fff !important;}


#crumbs .results, .cabins, .extrasBC, .passengers, .confirmation {padding: 10px!important;
   padding: 5px 20px!important;
    font-size: 16px!important;
    border-radius: 30px 0px 30px 0px!important;
    color: #FFFFFF!important;
    background: #0085b2!important;
    text-align: center !important;
		 transition: background-color 0.3s ease-in-out, border-radius 0.3s ease-in-out!important;}

#crumbs .current {background-color:#006599 !important;}  

a {color: #1b79aa; transition: color 0.2s ease-in-out;}
a:hover {color: #005977;}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.glyphicon {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.left {float: left;}
.right {float: right;}
.hebrew .left {float: right !important;}
.hebrew .right {float: left !important;}

.curvedcontent {background: #f2f2f2; border: 1px solid #DDDDDD; margin: 0 0 10px 0; padding: 15px; border-radius: 30px 0 30px 0;}
.curvedcontent h2, .curvedcontent h3 {margin: 0 0 10px 0; color: #006599;}
.curvedcontent h3 span {font-weight: 700;}
.curvedcontent.white {background: #FFFFFF;}
.hebrew .curvedcontent {border-radius: 0 30px 0 30px;}

.nopadding {margin: 0 !important; padding: 0 !important;}

h1.pageHead {margin: 0 0 3px 0;}
h4.subHead {margin: 0 0 10px 0; font-weight: 200;}

.pageheader h3, .pageheader h1 {font-size: 28px; color: #0085b2; margin: 0 0 3px 0;}
.pageheader p {margin: 0 0 10px 0;}

.pageheader.destpage .destIntro .destinationimg {float: right; width: 20%; margin: 0 0 5px 5px; text-align: center;}
.pageheader.destpage .destIntro .destinationimg img {width: 100%; margin: 0 0 5px 0; border-radius: 20px 0 20px 0; box-shadow: 0; transition: box-shadow 0.3s ease-in-out;}
.pageheader.destpage .destIntro .destinationimg img:hover {box-shadow: 0 0 15px 3px #878787;}

.hebrew .nav {padding-right: 0;}
.hebrew .nav-tabs>li {float:right;}

.hebrew .greenbox {background: #edffec url('/images/tick.gif') no-repeat 1% 50%; padding-left: 30px;}


#wrapper {margin: 0 auto; max-width: 1000px;}
#wrapper.fixeditems {padding-top: 220px;}

.hebrew #basicModal .close {float: left;}


/* Header */
#header {
	/*background: #FFFFFF;*/
	padding: 10px;
	margin: 20px 0;
	border-radius: 10px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 63%, #5aadcf 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(63%,#ffffff), color-stop(100%,#5aadcf)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 63%,#5aadcf 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 63%,#5aadcf 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 63%,#5aadcf 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 63%,#5aadcf 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#5aadcf',GradientType=0 ); /* IE6-9 */
	transition: top 0.3s ease-in-out;
}

#header a {display: inline; width: auto;}
#header #logo {background: url('/images/www.cruisim.co.il/sitelogo.png') no-repeat top center; height: 92px; cursor: pointer;}
#header .contact {font-size: 14px;}
#header .contact .booktoday {text-transform: uppercase; font-size: 18px;}
#header .contact span.phone {font-family: Arial, Helvetica; color: #f19032; font-size: 52px; line-height: 36px;}
#header .contact span.right {float: right !important; font-size: 17px;}
#header a.flag {width: auto; display: inline;}
/*#header .agentLoginSection {background: url('/images/www.cruisim.co.il/callcentergirl.png') no-repeat bottom left 50px;}
.hebrew #header .agentLoginSection {background: url('/images/www.cruisim.co.il/callcentergirl.png') no-repeat bottom right;}*/
#header .agentLoginSection .agent {position: absolute; bottom: -10px; left: 50px;}
.hebrew #header .agentLoginSection .agent {left: 130px;}
#header .agentLoginSection .topNav {font-size: 15px; text-align: right;}
#header .agentLoginSection .topNav a {color: #000000; text-decoration: none;}
#header .agentLoginSection .topNav a:hover {color: #428bca; text-decoration: underline;}
#header .agentLoginSection .requestCallback {margin: 30px 0 0 0; text-align: right; font-family: Arial, Helvetica; font-size: 16px; text-transform: uppercase;}
#header .agentLoginSection .requestCallback a {color: #000000;}
.hebrew #header .agentLoginSection .requestCallback {text-align: left;}
#header .toggleContact {display:none;}


#menu {background: rgba(0,133,178,0.85); border: 1px solid #FFFFFF; font-size: 18px; padding: 5px 0; margin: 0 0 10px 0; border-radius: 0 5px 0 5px;}
#menu a {color: #FFFFFF;}
#menu .linkwrap {float: left; margin: 0 20px 0 0;}
.hebrew #menu .linkwrap {float: right;}

.bs-navbar-collapse.collapsing, .bs-navbar-collapse.in {width: 89%;}
.navbar-collapse.in {overflow: visible;}

.bannerspace {min-height: 220px; position: relative;}
.bannerspace .line1 {position: absolute; top: 30px; right: 0;}
.bannerspace .line2 {position: absolute; top: 80px; right: 0;}
.bannerspace span { padding: 9px 9px 9px 40px; text-align: right; font-size: 22px; text-transform: uppercase;}
.bannerspace .line1 span {background: rgba(0,133,178,0.9); color: #FFFFFF;}
.bannerspace .line2 span {background: rgba(255,255,255,0.9); color: #0085b2;}
.bannerspace .carousel-inner {min-height: 220px;}
.carousel-inner>.item {width: 100%; height: 100%;}

#staffCarousel .carousel-control {width: auto !important;}
#staffCarousel .carousel-control.left, #staffCarousel .carousel-control.right {background: none; color: #f08820;}
#meetTheTeam .info {padding-top: 15px; font-size: 16px; text-align: right;}
#meetTheTeam .info span.phone {color: #F08820; font-size: 36px; line-height: 34px; font-family: Arial;}
#meetTheTeam .staff .name {font-size: 22px; font-style: italic; padding: 10px 0 0 20px;}
#meetTheTeam .staff a.btn {padding: 0; border-radius: 5px;}
#meetTheTeam .staff a.btn-contact {background: #0085b2; color: #FFFFFF; transition: background 0.3s ease-in-out;}
#meetTheTeam .staff a.btn-contact:hover {background: #005977;}
#meetTheTeam .staff a.btn-email {background: #FFFFFF; border: 1px solid #d7d5e0; transition: background 0.3s ease-in-out, color 0.3s ease-in-out;}
#meetTheTeam .staff a.btn-email:hover {background: #0085B2; color: #FFFFFF;}

.bannerspace .line1 span:before {
  content: url('/images/www.cruisim.co.il/banner-line1-angle.png');
  position: absolute;
  left: -23px;
  top: -7px;
}
.bannerspace .line2 span:before {
  content: url('/images/www.cruisim.co.il/banner-line2-angle.png');
  position: absolute;
  left: -29px;
  top: -7px;
}

.bannerspace .bottomAngle {position: relative; cursor: pointer;}
.bannerspace .bottomAngle .angle {
   border-right: 20px solid #f08b27;
   border-top: 20px solid transparent;
   width: 300px;
}
.bannerspace .bottomAngle .text {
    position: absolute;
    top: 5px;
    left: 25px;
    color: #FFFFFF;
	font-size: 14px;
}


#searchform {margin: 0 0 20px 0;}
#searchform .headerTab span {background: #FFFFFF; font-size: 16px; padding: 5px 10px 5px 15px; border-radius: 5px 0 0 0; position: relative; bottom: 4px;}
#searchform .headerTab:after {
	content: url('/images/www.cruisim.co.il/findacruisebg.png');
	width: 26px;
	height: 30px;
	position: relative;
	bottom: -5px;
}
.hebrew #searchform .headerTab:after {content: url('/images/www.cruisim.co.il/findacruisebg-left.png');}
.hebrew #searchform .headerTab span {padding: 5px 10px 5px 15px; border-radius: 0 5px 0 0;}

#searchform .form {
	padding: 10px;
	border-radius: 0 30px 0 0;
	background: #00a3d9; /* Old browsers */
	background: -moz-linear-gradient(top,  #00a3d9 0%, #0085b2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a3d9), color-stop(100%,#0085b2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #00a3d9 0%,#0085b2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #00a3d9 0%,#0085b2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #00a3d9 0%,#0085b2 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #00a3d9 0%,#0085b2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a3d9', endColorstr='#0085b2',GradientType=0 ); /* IE6-9 */
}
.hebrew #searchform .form {border-radius: 30px 0 0 0;}
#searchform .form label {color: #FFFFFF; font-size: 14px; margin-bottom: 0px; font-weight: 700;}
#searchform .form select, #searchform .form input[type="text"] {width: 100%; border: 1px solid #01739a;}

#searchform .searchBtn {position: relative; overflow: hidden;}
#searchform .searchBtn input[type="submit"] {background: #f19032; color: #FFFFFF; padding: 5px 10px; text-align: left; font-size: 18px; font-weight: 700; border-radius: 0; transition: background 0.3s ease-in-out; }
.hebrew #searchform .searchBtn input[type="submit"] {text-align: right;}
#searchform .searchBtn input[type="submit"]:hover {background: #f36904;}
#searchform .searchBtn .arrow {position: absolute; top: 11px; /*right: -15px;*/ right: 5px; color: #FFFFFF; font-size: 16px; /*transition: right 0.3s ease-in-out;*/}
/*#searchform .searchBtn:hover .arrow {right: 5px;}*/
.hebrew #searchform .searchBtn .arrow {right: auto; left: -15px; transition: left 0.3s ease-in-out;}
.hebrew #searchform .searchBtn:hover .arrow {right: auto; left: 5px;}

#searchform .bottomBar {
	color: #464648;
	font-size: 16px;
	padding: 10px;
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top,  #eeeeee 0%, #cdcdcd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cdcdcd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#cdcdcd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #eeeeee 0%,#cdcdcd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #eeeeee 0%,#cdcdcd 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #eeeeee 0%,#cdcdcd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cdcdcd',GradientType=0 ); /* IE6-9 */
}
#searchform .bottomBar .socialIcons {text-align:right;}
.hebrew #searchform .bottomBar .socialIcons {text-align:left;}

#smartPackages {margin: 0 0 20px 0;}
#smartPackages .header {color: #0085b2;}
#smartPackages .header .bigtext {font-size: 40px; line-height: 36px;}
#smartPackages .viewall {font-size: 16px; text-align: right; font-weight: 700;}
#smartPackages .viewall a {color: #FBB03B; text-decoration: none; font-style: italic;}
#smartPackages .viewall a:hover{text-decoration:underline;}
.hebrew #smartPackages .header {text-align: right;}
.hebrew #smartPackages .viewall {text-align: left;}
#smartPackages .box {position: relative;}
#smartPackages .box .img {width: 100%; border-radius: 0 0 40px 0;}
.hebrew #smartPackages .box .img {border-radius: 0 0 0 40px;}
#smartPackages .carousel-control {width: auto !important;}
#smartPackages .carousel-control.left, #smartPackages .carousel-control.right {background: none; color: #f08820;}

#smartPackages .bottomAngle {position: relative; bottom: -10px; cursor: pointer;}
#smartPackages .bottomAngle .angle {
	float: left;
	border-right: 20px solid transparent;
	width: 60%;
	transition: border-bottom 0.2s ease-in-out;
}
.hebrew #smartPackages .bottomAngle .angle {float: right; border-left: 20px solid transparent; border-right: none;}
#smartPackages .bottomAngle .angle.orange {border-bottom: 38px solid #f08b27;}
#smartPackages .bottomAngle .angle.darkblue {border-bottom: 38px solid #0085b2;}
#smartPackages .bottomAngle .angle.lightblue {border-bottom: 38px solid #6eadc7;}
#smartPackages .bottomAngle:hover .angle.orange {border-bottom: 38px solid #f36904;}
#smartPackages .bottomAngle:hover .angle.darkblue {border-bottom: 38px solid #005977;}
#smartPackages .bottomAngle:hover .angle.lightblue {border-bottom: 38px solid #0085b2;}
#smartPackages .bottomAngle .text {
	position: absolute;
	top: 2px;
	left: 10px;
	color: #FFFFFF;
	font-size: 24px;
}
.hebrew #smartPackages .bottomAngle .text {left: inherit; right: 10px;}
#smartPackages .box .recommended {position: absolute; bottom: 0; left: 15px; background: rgba(255,255,255,0.8); color: #000000; padding: 5px 20px 5px 10px; font-size: 14px; text-transform: uppercase;}
.hebrew #smartPackages .box .recommended {right: 15px; left: inherit;}
#smartPackages .box .recommended span.glyphicon {color: #fbb03b;}
/*#smartPackages .box.box1 .boxHeader {background: url('/images/www.cruisim.co.il/smallbox-orangehead.png') no-repeat top left;}
#smartPackages .box.box2 .boxHeader {background: url('/images/www.cruisim.co.il/smallbox-darkbluehead.png') no-repeat top left;}
#smartPackages .box.box3 .boxHeader {background: url('/images/www.cruisim.co.il/smallbox-lightbluehead.png') no-repeat top left;}*/

#cruiseTypes {margin: 0 0 20px 0;}
#cruiseTypes .box {position: relative;}
#cruiseTypes .header {font-size: 40px; color: #0085b2;}
#cruiseTypes .header .bigtext {font-size: 40px; line-height: 36px;}
#cruiseTypes .viewall {font-size: 16px; font-weight: 700; text-align: right; font-style: italic;}
#cruiseTypes .viewall a {color: #FBB03B; text-decoration: none;}
#cruiseTypes .viewall a:hover{text-decoration:underline;}
.hebrew #cruiseTypes .header {text-align: right;}
.hebrew #cruiseTypes .viewall {text-align: left;}
#cruiseTypes .box .img {width: 100%; border-radius: 20px 0 20px 0;}
.hebrew #cruiseTypes .box .img {border-radius: 0 20px 0 20px;}
#cruiseTypes .textWrap {background: #04769b; color: #FFFFFF; padding: 10px; font-size: 16px; width: 80%; position: absolute; top: 20px; text-transform: uppercase;}
#cruiseTypes .learnmore span.learnmoreInner {background: #f08b27; color: #FFFFFF; padding: 5px 40px 5px 5px; font-size: 14px;}

#cruiseTypes .topAngle {position: relative; cursor: pointer; bottom: -15px;}
#cruiseTypes .topAngle .angle {
   border-bottom: 30px solid #0085b2;
   border-right: 20px solid transparent;
   width: 90%;
   transition: border-bottom 0.2s ease-in-out;
}
.hebrew #cruiseTypes .topAngle .angle {border-right: none; border-left: 20px solid transparent; float: right;}
#cruiseTypes .topAngle:hover .angle {border-bottom: 30px solid #005977;}
#cruiseTypes .topAngle .text {
    position: absolute;
    top: 3px;
    left: 5px;
    color: #FFFFFF;
	font-size: 16px;
}
.hebrew #cruiseTypes .topAngle .text {left: inherit; right: 5px;}

#cruiseTypes .bottomAngle {position: relative; cursor: pointer;}
#cruiseTypes .bottomAngle .angle {
   border-top: 30px solid #f08b27;
   border-left: 20px solid transparent;
   width: 80%;
   transition: border-top 0.2s ease-in-out;
}
.hebrew #cruiseTypes .bottomAngle .angle {border-left: none; border-right: 20px solid transparent; float: right;}
#cruiseTypes .bottomAngle:hover .angle {border-top: 30px solid #f05227;}
#cruiseTypes .bottomAngle .textwrap {
    position: absolute;
    top: 5px;
    left: 25px;
	width: 100%;
    color: #FFFFFF;
	font-size: 14px;
}
.hebrew #cruiseTypes .bottomAngle .textwrap {left: inherit; right: 25px;}
#cruiseTypes .textwrap .textr {position: relative; right: 80px;}
.hebrew #cruiseTypes .textwrap .textr {right: initial; left: 80px;}
#cruiseTypes .bottomAngle .textwrap .glyphicon {float: left;}


#hotDeals {margin: 0 0 20px 0;}
#hotDeals .header {color: #0085b2; margin: 0 0 10px 0;}
#hotDeals .header .bigtext {font-size: 40px; line-height: 36px;}
#hotDeals .viewall {font-size: 16px; font-weight: 700; text-align: right; font-style: italic;}
#hotDeals .viewall a {color: #FBB03B; text-decoration: none;}
#hotDeals .viewall a:hover{text-decoration:underline;}
.hebrew #hotDeals .header {text-align: right;}
.hebrew #hotDeals .viewall {text-align: left;}

#hotDeals .offers .nopadding {padding: 0 10px 0 0 !important;}
#hotDeals .offers .bigOffer {position:relative; margin-bottom: 10px; cursor: pointer;}
#hotDeals .offers .bigOffer img.img {width: 100%;}
#hotDeals .offers .bigOffer .title {position: absolute; top: 10px; left: 10px; color: #f28f32; font-size: 28px; font-weight: 700; text-shadow: 0 0 10px #FFFFFF; text-transform: uppercase;}
.hebrew #hotDeals .offers .bigOffer .title {left: inherit; right: 10px;}
#hotDeals .offers .bigOffer .price {
	position: absolute;
	bottom: 10px;
	right: 10px;
	color: #FFFFFF;
	font-size: 18px;
	border-radius: 50%;
	padding: 20px 15px;
	text-align: right;
	background: #ff2726; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff2726 0%, #e28d39 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff2726), color-stop(100%,#e28d39)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff2726 0%,#e28d39 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff2726 0%,#e28d39 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff2726 0%,#e28d39 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff2726 0%,#e28d39 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff2726', endColorstr='#e28d39',GradientType=0 ); /* IE6-9 */
}
#hotDeals .offers .bigOffer .price span {font-size: 30px; line-height: 16px; font-weight: 700;}
.hebrew #hotDeals .offers .bigOffer .price {left: 10px; right: inherit;}
#hotDeals .topTen h3 {margin: 0; color: #F29132; font-weight: 700;}
#hotDeals .topTen .topTenOffers .offer {padding: 10px 5px 5px 5px; border-bottom: 1px solid #F29132;}
#hotDeals .topTen .topTenOffers .offer .price {background: #F29132; text-align: center; padding: 5px; color: #FFFFFF; font-size: 14px; font-weight: 700; cursor: pointer; border-radius: 0; transition: background 0.3s ease-in-out, border-radius 0.3s ease-in-out;}
#hotDeals .topTen .topTenOffers .offer .price:hover {background: #f05227; border-radius: 10px 0 10px 0;}


#cruisimEssentials {margin: 0 0 20px 0;}
#cruisimEssentials .header {font-size: 28px; color: #0085b2; margin: 0 0 20px 0;}
#cruisimEssentials .essentialItem {margin: 0 0 10px 0; padding: 0; width: 95%; cursor: pointer;}
#cruisimEssentials .essentialItem .icon {text-align: center !important; padding: 5px; background: #cacad9; font-size: 28px; color: #FFFFFF;}
#cruisimEssentials .essentialItem .text {background: #007ab5; padding: 8px 5px; text-align: center; color: #FFFFFF; border-radius: 0 0 20px 0;}
.hebrew #cruisimEssentials .essentialItem .text {border-radius: 0 0 0 20px;}

#socialMedia .icons .facebook, #socialMedia .icons .twitter, #socialMedia .icons .gplus, #socialMedia .icons .pinterest {margin: 0 auto; background: url('/images/www.cruisim.co.il/bigsocialicons.png') no-repeat top left; background-size: cover; height: 80px; width: 77px;}
#socialMedia .icons .blank {background:none;}
#socialMedia .icons .facebook {background-position: 0 0;}
#socialMedia .icons .twitter {background-position: -80px 0;}
#socialMedia .icons .gplus {background-position: -160px 0;}
#socialMedia .icons .pinterest {background-position: -238px 0;}
#socialMedia .newsletterWrap {margin: 10px 0 0 0;}
#socialMedia .newsletterWrap h3 {margin: 0 0 5px 0;}
.hebrew #socialMedia .newsletterWrap h3 {text-align: right;}
#socialMedia .newsletterWrap input[type="text"], #socialMedia .newsletterWrap input[type="submit"] {width: 100%; border: none; padding: 5px;}
#socialMedia .newsletterWrap input[type="submit"] {background: #007ab5; color: #FFFFFF; transition: background 0.3s ease-in-out;}
#socialMedia .newsletterWrap input[type="submit"]:hover {background: #005977;}


#whyBook .reason .icon {text-align: center !important;}
#whyBook .reason .icon .image {min-height: 85px;}
#whyBook .reason .icon .iconStrap {margin: 10px 0; font-size: 18px;}
#whyBook .reason .text {font-size: 11px; text-align: center;}


.cruiseDealType {position: relative; margin: 0 0 10px 0; padding: 0;}
.cruiseDealType .image {position: relative; z-index: 998;}
.cruiseDealType .image img {border-radius: 0 20px 0 20px;}
.hebrew .cruiseDealType .image img {border-radius: 20px 0 20px 0;}
.cruiseDealType .text .line1, .cruiseDealType .text .line2 {position: absolute; left: 5px; z-index: 998; font-size: 24px; text-transform: uppercase; padding: 5px 10px;}
.hebrew .cruiseDealType .text .line1, .hebrew .cruiseDealType .text .line2 {position: absolute; left: auto; right: 5px;}
.cruiseDealType .text .line1 {background: rgba(255,255,255,0.8); top: 20px; color: #0085b2;}
.cruiseDealType .text .line2 {background: rgb(0,133,178); top: 67px; color: #FFFFFF; font-weight: 500;}
.cruiseDealType .readmore {
	position: absolute;
	right: 10px;
	bottom: 10px;
	z-index: 998;
	padding: 5px;
	background: #f18d2b;
	border-radius: 0;
	cursor: pointer;
	color: #FFFFFF;
	transition: border-radius 0.3s ease-in-out, background 0.3s ease-in-out;
}
.cruiseDealType .readmore:hover {border-radius: 10px 0 10px 0; background: #f36904;}
.hebrew .cruiseDealType .readmore:hover {border-radius: 0 10px 0 10px; background: #0085b2;}
.hebrew .cruiseDealType .readmore {right: auto; left: 10px;}
.cruiseDealType .readmore a {color: #FFFFFF;}


.cruiseoffer {margin: 0 0 10px 0; cursor: pointer;}
.cruiseoffer .topWrap {border: 1px solid #d6d6d6; padding: 5px; background: #FFFFFF; cursor: pointer; transition: background 0.3s ease-in-out;}
.cruiseoffer:hover .topWrap {background: #e7f0fa;}
.cruiseoffer .topWrap .image {margin: 0 0 10px 0;}
.cruiseoffer .topWrap .image img {width: 100%; height: 160px;}
.hebrew .cruiseoffer .topWrap .cruiseInfo {text-align: right;}
.cruiseoffer .topWrap .cruiseInfo h2 {margin: 0 0 10px 0; color: #006599; height: 52px; overflow: hidden; font-size: 24px;}
.cruiseoffer .findoutmore {margin: 10px 0; font-size: 18px;}
.cruiseoffer .pricearea {background: #006599; padding: 10px; color: #FFFFFF; font-size: 18px; font-weight: 500; text-align: right; border-radius: 0 0 30px 0;}
.hebrew .cruiseoffer .pricearea {border-radius: 0 0 0 30px;}
.cruiseoffer .pricearea span.price {color: #f19032; font-size: 24px; font-weight: 700;}


.requestCallback input[type="text"], .requestCallback input[type="email"], .requestCallback input[type="tel"] {width: 100%; padding: 0 5px; border-radius: 5px; margin: 0 0 3px 0; border: 1px solid #CCCCCC;}
.requestCallback textarea {width: 100%; border-radius: 5px; border: 1px solid #CCCCCC;}

.requestCallback .text {font-weight: 700;}
.requestCallback .submitBtn {position: relative; overflow: hidden;}
.requestCallback .submitBtn input[type="submit"] {width: 100%; background: #f19032; color: #FFFFFF; padding: 5px 10px; text-align: left; font-size: 14px; transition: background 0.3s ease-in-out;}
.hebrew .requestCallback .submitBtn input[type="submit"] {text-align: right;}
.requestCallback .submitBtn input[type="submit"]:hover {background: #f36904;}
.requestCallback .submitBtn .arrow {position: absolute; top: 5px; right: -15px; color: #FFFFFF; font-size: 16px; transition: right 0.3s ease-in-out;}
.requestCallback .submitBtn:hover .arrow {right: 5px;}
.hebrew .requestCallback .submitBtn .arrow {right: auto; left: -15px; transition: left 0.3s ease-in-out;}
.hebrew .requestCallback .submitBtn:hover .arrow {right: auto; left: 5px;}

.destTabs .nav-tabs {border-bottom: 0; font-size: 16px;}
.destTabs .nav-tabs a {color: #FFFFFF;}
.destTabs .nav-tabs>li.active>a, .destTabs .nav-tabs>li.active>a:hover, .destTabs .nav-tabs>li.active>a:focus {
	color: #000;
	background: #d6d6d6;
	border: none;
	border-radius: 0;
}
.destTabs .nav-tabs>li {background: #1b79aa; color: #FFFFFF; margin: 0 10px 0 0; transition: background 0.3s ease-in-out;}
.destTabs .nav-tabs>li:hover {background: #005977;}
.destTabs .nav-tabs>li>a {background: none; margin-right: 0; border: none;}
.destTabs .nav-tabs>li>a:hover {border:none;}
.destTabs .tab-content {margin: 10px 0; padding: 10px;}

#contacttheteam {min-height: 250px;}
#contacttheteam h1#staffName {margin: 0 0 10px 0; font-style: italic;}
#contacttheteam h3 {margin: 0 0 10px 0;}
#contacttheteam input[type="text"], #contacttheteam input[type="number"], #contacttheteam input[type="email"], #contacttheteam textarea {width: 100%; border-radius: 3px; border: 1px solid #CCCCCC; margin: 0 0 2px 0;}

#contacttheteam .continueBtn {position: relative; margin: 0 0 10px 0;}
#contacttheteam .continueBtn .glyphicon {position: absolute; top: 15px; right: 15px; font-size: 16px; color: #FFFFFF;}
.hebrew #contacttheteam .continueBtn .glyphicon {left: 15px; right: auto;}
#contacttheteam .continueBtn input[type="submit"] {padding: 10px; width: 100%; font-size: 16px; border-radius: 0; color: #FFFFFF; background: #0085b2; text-align: left !important; transition: background-color 0.3s ease-in-out, border-radius 0.3s ease-in-out;}
.hebrew #contacttheteam .continueBtn input[type="submit"] {text-align: right !important;}
#contacttheteam .continueBtn input[type="submit"]:hover {background: #005977; border-radius: 20px 0 20px 0;}
.hebrew #contacttheteam .continueBtn input[type="submit"]:hover {border-radius: 0 20px 0 20px;}

.contactform input[type="text"], .contactform input[type="number"], .contactform input[type="email"], .contactform input[type="tel"] {width: 100%; border-radius: 3px; padding: 4px; border: 1px solid #c3c3c3;}
.contactform textarea {width: 100%;}
.contactform .button {position: relative; overflow: hidden;}
.contactform .button input[type="submit"] {background: #f19032; color: #FFFFFF; padding: 5px 10px; text-align: left; font-size: 18px; font-weight: 700; border-radius: 0; transition: background 0.3s ease-in-out; }
.hebrew .contactform .button input[type="submit"] {text-align: right;}
.contactform .button input[type="submit"]:hover {background: #f36904;}
.contactform .button .arrow {position: absolute; top: 11px; /*right: -15px;*/ right: 5px; color: #FFFFFF; font-size: 16px; /*transition: right 0.3s ease-in-out;*/}
/*#searchform .searchBtn:hover .arrow {right: 5px;}*/
.hebrew .contactform .button .arrow {right: auto; left: -15px; transition: left 0.3s ease-in-out;}
.hebrew .contactform .button:hover .arrow {right: auto; left: 5px;}


/* FOOTER */

#footer {
	margin: 20px 0;
	padding: 20px;
	background: #f2f2f2;
	border-radius: 30px 0 30px 0;
}
#footer a {color: #000000; text-decoration: none;}
#footer a:hover {color: #428bca; text-decoration: underline;}

#footer .col .header {font-size: 14px; color: #006f9f; font-weight: 700;}
#footer .col h3 {margin: 0 0 5px 0; font-size: 16px; font-weight: 700;}
#footer .openHrs .header h3::before {content: url('/images/www.cruisim.co.il/footericon-clock.png'); width: 29px; height: 29px; float: left; margin: 0 5px 0 0;}
#footer .usefulLinks .header h3::before {content: url('/images/www.cruisim.co.il/footericon-link.png'); width: 29px; height: 29px;}
#footer .ourDeals .header h3::before {content: url('/images/www.cruisim.co.il/footericon-handshake.png'); width: 29px; height: 29px;}
#footer .footerAddress {margin: 30px 0 0 0;}
#footer .Logo {background: url('/images/www.cruisim.co.il/sitelogo.png') no-repeat top center; background-size: contain; height: 100px;}


/* Misc. Pages */
#wait {margin: 20px 0;}
#wait .anim {background: url('/images/www.cruisim.co.il/progress.gif') no-repeat top left; width: 180px; height: 40px;}
#wait.curvedcontent {background: #FFFFFF;}

.faqs .sections {margin: 10px 0;}
.faqs .sections .section {position: relative; border: 1px solid #CCCCCC; padding: 5px; border-radius: 0 0 0 20px; margin: 0 10px 10px 0; background-color: #FFFFFF;}
.hebrew .faqs .sections .section {border-radius: 0 0 20px 0;}
.faqs .sections .section .header {background: #0085b2; color: #FFFFFF; text-align: center; padding: 30px 0; text-transform: uppercase; font-size: 16px;}
.faqs .sections .section .text {padding: 10px; min-height: 110px}
.faqs .sections .section .readmore {float: right; padding: 5px; cursor: pointer; color: #FFFFFF; background-color: #0085b2; transition: background-color 0.3s ease-in-out, border-radius 0.3s ease-in-out;}
.hebrew .faqs .sections .section .readmore {float: left;}
.faqs .sections .section .readmore:hover {background-color: #005977; border-radius: 0 10px 0 10px;}
.hebrew .faqs .sections .section .readmore:hover {border-radius: 10px 0 10px 0;}

.hebrew .redbox, .hebrew .errorbox, .hebrew .errorbox-red, .hebrew .formerrors {background: #ffecec url('/images/exclame.gif') no-repeat 1% 50%;}


/* Cruise Results */
#crumbs {margin: 5px 0 5px 0 !important;}

#filterContent .sortBy {margin: 0 0 10px 0;}
#filterContent .sortBy select {width: 100%;}
#filterContent .filterOption {margin: 0 0 5px 0;}
#filterContent .filterOption .toggler {min-height: 21px; cursor: pointer;}
#filterContent .filterOption a:hover {text-decoration: none;}
#filterContent .filterOption img {width: 15px; height: 15px; transition: width 0.2s ease-in-out, height 0.2s ease-in-out}
#filterContent .filterOption:hover img {width: 18px; height: 18px;}
#filterContent .filterOption label {font-weight: 500;}
#filterContent .filterOption select {width: 100%; border-radius: 3px;}
#filterContent .filterOption .ticks {padding: 5px 0 5px 10px;}
.hebrew #filterContent .filterOption .ticks {padding: 5px 10px 5px 0;}
#filterContent .filterBtn {position: relative; margin: 0 0 10px 0;}
#filterContent .filterBtn .glyphicon {position: absolute; top: 15px; right: 15px; font-size: 16px; color: #FFFFFF;}
.hebrew #filterContent .filterBtn .glyphicon {left: 15px; right: auto;}
#filterContent .filterBtn input[type="submit"] {padding: 10px; width: 100%; font-size: 16px; border-radius: 0; color: #FFFFFF; background: #0085b2; text-align: left !important; transition: background-color 0.3s ease-in-out, border-radius 0.3s ease-in-out;}
.hebrew #filterContent .filterBtn input[type="submit"] {text-align: right !important;}
#filterContent .filterBtn input[type="submit"]:hover {background: #005977; border-radius: 20px 0 20px 0;}
.hebrew #filterContent .filterBtn input[type="submit"]:hover {border-radius: 0 20px 0 20px;}


#cruiseResults .header {margin: 0 0 20px 0;}

#cruiseResults .pageNumbers {font-size: 14px;}

#cruiseResults .cruiseResult .shipImg{position: relative;}

#cruiseResults .cruiseResult .shipImg .package {
    height: 90px;
    width: 90px;
	border: 2px solid rgb(241, 144, 50);
    background-color: #0085b2;
    border-radius: 50%;
    display: inline-block;
    padding: 25px 0;
    line-height: 17px;
    text-align: center;
    position: absolute;
    top: -25px;
    right: -25px;
    color: rgb(241, 144, 50);
	-moz-transform: rotate(20deg);
	-webkit-transform: rotate(20deg);
	-o-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	transform: rotate(20deg);
	font-size: 15px;
    font-weight: bold;
}

#cruiseResults .cruiseResult .shipImg .package.package-en {
    height: 90px;
    width: 90px;
    border: 2px solid rgb(241, 144, 50);
    background-color: #0085b2;
    border-radius: 50%;
    display: inline-block;
    padding: 22px 0;
    line-height: 20px;
    text-align: center;
    position: absolute;
    top: -25px;
    left: -25px;
    color: rgb(241, 144, 50);
	-moz-transform: rotate(-20deg);
	-webkit-transform: rotate(-20deg);
	-o-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);
	transform: rotate(-20deg);
	font-size: 15px;
    font-weight: bold;
}

#cruiseResults .cruiseResult {padding: 15px 0; font-size: 14px; border-bottom: 1px solid #d6d6d6;}
#cruiseResults .cruiseResult .shipImg img {width: 100%;}
#cruiseResults .cruiseResult .resultRight h2 {margin: 0 0 10px 0; font-weight: 700; font-size: 20px;}
#cruiseResults .cruiseResult .resultRight h4 {margin: 0 0 3px 0;}
#cruiseResults .cruiseResult .resultRight h4 a.shipname {font-size: 16px;}
#cruiseResults .cruiseResult .resultRight a {font-size: 20px;}
#cruiseResults .cruiseResult .resultRight a .glyphicon {font-size: 16px;}
#cruiseResults .cruiseResult .resultRight .ports {margin: 0 0 10px 0;}
#cruiseResults .cruiseResult .priceGridHead {font-weight: 700;}
#cruiseResults .cruiseResult .buttonArea {text-align: right;}
#cruiseResults .cruiseResult .buttonArea a.btn, #cruiseResults .cruiseResult .buttonArea label.btn {
	padding: 10px;
	width: 100%;
	font-size: 16px;
	border-radius: 0;
	color: #FFFFFF;
	background: #0085b2;
	text-align: left !important;
	transition: background-color 0.3s ease-in-out, border-radius 0.3s ease-in-out;
}
#cruiseResults .cruiseResult .buttonArea a.btn span.glyphicon, #cruiseResults .cruiseResult .buttonArea label.btn span.glyphicon {top: 3px; float: right;}
#cruiseResults .cruiseResult .buttonArea label.btn span.glyphicon {right: -5px;}
.hebrew #cruiseResults .cruiseResult .buttonArea a.btn, .hebrew #cruiseResults .cruiseResult .buttonArea label.btn {text-align: right !important;}
.hebrew #cruiseResults .cruiseResult .buttonArea a.btn span.glyphicon, .hebrew #cruiseResults .cruiseResult .buttonArea label.btn span.glyphicon {float: left !important;}

#cruiseResults .cruiseResult .buttonArea a.btn:hover, #cruiseResults .cruiseResult .buttonArea label.btn:hover {background: #005977; border-radius: 20px 0 20px 0;}
.hebrew #cruiseResults .cruiseResult .buttonArea a.btn:hover, .hebrew #cruiseResults .cruiseResult .buttonArea label.btn:hover {border-radius: 0 20px 0 20px;}

#cruiseDetails .shipInfoDetail h2 {margin: 0 0 10px 0; color: #006599;}
#cruiseDetails .cruiseImages .cruiseImage {position: relative;}
#cruiseDetails .cruiseImages .cruiseImage a {color: #f19032; font-size: 24px; transition: color 0.4s ease-in-out;}
#cruiseDetails .cruiseImages .cruiseImage a:hover {color: #f36904;}
#cruiseDetails .cruiseImages .cruiseImage #image {width: 100%;}
#cruiseDetails .cruiseImages .cruiseImage .left, #cruiseDetails .cruiseImages .cruiseImage .right {
	position: absolute;
	top: 36%;
	background: #FFFFFF;
	padding: 5px 10px;
	text-shadow: 2px 2px 2px #000000;
}
#cruiseDetails .cruiseImages .cruiseImage .left {left: 0;}
.hebrew #cruiseDetails .cruiseImages .cruiseImage .left {left: auto; right: 0;}
#cruiseDetails .cruiseImages .cruiseImage .right {right: 0;}
.hebrew #cruiseDetails .cruiseImages .cruiseImage .right {left: 0; right: auto;}

#cruiseDetails .nav-tabs {border-bottom: 0; font-size: 16px;}
#cruiseDetails .nav-tabs a {color: #FFFFFF;}
#cruiseDetails .nav-tabs>li.active>a, #cruiseDetails .nav-tabs>li.active>a:hover, #cruiseDetails .nav-tabs>li.active>a:focus {
	color: #000;
	background: #d6d6d6;
	border: none;
	border-radius: 0;
}
#cruiseDetails .nav-tabs>li {background: #1b79aa; color: #FFFFFF; margin: 0 10px 0 0; transition: background 0.3s ease-in-out;}
#cruiseDetails .nav-tabs>li:hover {background: #005977;}
#cruiseDetails .nav-tabs>li>a {background: none; margin-right: 0; border: none;}
#cruiseDetails .nav-tabs>li>a:hover {border:none;}

#cruiseDetails #googlemap {margin: 15px 0 0 0 !important;}

#cruiseDetails .priceGroup {margin: 10px 0 0 0; font-size: 14px; border-bottom: 1px solid #d6d6d6;}
#cruiseDetails .priceGroup h4 {color: #006599; margin: 0 0 10px 0;}
#cruiseDetails .priceGroup .groupimage img.priceGroupImage {border-radius: 20px 0 20px 0;}
#cruiseDetails .priceGroup .cabininfo {margin: 0 0 10px 0;}
#cruiseDetails .priceGroup .priceGroupHead {font-weight: 700; padding: 0 0 5px 0; background: #006599; color: #FFFFFF;}
#cruiseDetails .priceGroup .priceRow {padding: 5px 0; border-bottom: 1px solid #d6d6d6;}
#cruiseDetails .priceGroup .priceRow a.btn {padding: 3px 5px; font-size: 18px; color: #FFFFFF; font-weight: 700; background: #006599; border-radius: 0; transition: border-radius 0.3s ease-in-out;}
#cruiseDetails .priceGroup .priceRow a.btn:hover {border-radius: 10px 0 10px 0;}
.hebrew #cruiseDetails .priceGroup .priceRow a.btn:hover {border-radius: 0 10px 0 10px;}

#cruiseDetails .cruiseItinRow {margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #CCCCCC;}
#cruiseDetails .cruiseItinRow .itineraryHead span {color: #006599; font-size: 14px; font-weight: 700;}


#cruiseCabins {padding: 10px 0;}
#cruiseCabins .cruisedetail .shipimagewrap {text-align: center;}
#cruiseCabins .cruisedetail .shipimagewrap img.shipimage {width: 100%; border-radius: 10px 0 10px 0;}
.hebrew #cruiseCabins .cruisedetail .shipimagewrap img.shipimage {border-radius: 0 10px 0 10px;}

#cruiseCabins #pickerhead img, #cruiseCabins #pickerfoot img {width: 100%;}
#cruiseCabins #pickerfoot {margin: 0 0 20px 0;}
#cruiseCabins #deckplan #deckslist {list-style-type: none; margin: 5px 0; padding: 0;}
#cruiseCabins #deckplan #deckslist li {background: #FFFFFF; text-align: center; color: #006599;}
#cruiseCabins #deckplan #deckslist li.deckpickerhighlight {background: #006599;}
#cruiseCabins #deckplan #deckslist li.deckpickerhighlight a {color: #FFFFFF;}
#cruiseCabins #deckplan #deckimgsurround img {width: 100%;}

#cruiseCabins .cabinGrade .btn {
	padding: 10px;
	width: 100%;
	font-size: 16px;
	border-radius: 0;
	color: #FFFFFF;
	background: #0085b2;
	text-align: left !important;
	transition: background-color 0.3s ease-in-out, border-radius 0.3s ease-in-out;
}
.hebrew #cruiseCabins .cabinGrade .btn {text-align: right !important;}
#cruiseCabins .cabinGrade .btn:after {font-family: 'Glyphicons Halflings'; content: "\e080"; float: right;}
.hebrew #cruiseCabins .cabinGrade .btn:after {font-family: 'Glyphicons Halflings'; content: "\e079"; float: left;}
#cruiseCabins .cabinGrade .btn:hover { 
	background: #005977;
	border-radius: 20px 0 20px 0;
}
.hebrew #cruiseCabins .cabinGrade .btn:hover {border-radius: 0 20px 0 20px;}


/* Itinerary */
/*.itinWrap {}*/
#itinerary #enquirybutton, #itinerary #continuebutton {position: relative; overflow: hidden; padding: 10px; margin: 0 0 10px 0; width: 100%; color: #FFFFFF; font-size: 16px; border-radius: 0; background: #0085b2; text-align: left !important; cursor: pointer; transition: background-color 0.3s ease-in-out, border-radius 0.3s ease-in-out;}
#itinerary #enquirybutton:hover, #itinerary #continuebutton:hover {background: #005977; border-radius: 20px 0 20px 0;}
.hebrew #itinerary #enquirybutton, .hebrew #itinerary #continuebutton {border-radius: 0 20px 0 20px; text-align: right !important;}
#itinerary #enquirybutton .arrow, #itinerary #continuebutton .arrow {position: absolute; right: -20px; top: 8px; font-size: 20px; color: #FFFFFF; transition: right 0.3s ease-in-out;}
#itinerary #enquirybutton:hover .arrow, #itinerary #continuebutton:hover .arrow {right: 5px;}
.hebrew #itinerary #enquirybutton .arrow, .hebrew #itinerary #continuebutton .arrow {right: auto !important; left: -20px; transition: left 0.3s ease-in-out;}
.hebrew #itinerary #enquirybutton:hover .arrow, .hebrew #itinerary #continuebutton:hover .arrow {left: 5px;}

#enquiry select, #enquiry input[type="text"], #enquiry input[type="tel"], #enquiry input[type="email"], #enquiry textarea {width: 100%;}


/* Booking Process */
#bookingPage .curvedcontent {margin: 0 0 10px 0;}
#bookingPage .curvedcontent .row {margin: 0 0 5px 0;}
#bookingPage .continueBtn .buttonDiv {position: relative;}
#bookingPage .continueBtn .buttonDiv .btn {position: relative; padding: 10px; width: 100%; font-size: 16px; border-radius: 0; color: #FFFFFF; background: #0085b2; text-align: left !important; transition: background-color 0.3s ease-in-out, border-radius 0.3s ease-in-out;}
.hebrew #bookingPage .continueBtn .buttonDiv .btn {text-align: right !important;}
#bookingPage .continueBtn .buttonDiv:hover .btn {background: #005977; border-radius: 20px 0 20px 0;}
.hebrew #bookingPage .continueBtn .buttonDiv:hover .btn {border-radius: 0 20px 0 20px;}
#bookingPage .continueBtn .buttonDiv span.glyphicon {position: absolute; right: 10px; top: 10px; font-size: 20px; color: #FFFFFF; transition: color 0.3s ease-in-out;}
.hebrew #bookingPage .continueBtn .buttonDiv span.glyphicon {right: auto; left: 10px;}
/*#bookingPage .continueBtn .buttonDiv:hover span.glyphicon {color: #00BFFF;}*/
#bookingPage .itinWrap .surround hr {margin: 10px 0; opacity: 0.6;}

#bookingPage select, #bookingPage input[type="text"], #bookingPage input[type="email"], #bookingPage input[type="number"], #bookingPage input[type="tel"] {width: 100%; border-radius: 3px; padding: 4px; border: 1px solid #c3c3c3;}
#bookingPage .doblist select {width: 33%; margin: 0 1px 0 0;}

#itineraryform .buttonDiv {position: relative;}
#itineraryform .buttonDiv .btn {position: relative; padding: 10px; width: 100%; font-size: 16px; border-radius: 0; color: #FFFFFF; background: #0085b2; text-align: left !important; transition: background-color 0.3s ease-in-out, border-radius 0.3s ease-in-out;}
.hebrew #itineraryform .buttonDiv .btn {text-align: right !important;}
#itineraryform .buttonDiv .btn a {color: #FFFFFF;}
#itineraryform .buttonDiv:hover .btn {background: #005977; border-radius: 20px 0 20px 0;}
.hebrew #itineraryform .buttonDiv:hover .btn {border-radius: 0 20px 0 20px;}
#itineraryform .buttonDiv span.glyphicon {position: absolute; right: 10px; top: 10px; font-size: 20px; color: #FFFFFF; transition: color 0.3s ease-in-out;}
.hebrew #itineraryform .buttonDiv span.glyphicon {position: absolute; right: auto; left: 10px; top: 10px; font-size: 20px; color: #FFFFFF; transition: color 0.3s ease-in-out;}


/* Lines & Ships */

.linesRow {margin: 0 0 15px 0;}
.linesRow h3 {margin: 0 0 10px 0;}
.linesRow .durationBox {background: #FFFFFF; border: 1px solid #DDDDDD; padding: 10px; text-align: center; font-size: 14px; border-radius: 15px 0 15px 0;}

#cruiseDetails .nav-tabs {border-bottom: 0; font-size: 16px;}
#cruiseLine .nav-tabs, #cruiseShip .nav-tabs {margin: 0 0 10px 0; border-bottom: 0;}
#cruiseDetails .nav-tabs a {color: #FFFFFF;}
#cruiseDetails .nav-tabs>li.active>a, #cruiseDetails .nav-tabs>li.active>a:hover, #cruiseDetails .nav-tabs>li.active>a:focus,  {
	color: #000;
	background: #d6d6d6;
	border: none;
	border-radius: 0;
}
#cruiseDetails .nav-tabs>li, #cruiseLine .nav-tabs>li, #cruiseShip .nav-tabs>li {background: #1b79aa; color: #FFFFFF; margin: 0 10px 5px 0; border-radius: 0; transition: background 0.3s ease-in-out, border-radius 0.3s ease-in-out;}
#cruiseDetails .nav-tabs>li:hover, #cruiseLine .nav-tabs>li:hover, #cruiseShip .nav-tabs>li:hover {background: #005977; border-radius: 10px 0 10px 0;}
#cruiseDetails .nav-tabs>li>a, #cruiseLine .nav-tabs>li>a, #cruiseShip .nav-tabs>li>a {background: none; margin-right: 0; border: none;}
#cruiseDetails .nav-tabs>li>a:hover, #cruiseLine .nav-tabs>li>a:hover, #cruiseShip .nav-tabs>li>a:hover {border:none;}
#cruiseLine .nav-tabs a, #cruiseShip .nav-tabs a {color: #FFFFFF;}
#cruiseLine .nav-tabs>li.active>a, #cruiseLine .nav-tabs>li.active>a:hover, #cruiseLine .nav-tabs>li.active>a:focus, #cruiseShip .nav-tabs>li.active>a, #cruiseShip .nav-tabs>li.active>a:hover, #cruiseShip .nav-tabs>li.active>a:focus {
	color: #000;
	background: #d6d6d6;
	border: none;
	border-radius: 0;
}

#cruiseLine .btn-viewall, #cruiseShip .btn-viewall {position: relative; overflow: hidden; padding: 10px; margin: 0 0 10px 0; width: 100%; color: #FFFFFF; font-size: 16px; border-radius: 0; background: #0085b2; text-align: left !important; cursor: pointer; transition: background-color 0.3s ease-in-out, border-radius 0.3s ease-in-out;}
#cruiseLine .btn-viewall:hover {background: #005977; border-radius: 20px 0 20px 0;}
.hebrew #cruiseLine .btn-viewall, .hebrew #cruiseShip .btn-viewall {border-radius: 0 20px 0 20px;}
#cruiseLine .btn-viewall .arrow, #cruiseShip .btn-viewall .arrow {position: absolute; right: -20px; top: 8px; font-size: 20px; color: #FFFFFF; transition: right 0.3s ease-in-out;}
#cruiseLine .btn-viewall:hover .arrow, #cruiseShip .btn-viewall:hover .arrow {right: 5px;}

.lineShip {margin: 0 0 10px 0; }
.lineShip .lineShipImg img {border-radius: 20px 0 20px 0;}
.lineShip .shipInfo h3 {margin: 0 0 10px 0;}

#shipInfo .shipInfoDetail .linePageTitle h2 {margin: 0 0 10px 0;}

.cruiseImages {text-align: center;}
.cruiseImages #image {margin: 0 0 10px 0; border-radius: 20px 0 20px 0;}
.hebrew .cruiseImages #image {border-radius: 0 20px 0 20px;}
.cruiseImages .shipImageTitle #caption {font-size: 14px; font-weight: 700; color: #428bca;}

.shipCabinRow {margin: 0 0 10px 0;}
.shipCabinRow h3 {margin: 0 0 10px 0;}
.shipCabinRow .shipCabinImg img {width: 100%; border-radius: 15px 0 15px 0; box-shadow: 0; transition: box-shadow 0.3s ease-in-out;}
.shipCabinRow .shipCabinImg img:hover {box-shadow: 0 0 10px 5px #b8b8b8;}}
.hebrew .shipCabinRow .shipCabinImg img {border-radius: 0 15px 0 15px; }

.lineDesc {margin: 0 0 10px 0;}

#cruiseShip .cruiseImages .cruiseImage {position: relative;}
#cruiseShip .cruiseImages .cruiseImage a {color: #f19032; font-size: 24px; transition: color 0.4s ease-in-out;}
#cruiseShip .cruiseImages .cruiseImage a:hover {color: #1b79aa;}
#cruiseShip .cruiseImages .cruiseImage #image {width: 100%;}
#cruiseShip .cruiseImages .cruiseImage .left, #cruiseShip .cruiseImages .cruiseImage .right {
	position: absolute;
	top: 36%;
	background: #FFFFFF;
	padding: 5px 10px;
	text-shadow: 2px 2px 2px #000000;
}
#cruiseShip .cruiseImages .cruiseImage .left {left: 0;}
.hebrew #cruiseShip .cruiseImages .cruiseImage .left {left: auto; right: 0;}
#cruiseShip .cruiseImages .cruiseImage .right {right: 0;}
.hebrew #cruiseShip .cruiseImages .cruiseImage .right {left: 0; right: auto;}


/* Itinerary */
.itinWrap .header {border-bottom: 1px solid #CCCCCC; padding: 0 0 5px 0;}
.itinWrap .surround {padding: 0 0 5px 0; margin: 0 0 5px 0; border-bottom: 1px solid #ccc;}
.itinWrap .surround h4 {color: #006599;}
.itinWrap .surround hr {border-top: 1px solid #ccc; margin: 20px 15px;}
.itinWrap .elementprice {text-align: right; font-weight: bold;}
.hebrew .itinWrap .elementprice {text-align: left;}
.itinWrap .basketTotal {font-size: 16px; font-weight: 700;}
.itinWrap .basketTotal .price {color: #f19032;}

.extraHead {
    font-weight: 700;
    padding: 0 0 5px 0;
    background: #006599;
    color: #FFFFFF;
}
.extrasBool {background: #FFFFFF; padding: 10px 0;}
.extrasBool a.btn {padding: 3px 5px; font-size: 14px; color: #FFFFFF; font-weight: 700; background: #006599; border-radius: 0; transition: border-radius 0.3s ease-in-out;}
.extrasBool a.btn:hover {border-radius: 10px 0 10px 0;}
.hebrew .extrasBool a.btn:hover {border-radius: 0 10px 0 10px;}


/* Booking Pages */

#viewmybooking {margin: 20px 0;}
#viewmybooking .formtable .formlabel {padding-right: 10px;}
#viewmybooking input[type="text"], #viewmybooking input[type="tel"], #viewmybooking input[type="email"] {width: 100%; padding: 0 5px; border-radius: 5px; margin: 0 0 3px 0; border: 1px solid #CCCCCC;}
#viewmybooking select {border-radius: 5px; border: 1px solid #CCCCCC; padding: 5px; margin: 0 5px 3px 0;}

#viewmybooking_buttons ul.buttons {margin: 0 0 20px 0; padding: 0; list-style-type: none}
#viewmybooking_buttons ul.buttons li.vmbBtn {position: relative; margin: 0; padding: 0; /*width: 100%;*/ margin: 0 0 3px 0;}
#viewmybooking_buttons ul.buttons li.vmbBtn {
	/*width: 100%;*/
	float: left;
	padding: 5px 10px;
	font-size: 14px;
	border-radius: 5px;
	background: #0085B2;
	color: #FFFFFF;
	margin: 0 10px 5px 0;
	border-radius: 0;
	transition: border-radius 0.2s ease-in-out, background 0.3s ease-in-out;
}
#viewmybooking_buttons ul.buttons li.vmbBtn:hover {border-radius: 10px 0 10px 0; background: #005977;}
#viewmybooking_buttons ul.buttons li.vmbBtn a {color: #FFFFFF;}

#viewmybooking input[name="bookingreference"], #viewmybooking input[name="creditcard-amount"] {width: 92%;}

#viewmybooking .box {background: #FFFFFF; border: 1px solid #DDDDDD; margin: 0 0 10px 0; padding: 15px; border-radius: 30px 0 30px 0;}
#viewmybooking .box h2, .curvedcontent h3 {margin: 0 0 10px 0; color: #006599;}
#viewmybooking .box h3 span {font-weight: 700;}
#viewmybooking .box.itinPrice {font-size: 16px; text-align: right;}
.hebrew #viewmybooking .box {border-radius: 0 30px 0 30px;}
#viewmybooking .box.hotel .roomshead {
	font-weight: 700;
	padding: 0 0 5px 0;
	background: #006599;
	color: #FFFFFF;
}


#viewmybooking .formtable {position: relative; overflow: hidden;}
#viewmybooking_content input[type="submit"], #vmbPayment #payment.btn {position: relative; padding: 10px; width: 100%; font-size: 16px; border-radius: 0; color: #FFFFFF; background: #0085b2; text-align: left !important; border: 0; transition: background 0.3s ease-in-out, border-radius 0.3s ease-in-out;}
.hebrew #viewmybooking .searchBtn input[type="submit"] {text-align: right;}
#viewmybooking input[type="submit"]:hover {background: #005977; border-radius: 10px 0 10px 0;}
#viewmybooking .arrow {position: absolute; top: 11px; /*right: -15px;*/ right: 5px; color: #FFFFFF; font-size: 16px; /*transition: right 0.3s ease-in-out;*/}
.hebrew #viewmybooking .arrow {right: auto; left: -15px; transition: left 0.3s ease-in-out;}
.hebrew #viewmybooking:hover .arrow {right: auto; left: 5px;}


#confirmation .totalPrice {font-size: 16px;}
#confirmation .totalPrice b.price {font-size: 22px; color: #006599;}



/* Media Queries */
@media (max-width: 768px) and (min-width: 320px) {
	#header .contact {margin: 10px 0 !important;}
	#header .agentLoginSection .agent {display:none;}
	.navbar-header {top: 220px; right: 25px; z-index: 999;}
	.hebrew .navbar-header {top: 230px; right: auto; left: 25px; z-index: 999;}
	.navbar-toggle {background: #0085b2;}
	.navbar-toggle .icon-bar {color: #FFFFFF; background: #FFFFFF;}
	#menu {padding: 0; margin: -20px 0 0 0;}
	#footer .footerAddress {margin: 10px 0;}

	#cruiseTypes .bottomAngle .angle {width: 90%;}

	#cruiseShip .nav {margin: 0 0 10px 0; border-bottom: 0;}

	#cruiseResults .pageNumbers {font-size: 16px;}

	#footer .col {margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #d4d4d4;}
}


/* Scrolling Header */

#header.fix-head {position: fixed; top: 0; margin: 0; z-index: 999; width: 960px;}
#menu.fix-nav {
	position: fixed;
	width: 960px;
	top: 133px;
	margin: 0 auto;
	z-index: 999;
	background: #00a3d9 !important;
	border-bottom: 1px solid #FFFFFF;
	color: #FFFFFF;
}

@media (max-width: 768px) and (min-width: 320px) {
	#header.fix-head {
		width: 100%;
		left: 0;
		border-radius: 0;
		background: /*#00a3d9*/ #FFFFFF !important;
		border-bottom: 1px solid #00a3d9;
		color: #00A3D9;
	}
	#header.fix-head #logo {background: url('/images/www.cruisim.co.il/mobilelogo.png') no-repeat left; background-size: contain; height: 40px;}
	#header.fix-head .col-xs-12 {width: 50%; float: left;}
	.hebrew #header.fix-head .col-xs-12 {width: 50%; float: right;}

	#header.fix-head .toggleContact {
		display: block;
		position: absolute;
		top: 5px;
		right: -95px;
		font-size: 24px;
	}
	.hebrew #header.fix-head .toggleContact {right: auto; left: -95px;}
	#header.fix-head .contact {margin: 10px 0 0 0 !important;}
	#header.fix-head .contact span.phone {font-size: 24px; line-height: 24px; font-weight: 700;}
	#header.fix-head .col-xs-12.contact {display: none; width: 100%;}
	#header.fix-head .col-xs-12.contact .right {display: none;}
	#header.fix-head .agentLoginSection {display: none;}
	#header .agentLoginSection .requestCallback {margin: 10px 0 0 0;}
	#wrapper.fixeditems {padding-top: 120px;}

	#menu.fix-nav {
		width: 100%;
		top: 60px;
		left: 0;
		background: #0088b5 !important;
		padding: 5px;
		border:0;
		border-radius:0;
	}
	#menu.bs-navbar-collapse.in div {border: 0;}
	#menu.bs-navbar-collapse.in div.linkwrap {border: 1px solid #FFF; background: #009fd3; margin: 0 0 3px 0;}
	#menu.bs-navbar-collapse.in a {font-size: 115% !important; padding: 5px 0 !important;}
}



.navbar-header {transition: all 0.6s ease-in-out;}
#wrapper.fixeditems .navbar-header {position: fixed; top: 10px; right: 10px;}
.hebrew #wrapper.fixeditems .navbar-header {position: fixed; top: 10px; right: auto; left: 10px}
#wrapper.fixeditems .navbar-header .navbar-toggle {background: #0085b2;}
#wrapper.fixeditems .navbar-header .navbar-toggle .icon-bar {background: #FFFFFF;}


@media(min-width:768px){
  .cruiselatest_new .col-sm-2{width: 14%!important; padding: 0px 0px 0px 12px!important;}
  .cruiselatest_new .adultnw{padding-right:5px;}
  .cruiselatest_new .childrenw{padding-left:5px;}
  .cruiselatest_new .searchBtn input[type="submit"]{height:38px;}
  .cruiselatest_new .searchBtn .arrow{top:13px!important;}
  

  .cruiselatest_new-he .col-sm-2{width: 14%!important; padding: 0px 12px 0px 0px!important; float:right;}
  .cruiselatest_new-he .col-sm-4{float:right;}
  .cruiselatest_new-he .col-xs-6{float:right;}
  .cruiselatest_new-he .adultnw{padding-left: 5px;}
  .cruiselatest_new-he .childrenw {padding-right: 5px;}	
  .cruiselatest_new-he .searchBtn input[type="submit"] {height: 38px;}	
 }
	

@media(min-width:980px){	
   .cruiselatest_new-he .searchbtn_new, .cruiselatest_new .searchbtn_new {width: 265px!important; }
   .cruiselatest_new .searchbtn_new {padding-right: 0px;}
   .cruiselatest_new-he .searchbtn_new{padding-left:0px;}
   .cruiselatest_new-he .searchBtn input[type="submit"], .cruiselatest_new .searchBtn input[type="submit"] {font-size: 14px!important;}	
}
	
	
@media (max-width: 979px) and (min-width: 768px) {
  .cruiselatest_new-he .searchbtn_new, .cruiselatest_new .searchbtn_new{width: 220px!important;}
  .cruiselatest_new-he .searchBtn input[type="submit"], .cruiselatest_new .searchBtn input[type="submit"] {text-align:center; font-size: 11px!important;}
  .cruiselatest_new-he .arrownew, .cruiselatest_new .arrow{display:none;}
  
  
}	
	
.cruiselatest_new-he .arrownew{right: auto; left: 15px;  position: absolute; top:15px; color:#fff; }


.btn_csinw{border:none; background:none;  cursor:inherit!important; }
.btn_csinw:hover{border:none!important; background:none!important; outline:none!important; }

.modal-content--csi{padding:10px;}

.hidden_new{display:none;}