#important_wrapp section {display:block!important}
#important_wrapp a {color:black;}
#important_wrapp a:hover {text-decoration:none;}
#important_wrapp a:focus {outline:0;text-decoration:none;}
#important_wrapp .breadcrumbs {border-bottom: solid 1px #f2f2f2;margin: 0 0 15px;padding: 15px 0 10px;width: 99%;}
#important_wrapp .content {position: relative;}
.share {position: absolute; right: 15px; top: 15px;}
.share div {display: inline-block;}
.share div a {color: black; outline:0}
.share div a:hover {text-decoration: none; opacity: .8;}
.cover_thumb {max-height:500px; height:100%;}
.cover_thumb {position: relative;overflow: hidden;}
.online-tablo .cover_thumb:before {content:""; background:rgba(0,0,0,.2); width:100%; height:100%; position:absolute; left:0; z-index:1;}
.cover_thumb img {-webkit-filter: blur(3px);filter: blur(3px); box-shadow: -5px -5px 0 20px  white;}
.cover_thumb aside {
    color: white;
    position: absolute;
    top:50%;
    left:50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    z-index:2;
}
.cover_thumb aside h3 {font-size: 36px;color: white!important;padding-bottom: 8px;font-family: 'PFSquareSansPro-Medium', sans-serif;}
.cover_thumb aside p {font-size: 20px;max-width: 683px;line-height:1.15;}
.cover_thumb aside a {
  width: 200px;
  height: 40px;
  border-radius: 3px;
  background-color: rgba(255, 255, 255, 0.4);
  border: solid 1px #ffffff;
  line-height:40px;
  display:block;
  color:white!important;
  margin:30px auto 0;
  font-family: 'PFSquareSansPro-Medium', sans-serif;
}
.cover_thumb aside a:hover {opacity:.9}
.container .content {text-align:left;}

/*important-tourist*/
section.blocks {
	margin-left: -15px;
	/*add for 7block*/
	text-align: center;
}
section.blocks div[class*="col-"] {
    margin-bottom: 20px;
	/*add for 7block*/
    float: none;
    display: inline-block;
    vertical-align: top;
}
section.blocks div a {
    display: block;
    width: 225px;
    height: 225px;
    border: solid 1px #ededed;
    color: black; 
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
section.blocks div a p {line-height: 1.33;font-size: 15px;}
section.blocks div a p strong {font-size:16px}
section.blocks div a p:nth-of-type(2) {line-height:.15;}
.blocks [class*="icon_"]:before {
    content: "";
    display: block;
    height: 80px;
    width: 80px;
    margin: 50px auto 15px;
}
.blocks .icon_1:before {
    background:url(/content/themes/joinup_theme/assets/images/project/tablo/icon-1.svg) no-repeat;
}
.blocks .icon_1:hover:before {
    background:url(/content/themes/joinup_theme/assets/images/project/tablo/icon-1-h.svg) no-repeat;
}
.blocks .icon_2:before {
    background:url(/content/themes/joinup_theme/assets/images/project/tablo/icon-2.svg) no-repeat;
}
.blocks .icon_2:hover:before {
    background:url(/content/themes/joinup_theme/assets/images/project/tablo/icon-2-h.svg) no-repeat;
}
.blocks .icon_3:before {
    background:url(/content/themes/joinup_theme/assets/images/project/tablo/icon-3.svg) no-repeat;
}
.blocks .icon_3:hover:before {
    background:url(/content/themes/joinup_theme/assets/images/project/tablo/icon-3-h.svg) no-repeat;
}
.blocks .icon_4:before {
    background:url(/content/themes/joinup_theme/assets/images/project/tablo/icon-4.svg) no-repeat;
}
.blocks .icon_4:hover:before {
    background:url(/content/themes/joinup_theme/assets/images/project/tablo/icon-4-h.svg) no-repeat;
}
.blocks .icon_5:before {
    background:url(/content/themes/joinup_theme/assets/images/project/tablo/icon-5.svg) no-repeat;
}
.blocks .icon_5:hover:before {
    background:url(/content/themes/joinup_theme/assets/images/project/tablo/icon-5-h.svg) no-repeat;
}
.blocks .icon_6:before {
    background:url(/content/themes/joinup_theme/assets/images/project/tablo/icon-6.svg) no-repeat;
}
.blocks .icon_6:hover:before {
    background:url(/content/themes/joinup_theme/assets/images/project/tablo/icon-6-h.svg) no-repeat;
}
.blocks .icon_7:before {
    background:url(/content/themes/joinup_theme/assets/images/project/tablo/icon-7.svg) no-repeat 12px 0;
}
.blocks .icon_7:hover:before {
    background:url(/content/themes/joinup_theme/assets/images/project/tablo/icon-7-h.svg) no-repeat 12px 0;
}
.blocks .icon_8:before {
    background:url(/content/themes/joinup_theme/assets/images/project/tablo/icon-8.svg) no-repeat;
}
.blocks .icon_8:hover:before {
    background:url(/content/themes/joinup_theme/assets/images/project/tablo/icon-8-h.svg) no-repeat;
}
.blocks a:hover {
    box-shadow: 0 20px 26px 0 rgba(0, 0, 0, 0.16);
    text-decoration:none;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}

.online-tablo .support {margin-top:25px}
#important_wrapp .support h3 {
	font-size:20px;
	font-family:'PFSquareSansPro-Medium', sans-serif;
	padding:13px 0 0;
}
#important_wrapp .support p {font-size:18px}

