@import url('https://fonts.googleapis.com/css?family=Assistant:400,800&display=swap');
body { margin: 0; padding: 0; font: normal 1.1rem Assistant; font-family: Assistant, Calibri, Arial; cursor: default; }
header, footer, main { direction: rtl; }
header > div > span { color: #fff; }
header > div > span > i { font-size: 0.9rem; line-height: 1rem; font-style: normal; }
header > div > span > i > a { color: #330999; text-decoration: none; }
header > div > span > i > a:hover { color: #106ec8; text-decoration: underline; }
header > div > span > i.mobile { display: none; margin-top: 3px; }
name {padding-left: 32px;       float: right;}

@keyframes whatever { 0% { transform: scale(1); } 8% { transform: scale(1.2) ;} 16% { transform: scale(1); } }
.h2 { animation-iteration-count: infinite; animation-name: whatever; animation-duration: 4s; }
.h2 { line-height: 19px;float: left; width: 70px;height: 80px; background-color: #005eb8; color: #fff; text-align: center; display: table;  border-radius: 110px;   font-size: 18px;  
padding:41px 25px 13px 25px; margin-left: 67px;     margin-top: -66px;}
.h2 i { font-style: normal;  text-shadow: 1px 1px 1px #000;}
.pricey {font-size:40px !important;color:#fff;font-weight:bold; text-shadow: 1px 1px 1px #000;}
.h2 > div { display: table-cell; vertical-align: middle; }
.headerTop {max-width: 1260px;height:120px;padding:5px;height: 45px; }
.headerAgent {   float: right;    padding-right: 10px;}
.headerAgentIcons {   float: left;font-size: 15px;text-align: center;    margin-left: 10px;     padding: 5px;}
.headerAgentIcons img {width:20px;border:none;transform: scale(1);  transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;}
.headerAgentIcons img:hover {    transform: scale(1.3);  transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;}
.IconsTitle {}
.topbanner{    background-image: url(img/1260-1.jpg);background-repeat: no-repeat; height: 226px;  background-size: contain;   margin-top: 65px;  background-position: center;  background-color: #0a69ad;}
header > div > span i{ }
.qr img {display:block;width:250px; margin: 0 auto;}
.QrTop { display:block; line-height: 0px; margin: 10px 0px 0px 78px; float:left; background-image:url(img/loader.gif); background-repeat: no-repeat; background-position: center; width: 140px;
 -webkit-box-shadow: 10px 13px 35px -8px rgba(0,0,0,0.6);-moz-box-shadow: 10px 13px 35px -8px rgba(0,0,0,0.6);
box-shadow: 10px 13px 35px -8px rgba(0,0,0,0.6); padding: 8px;    background-color: #fff;} 
main { margin: 0px auto 40px; max-width: 1260px; line-height: 1.7rem;display:block; }
nav { float: right; }
a, button, input, textarea { outline: 0 }
.ltr { direction: ltr; unicode-bidi: embed; }
input::-moz-focus-inner { border: 0; }
html ::-moz-selection { background: #005eb8; color: #fff; }
html ::selection { background: #005eb8; color: #fff; }
.whatsapBTN {display:none;}
a { color: #005eb8; font-size: 24px; }
a:hover { color: #106ec8; }

.formtitle {font-size: 20px;   font-weight: bold;    color: #fff;    text-align: center;    margin-bottom: 20px;    padding: 10px; 
    -webkit-border-radius: 4px;    -moz-border-radius: 4px;    border-radius: 4px; 
    -moz-transform: skewx(-15deg);
    -webkit-transform: skewx(-15deg);}

.agentTitle {font-size:14px;font-weight:bold;}
.sochenName {font-size:14px;font-weight:normal;}
.MainWrap {padding:0px; min-height: 380px;}
form {
    clear: both;
    background-color: #53aae8;
    padding: 25px;
max-width: 672px;}
#order {     cursor:pointer; border: none;
    background-color: #005eb8;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 10px;
    margin: 10px;
    color: #fff;
    text-align: center;
	font-weight:bold;
    width: calc( 100% - 118px );
    font-family: Assistant, Calibri, Arial;
    font-size: 17px;
    -webkit-appearance: none;}
#order:hover { background-color: #47af31;}
nav > ul { list-style: outside none none; font-size: 1.1rem; height: 1.3em; padding: 0; }
nav > ul > li { display: inline; float: right; margin: 0 5px; }
nav > ul > li > a { color: #005eb8; padding: 8px 16px; text-decoration: none; }
nav > ul > li > a:hover { background-color: #005eb8; border-radius: 6px; color: #fff; }
#nav-toggle { display: none; }
.qrBig {display:none;}
header { position: fixed; width: 100%; left: 0; right: 0; top: 0; background-color: #737373; z-index: 15; }
header > div, main > div { max-width: 100%; margin: 0 auto; padding: 0; }
header > div > a { float: right; font-size: 2.3rem; color: #fff; font-weight: bold; text-decoration: none; margin: 0 4px; }
h1 { margin: 0; padding: 0;     text-align: center;font-weight: bold; font-size: 30px; background-color: #36b76c;color: #fff;   padding: 12px;    font-weight: normal;    text-shadow: 1px 1px 1px #000; }
.ButtonNow { padding:5px;   transform: rotate(3deg);  text-align: center;    margin: 5px;  -webkit-border-radius: 4px;    -moz-border-radius: 4px;    border-radius: 4px;    text-align: CENTER;}
h3 { margin: 0px; padding: 0; clear: right;    color: #36b76c; padding-top: 10px;}
.DestColor {    color: #fff;    font-size: 38px;    font-weight: bold;}
.DatesColor { font-size: 21px; }
i.grade { display: block; width: 0; height: 20px; background-image: url(img/grade.png); background-repeat: repeat-x; background-position: left; }
i.g1 { width: 20px; } i.g2 { width: 40px; } i.g3 { width: 60px; } i.g4 { width: 80px; } i.g5 { width: 100px; }
.hotelmaininfo {background-color: #fff;    padding: 13px;float: right;    width: 800px; max-width: 740px; }
ul.flights, ul.facilities { margin: 0;padding: 0px 13px; list-style-type: none; display: inline-block; background-color: #fff;width:710px; }
ul.flights > li { clear: right; min-height: 95px; margin: 10px 0;    border-bottom: 1px dotted #000;
    border-top: 1px dotted #000;
    padding: 5px; }
ul.flights > li > span { display: block; float: right; min-width: 200px; }
ul.flights > li > span.wide { min-width: 350px; padding-right:40px;}
ul.flights > li > span.wide img {padding-left:10px;}

ul.flights > li > span > span { float:left; }

ul.flights > li > span > span.title { float: none; font-weight: bold; color: #e92173; }
.title {float:right;    padding-left: 30px;font-weight: bold;  color: #0487e3;}
.title img {padding-left: 10px;}
.titleDay {float:right;    margin-right: 40px;    padding-top: 9px;}
ul.facilities > li { display: block; float: right; margin-left: 20px; padding-right: 12px; background-image: url(img/bullet.png); background-repeat: no-repeat; background-position: right 8px; }
span.airline { background-repeat: no-repeat; background-position: right center; min-width: 40px;  margin-right: 54px; padding-right: 30px;    margin-top: 9px;}
div.option, div.priceoption {     width: auto;
    color: #47af31;
    padding: 15px 20px;
    text-align: center;
    float: right;
    margin: 10px 0 10px 10px;
    height: auto;
    cursor: pointer;
    border: 1px solid #47af31;
    border-radius: 10px;
}
.arrow-1, .arrow-2 {  display: none; cursor: pointer; }
.ContentWrap { padding:20px;}
div.option:hover {  background-color: #47af31; color: #fff;}
div.priceoption { cursor: default; }
select.pax-select { width: 160px; }
div.totalprice {  background-color: #47af31; color: #fff; cursor: default; }
.slick-slide { width: 350px; height: 290px; background-repeat: no-repeat; background-size: cover; }
div.images { width:auto;max-width: 350px; height: 290px; overflow: hidden; float: left;border: 1px dotted #000; border-radius: 8px; box-shadow: 0 3px 6px rgba(0,0,0,0.3); margin-right: 20px; }
div.images > div span { background-color: #003e98; height: 40px; display: block; position: relative; top: 200px; opacity: 0.8; color: #fff; text-align: center; font-size: 0.9rem; font-weight: bold; line-height: 2.3rem; }
footer { text-align: center; clear: both; padding: 15px;     padding-bottom: 60px;}
footer > div { margin: 0 auto; max-width: 1260px; }
footer > div > ul { list-style: outside none none; height: 1.3em; margin: 0; padding: 0; }
footer > div > ul > li { display: inline; margin: 5px; }
footer > div > ul > li > a, footer li {     font-size: 14px;color: #005eb8;}
footer > div > ul > li > a:hover { color: #48A1E6; }
br.clear { clear: both; }
form { clear: both;    margin-top: 10px; }
form > label { display: block; min-width: 80px; float: right; line-height: 3rem; clear: right; color:#fff;}
form > input[type=text], form > select { border: solid #aaa 1px; border-radius: 3px; padding: 6px 15px; margin: 8px; width: 520px; font: normal 1rem Assistant;font-family: Assistant, Calibri, Arial; color: #003e98; }
form > select { -moz-appearance: none; -webkit-appearance: none; appearance: none; background-image: url(img/bullet.png); width: 551px; background-repeat: no-repeat; background-position: 10px; }
form > input[type=button] { border: 0; border-radius: 3px; padding: 10px 20px; margin: 8px; background-color: #e92173; color: #fff; font: normal 1.1rem Assistant;font-family: Assistant, Calibri, Arial; letter-spacing: 1px; cursor: pointer; }
#social ul { display: flow-root; list-style-type: none; margin: 0; padding: 0 4px;margin: 0;}
#social ul > li { float: right; margin: 0px 0px 0px 5px;}
#social ul > li > a {  font-size: 60px; }
/*
#social { display:block;position:fixed; width:40px;right:0px;z-index: 2;    margin-top: 80px; background-color:#fff; -webkit-border-top-left-radius: 10px;-webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
#social ul { display: flow-root; list-style-type: none; margin: 0; padding: 0 4px;margin: 0 auto;}
#social ul > li { float: right; margin: 0px 0px 0px 5px;}
#social ul > li > a:hover { color: #210170; }
*/

#social ul > li > a.share-whatsapp  { color: #16e416; }
#social ul > li > a.share-email  { color: #1bb2dc; }
#social ul > li > a.share-facebook  { color: #1a90e2; }
#social ul > li > a.share-twitter  { color: #1a90e2; }
#social ul > li > a.share-linkedin  { color: #1a90e2; }
#social ul > li > a.share-pinterest  { color: #1ae290; }
#social ul > li > a.share-sms  { color: #16e416; }

.powered {      padding-top: 5px;
    color: #003e98;
    font-size: 11px;
    direction: ltr;}

div.error { position: fixed; display: none; top: 50%; left: 50%; margin-top: -100px; margin-left: -200px;
 width: 400px; background-color: #003e98; color: white; padding: 20px 30px; border: 0; border-radius: 10px; box-shadow: 0 4px 8px rgba(0,0,0,0.4); }
div.error > ul { padding: 0 1rem; }

@media all and (max-width: 760px) {
	body {font: normal 14px Assistant;font-family: Assistant, Calibri, Arial;}
	.MainWrap {padding:10px;}
	.ContentWrap  {padding: 0px 10px;}
	h1 {width:auto;     margin-top: 44px; }
	span.airline {padding-right: 40px;margin:0px;}
	nav { float: none; }
	main { margin:0px; display: block;background-color:#fff; }
	ul.flights, ul.facilities { width: auto; }
	ul.flights > li > span.wide { min-width: 300px; padding-right:0px; }
	ul.flights > li > span > span {    float: left; clear: both; }
	ul.flights > li > span { float: right; }
	ul.flights > li {    min-height: 62px;}
	.headerAgentIcons {padding-top: 0px; }
	.headerAgentIcons {   float: left;font-size: 12px;text-align: center;    margin-left: 0px; padding: 0px 5px 0px;}
	.headerAgentIcons img {width:20px;}
	/* #social {display:none;} */
	.QrTop {display:none; }
	.whatsapBTN { display:block;
    width: 100%;
    font-size: 17px;
    color: #fff;
    position: fixed;
    height: 36px;
    bottom: 0px;
    background-color: #009900;
	padding-top: 10px;}
	div.error {left: 50%; width: 200px; margin-left:-120px;}

	.titleDay {   margin-right: 0px;    padding-top: 11px;}
	.whatsapBTN a{ color:#fff;text-decoration:none; }
	.whatsapBTN img{    padding: 0px 5px 5px 10px; float: right; margin-top: -5px;}
	.whatsapBTNContent {margin:0 auto; width:195px;}
	form > select {        width: calc( 100% - 110px );}
	form > input[type=text] { width: 300px; }
	.hotelmaininfo {    width: auto;}
	.headerTop {width:auto;}
	.mobile {}
	.mobile img {}
	.DestColor { font-size: 26px;  }
	#social ul > li > a {    font-size: 50px;}
	.topbanner{ background-image: url(img/header-1.jpg); background-repeat: no-repeat;  max-height: 157px;  background-size: contain; margin-top: 55px; background-position: center;     background-color: #0a69ad;}
    div.images {max-width: auto !important;margin:0 auto;float: none;}
	h1 { font-size: 22px;    line-height: 24px; }
	.h2 { color:#fff;width: 40px; height: 40px; padding: 29px 20px 24px 20px; margin-left: 10px; position: absolute;left: 50%;  margin-left: -60px;font-size: 15px;    line-height: 16px;     top: 138px;     margin-top: 0px;}
	.pricey {    font-size: 31px !important; text-shadow: 1px 1px 1px #000;    font-weight: bold;}
	article > p { font-size: 1rem; line-height: 1.5rem; }
	header { box-shadow: 0 2px 4px rgba(0,0,0,0.3); }
	header > div { margin: 0 auto; padding: 0; }
	header > div > span {}
	header > div > span > i { display: none; }
	header > div > span > i.mobile { display: block;    float: right;    margin-top: -12px;    padding-right: 117px;}
	.sochenName {   }
	nav > ul { width: 100%; position: fixed; top: -110%; left: 0; background-color: #005eb8; margin: 0; height: auto; z-index: 3; }
	nav > ul > li { display: block; float: none; margin: 5px 0; }
	nav > ul > li > a { color: #fff; display: block; padding: 12px 16px; }

	div.multiple-items {
		height: 124px;
		overflow-x: scroll;
		white-space: nowrap;
	    margin: 0 10px;
	    width: max-content;
	    max-width: calc( 100% - 40px );
	}
	.arrow-1 { position: absolute;        margin-top: 42px;    margin-right: -14px;}
	.arrow-2 { position: absolute;    margin-top: -40px;   left: 4px;}
	
	div.option {
		float: none;
		display: inline-block;
	}
	div.multiple-items::-webkit-scrollbar {
	-webkit-appearance: none;
	}
	div.multiple-items::-webkit-scrollbar-thumb {
	background-color: #005eb8;
	}
div.multiple-items::-webkit-scrollbar-track {background-color: #F5F5F5;}

	form > input[type=text] { width: calc( 100% - 140px ); }
	#nav-toggle { display: none; height: 4px; left: 0; padding: 22px; position: fixed; top: 0; width: 23px; background-color: #5d737e; cursor: pointer; z-index: 4; }
	#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { cursor: pointer; border-radius: 1px; height: 4px; width: 23px; background: white; position: absolute; display: block; content: ''; }
	#nav-toggle span:before { top: -8px; }
	#nav-toggle span:after { bottom: -8px; }
	#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { transition: all 350ms ease-in-out; }
	#nav-toggle.active span { background-color: transparent; }
	#nav-toggle.active span:before, #nav-toggle.active span:after { top: 0; }
	#nav-toggle.active span:before { transform: rotate(45deg); }
	#nav-toggle.active span:after { transform: rotate(-45deg); }
	#social div {  box-shadow: 0 2px 4px rgba(0,0,0,0.3); }
}

form.prices { background-color: #fff; padding: 20px 0; }
form.prices table { font: 18px calibri; border: solid #357 1px; border-radius: 3px; margin: 5px 0; padding: 20px; background-color: #cde; }
form.prices table tr td:first-child { width: 220px; }
form.prices table tr label i { font-size: 15px; font-style: normal; }
form.prices input[type=text] { padding: 3px 6px; border: solid silver 1px; width: 60px; border-radius: 3px; font: 18px calibri; background-color: #def; }
form.prices input[type=button] { border: 0; border-radius: 3px; padding: 10px 20px; margin: 8px; background-color: #357; color: #fff;  font: bold 18px calibri; letter-spacing: 1px; cursor: pointer; }