#main_wrapper {
 background: url(http://alatour.ir/texture.png);
 background-size: 80px;
}
#sidebar .sb_title {
 background-color: rgb(5, 181, 178);
}
#sidebar .sb_title .sbt_icon {
 background-color: rgb(5, 181, 178);
}
.require {
 color: rgb(5, 181, 178);
}
#search_flight .arrow_city i::before {
 color: rgb(5, 181, 178);
}
#search_flight .date_icon i::before {
 color: rgb(5, 181, 178);
}
.ch_button {
 border: 1px solid rgb(177, 177, 177);
 color: rgb(177, 177, 177);
}
.ch_button:hover {
 color: rgb(5, 181, 178);
}
.ch_button .circle1 {
 border: 3px solid rgb(5, 181, 178);
}
.ch_button .circle2 {
 border: 3px solid rgb(177, 177, 177);
}
.ch_button i {
 color: rgb(5, 181, 178);
}
.sr_table .t_head {
 background-color: rgb(5, 181, 178);
}
@font-face {
 font-family: "yekan";
 src: url("http://alatour.ir/font/Yekan.eot");
 src: url("http://alatour.ir/font/Yekan.eot?#iefix") format("embedded-opentype"), url("http://alatour.ir/font/Yekan.woff") format("woff"), url("http://alatour.ir/font/Yekan.ttf") format("truetype");
 font-weight: normal;
 font-style: normal;
}
.sr_table .line {
 color: black;
 font: normal 14px/26px yekan;
}

.cnt_title {
    background-color: orange;
}

.scrollbar-inner>.scroll-element .scroll-bar {
 background-color: rgb(177, 177, 177);
}
.scrollbar-inner>.scroll-element .scroll-bar:hover {
 background-color: rgb(140, 140, 140);
}
.content_title_box {
 color: rgb(131, 131, 131);
}
#footer_logo {
 background: rgb(5, 181, 178);
}
#footer {
 background: white;
}

.pop-up-content {
 border: 5px solid rgb(5, 181, 178);
 background: #eee;
 background: -moz-white;
 background: -webkit-white;
 background: -webkit-white;
 background: -o-white;
 background: -ms-white;
 background: white;
}
.popup_title i {
 color: rgb(5, 181, 178);
}
.popup_title {
 color: rgb(177, 177, 177);
}
.calcu_table .titr {
 color: rgb(5, 181, 178);
}
.calcu_table .date {
 color: rgb(76, 111, 108);
}
.calcu_table .box a {
 border-radius: 20px;
 -moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 border: 1px solid rgb(177, 177, 177);
 color: rgb(5, 181, 178);
}
.calcu_table .box a:hover {
 border-radius: 0px;
 -moz-border-radius: 0px;
 -webkit-border-radius: 0px;
}
.btn {
 background-color: rgb(5, 181, 178);
}
.btn:hover {
 background-color: rgb(177, 177, 177);
}
#sidebar_result .sb_title {
 background-color: rgb(5, 181, 178) !important;
}
#sidebar_result .widg {
 background-color: white;
 border: 1px solid rgb(5, 181, 178) !important;
}
#sidebar_result .sb_res_title {
 background-color: #018a87 !important;
}
.search_result_box .tabbs .active {
 background-color: rgb(177, 177, 177) !important;
}

.ch_side_filter {
    background: orange;
}