/*checkTime form*/
.modal#checkTime button span {
	position:absolute;
	top:-47px;
	right:-45px;
	font-size:60px;
	color:#bbbbbb;
	opacity:.85;
	cursor:pointer;
}
.modal#checkTime button span:hover {opacity:1}
.modal#checkTime {margin:0 auto; border-radius:3px;}
.modal#checkTime .modal-dialog {
	max-width:400px; top:50%; 
	-webkit-transform:translate(0, -50%);
    -ms-transform:translate(0, -50%);
        transform:translate(0, -50%)
}
.modal#checkTime .modal-header {
	background-color: #f5f9ff;
	height:60px;
	border-radius:3px 3px 0 0;
	margin-bottom:20px;
	border-bottom: 1px solid #e3ebfb;
}
.modal#checkTime .modal-title {line-height:0; font-size: 20px; font-family:'PFSquareSansPro-Regular', sans-serif}

.modal#checkTime input[type="text"]{
  width: 302px;
  height: 45px;
  border-radius: 3px;
  background-color: #ffffff;
  border: solid 1px #d6d6d6;
  color: #4a4a4a;
  margin-bottom:15px;
  padding:0 20px;
  font-size: 15px;
  caret-color:#ff6500;
  line-height: normal;
}
.modal#checkTime input[type="text"]:focus {
	border-color:#ff8800;
}
.modal#checkTime .g-recaptcha {
	padding-left:32px;
}
.modal#checkTime input[type="submit"],
.modal#checkTime form button.btn-default {
	border-radius: 3px;
	background-color: #fbebde;
	border: solid 1px #efac7b;
	height:45px;
	width:302px;
	margin:25px 0 20px;
	color: #ff6b00;
	font-size:16px;
}
.modal#checkTime input[type="submit"]:hover,
.modal#checkTime form button.btn-default:hover {opacity:.8;}
.modal#checkTime input[type="submit"]:active,
.modal#checkTime form button.btn-default:active {background-color: #efac7b; color:#fff; border: solid 1px #fbebde;}

