body {
    background-color: #383838;
}

.clearfix{clear:both;}
        
        /* jssor slider arrow navigator skin 05 css */
        /*
        .jssora05l                  (normal)
        .jssora05r                  (normal)
        .jssora05l:hover            (normal mouseover)
        .jssora05r:hover            (normal mouseover)
        .jssora05l.jssora05ldn      (mousedown)
        .jssora05r.jssora05rdn      (mousedown)
        */
        .jssora05l, .jssora05r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 40px;
            cursor: pointer;
            background: url('img/a17.png') no-repeat;
            overflow: hidden;
        }
        .jssora05l { background-position: -10px -40px; }
        .jssora05r { background-position: -70px -40px; }
        .jssora05l:hover { background-position: -130px -40px; }
        .jssora05r:hover { background-position: -190px -40px; }
        .jssora05l.jssora05ldn { background-position: -250px -40px; }
        .jssora05r.jssora05rdn { background-position: -310px -40px; }

        /* jssor slider thumbnail navigator skin 01 css */
        /*
        .jssort01 .p            (normal)
        .jssort01 .p:hover      (normal mouseover)
        .jssort01 .p.pav        (active)
        .jssort01 .p.pdn        (mousedown)
        */
        .jssort01 .p {
            position: absolute;
            top: 0;
            left: 0;
            width: 60px;
            height: 60px;
        }
        
        .jssort01 .t {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: none;
        }
        
        .jssort01 .w {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
        }
        
        .jssort01 .c {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 56px;
            height: 56px;
            border: #000 2px solid;
            box-sizing: content-box;
            background: url('img/t01.png') -800px -800px no-repeat;
            _background: none;
        }
        
        .jssort01 .pav .c {
            top: 2px;
            _top: 0px;
            left: 2px;
            _left: 0px;
            width: 56px;
            height: 56px;
            border: #000 0px solid;
            _border: #fff 2px solid;
            background-position: 50% 50%;
        }
        
        .jssort01 .p:hover .c {
            top: 0px;
            left: 0px;
            width: 58px;
            height: 58px;
            border: #fff 1px solid;
            background-position: 50% 50%;
        }
        
        .jssort01 .p.pdn .c {
            background-position: 50% 50%;
            width: 56px;
            height: 56px;
            border: #000 2px solid;
        }
        
        * html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c {
            /* ie quirks mode adjust */
            width /**/: 56px;
            height /**/: 56px;
        }

        a{color: #CCCCCC;}
        a:hover{color:#CCCCCC;}
        .downbutton{background: #f4362f;color:#fff;padding: 12px 10px;position: absolute;text-align: center;right: 20px;top:313px;cursor: pointer;display: inline-block; font: normal normal normal 18px/1 FontAwesome; font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transform: translate(0, 0);width: 40px; height: 40px;}
        .downbutton.buttonactive{top:513px;}
        .downbutton.buttonactive:before{content: "\f102";}
        .thumbnail{margin-top: 20px;}



p1 {
    font-family: Arial;
    font-size: 14px;
    color: #757575;
}

p2 {
    font-family: Arial;
    font-size: 14px;
    color: #0D5799;
    font-weight: bold;
}

p3 {
    font-family: Arial;
    font-size: 22px;
    color: white;
}

.contact_wrapper h3{
    color: white;
}

@font-face {
    font-family: yufont;
    src: url('../fonts/EurostileTOT-RegularExtend.woff') format('woff'), url('../fonts/EurostileTOT-RegularExtend.otf') format('opentype');
}

@font-face {
    font-family: 'AkzidenzGroteskBEXBdCn';
    src: url('../fonts/AkzidenzGroteskBE-XBdCn.eot');
    src: url('../fonts/AkzidenzGroteskBE-XBdCn.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AkzidenzGroteskBE-XBdCn.woff') format('woff'),
        url('../fonts/AkzidenzGroteskBE-XBdCn.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}



.navbar-brand {
    padding: 0 15px !important;
    height: auto;
}


.device_big {
    display: block;
    /* added for new logo */
    position: relative;
    top:25px;
    /* added for new logo */
}

.device_small {
    display: none;
}

.navbar_custom {
    background-color: transparent !important;
    height: 80px;
    border: none;
}

.navbar_ground1 {
    background-color: #0E5799;
    height: 90px;
}

.navbar_ground2 {
    background-color: white;
    height: 79px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.75);
}

.navbar-nav>li {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.navbar-nav>li>a {
    padding: 3px 11px!important;
}

ul.nav.navbar-nav.navbar-right li a:hover, ul.nav.navbar-nav.navbar-right li a:focus{
    color: white !important;
    background-color: #0E5799;
}

.navbar-right {
    margin-top: 53px;
    font-family: AkzidenzGroteskBEXBdCn;
    font-size: 16px;
    margin-right: 5px;
}

.navbar-default .navbar-nav>li>a {
    color: #484848;
}

.navbar-default .navbar-nav>li>a:hover {
    background-color: #0E5799;
    color: white;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    background-color: #0E5799;
    color: white;
}

.navbar-toggle {
    padding: 10px 10px;
    margin-top: 12px;
}

.language_wrapper {
    display: block;
    position: absolute;
    background-color: #0E5799;
    font-family: AkzidenzGroteskBEXBdCn;
    font-size: 17px;
    right: 20px;
    top: 0;
    color: white;
    padding: 1px;
    padding-left: 12px;
    height: 26px;
    width: 80px;
    background-image: url(../img/lang.png);
    background-repeat: no-repeat;
}

.language_wrapper>a {
    color: white;
}

.page-fix {
    margin-top: 90px;
    background-color: #272728;
    padding: 0;
    margin-bottom: 50px;
}

.map-fix {
    margin-top: 90px;
    padding: 0;
}

.nopadding {
    padding: 0;
}

.car-fix {
    margin-top: 60px;
    background-color: #272728;
    padding: 0;
}

.background_white {
    background-color: white;
}

.background_dark {
    background-color: #383838;
}

.background_blue {
    background-color: #002F59;
}

.title_wrapper {
    width: 100%;
    height: 46px;
}

.titletop_wrapper {
    width: 100%;
    height: 12px;
    z-index: 5;
}

.titletop_wrapper .titletop_left {
    float: left;
    width: 21px;
    height: 12px;
    background-image: url(../img/title_border_left.png);
}

.titletop_wrapper .titletop_middle {
    float: left;
    background-color: #0E5799;
    width: calc(100% - 42px);
    height: 12px;
}

.titletop_wrapper .titletop_right {
    float: left;
    width: 21px;
    height: 12px;
    background-image: url(../img/title_border_right.png);
}

.titlebottom_wrapper {
    width: 100%;
    height: 34px;
}

.titlebottom_wrapper .titlebottom_left {
    float: left;
    width: 136px;
    height: 34px;
    background-image: url(../img/title_border2_left.png);
    background-position: right;
    background-repeat: no-repeat;
}

.inner {
    width: 86px !important;
}

.titlebottom_wrapper .titlebottom_middle {
    float: left;
    background-color: #0E5799;
    width: calc(100% - 272px);
    height: 34px;
    line-height: 22px;
    font-family: AkzidenzGroteskBEXBdCn;
    color: white;
    font-size: 22px;
    text-align: center;
}

.inner_middle {
    width: calc(100% - 172px) !important;
    line-height: 34px !important;
}

.titlebottom_wrapper .titlebottom_right {
    float: left;
    width: 136px;
    height: 34px;
    background-image: url(../img/title_border2_right.png);
    background-position: left;
    background-repeat: no-repeat;
}

.well_fix {
    margin-top: 20px;
    background-color: transparent !important;
    border: none !important;
    margin-bottom: 50px;
    box-shadow: none !important;
}

.well_fix2 {
    margin-top: -53px;
    background-color: transparent !important;
    border: none !important;
    margin-bottom: 20px;
    box-shadow: none !important;
    position: relative;
}

.send_back {
    z-index: -1;
}

.project_wrapper {
    overflow: hidden;
}

.slide_img {}

.slide_info {
    width: 95%;
    height: 30px;
    background-color: aquamarine;
    text-align: center;
    color: white;
    font-size: 12px;
    text-transform: uppercase;
}

.slide_info img {
    width: 100%;
    margin-top: -167%;
    margin-left: 2%;
}

.mainlevel4_fix {
    padding: 0px;
}

.blue_bar {
    background-color: #0E5799;
    height: 20px;
}

.relocate {
    margin-top: 40px;
}

.prew_button {
    font-size: 30px;
    width: 36px;
    height: 36px;
    float: left;
    color: rgba(255, 255, 255, 0.5) !important;
}

.prew_button:hover {
    color: white;
}

.next_button {
    font-size: 30px;
    width: 36px;
    height: 36px;
    float: right;
    color: rgba(255, 255, 255, 0.5) !important;
}

.netx_button:hover {
    color: white;
}

a:focus,
a:hover {
text-decoration:none;
}

.cont_wrapper {
    margin: 70px 0px;
    overflow: hidden;
}

.cont_item img {
    width: 100%;
}

.cont_text {
    text-align: center;
    font-family: Arial;
    font-weight: bold;
    font-size: 18px;
    color: #A5A5A5;
    margin-top: 5px;
}

.e-bulten {
    border: solid 1px white;
    height: 50px;
    margin-top: 20px;
    padding: 0;
}

.ebulten_icon {
    width: 15px;
    height: 15px;
    float: left;
    margin-left: 10px;
    margin-top: 14px;
}

.ebulten_text {
    color: white;
    font-family: AkzidenzGroteskBEXBdCn;
    font-size: 12px;
    text-align: center;
    float: left;
    line-height: 50px;
    width: calc(100% - 25px);
}

.inform_wrapper {
    margin-top: 20px;
    background-color: white;
    border: solid 1px white;
    padding-left: 0px;
    padding-right: 0px;
    overflow: hidden;
}

.form_text {
    border: none;
    float: left;
    font-size: 14px;
    height: 48px;
    line-height: 48px;
    outline: none;
    padding-left: 10px;
    padding-right: 10px;
    font-family: Arial;
    width: calc(100% - 100px);
}

.send_button {
    width: 100px;
    height: 36px;
    background-color: #0E5799;
    font-family: AkzidenzGroteskBEXBdCn;
    color: white;
    text-align: center;
    float: left;
    font-size: 10px;
    line-height: 38px;
    cursor: pointer;
    border: none;
}

.send_button:hover {
    background-color: #063660;
}

.copyright_wrapper {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 5px;
    height: 30px;
    font-size: 12px;
    color: #909090;
}

.empty {
    display: block;
    margin-top: 20px;
    height: 38px;
}

.social_wrapper {
    margin-top: 80px;
    overflow: hidden;
    height: 38px;
    width: 228px;
    margin-left: calc(50% - 119px);
}

.social_icon {
    float: left;
    margin: 0px 5px;
}

.corners_wrapper {
    width: 100%;
    height: auto;
    bottom: 19px;
    position: absolute;
}

.leftcorner {
    width: 5%;
    height: auto;
    float: left;
}

.leftcorner img {
    width: 100%;
}

.rightcorner {
    width: 5%;
    height: auto;
    float: right;
    margin-right: 37px;
}

.media_item {
    margin-top: 20px;
    overflow: hidden;
}

.rightcorner img {
    width: 100%;
}

.footer_fix {
    margin-top: 40px;
}

.media_wrapper {
    margin-top: 20px;
}

.media_cover img {
    width: 100%;
}

.media_cover {
    position: relative;
    float: left;
}

.media_look {
    position: relative;
    float: right;
    margin-top: -78px;
}

.person_wrapper {
    margin-top: 40px;
    overflow: hidden;
}

.person_image {}

.person_image img {
    width: 100%;
}

.ik_wrapper {
    margin-top: 30px;
    overflow: hidden;
}

.ik_open {
    background-color: #0E5799;
    color: white;
    padding: 20px;
    margin-top: 20px;
}

.ik_open_inner {
    border: 1px solid white;
    background-color: #0E5799;
    margin-top: 20px;
    padding: 10px;
}

.send_cv_wrapper {
    background-color: #F8F8F8;
    border: 1px solid #A5A5A5;
}

.form_wrapper {
    padding: 30px;
    overflow: hidden;
}

.form_line {
    width: 100%;
    height: 36px;
    margin-top: 5px;
}

.multiline {
    height: 100px !important;
    resize: none!important;
    line-height: 25px!important;
}

.form_title {
    width: 100px;
    float: left;
    line-height: 36px;
    font-weight: bold;
}

.line_text {
    border: 1px solid #A5A5A5;
    float: left;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    outline: none;
    font-family: Arial;
    width: calc(100% - 100px);
    padding: 0 10px;
}

@media screen and (max-width : 480px) {
    .form_title {
        width: 100%;
    }
    .line_text{
        width:100%;
    }
    .send_right{
        margin-top:50px;
    }
}

.send_right {
    float: right !important;
}

.fields_wrapper {
    border: 1px solid #A5A5A5;
    padding: 10px;
    margin-bottom:10px;
}

.fields_line {
    height: 25px;
    line-height: 25px;
    padding-left: 5px;
    font-size: 15px;
    color: #757575;
    cursor: pointer;
}
.fields_line a{
    height: 25px;
    line-height: 25px;
    padding-left: 5px;
    font-size: 15px;
    color: #757575;
    cursor: pointer;
}

.fields_line:hover {
    background-color: #0E5799;
    color: white;
}
.fields_line:hover a{
    background-color: #0E5799;
    color: white;
}

.back_js1 {
    background-color: #F6F7F8;
    text-decoration: none;

}
.back_js1 a{
    background-color: #F6F7F8;
    text-decoration: none;
}

.back_js2 {
    background-color: #E2E5E8;
}
.back_js2 a{
    background-color: #E2E5E8;
     text-decoration: none;
}

.fields_content {
    border: 1px solid #A5A5A5;
    padding: 10px;
}

.fields_pic {
    margin-bottom: -65px;
}

.fields_pic img {
    width: 100%;
}

.fields_corner {
    margin-left: -11px;
    margin-bottom: -11px;
}

.fields_pictures{}
.fields_npic{width:100%;}
.fields_thumbs{margin:6px 0;}
.fields_thumbs .fields_thumb{position:relative;float:left;width:60px;height:60px;margin:2px;overflow:hidden;cursor:pointer;}
.fields_thumbs .fields_thumb img{height:60px;}

.fields_content{margin-top:7px;}

.contact_wrapper {
    margin-top: 40px;
    overflow: hidden;
}

.contact_static {
    color: white;
    margin-top: 30px;
    overflow: hidden;
}

.contact_line {
    width: 100%;
    overflow: hidden;
    margin-top: 10px;
}

.contact_icon {
    width: 21px;
    height: 22px;
    float: left;
}

.contact_text {
    font-family: arial;
    font-size: 14px;
    color: white;
    float: left;
    width: calc(100% - 40px);
    margin-left: 10px;
    line-height: 22px;
}

.contact_form {
    width: 100%;
}

.contact_title {
    position: relative;
    background-image: url(../../resources/img/form_title.png);
    background-repeat: no-repeat;
    color: white;
    background-position-x: 10px;
    font-family: Arial;
    z-index: 5;
    font-size: 18px;
    padding-left: 33px;
    margin-bottom: -17px;
}

.contact_content {
    width: 100%px;
    background-color: #11273D;
    z-index: -1;
    padding-top: 30px;
    overflow: hidden;
    padding: 15px;
}

.formcontact_line {
    margin-top: 10px;
}

.formcontact_title {
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: white;
    font-family: Arial;
    font-size: 12px;
}

.formcontact_text {
    width: 100%;
    background-color: white;
    height: 30px;
    line-height: 30px;
    border: 1px solid #A5A5A5;
    padding: 0 10px;
}

.half {
    width: calc(50% - 5px);
    float: left;
}

.halfsecond {
    margin-left: 10px;
}

.formcontact_twoline {
    height: 70px;
}

.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse {
    max-height: 350px !important;
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #0E5799;
    color: white;
}

.dropdown-menu>li>a {
    color: white;
}

/* new dropdown menu -start- */
.dropdown a:hover {
    color: #a00;
    background: #fff;
}
@media screen and (min-width:767px) {

.dropdown:hover ul {
  display: block;
}
  .dropdown:hover ul, .dropdown.over ul{
    display: block;
  }
}
/* new dropdown menu -finish- */

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    background-color: #508EC7;
}

.dropdown-header {
    color: #ABDBF5;
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    color: white     !important;
    background-color: white;
}

#map2 {
    width: 100%;
    height: 300px;
    padding: 0;
}

.pro_content {
    border: 1px solid #A5A5A5;
    padding: 10px;
    margin-bottom: 10px;
}

.pro_pic img {
    width: 100%;
}

.pro_thumbs {
    margin-top: 10px;
    /*overflow: hidden;*/
}

.thumb_fix {
    margin-left: -15px;
}

.pro_line {
    width: 100%;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    color: #484848;
}

.pro_title {
    width: 100px;
    float: left;
    overflow: hidden;
}

.pro_value {
    width: calc(100% - 100px);
    float: left;
    overflow: hidden;
}

.footer_button {
    height: 48px;
    line-height: 48px;
}

.carousel-caption {
    top: 40%;
    left: -27%;
    font-size: 30px;
    font-family: AkzidenzGroteskBEXBdCn;
    text-shadow: 2px 2px 2px #000;
}

.carousel-indicators2 {
    bottom: -40px;
}

.carousel-indicators2 li {
    border: 1px solid #0E5799;
}

.carousel-indicators2 .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #0E5799;
}

.breadcrumb {
    padding: 0px 0px;
    margin-bottom: none;
    list-style: none;
    background-color: white;
    border-radius: 0px;
    color: #CCCCCC;
    margin: 0px;
    margin-left: 30px;
    margin-top: 10px;
}

.mobilesize {
    visibility: hidden;
}

.fullsize {
    visibility: visible;
}

.menuwrapper {
    background-color: #0E5799;
    overflow: hidden;
    position: relative;
}

.menusize_a {
    width: 730px;
}

.menusize_b {
    width: 857px;
}

.menusize_c {
    width: 155px;
}

.menusegment {
    float: left;
    color: white !important;
    margin: 10px 20px;
    position: relative;
}

.menusegment a {
    color: white;
    text-decoration: none !important;
}

.menusegment li a:hover {
    color: #3989D1 !important;
    background-color: white;
}

.menu_header {
    font-size: 14px;
    margin-bottom: 10px;
    max-width: 245px;
}

.menu_header a:hover {
    color: #3989D1 !important;
}

.menu_element {
    font-size: 12px;
    margin-bottom: 5px;
}

.sub {
    margin-left: 10px;
}

.menu_divider {
    background-color: white;
    width: 1px;
    height: 150px;
    float: left;
    overflow: hidden;
    position: relative;
}

.toppermenu a:hover{
    color: tomato !important;
}

#alerts{
    width:100%;
    height: 100%;
    position: fixed;
    display: none;
    left:0; top:0;
    background: rgba(0,0,0,0.8);
    z-index: 2000;
    color:#fff;
}
#alerts div.alert-content{
    width:300px;
    height:120px;
    border:solid 1px #ebebeb;
    position: absolute;
    top:50%;
    margin-top:-60px;
    left:50%;
    margin-left:-150px;
    display: block;
    border-radius: 5px;
}
#alerts div.alert-content div.inner-wrapper{
    padding:15px 10px 15px 10px;
    width:100%;
    display: block;
}
#alerts div.alert-content div.inner-wrapper h3{
    text-align: center;
    font-size:17px;
    margin:0 0 20px 0;
    padding-bottom: 6px;
    border-bottom: 1px solid #666;
}
#alerts div.alert-content div.inner-wrapper a.close{
    color:#ff0000;
    width:17px;
    height: 17px;
    text-align: center;
    position: absolute;
    right:7px;
    top:7px;
    outline: none;
}
#alerts div.alert-content div.inner-wrapper p{
    font-size:12px;
    color:#ccc;
}