.resu {
 border: 1px solid rgb(177, 177, 177) !important;
 background-color: white;
}
.resu:hover {
 background-color: white !important;
 padding: 8px;
}
.resu .price {
 background: rgb(177, 177, 177) !important;
 color: black;
}
.resu .price div.icon11 {
 border-radius: 0px;
}
.resu .price div.icon10 {
 border-radius: 0px;
}
.resu,.date,.user,.code {
 color: rgb(1, 138, 135);
}
.resu .select {
 background-color: rgb(1, 138, 135) !important;
}
.resu .select:hover {
 background-color: white !important;
}
.resu .select a:hover {
 background: none !important;
 color: rgb(239, 127, 26) !important;
 border: 1px solid rgb(239, 127, 26) !important;
 border-radius: 4px 0 0 4px !important;
}
.resu .select a:hover:before {
 content:"\e024   ";
 font-family: Flaticon;
}
.reserve_sidebar_inn {
 border: 6px solid rgb(5, 181, 178);
}
.reserve_sidebar .sb_title {
 background-color: rgb(5, 181, 178);
}
.reserve_sidebar .sb_title .title,.reserve_sidebar .sb_title .icon {
 font-family: iryekan;
 color: white;
}
.reserve_sidebar_cnt .res_widg .titr {
 color: rgb(5, 181, 178);
}
.reserve_sidebar_cnt .res_widg_inn {
 color: rgb(251, 119, 0);
}
body .timeTo ul li {
 color: black;
}
body .timeTo span {
 color: black;
}
.support_tell .icon {
 color: white;
 background-color: rgb(5, 181, 178);
}
.reserve_content .note {
 text-align: center;
 padding: 8px;
 margin-bottom: 8px;
 border-radius: 4px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 background: rgb(177, 177, 177)!important
}
.pessenger_popup .head {
 background-color: rgb(5, 181, 178)
}
body .pessenger_popup .line {
 background: white;
}
.btn_res .btn_res_inn {
 border: 1px solid rgb(5, 181, 178);
 border-radius: 0 4px 4px 0;
 -moz-border-radius: 0 4px 4px 0;
 -webkit-border-radius: 0 4px 4px 0;
 width: 73px;
 height: 23.5px;
 color: rgb(5, 181, 178);
 background: white;
 filter: none
}
.btn_res {
 background: rgb(5, 181, 178);
 filter: none;
}
@font-face {
 font-family: "iconFont";
 src: url("http://alatour.ir/font/Flaticon.eot");
 src: url("http://alatour.ir/font/Flaticon.eot?#iefix") format("embedded-opentype"), url("http://alatour.ir/font/Flaticon.woff") format("woff"), url("http://alatour.ir/font/Flaticon.ttf") format("truetype"), url("http://alatour.ir/font/Flaticon.svg#Flaticon") format("svg");
 font-weight: normal;
 font-style: normal;
}
.addon {
 max-height: 200px;
 height: 16vw;
 padding: 5px 2px 5px 2px;
 overflow: hidden;
 direction: rtl;
}
#right {
 width: 15%;
 height: 100%;
 float: right;
}
#right ul {
 width: 100%;
 height: 100%;
}
#right ul li {
 width: 100%;
 height: 30%;
 background-color: rgb(250, 250, 250);
 margin-bottom: 5%;
 text-align: center;
 box-shadow: 0px 1px 1px 1px rgb(160, 159, 159);
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
}
#right ul li a {
 color: rgb(5, 181, 178);
 font: 14px yekan;
 line-height: 4vw;
}
#right ul li a:hover {
 color: gray;
}
#right ul li:nth-child(1) a:after {
 font: 1.7vw iconFont;
 content: "\f103";
 margin-right: 5px;
}
#right ul li:nth-child(2) a:after {
 font: 1.5vw iconFont;
 content: "\f102 \f101";
 margin-right: 5px;
}
#right ul li:nth-child(3) a:after {
 font: 1.7vw iconFont;
 content: "\f104";
 margin-right: 5px;
}
#center {
 background: url(http://alatour.ir/baner.gif) no-repeat center 0;
 background-size: 100%;
 width: 68%;
 height: 99%;
 float: right;
 overflow: hidden;
 margin-right: 1%;
 margin-left: 1%;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.63);
}
#left {
 width: 15%;
 height: 100%;
 float: right;
}
#left ul {
 width: 100%;
 height: 100%;
}
#left ul li {
 width: 100%;
 height: 30%;
 background-color: rgb(250, 250, 250);
 margin-bottom: 5%;
 text-align: center;
 box-shadow: 0px 1px 1px 1px rgb(160, 159, 159);
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
}
#left ul li a {
 color: rgb(5, 181, 178);
 font: 14px yekan;
 line-height: 4vw;
}
#left ul li a:hover {
 color: gray;
}
#left ul li:nth-child(1) a:after {
 font: 1.7vw iconFont;
 content: "\f106";
 margin-right: 5px;
}
#left ul li:nth-child(2) a:after {
 font: 1.7vw iconFont;
 content: "\f107";
 margin-right: 5px;
}
#left ul li:nth-child(3) a:after {
 font: 1.8vw iconFont;
 content: "\f105";
 margin-right: 5px;
}