.modal#checkTime input:-moz-placeholder {
	color: #4a4a4a!important;
	font-size:15px;
}
.modal#checkTime input::-webkit-input-placeholder {
	color: #4a4a4a!important;
	font-size:15px;
}
.modal#checkTime .error {
	color:red;
	margin:-15px 0 20px;
	line-height:1.33;
}
/*checkTime Res*/
.modal#checkTime .check_time_form {margin-top:-14px;}
.modal#checkTime .check_to,
.modal#checkTime .check_back {
	font-size:20px;
	padding-bottom:31px;
}
.modal#checkTime .check_time_form {padding:0 16px;}
.modal#checkTime .check_time_form time {
	font-family: 'PFSquareSansPro-Medium', sans-serif;
    font-size: 36px;
    color:#ff6500;
}
.modal#checkTime .hr {
	  border: solid 1px #e3ebfb;
	  margin:28px -15px 32px;
}
.modal#checkTime form button.btn-default {width:330px}

.modal#checkTime .check_time_form .left {
	text-align:left;
}
.modal#checkTime .check_time_form .right {
	text-align:right;
}
.modal#checkTime .check_time_form small,
.modal#checkTime .check_time_form strong {
	padding:0 5px;
	line-height:1.2;
}
.modal#checkTime .check_time_form small {
	display:block;
	font-size:16px;
	padding-top:7px;
}
.modal#checkTime .check_time_form strong {
	font-size:20px;
}
.modal#checkTime .plane-here {position:relative;}
.modal#checkTime .plane-here:before {
	content:"";
	border-top:2px dotted #d2dbee;
	width:100%;
	max-width:110px!important;
	position:absolute;
	left:9px;
	top:17px;
}
.modal#checkTime .plane-here img {
	padding-top:7px;
	padding-left:5px;
}
.modal#checkTime .check_time_form .plane-here div img {
	height:28px;
	margin:5px 0
}

.modal.bs-cc-modal-md {
    top:50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}