/*Responsive Codes*/

@media (min-width: 768px) and (max-width: 991px) {
    .menusize_a {
        width: 580px;
    }
    .menusize_b {
        width: 832px;
    }
    .menusegment {
        /*width: 170px;*/
    }
    .ebulten_text {
        line-height: 13px;
        margin-top: 6px;
    }
    .well_fix2 {
        margin-top: 0px !important;
    }
    .inner_middle {
        line-height: 16px !important;
    }
    .fields_line {
        font-size: 12px;
    }
    .carousel-caption {
        top: 38% !important;
        left: -330px !important;
        font-size: 18px !important;
    }
}

@media screen and (max-width: 767px) {
    .navbar_custom {
        background-color: white !important;
        height: 60px;
        -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.75);
    }
    .device_big {
        display: none;
    }
    .device_small {
        display: block;
        margin-left: 15px;
        margin-top: 5px;
        width: 86px;
    }
    .navbar_ground1 {
        background-color: white;
    }
    .navbar_ground2 {
        box-shadow: none;
    }
    .navbar-collapse {
        margin-top: 4px;
        background-color: rgba(255, 255, 255, 0.8);
    }
    .navbar-collapse .navbar-nav>li>a {
        padding-top: 8px!important;
        padding-bottom: 8px !important;
    }
    
    .language_wrapper {
        position: absolute;
        right: calc(50% - 36px);
    }
    .titletop_wrapper {
        display: none;
    }
    .titlebottom_wrapper .titlebottom_left {
        width: 36px;
    }
    .titlebottom_wrapper .titlebottom_middle {
        width: calc(100% - 72px);
        font-size: 10px;
        line-height: 34px;
    }
    .titlebottom_wrapper .titlebottom_right {
        width: 36px;
    }
    .project_wrapper {
        margin-top: 10px;
    }
    .cont_item img {
        width: 100%;
    }
    .empty {
        display: none;
    }
    .well_fix2 {
        margin-top: 10px;
        position: relative;
        z-index: 5;
    }
    .carousel-indicators2 {
        bottom: -10px;
    }
    .social_wrapper {
        margin-top: 20px;
    }
    .inner {
        width: 36px !important;
    }
    .inner_middle {
        width: calc(100% - 72px) !important;
        font-size: 13px !important;
    }
    .send_cv_wrapper {
        margin-top: 20px;
    }
    .fields_content {
        margin-top: 20px;
    }
    .contact_form {
        margin-top: 20px;
    }
    .pro_content {
        margin-top: 20px;
    }
    .navbar_ground1 {
        height: 60px;
    }
    .navbar_ground2 {
        height: 50px !important;
    }
    .titlebottom_wrapper .titlebottom_middle {
        line-height: 20px !important;
        font-size: 15px !important;
        padding-top: 7px;
    }
    .carousel-caption {
        top: 42% !important;
        left: -165px!important;
        font-size: 16px!important;
    }
    .page-fix {
        margin-top: 60px;
    }
    .page-fix> .col-sm-12 {
        padding-left:0;
        padding-right:0;
    }
    .header-fix {
        padding-top: 11px !important;
    }
    .mobilesize {
        visibility: visible;
    }
    .fullsize {
        visibility: hidden !important;
        display: none !important;
    }
    .navbar-right {
        margin-top: 0px;
        font-size: 20px  !important;
    }
    .dropdown-header{
        font-size: 12px;
        color: #333;    
    }
    .navbar-nav .open .dropdown-menu {
        font-size: 14px;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #337ab7 !important;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #333 !important;
    }
}