@media only screen and (max-width : 420px){

body #sidebar  {
    margin-left:  5px;
    margin-right: 5px;
}
    
body #sidebar #search_flight .sb_title , body #sidebar .sb_title .sbt_icon{display: block;}

body #search_flight .exchange {top: 69px;}
    
body #sidebar .sb_title{
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
}

body #sidebar .sb_title{ line-height: 30px; height: 40px; text-align: center;}
body #sidebar .sb_title{ height: 32px;}
body #sidebar .sb_title .text{ display: block;}
body #social_box {background: rgb(5, 181, 178);}
}

@media only screen and (min-width: 768px) and (max-width : 1224px) {
 body .mini_logo_bg {
  background: url(http://alatour.ir/tablet_header.png) no-repeat center 0 !important;
  background-size: 99%!important;
  height: 16vw;
 }
}
@media only screen and (min-width: 300px) and (max-width : 768px) {
 body .mini_logo_bg {
  background: url(http://alatour.ir/mobile_header.png) no-repeat center 0 !important;
  background-size: 99%!important;
  height: 21vw;
 }
}
@media only screen and (min-width: 800px) and (max-width: 1000px) {
.addon {
 height: 15.6vw;
}
    
 #right {
  width: 17%;
 }
 #left {
  width: 17%;
 }
 #center {
  width: 64%;
 }
 #right ul li a {
  font: 1.6vw yekan;
  line-height: 4vw;
 }
 #right ul li:nth-child(1) a:after {
  font: 2vw iconFont;
 }
 #right ul li:nth-child(2) a:after {
  font: 1.7vw iconFont;
 }
 #right ul li:nth-child(3) a:after {
  font: 2vw iconFont;
 }
 #left ul li a {
  font: 1.6vw yekan;
  line-height: 4vw;
 }
 #left ul li:nth-child(1) a:after {
  font: 2vw iconFont;
 }
 #left ul li:nth-child(2) a:after {
  font: 2vw iconFont;
 }
 #left ul li:nth-child(3) a:after {
  font: 2.1vw iconFont;
 }
}
@media only screen and (min-width: 768px) and (max-width: 799px) {
.addon {
 height: 15vw;
}
    
 #right {
  width: 18%;
 }
 #left {
  width: 18%;
 }
 #center {
  width: 62%;
 }
 #right ul li a {
  font: 1.7vw yekan;
  line-height: 4vw;
 }
 #right ul li:nth-child(1) a:after {
  font: 2.3vw iconFont;
 }
 #right ul li:nth-child(2) a:after {
  font: 2vw iconFont;
 }
 #right ul li:nth-child(3) a:after {
  font: 2.3vw iconFont;
 }
 #left ul li a {
  font: 1.7vw yekan;
  line-height: 4vw;
 }
 #left ul li:nth-child(1) a:after {
  font: 2.3vw iconFont;
 }
 #left ul li:nth-child(2) a:after {
  font: 2.3vw iconFont;
 }
 #left ul li:nth-child(3) a:after {
  font: 2.4vw iconFont;
 }
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
 .addon {
  max-height: 200px;
  height: 15vw;
 }
 #right {
  width: 100%;
  height: 50%;
 }
 #left {
  width: 100%;
  height: 50%;
 }
 #center {
  display: none;
 }
 #right ul li {
  width: 32%;
  height: 85%;
  display: inline-block;
 }
 #right ul li:nth-of-type(2) {
  margin-right: 2%;
  margin-left: 2%;
 }
 #left ul li {
  width: 32%;
  height: 85%;
  display: inline-block;
 }
 #left ul li:nth-of-type(2) {
  margin-right: 2%;
  margin-left: 2%;
 }
 #right ul li a {
  font: 16px yekan;
  line-height: 6vw;
 }
 #right ul li:nth-child(1) a:after {
  font: 20px iconFont
 }
 #right ul li:nth-child(2) a:after {
  font: 20px iconFont
 }
 #right ul li:nth-child(3) a:after {
  font: 20px iconFont
 }
 #left ul li a {
  font: 16px yekan;
  line-height: 6vw
 }
 #left ul li:nth-child(1) a:after {
  font: 20px iconFont
 }
 #left ul li:nth-child(2) a:after {
  font: 20px iconFont
 }
 #left ul li:nth-child(3) a:after {
  font: 20px iconFont
 }
}
@media only screen and (min-width: 480px) and (max-width: 599px) {
 .addon {
  max-height: 200px;
  height: 15vw
 }
 #right {
  width: 100%;
  height: 50%
 }
 #left {
  width: 100%;
  height: 50%
 }
 #center {
  display: none
 }
 #right ul li {
  width: 32%;
  height: 85%;
  display: inline-block
 }
 #right ul li:nth-of-type(2) {
  margin-right: 2%;
  margin-left: 2%
 }
 #left ul li {
  width: 32%;
  height: 85%;
  display: inline-block
 }
 #left ul li:nth-of-type(2) {
  margin-right: 2%;
  margin-left: 2%
 }
 #right ul li a {
  font: 3.1vw yekan;
  line-height: 6vw
 }
 #right ul li:nth-child(1) a:after {
  font: 3.5vw iconFont
 }
 #right ul li:nth-child(2) a:after {
  font: 3.5vw iconFont
 }
 #right ul li:nth-child(3) a:after {
  font: 3.5vw iconFont
 }
 #left ul li a {
  font: 3.1vw yekan;
  line-height: 6vw
 }
 #left ul li:nth-child(1) a:after {
  font: 3.5vw iconFont
 }
 #left ul li:nth-child(2) a:after {
  font: 3.5vw iconFont
 }
 #left ul li:nth-child(3) a:after {
  font: 3.5vw iconFont
 }
}
@media only screen and (min-width: 380px) and (max-width: 479px) {
 .addon {
  max-height: 200px;
  height: 17vw
 }
 #right {
  width: 100%;
  height: 50%
 }
 #left {
  width: 100%;
  height: 50%
 }
 #center {
  display: none
 }
 #right ul li {
  width: 32%;
  height: 85%;
  display: inline-block
 }
 #right ul li:nth-of-type(2) {
  margin-right: 2%;
  margin-left: 2%
 }
 #left ul li {
  width: 32%;
  height: 85%;
  display: inline-block
 }
 #left ul li:nth-of-type(2) {
  margin-right: 2%;
  margin-left: 2%
 }
 #right ul li a {
  font: 3.8vw yekan;
  line-height: 7vw
 }
 #right ul li:nth-child(1) a:after {
  content: none
 }
 #right ul li:nth-child(2) a:after {
  content: none
 }
 #right ul li:nth-child(3) a:after {
  content: none
 }
 #left ul li a {
  font: 3.8vw yekan;
  line-height: 7vw
 }
 #left ul li:nth-child(1) a:after {
  content: none
 }
 #left ul li:nth-child(2) a:after {
  content: none
 }
 #left ul li:nth-child(3) a:after {
  content: none
 }
}
@media only screen and (min-width: 300px) and (max-width: 379px) {
 .addon {
  max-height: 200px;
  height: 20vw
 }
 #right {
  width: 100%;
  height: 50%
 }
 #left {
  width: 100%;
  height: 50%
 }
 #center {
  display: none
 }
 #right ul li {
  width: 32%;
  height: 85%;
  display: inline-block
 }
 #right ul li:nth-of-type(2) {
  margin-right: 2%;
  margin-left: 2%
 }
 #left ul li {
  width: 32%;
  height: 85%;
  display: inline-block
 }
 #left ul li:nth-of-type(2) {
  margin-right: 2%;
  margin-left: 2%
 }
 #right ul li a {
  font: 3.8vw yekan;
  line-height: 8vw
 }
 #right ul li:nth-child(1) a:after {
  content: none
 }
 #right ul li:nth-child(2) a:after {
  content: none
 }
 #right ul li:nth-child(3) a:after {
  content: none
 }
 #left ul li a {
  font: 3.8vw yekan;
  line-height: 8vw
 }
 #left ul li:nth-child(1) a:after {
  content: none
 }
 #left ul li:nth-child(2) a:after {
  content: none
 }
 #left ul li:nth-child(3) a:after {
  content: none
 }
}