.modal-content aside {display: block;padding: 25px 0;}
.modal-content aside p {padding: 20px 0 0;}
.modal-content aside a {color: black;border-bottom: 1px dashed #999;}
.modal-content aside a:hover {border-bottom-style: solid; text-decoration: none;}

/*online-tablo*/
.cover_thumb .left,
.cover_thumb .right{
    position: absolute;
    top:50%;
    color: white;
    font-family: 'PFSquareSansPro-Medium', sans-serif;
    font-size: 30px;
	z-index:2;
}
@media (max-width: 1060px) {
	.cover_thumb .left,
	.cover_thumb .right {
		font-size:25px!important
	}
}
@media (max-width: 992px) {
	.cover_thumb .left,
	.cover_thumb .right {
		font-size:20px!important
	}
}
.cover_thumb .left {left:8%;}
.cover_thumb .right {right:8%;}

.cover_thumb .left i {
    display: block;
    padding-bottom: 5px;
}

.cover_thumb .left:before,
.cover_thumb .right:before {
    content: "";
    width: 80px;
    left: 50%;
    -webkit-transform: translate(-50%,-65%);
        -ms-transform: translate(-50%,-65%);
            transform: translate(-50%,-65%);
}
.cover_thumb .left:before {
    background: url(/content/themes/joinup_theme/assets/images/project/tablo/call-centre.png) no-repeat;
    position: absolute;
    top: -45%;
    height: 76px;
}
.cover_thumb .right:before {
    background: url(/content/themes/joinup_theme/assets/images/project/tablo/plain-today.png) no-repeat;
    position: absolute;
    top: -65%;
    height: 70px;
}
.cover_thumb small {
    display: block;
    font-size: 18px;
    padding-top: 8px;
}

.tabDepartures {
	border-bottom: solid 1px #e3ebfb;
	margin-top:30px;
	position:relative;
	width:99%;
}
.tabDepartures:after {
	content:'';
	border-bottom: solid 1px #e3ebfb;
	position:absolute;
	width:100%;
	left:0;
	bottom:2px;
	z-index:-1
}
.tabDepartures:before, .tabDepartures div:nth-of-type(1) a:before {
	content:'';
	position:absolute;
	height:2px;
	width:1px;
	bottom:0
}
.tabDepartures:before {
	border-right: solid 1px #e3ebfb;
	right:0;
}
.tabDepartures div:nth-of-type(1) a:before {
	border-right: solid 1px #e3ebfb;
	left:0;
}
.tabDepartures div {
	display:inline-block;
	position:relative;
}
.tabDepartures div a {
	border: solid 1px #fff;
	display:block;
	color: #4a4a4a!important;
	text-align:center;
	font-size:15px;
	width:240px;
	height:51px;
	line-height:51px;
}
.tabDepartures div a.active {
	border: solid 1px #e3ebfb;
	border-bottom-color:transparent;
	background-color: #fcfdff;
	color:black!important;
	border-radius:3px;
	margin-top:-40px;
	z-index:1
}
.tabDepartures div a:after,
.tabDepartures div a.active:after {
	content:'';
	position:absolute;
	left:18px;
	bottom:13px;
	width:100%;
	height:21.96px;
	background-repeat:no-repeat;
}
.tabDepartures div:nth-of-type(1) a:after {background-image:url(../assets/images/project/tablo/world.svg);}
.tabDepartures div:nth-of-type(1) a.active:after {background-image:url(../assets/images/project/tablo/world-h.svg);}

.tabDepartures div:nth-of-type(2) a:after {background-image:url(../assets/images/project/tablo/arrival.svg);}
.tabDepartures div:nth-of-type(2) a.active:after {background-image:url(../assets/images/project/tablo/arrival-h.svg);}

.tabDepartures div:nth-of-type(3) a:after {background-image:url(../assets/images/project/tablo/departures.svg);}
.tabDepartures div:nth-of-type(3) a.active:after {background-image:url(../assets/images/project/tablo/departures-h.svg);}

.tabDate {
    margin: 30px 0;
    position: relative;
}
.tabDate:after {
    content: "";
    border-bottom: solid 1px #f2f2f2;
    display: block;
    clear: both;
    padding-bottom: 8px;
    width: 99%;
}
.tabDate .active:after,
.tabDate [class*="col-"]:hover:after {
    content: "";
    border-bottom: solid 2px #ff6500;
    position: absolute;
    width: 100%;
    bottom: -9px;
    left:0;
}
.tabDate strong {
    display: block;
    font-size: 15px;
    line-height: 20px;
}
.tabDate date {
    font-size: 14px;
    line-height: 20px;
}
.swiper-button-prev,
.swiper-button-next {
	background-image:none!important;
}
.swiper-button-prev:before,
.swiper-button-next:before {
	font-family:'FontAwesome', sans-serif;
	font-size:25px;
	color:#9b9b9b;
}
.swiper-button-prev:hover:before,
.swiper-button-next:hover:before {
	opacity:.8;
}
.swiper-button-prev:before {content:"\f104";}
.swiper-button-next:before {content:"\f105";}

.aviaTable {
    width: 100%!important;
}
.aviaTable th {
    height: 43px;
    background: white;
    padding: 10px;
    font-size:14px;
    font-family: 'PFSquareSansPro-Medium', sans-serif;
}
/* .aviaTable td {
    height: 60px;
    padding: 0 10px 0 0 !important;
    font-size:15px;
    border-bottom: solid 1px rgba(227,235,251,.7);
	line-height: 1.33;
	text-align: center;
} */
.aviaTable td {
    height: 60px;
    font-size:15px;
    border-bottom: solid 1px rgba(227,235,251,.7);
	line-height: 1.33;
}
@media screen and (min-width:768px) {
	.aviaTable td {
		padding: 0 0 0 12px !important;
	}
}
@media screen and (max-width:767px) {
	.aviaTable td {
		padding: 0 10px 0 0 !important;
		text-align: center;
	}
}

.aviaTable tbody tr:nth-of-type(1),
tr.hidden:nth-of-type(1) + tr:nth-of-type(2) {
	background:linear-gradient(to bottom, rgba(227,235,251,.65), #F6F8FE, #FBFDFF, #FBFDFF, #FBFDFF, #FBFDFF, #fff);
}

.aviaTable tbody tr:nth-of-type(1):after {
/* 	content:'';
	background:url(../assets/images/project/tablo/line.svg) no-repeat 0 -6px;
	width:100%;
	height:23px;
	background-size:100%;
	filter:blur(1px);
	position:absolute;
	left:0; */
}
.avialogo img:not(.skyup) {width:85px}
.jordan-aviation {width:60px!important;}
.utair {width:75px!important;}
.bukovyna {width:100px!important;}
.aviaTable td[class*="checkin_"] {padding-left: 20px!important;}
/* .aviaTable td[class*="checkin_"] time small {font-size: 11px; color: gray}  */
.aviaTable tr.odd {
    background-color: #fcfdff;
}
.status {position:relative;}
.status q {
	white-space:nowrap;
	position:absolute;
	right:10px;
	width:98px;
	text-align:right;
	text-overflow:ellipsis;
	display:block;
	overflow:hidden;
	top:50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}  
@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}
.status q {
    display: block;
    -webkit-animation: fadeIn 2s;
    animation: fadeIn 2s;
}

.aviaTable .err {color: #d0021b}
.jtooltip .jtooltiptext {
    width: 164px;
    height: 65px;
    background-color: #5a6574;
    color: rgba(255, 255, 255, 0.62);
    border-radius: 5px;
    padding: 9px 0;
    top: -100%;
    left:0%!important;
	margin-left:0px;
    border: none;
    font-size: 15px;
    line-height: 1.33;
    font-family: 'PFSquareSansPro-Regular', sans-serif;
    box-shadow: 0 5px 6px 0 rgba(154, 154, 154, 0.5);
    
    -webkit-transform: translate(-40%,-95%);
        -ms-transform: translate(-40%,-95%);
            transform: translate(-40%,-95%);
}
.jtooltip .jtooltiptext small {
    font-size: 15px;
    color: white;
    display: block;
}
.jtooltip .jtooltiptext::after {
    top: 100%;
	border-color: #5a6574 transparent transparent transparent;
}
time.jtooltip i,
aside .jtooltip i {
	border-bottom:1px dashed;
	font-style:normal;
}

/*datatable*/
.aviaTablo .dataTables_filter label {font-size: 0; display:block;}
.aviaTablo .dataTables_wrapper .dataTables_filter {float: none!important; text-align: left;}
.aviaTable th:nth-of-type(7) {width: 58px!important;}
.aviaTablo .dataTables_filter input {
    width: 98.5%;
    max-width: 980px;
    height: 35px;
    border: solid 1px #c8cfd9;
    padding: 5px 10px;
    color: #4a4a4a;
    font-size:14px;
    margin-bottom: 20px;
	border-radius: 3px;
	line-height: normal;
}
.aviaTablo .dataTables_filter label:after {
	content:'\f002';
	font-family:'FontAwesome', sans-serif;
	font-size:15px;
	color:#ccc;
	position:absolute;
	right:15px;
	top:10px;
}
.aviaTablo table.dataTable thead th,
.aviaTablo .no-footer {border: none!important;}

.aviaTable thead .sorting {
    background-image:none!important;
    position:relative;
}
.aviaTable thead .sorting_asc {
    background-image:none!important;
    position:relative;
}
.aviaTable thead .sorting_desc {
    background-image:none!important;
    position:relative;
}
table.dataTable thead [class*="sorting"]:after {
	content:'';
	width:12px;
	height:24px;
	position:absolute;
}
table.dataTable thead .sorting:after {background: url("../assets/images/project/tablo/sort_def.svg") no-repeat 3px -5px !important;}
table.dataTable thead .sorting_asc:after {background: url("../assets/images/project/tablo/sort_asc.svg") no-repeat 3px -5px !important;}
table.dataTable thead .sorting_desc:after {background: url("../assets/images/project/tablo/sort_desc.svg") no-repeat 3px -5px !important;}
table.dataTable thead [class*="sorting"]:nth-of-type(7):after {background-position:-99999px!important}

table.dataTable th:nth-of-type(7),
table.dataTable td:nth-of-type(7) {
	text-align:right;
}
.dataTables_empty {font-family:'PFSquareSansPro-Medium',sans-serif; vertical-align:middle}
#important_wrapp .reCall {
    font-size: 24px;
    text-align: center;
    margin: 85px 0 60px;
}
#important_wrapp .reCall img {padding-bottom:7px}
#important_wrapp .reCall small {font-size: 14px;}

#important_wrapp p.login-text-agency,
#important_wrapp form#loginform {left:0!important;top:20px!important}

/*media*/
@media (min-width:1200px) {
 .container {width:980px!important; }
}
@media (max-width:767px) {
	body.page-template-template-important-tourist {overflow-x:hidden}
	header .turist .user.u_agent {top: -22px!important;}
	nav.fixemenutop ul li.menu-online-tours span:before {
		content:"";
	}
	#important_wrapp .breadcrumbs {padding-left:17px;}
	#important_wrapp.instruments .breadcrumbs {padding-top:10px; margin-bottom:5px;}
	.cover_thumb aside {width:98%; text-shadow:0 1px 10px rgba(0,0,0,.8)}
	.cover_thumb aside h3 {font-size: 24px;}
	.cover_thumb aside p {font-size: 16px;max-width: 100%; line-height:1;}	
	.cover_thumb aside a {margin-top:7px}
	.page-template-template-important-tourist .share {
		position: inherit;
		margin:-20px auto -20px 20px;
		text-align:center;
	}
	.instruments section.blocks {
	  width: 100%;
	  max-width: 767px;
	  padding: 16px;
	  /* margin:0 auto; */
	  white-space:nowrap;
	  overflow-x:auto;
	}
	.instruments section.blocks div {
	  border-radius: 3px;
	  /* background: #FFF;
	  display: flex;
	  align-items: center;
	  justify-content: space-around;
	  cursor: pointer; */
	}
	.instruments section.blocks div {
		float:none;
		display:inline-block;
		vertical-align:top;
		width:290px;
	}
	.instruments section.blocks::-webkit-scrollbar {
		width: 0px!important;
		height:0px!important;
	}
	.instruments section.blocks::-webkit-scrollbar-track {
		background: #fff; 
	}
	.instruments section.blocks::-webkit-scrollbar-thumb {
		background: #fff; 
		border-radius:8px;
	}
	.instruments section.blocks::-webkit-scrollbar-thumb:hover {
		background: #fff; 
	}
	#superfish .menu-item-has-children:before, .sf-arrows .sf-with-ul:before {
		right:-9px
	}
	.modal.bs-cc-modal-md {width:300px;}
	
	.cover_thumb {height:205px;}
	.cover_thumb img {box-shadow:none; filter:none;}
	.online-tablo .cover_thumb:before {background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.46));}
	.cover_thumb .left,
	.cover_thumb .right {
		font-size:18px!important;
	}
	.cover_thumb .left {left:2%;}
	.cover_thumb .right {right:2%}
	
	.tabDepartures div a {width: 230px;}
	.tabDepartures {margin-bottom:20px;}
	
	.tabDate {margin:-2px 0 20px;}
	.tabDate:after {
		padding-bottom:0;
		width:100%;
		margin:auto
	}
	.tabDate .swiper-slide {height:47px!important;}
	.tabDate .active:after,
	.tabDate [class*="col-"]:hover:after {
		bottom: 0;
		width:50%;
		left:50%;
		transform:translate(-50%,0)
	}

	.aviaTablo .dataTables_filter input {margin-bottom:7px;}
	.dataTables_wrapper .dataTables_filter input {margin-left: 0.3em!important;}
	table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after {background-position:-99999px!important;}
	.avialogo img {width:50px!important; margin-left:-4px;}
	.avialogo img.bravoavia, .avialogo img.windrose {width:60px!important}
	.avialogo img.turkishair {width:55px!important}
	
	.aviaTable td {
		height:89px;
		line-height:1.4;
	}
	.aviaTable td {position:relative}
	.aviaTable td img {
		position:absolute;
		bottom:17px;
		left:24px;
	}
	.aviaTable td .reis-xs {margin-top:-18px; font-size:14px;}
	.aviaTable td[class*="port_"] strong {font-size:20px;}
	.aviaTable td[class*="port_"] small{font-size:15px;}
	
	.jtooltip span.jtooltiptext small {margin:auto;padding-top:5px}
	
	.aviaTable td.port_end, .aviaTable th .where {text-align:right;}