@media screen and (max-width: 1069px) {
    .navbar-right {
        font-size: 16px!important;
    }
    .navbar-nav>li>a {
        padding: 3px 11px!important;
    }
    .menu_header {
        font-size: 12px !important;
        margin-bottom: 5px !important;
    }
    .menu_element {
        font-size: 10px !important;
        margin-bottom: 3px !important;
    }
    .menu_divider {
        height: 110px !important;
    }
}

@media (min-width: 767px) and (max-width: 1069px) {
    .titlebottom_wrapper .titlebottom_middle {
        font-size: 14px;
    }
    .carousel-caption {
        font-size: 18px !important;
    }
    .menusize_a {
        width: 583px !important;
    }
    .menusize_b {
        width: 722px !important;
    }
    .menusize_c {
        width: 131px !important;
    }
    .menu_header {
        max-width: 200px !important;
    }
    .navbar-brand {
        padding: 0 0px !important;
    }
}

@media (min-width: 300px) and (max-width: 500px) {
        .carousel-caption {
        top: 0% !important;
        left: 18%!important;
        font-size: 16px !important;
    }
}

@media (max-width: 640px) {

   #boxes { display: none; }
   #dialog { display: none; }
   .window { display: none; }
   .close { display: none; }
}


/* en */
.pro_title:lang(en) {
    width:130px;
}
.pro_value:lang(en) {
    width: calc(100% - 130px); 
}

