﻿/* this is my custom CSS */
@font-face {
    font-family: 'BHoma';
    src: url('../fonts/BHoma.eot?#') format('eot'), /* IE6–8 */
    url('../fonts/BHoma.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/BHoma.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
    font-family: 'BYekan';
    src: url('../fonts/BYekan.eot?#') format('eot'), /* IE6–8 */
    url('../fonts/BYekan.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/BYekan.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
    font-family: 'BTitr';
    src: url('../fonts/BTitr.eot?#') format('eot'), /* IE6–8 */
    url('../fonts/BTitr.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/BTitr.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
    font-family: 'BNazanin';
    src: url('../fonts/BNazanin.eot') format('eot'), /* IE6–8 */
    url('../fonts/BNazanin.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/BNazanin.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}


.view p {
    font-family: BNazanin;
    font-size: 20px;
    font-weight: bold;
    
}

.view-fifth .mask .main h3 {
    font-family: BNazanin;
    font-size: 22px;
    font-weight: bold;
    white-space: nowrap;    

}

h1, h2, h3, h4, h5, h6 {
    font-family:BYekan;
}

.text-center p{
    font-family:BYekan;
    font-style:normal;
}

h3 {
    font-family: BNazanin;
    font-size: 22px;
    font-weight: bold;
}

section h3 {
    font-family: BNazanin;
    font-size: 22px;
    font-weight: bold;
    color: #b73336;
}

h5 {
    font-family: BNazanin;
    font-size:18px;
    font-weight:bold;
}

.view .trip-title p {
    font-size:13px;
}

.verdana{
    font-family:Verdana;
}

.byekan {
    font-family: BYekan;
}

.text-md{
    font-size:medium !important;
}

.autocomplete_completionListElement {
    position: absolute;
    left: 0;
    font-size: small;
    background-color: transparent;
    margin-top: 1px;    
    padding:0;
}

.autocomplete_listItem {
    background-color: rgba(255,255,255,.95);
    color:#b73336;    
    z-index: 999;
    font-family: Tahoma;
    width: 100% !important;
    list-style: none;
    margin-right: 0;    
    border: solid 1px #c3c3c3;
    border-top: none;
    padding-right: 10px;
    text-align: center;
    padding:10px 1px 10px 1px;
}

.autocomplete_highlightedListItem {
    background-color: #b73336;
    color: white;
    font-family: Tahoma;
    -webkit-transition: 0.4s ease-out;
    -o-transition: 0.4s ease-out;
    transition: 0.4s ease-out;
    z-index: 999;
    width: 100% !important;
    list-style: none;
    padding: 10px 1px 10px 1px;
    border: solid 1px #ccc;
    border-top: none;    
    cursor: pointer;
    /*text-transform:capitalize;*/
    text-align: center;
    line-height: 150% !important;
}

.ac-container #amount {
    font-family:BYekan;
    font-size:small;
}

i.icon-rev {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
}

.ac-container article .meals-trip p {    
    font-size: 11px;    
}

.ac-container input:checked ~ article.ac-xlarge {
    height: 360px;
}

.travel-mega-menu .grid-container2,
.travel-mega-menu .grid-container3,
.travel-mega-menu .grid-container4,
.travel-mega-menu .grid-container5,
.travel-mega-menu .grid-container6 {
    margin-left: -100px !important;
    padding: 10px;
    border-left: solid 1px #eee;
    border-right: solid 1px #eee;
    border-bottom: solid 1px #eee;
}


.travel-mega-menu .grid-container7,
.travel-mega-menu .grid-container8,
.travel-mega-menu .grid-container9,
.travel-mega-menu .grid-container10,
.travel-mega-menu .grid-container11{
    margin-left: -500px !important;
    padding: 10px;
    border-left: solid 1px #eee;
    border-right: solid 1px #eee;
    border-bottom: solid 1px #eee;
}

.travel-mega-menu li {
    text-align: center;    
}
    .travel-mega-menu li a {    
    padding: 0 10px;    
    letter-spacing: normal;
    font-family:BYekan;
    font-size:medium;
    white-space:nowrap;    
}

.travel-mega-menu li a.sub {
    font-size: 1.1em;
    padding: 1px 0;
    border: solid 1px #efefef;            
}

.travel-mega-menu .blue-link li:hover a {
    background: #b73336;
    color: #fff;
}


.travel-mega-menu .grid-column12,
.travel-mega-menu .grid-container12 {
    width: 1200px !important;
    margin-left: -800px !important;    
    padding: 10px;
    border-left: solid 1px #eee;
    border-right: solid 1px #eee;
    border-bottom: solid 1px #eee;
}


.footer-zone .socialfooter i {
    background: #b73336;
    border-color: #b73336;
}

.travel-mega-menu-mobile, .travel-mega-menu-mobile *
{
    background:#ccc;
    direction:rtl;
    text-align:right;
}

.div-only-mobile {
    height: 350px !important;
    background: transparent;
}

@media screen and (min-width: 0px) and (max-width: 700px) {
    .div-only-mobile {
        visibility: visible;        
    }

    .travel-mega-menu-mobile li {
       text-align:right !important;
    }
}

#footer p {
    font-family: BYekan;
}

#footer{
    text-align:right;
}

.yekan-rtl {
    font-family: BYekan !important;
    direction: rtl
}

.zoom-cursor {
    cursor: zoom-in;
}

.help-info img {
    margin-top: 20px;
    border: solid 1px #eceaea;
    height: 130px;
    width: 140px !important;
    padding:1px;
}

.trip-slide-text
{
    font-family:BYekan;  
    text-align:center;
    padding-top:25%;
}

.all-info-trip .btn-primary{
    float:left;
    left:10px;
}

.p-farsi {
    color:white !important;
    font-family:BYekan;
    direction:rtl;
    text-align:center;
    font-size:medium;
}

.btn-farsi {
    font-family: BYekan;
    direction: rtl;
    text-align: right;
    font-size: medium;
}

.s24{
    width:24px !important;
    height:24px !important;
}