/*without status colum=======*/
	 .aviaTable td.port_end aside {
		/* position:relative;
		right:10px; */
	} 
/*end=======================*/
	.aviaTable .status {font-family:'PFSquareSansPro-Medium', sans-serif; font-size:14px;}
	
	.online-tablo .support img {margin:auto;}
	#important_wrapp .support, #important_wrapp .support h3 {font-family:'PFSquareSansPro-Bold', sans-serif!important}
	#important_wrapp .support h3 a {display:block; line-height:1.33}
	#important_wrapp .support p {line-height:0.3}
	
	.modal#checkTime .modal-header {position:relative;}
	.modal#checkTime button span {
		right:2%;
		top:50%;
		-webkit-transform:translate(-2%,-50%);
       	-ms-transform:translate(-2%,-50%);
           transform:translate(-2%,-50%);
		color: rgba(0,0,0,0.5);
		text-shadow: 2px 2px 3px rgba(255,255,255,0.1);
	}
}
@media (max-width:414px) {
	body {overflow-x:hidden}
	.instruments section.blocks {max-width: 444px;}
	#important_wrapp section, .instruments .container {padding-right:0!important; margin-right:0!important;}
	.instruments section.blocks div {width:240px!important;}
	.instruments .cover_thumb aside {padding:47px 40px 0 55px}
	.instruments .cover_thumb aside h3 {line-height:.7}
	.tabDepartures div a {font-size:0;width:130px;}
	.tabDepartures div a:after {background-position:center center;left:0!important;}
	table.dataTable thead th, .aviaTable td {padding:5px!important}
	.aviaTable td:nth-of-type(1) {
		width:120px!important;
	}
	.aviaTable td img {left:12px}
	.avialogo img {width:70px!important; margin-left:-6px;}
	.avialogo img.bukovyna {width:90px!important; left:0}
	.avialogo img.windrose {width:90px!important; left:10px}
	.avialogo img.turkishair {width:80px!important; left:10px}
	.aviaTable td[class*="port_"] small {
		text-overflow:ellipsis;
		white-space:nowrap;
		width:82px;
		overflow:hidden;
		margin-top:-4px;
		/* display:block; */
	}
	.status q {
		white-space:normal;
		position:inherit;
		width:inherit;
		top:inherit;
		right:5px;
		transform:none;
		quotes:none;
	}
	.online-tablo .note {font-size:15px; padding:5px;}
}
@media (max-width:375px) {
	.modal#checkTime .g-recaptcha {padding-left:12px;}
	.instruments .cover_thumb aside {padding:47px 45px 0 30px}
	.instruments .cover_thumb aside h3 {line-height:.7}
	.instruments .support {width:375px}
	.tabDepartures div a {width:100px;}
	.aviaTable {width:98%!important;}
	.aviaTable td img {left:8px}
	.avialogo img {width:60px!important; margin-left:-6px;}
	.avialogo img.bukovyna {width:75px!important; left:-5px}
	.avialogo img.bravoavia {width:70px!important; left:6px}
	.status q {right: 2px;}
	
	/* .aviaTable th:nth-of-type(1), .aviaTable td:nth-of-type(1) {width:92px!important; padding:0 10px!important}
	.aviaTable th:nth-of-type(3), .aviaTable td:nth-of-type(3) {width:85px!important; padding:0 10px!important}
	.aviaTable th:nth-of-type(4), .aviaTable td:nth-of-type(4) {width:85px!important; padding:0 10px!important}
	.aviaTable th:nth-of-type(7), .aviaTable td:nth-of-type(7) {width:92px!important; padding:0 10px!important; text-align:right;}
	.aviaTable td img {left:10px;}
	.aviaTable td.port_end small {position:relative; right:-10px;} */
}
@media (max-width:320px) {
	header .user.u_agent {top: -22px!important;}
	.cover_thumb {height:180px;}
	.modal#checkTime button span {font-size:40px}
	.modal#checkTime input[type="text"],
	.modal#checkTime input[type="submit"],
	.modal#checkTime button[type="submit"] {
		width:90%
	}
	.modal#checkTime .g-recaptcha {
		padding-left:15px;
		transform:scale(0.81);-webkit-transform:scale(0.81);transform-origin:0 0;-webkit-transform-origin:0 0;
	}
	.instruments .cover_thumb aside {padding:25px 40px 0 30px}
	.instruments section.blocks {max-width: 360px;}
	.aviaTablo .dataTables_filter input {font-size:13px!important;}
	.aviaTablo input:-moz-placeholder {font-size:12px;}
	.aviaTablo input::-webkit-input-placeholder {font-size:12px;}
	.tabDate .swiper-container, .aviaTable {width:320px!important}
	
	.aviaTable th:nth-of-type(1), .aviaTable td:nth-of-type(1) {width:70px!important}
	.aviaTable th, .aviaTable td {width:70px!important}
	
	.aviaTable th, .aviaTable td {font-size:80%!important}
	.aviaTable td {
		padding:2px!important;
	}
	.aviaTable td .reis-xs strong {
		font-size:12px;
	}
	.aviaTable td[class*="port_"] strong {font-size:18px}
	.aviaTable td[class*="port_"] small {font-size:13px; width:70px!important;}
	.avialogo img.bravoavia, .avialogo img.windrose {width:50px!important; left:10px}
	.avialogo img.turkishair {width:50px!important}
	
	.aviaTable td[class*="port_"] small {
		width:82px;
	}
}
/*tablet*/
@media (min-width:568px) and (max-width:568px) {
	.instruments section.blocks {max-width: 568px;}
	.instruments section.blocks div {width:240px;}
	.tabDepartures div a {font-size:12px; width:180px; padding-left:20px;}
	.status q {
		white-space:normal;
		position:inherit;
		width:inherit;
		top:inherit;
		right:5px;
		transform:none;
	}
	.subscribe {right:inherit!important; left:12%;}
}
@media (min-width:667px) and (max-width:667px) {
	.instruments section.blocks {max-width: 687px;}
	.instruments section.blocks div {width:270px;}
	.tabDepartures div a {width: 210px; padding-left:15px}
	.subscribe {right:inherit!important;left:22%;}
}
@media (min-width:667px) and (max-width:736px) {
	.aviaTable th {
		width:25%!important
	}
}

.loading .aviaTable {
    position:relative
}
.loading .aviaTable:before {
    content:'';
    background:url(/content/themes/joinup_theme/assets/images/project/tablo/loading-tablo.gif) no-repeat;
    background-size:50%;
    width:256px;
    height:256px;
    position:absolute;
    top:75%;
    left:58.5%;
    transform:translate(-58.5%,-5%);
    z-index:1;
}
.loading .aviaTable:after {
    content:'обновление авиа табло';
    color:white;
    background-color:rgba(0,0,0,.3);
    border-radius:3px;
    font-size:13px;
    padding:7px;
    position:absolute;
    top:95%;
    left:50%;
    transform:translate(-52%,95%);
    z-index:1;
}