.form_title:lang(en) {
    width:120px;
}

.line_text:lang(en) {
    width: calc(100% - 120px);
}

@media screen and (max-width : 480px) {
    .form_title:lang(en) {
        width: 100%;
    }
    .line_text:lang(en){
        width:100%;
    }
    .send_right:lang(en){
        margin-top:50px;
    }
}

/* ar */
.language_wrapper:lang(ar) {
    padding-left: 0px;
    text-align: center;
}
.navbar-default .navbar-toggle:lang(ar) {
    float: left;
    margin-left: 15px;
}

.navbar-right:lang(ar) {
    margin-right: -50px;
}

.pro_title:lang(ar) {
    width: 130px;
    float: right;
}

.pro_value:lang(ar) {
    width: calc(100% - 130px);
}

.fields_thumbs .fields_thumb:lang(ar) {
    float: right;
}

.ik_wrapper:lang(ar) {
    /* direction: ltr; */
}

.ik_wrapper:lang(ar)>div {
    float: right;
}

.ebulten_icon:lang(ar) {
    margin-left: 0;
}

.contact_title:lang(ar) {
    background-position-x: 99%;
    padding-right: 33px;
}

.contact_icon:lang(ar) {
    float: none;
}

@media screen and (max-width:480px) {
    .form_wrapper:lang(ar) {
         padding:20px;
    }
}

.form_title:lang(ar) {
    float: right;
}

.send_right:lang(ar) {
    float: left !important;
}

.social_wrapper:lang(ar) {
    width: auto;
}

@media screen and (max-width: 767px) {
    .device_small:lang(ar) {
        width: 198px;
        float: right;
        margin-right: 15px;
    }
    .navbar-nav .open .dropdown-menu:lang(ar) {
        margin-left:100%;
    }
}

.fields_corner:lang(ar) {
    display: none;
}