@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,300,700);
@import url(http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);


.trans_menu{
    background-color: #270000 !important;
    border: none !important;
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    box-shadow: none !important;
}
.cus_padding{
    padding-left: 5%;
    padding-right: 5%;
}
.cus_padding2{
    padding-left: 10%;
    padding-right: 10%;
}
.spacer_10{
    margin-top: 10px;
}
.spacer_5{
    margin-top: 5px;
}
nav > ul {
    list-style: none;
    top: -10px;
}
nav > ul > li{
    display: inline-block;
    padding: 15px 15px 5px 15px;
}
nav > ul > li > a{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    text-decoration: none !important;
    font-size: 16px;
    color: #fff;
}
.nav_link > li > a{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    text-decoration: none !important;
    font-size: 16px;
    color: #fff !important;
    transition: color 0.5s ease;
}
.nav_link > li > a:active{
    color: #fff;
}
.nav_link > li > a:after{
    color: #fff;
}
.nav_link > li > a:hover{
    color: #f65486 !important;
}
.writeUp{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    text-align: justify;
}
.contacts{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    text-align: justify;
    display: inline;
}
.leo{
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 11px !important;
    color: #fff;
}
.social{
    list-style: none;
    display: block;
}
.social > li {
    display: inline-block;
    padding: 0px 10px 0px 5px;
}
.social > li > a{
    font-size: 16px !important;
    text-decoration: none !important;
    color: #fff;
    font-family: 'FontAwesome'!important;
    transition: color 0.5s ease;
}
.social > li > a:hover{
    color:#f65486 !important; 
}
.bo_right{
    border-right:1px solid #3a3b3e;
}
.bo_left{
    border-left:1px solid #3a3b3e;
}
.para{
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    text-align: justify;
}
.para_highlight{
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px !important;
}
.adress_li{
    list-style: none;
    margin-left: 0px !important;
}
.adress_li > li{
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    border-bottom: 1px solid #3a3b3e;
    color: #ccc;
    padding-bottom: 10px;
    padding-top: 10px;
}
.adress_li > li > a{
    text-decoration: none;
    color: #ccc !important;
    transition: color 0.5s ease;
}
.adress_li > li > a:hover{
    color:#f65486 !important;
}
.head_para{
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 600 !important;
    font-size: 25px !important;
    padding-top: 10px;
}
.futer{
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 600 !important;
    font-size: 11px !important;
    text-transform: uppercase;
    color: #ccc !important;
    padding-left: 30px;
}
.futer > a{
    text-decoration: none;
    color: #ccc !important;
    transition: color 0.5s ease;
}
.futer > a:hover{
    color:#f65486 !important;
}
#map {
    width:100%;
    height:500px;
    display:block;

}
.input_istayil{
    background-color: #1e1e22 !important;
    border: 1px solid #38393d !important;
    font-size: 20px;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 600 !important;
    color: #ccc !important;
}
.input_texti{
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
}
.input_hayit{
    height: 45px !important;
}
.my_tab_cont{
    background-color: rgba(225, 225, 225, 0.2) !important;
    color: #fff !important;
    padding-bottom: 10px !important;
}
.my_tab_cont> h1{
    font-size: 10em !important;
}
.my_text{
    font-family: 'Open Sans', sans-serif !important;
}
.vertical_nav{
    background-color: rgba(225, 225, 225, 0.1) !important;
    transition: background-color 0.5s ease;
    border-radius:4px 0 0 4px;
}
.vertical_nav:hover{
    background-color: rgba(225, 225, 225, 0.5) !important;
}
.my_vertical > li{
    background-color: transparent !important;
    transition: background-color 0.5s ease;
    border-radius:4px 0 0 4px;
}
.my_vertical>li:hover{
    background-color: rgba(225, 225, 225, 0.2) !important;
}
.my_vertical>li>a{
    font-family: 'Open Sans', sans-serif !important;
    font-weight: bolder !important;
    color: #cc6633 !important;
    font-size: 18px !important;
    text-shadow: 2px 2px 3px #353535;
}
.shadow_link{
    box-shadow: 0px 0px 0px 0px #848484;
    -moz-box-shadow: 0px 0px 0px 0px #848484;
    -webkit-box-shadow: 0px 1px 3px -1px #848484;
    transition: box-shadow 0.2s ease-out;
}
.shadow_link:hover{
    box-shadow:0px 2px 2px 2px #848484;
    -moz-box-shadow: 0px 5px 5px 5px #848484;
    -webkit-box-shadow: 0px 1px 5px 2px #848484;
}
.pic_text{
    font-weight: bold !important;
    color: #9393a3 !important;
    padding: 10px 5px 0px 5px !important;
    font-size: 12px !important;
}