/*
    Theme Name: HTML5 Blank
    Theme URI: http://html5blank.com
    Description: HTML5 Blank WordPress Theme
    Version: 1.4.3
    Author: Todd Motto (@toddmotto)
    Author URI: http://toddmotto.com
    Tags: Blank, HTML5, CSS3

    License: MIT
    License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

@font-face {
    font-family: 'Open Sans Hebrew';
    font-style: italic;
    font-weight: 300;
    src: url(../../../../../../themes/maof/fonts/opensanshebrew-lightitalic-webfont.eot);
    src: url(../../../../../../themes/maof/fonts/opensanshebrew-lightitalic-webfont.eot?#iefix) format('embedded-opentype'),
    url(../../../../../../themes/maof/fonts/opensanshebrew-lightitalic-webfont.woff) format('woff'),
    url(../../../../../../themes/maof/fonts/opensanshebrew-lightitalic-webfont.ttf) format('truetype');
}
@font-face {
    font-family: 'Open Sans Hebrew';
    font-style: normal;
    font-weight: 300;
    src: url(../../../../../../themes/maof/fonts/opensanshebrew-light-webfont.eot);
    src: url(../../../../../../themes/maof/fonts/opensanshebrew-light-webfont.eot?#iefix) format('embedded-opentype'),
    url(../../../../../../themes/maof/fonts/opensanshebrew-light-webfont.woff) format('woff'),
    url(../../../../../../themes/maof/fonts/opensanshebrew-light-webfont.ttf) format('truetype');
}
@font-face {
    font-family: 'Open Sans Hebrew';
    font-style: italic;
    font-weight: 400;
    src: url(../../../../../../themes/maof/fonts/opensanshebrew-italic-webfont.eot);
    src: url(../../../../../../themes/maof/fonts/opensanshebrew-italic-webfont.eot?#iefix) format('embedded-opentype'),
    url(../../../../../../themes/maof/fonts/opensanshebrew-italic-webfont.woff) format('woff'),
    url(../../../../../../themes/maof/fonts/opensanshebrew-italic-webfont.ttf) format('truetype');
}
@font-face {
    font-family: 'Open Sans Hebrew';
    font-style: normal;
    font-weight: 400;
    src: url(../../../../../../themes/maof/fonts/opensanshebrew-regular-webfont.eot);
    src: url(../../../../../../themes/maof/fonts/opensanshebrew-regular-webfont.eot?#iefix) format('embedded-opentype'),
    url(../../../../../../themes/maof/fonts/opensanshebrew-regular-webfont.woff) format('woff'),
    url(../../../../../../themes/maof/fonts/opensanshebrew-regular-webfont.ttf) format('truetype');
}
@font-face {
    font-family: 'Open Sans Hebrew';
    font-style: italic;
    font-weight: 700;
    src: url(../../../../../../themes/maof/fonts/opensanshebrew-bolditalic-webfont.eot);
    src: url(../../../../../../themes/maof/fonts/opensanshebrew-bolditalic-webfont.eot?#iefix) format('embedded-opentype'),
    url(../../../../../../themes/maof/fonts/opensanshebrew-bolditalic-webfont.woff) format('woff'),
    url(../../../../../../themes/maof/fonts/opensanshebrew-bolditalic-webfont.ttf) format('truetype');
}
@font-face {
    font-family: 'Open Sans Hebrew';
    font-style: normal;
    font-weight: 700;
    src: url(../../../../../../themes/maof/fonts/opensanshebrew-bold-webfont.eot);
    src: url(../../../../../../themes/maof/fonts/opensanshebrew-bold-webfont.eot?#iefix) format('embedded-opentype'),
    url(../../../../../../themes/maof/fonts/opensanshebrew-bold-webfont.woff) format('woff'),
    url(../../../../../../themes/maof/fonts/opensanshebrew-bold-webfont.ttf) format('truetype');
}
@font-face {
    font-family: 'Open Sans Hebrew';
    font-style: italic;
    font-weight: 800;
    src: url(../../../../../../themes/maof/fonts/opensanshebrew-extrabold-webfont.eot);
    src: url(../../../../../../themes/maof/fonts/opensanshebrew-extrabold-webfont.eot?#iefix) format('embedded-opentype'),
    url(../../../../../../themes/maof/fonts/opensanshebrew-extrabold-webfont.woff) format('woff'),
    url(../../../../../../themes/maof/fonts/opensanshebrew-extrabold-webfont.ttf) format('truetype');
}
@font-face {
    font-family: 'Open Sans Hebrew';
    font-style: normal;
    font-weight: 800;
    src: url(../../../../../../themes/maof/fonts/opensanshebrew-extrabold-webfont.eot);
    src: url(../../../../../../themes/maof/fonts/opensanshebrew-extrabold-webfont.eot?#iefix) format('embedded-opentype'),
    url(../../../../../../themes/maof/fonts/opensanshebrew-extrabold-webfont.woff) format('woff'),
    url(../../../../../../themes/maof/fonts/opensanshebrew-extrabold-webfont.ttf) format('truetype');
}

@font-face {
    font-family: "FontAwesome";
    src: url(../../../../../../themes/fonts/fontawesome-webfont.eot);
    src: url("../../../../../../themes/fonts/fontawesome-webfont.eot?#iefix")format("embedded-opentype"),
        url(../../../../../../themes/fonts/fontawesome-webfont.woff) format("woff"),
        url(../../../../../../themes/fonts/fontawesome-webfont.ttf) format("truetype");
}


/* global box-sizing */
*,
*:after,
*:before {
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use
html {
    font-size:62.5%;
} */
body {
    font:400 14px/1.4 'Open Sans Hebrew', Helvetica, Arial, sans-serif;
    color:#444;
    direction: rtl;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
    max-width:100%;
    vertical-align:bottom;
}
a {
    /*color:#444;*/
    color: #0275d8;
    text-decoration:none;
}
a:hover {
    color:#444;
}
a:focus {
    outline:0;
}
a:hover,
a:active {
    outline:0;
}
input:focus {
    outline:0;
    border:1px solid #04A4CC;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
    max-width:1280px;
    width:95%;
    margin:0 auto;
    position:relative;
}
/* header */
.header {

}

.banner_mobile {display: none;}
.banner_desktop {display: block;width:100%;position: absolute;max-height: 600px;left: 0;top: 148px;max-width: 265px;}
.banner_desktop img {width:100%;height: 100%;}

/* logo */
.logo {

}
.logo-img {

}
/* nav */
.nav {

}
/* sidebar */
.sidebar {

}
/* footer */
.footer {

}

/*------------------------------------*\
    PAGES
\*------------------------------------*/



/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
    TYPOGRAPHY
\*------------------------------------*/

@font-face {
    font-family:'Font-Name';
    src:url(../../../../../../themes/maof/fonts/font-name.eot);
    src:url('../../../../../../themes/maof/fonts/font-name.eot?#iefix') format('embedded-opentype'),
        url(../../../../../../themes/maof/fonts/font-name.woff) format('woff'),
        url(../../../../../../themes/maof/fonts/font-name.ttf) format('truetype'),
        url('../../../../../../themes/maof/fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
    background:#04A4CC;
    color:#FFF;
    text-shadow:none;
}
::-webkit-selection {
    background:#04A4CC;
    color:#FFF;
    text-shadow:none;
}
::-moz-selection {
    background:#04A4CC;
    color:#FFF;
    text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
    margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display:block;
    margin:5px auto 5px auto;
}
.alignright {
    float:right;
    margin:5px 0 20px 20px;
}
.alignleft {
    float:left;
    margin:5px 20px 20px 0;
}
a img.alignright {
    float:right;
    margin:5px 0 20px 20px;
}
a img.alignnone {
    margin:5px 20px 20px 0;
}
a img.alignleft {
    float:left;
    margin:5px 20px 20px 0;
}
a img.aligncenter {
    display:block;
    margin-left:auto;
    margin-right:auto;
}
.wp-caption {
    background:#FFF;
    border:1px solid #F0F0F0;
    max-width:96%;
    padding:5px 3px 10px;
    text-align:center;
}
.wp-caption.alignnone {
    margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin:5px 20px 20px 0;
}
.wp-caption.alignright {
    margin:5px 0 20px 20px;
}
.wp-caption img {
    border:0 none;
    height:auto;
    margin:0;
    max-width:98.5%;
    padding:0;
    width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}
.langselect {
    float: left;
    position: relative;
    margin: 31px 20px 0;
    border: none;
    font-size: 19px;
}
/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
    * {
        background:transparent !important;
        color:#000 !important;
        box-shadow:none !important;
        text-shadow:none !important;
    }
    a,
    a:visited {
        text-decoration:underline;
    }
    a[href]:after {
        content:" (" attr(href) ")";
    }
    abbr[title]:after {
        content:" (" attr(title) ")";
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content:"";
    }
    pre,blockquote {
        border:1px solid #999;
        page-break-inside:avoid;
    }
    thead {
        display:table-header-group;
    }
    tr,img {
        page-break-inside:avoid;
    }
    img {
        max-width:100% !important;
    }
    @page {
        margin:0.5cm;
    }
    p,
    h2,
    h3 {
        orphans:3;
        widows:3;
    }
    h2,
    h3 {
        page-break-after:avoid;
    }
}

/*------------------------------------*\
    MENU
\*------------------------------------*/

.main-navigation {
    display: block;
}

.main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    float: right;
    text-align: left;
    padding: 19px 0 0;
}

.main-navigation li {
    position: relative;
    display: inline-block;
    margin: 0 3px;
}

.main-navigation a {
    display: block;
    text-decoration: none;
    font-size: 15px;
    color: #000;
    padding: 12px 0;
    letter-spacing: -0.4px;
}

.main-navigation li.current-menu-item a, .main-navigation li:hover a {
    border-bottom: 2px solid #0084b9;
}

.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: left;
    position: absolute;
    top: 1.5em;
    /* left: -999em; */
    z-index: 99999;
    display:none;
}

.main-navigation ul ul ul {
    left: -999em;
    top: 0;
}

.main-navigation ul ul a {
    width: 200px;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

@media only screen and (min-width : 1201px) {
    .main-navigation #primary-menu > li:hover > ul,
    .main-navigation #primary-menu > li.focus > ul {
        display: block;
    }
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
    left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
    display: block;
}
.sr {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.bar1 {
    top: 0;
/*     animation: topbar-back .5s;
    animation-fill-mode: both;
    animation-play-state: initial!important; */
}

.bar2 {
    opacity: 1;
}

.menu-bar+.menu-bar {
    margin-top: 5px;
}

.bar3 {
    bottom: 0;
/*     animation: bottombar-back .5s;
    animation-fill-mode: both;
    animation-play-state: initial!important; */
}

.toggled .bar1 {
/*    top: 25%;
     animation: topbar-x .5s;
    animation-fill-mode: both; */
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}

.toggled .bar2 {
    opacity: 0;
}

.toggled .bar3 {
    margin-top: -22.5%;
/*     animation: bottombar-x .5s;
    animation-fill-mode: both; */
    -ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
    transform: rotate(-45deg);
}
.toggled .menu-bar {
    background: white none repeat scroll 0 0;
}

@media screen and (min-width: 37.5em) {
    .menu-toggle {
        display: none;
    }
    .main-navigation ul {
        display: block;
    }
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}




/*-------------------------------------------------------------
                        Home Page
-------------------------------------------------------------*/
.site-header.sticky {
    position:fixed;
    width:100%;
    max-width: 100%;
    box-shadow: 0 0 3px -1px #000;
    top:-100px;
    z-index:999999;
    background: white;
}
.site-header.sticky .top-logo {
    width: 85px;
}
.site-header.sticky .main-navigation {
    margin: 8px 60px 0 0;
}
.site-header.sticky .phone {
    float: left;
    margin-top: 16px;
}

/*------------------------*/
.container {
    max-width: 1170px;
    padding: 0 15px;
    width: unset;
}

header .main-navigation {
    float: right;
    margin: 35px 25px 0 0;
}
.top-logo-mob {display: none;width: 80px;}
.logo {
    float: right;
}
.top-logo {
    display: inline-block;
    width: 120px;
}
.phone {
    float: left;
    margin-top: 40px;
}
.phone > a {
    color: #0084b9;
    font-size: 22px;
}
.phone > img {
    margin-right: 10px;
    position: relative;
    top: -3px;
}
.first-screen {
    height: 600px;
}
.first-screen .container {
    height: 100%;
    position: relative;
}
.text-header {
    color: white;
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 1;
}
.first-screen h1 {
    font-size: 70px;
    font-weight: bold;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.about-text-img {
    margin-top: 45px;
}


.text-header > a {
    background: #0084b9 none repeat scroll 0 0;
    color: white;
    display: inline-block;
    font-size: 22px;
    margin-top: 40px;
    padding: 15px 0;
    position: relative;
    transition: all 0.3s ease 0s;
    width: 200px;
}
.text-header > a::before {
    border: 2px solid #0084b9;
    bottom: -5px;
    content: "";
    display: block;
    left: -5px;
    position: absolute;
    right: -5px;
    top: -5px;
}
.text-header > a:hover {
    opacity: 0.8;
    text-decoration: none;
}


.logos {
    padding: 10px 0 20px;
}
.owl-carousel {direction: ltr;}
.logos .owl-controls {
    margin: 0;
}
.logos img {
    filter: grayscale(100%);
    transition: all 0.3s ease 0s;
}
.logos img:hover {
    filter: grayscale(0);
}

.half-img {
    float: left;
    height: 600px;
    width: 50%;
}
.half-text {
    background: #0084b9 none repeat scroll 0 0;
    color: white;
    float: right;
    height: 600px;
    width: 50%;
}
h2 {
    font-size: 42px;
    margin-bottom: 35px;
}
.wrap-content > p {
    font-size: 18px;
    line-height: 1.7;
}
.wrap-text {
    float: left;
    margin-top: 100px;
    max-width: 520px;
    padding: 10px 25px 10px 40px;
    position: relative;
}
.line-white {
    background: white none repeat scroll 0 0;
    display: block;
    height: 70px;
    position: absolute;
    right: 0;
    top: 0;
    width: 3px;
}



.rss-update {
    background: #ebedee none repeat scroll 0 0;
    padding: 70px 0 95px;
}
h3 {
    color: #2b2b2b;
    font-size: 36px;
    margin-bottom: 70px;
    text-align: center;
}
.rss_one {
    background: white none repeat scroll 0 0;
    direction: rtl;
    padding: 40px;
}
h4 {
    color: #2b2b2b;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
}
.rss_one h4 a {
    color: #2b2b2b;
    text-decoration: none;
}
.date {
    color: #0084b9;
    display: block;
    margin-bottom: 30px;
}
.rss_one > p {
    color: #2b2b2b;
    font-size: 16px;
    line-height: 1.5;
}
.owl-controls {
    margin-top: 50px;
}
.owl-dots {
    text-align: center;
}
.owl-dot {
    display: inline-block;
}
.owl-dot > span {
    background: #b9baba none repeat scroll 0 0;
    border-radius: 50%;
    display: block;
    height: 8px;
    margin: 0 3px;
    width: 8px;
}
.owl-dot.active > span {
    background: #0084b9 none repeat scroll 0 0;
    height: 10px;
    width: 10px;
    position: relative;
    top: 1px;
}
.all-view {
    color: #0084b9;
    float: left;
    font-size: 16px;
    font-weight: bold;
    margin-top: -20px;
    position: relative;
    text-decoration: underline;
    z-index: 5;
}


.sect-img {
    float: right;
    height: 500px;
    width: 50%;
}
.sect-text {
    float: left;
    height: 500px;
    width: 50%;
}
.img-cont {
    float: left;
    height: 100%;
    width: calc(100% - 565px);
}
.text-cont {
    float: right;
    margin-top: 70px;
    max-width: 565px;
    padding: 0 80px;
    position: relative;
}
.text-cont > h4 {
    color: #000;
    font-size: 25px;
    font-weight: 400;
    margin-bottom: 8px;
}
.text-cont > h2 {
    color: #000;
    margin-bottom: 25px;
}
.text-cont .wrap-content > p {
    color: #000;
}
.line-blue {
    background: #0084b9 none repeat scroll 0 0;
    display: block;
    height: 70px;
    position: absolute;
    right: 55px;
    top: 5px;
    width: 3px;
}
.sect_text_img:nth-child(2) .sect-img {
    float: left;
}
.sect_text_img:nth-child(2) .img-cont {
    float: right;
}




.services {
    background: #0084b9 none repeat scroll 0 0;
    color: white;
    padding: 70px 0 110px;
    height: 330px;
}
.services h3 {
    color: white;
}
.item-service {
    float: right;
    margin-left: 2.66%;
    text-align: center;
    width: 23%;
}
.item-service:last-child {
    margin-left: 0;
}
.item-service h4, .item-service h3 {
    font-size: 24px;
    color: white;
    font-weight: normal;
    margin: 20px 0;
}
.item-service  p {
    line-height: 1.6;
}



.team-form {
    padding: 60px 0 0;
}
.team-form .container > img {
    display: block;
    margin: 0 auto;
    width: 80px;
}
.team.half {
    float: right;
    height: 620px;
    width: 50%;
    text-align: center;
}
.team-form h4 {
    color: #939393;
    font-size: 22px;
    font-weight: normal;
    margin: 15px 0 60px;
}
.team_one {
    float: right;
    margin-bottom: 30px;
    margin-right: 10%;
    width: 20%;
}
.team_one > img {
    width: 100%;
    filter: grayscale(100%);
    transition: all 0.3s ease 0s;
}

.team_name {
    color: #000;
    font-size: 18px;
    margin-top: 15px;
}

.form.half {
    float: left;
    text-align: center;
    width: 50%;
}
.form .wpcf7 {
    direction: rtl;
    text-align: right;
    margin-right: 25px;
}
.form .wpcf7-form-control-wrap {
    display: block;
    margin-bottom: 13px;
}
.wpcf7-form-control-wrap.your-name {
    margin-left: 4%;
    width: 48%;
    float: right;
}
.wpcf7-form-control-wrap.tel-43 {
    float: left;
    width: 48%;
}
.wpcf7-form-control-wrap.your-email {
    clear: both;
}
.form .wpcf7-form-control-wrap input,
.form .wpcf7-form-control-wrap textarea {
    border: 1px solid #bebebe;
    color: #939393;
    font-size: 16px;
    padding: 15px;
    width: 100%;
}
.form .wpcf7-form-control-wrap textarea {
    height: 110px;
}
.form .wpcf7-submit {
    background: #0084b9 none repeat scroll 0 0;
    border: 2px solid white;
    color: white;
    display: inline-block;
    font-size: 22px;
    outline: 2px solid #0084b9;
    padding: 13px 0;
    transition: all 0.3s ease 0s;
    width: 200px;
}
.form .wpcf7-submit:hover {
    opacity: 0.8;
}



.news {
    background: #f7f7f7 none repeat scroll 0 0;
    padding: 110px 0 100px;
}
.post_one {
    background: white none repeat scroll 0 0;
    direction: rtl;
    text-align: center;
}
.post-desc {
    padding: 30px;
}
.post-desc > h4, .post-desc > h3 {
    color: #000;
    font-weight: normal;
    margin-bottom: 30px;
    font-size: 24px;
}
.post-desc > p {
    color: #000;
    font-size: 16px;
    line-height: 1.6;
}



.map.half {
    float: right;
    width: 50%;
    height: 500px;
}
.gm-style div {
    filter: brightness(93%); /*grayscale(100%)*/
}
.info.half {
    background: #0084b9 none repeat scroll 0 0;
    color: white;
    float: left;
    width: 50%;
    height: 500px;
}
.info-cont {
    margin-top: 90px;
    padding: 0 25px 0 20px;
    margin-right: 60px;
    position: relative;
}
.info-cont > h4 {
    color: white;
    font-size: 25px;
    font-weight: normal;
    margin-bottom: 8px;
}
.info .line-white {
    top: 6px;
}
ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.info-list li {
    font-size: 18px;
    margin-bottom: 12px;
}
.info-list li img {
    margin-left: 10px;
    vertical-align: middle;
}
.info-list li a {
    color: white;
}
.info-list li strong {
    font-size: 24px;
    font-weight: normal;
}
.info-list li span {
    opacity: 0.4;
    position: relative;
    top: -2px;
}
.info-social {
    padding-top: 30px;
    margin-top: 25px;
    position: relative;
}
.info-social::after {
    background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
    height: 1px;
    position: absolute;
    right: -25px;
    top: 0;
    width: 100%;
}
.info-social > li {
    float: right;
    margin-left: 7px;
}
.info-social a {
    border: 2px solid white;
    border-radius: 50%;
    color: white;
    display: block;
    height: 30px;
    position: relative;
    width: 30px;
}
.info-social a i {
    font-size: 16px;
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(50%, -50%);
}




footer {
    background: rgba(0, 0, 0, 0) url(../../../../../../themes/maof/img/bg-footer.jpg) no-repeat scroll 0 0 / cover ;
    color: white;
    padding: 100px 15px 40px;
    text-align: center;
}
footer .menu {
    display: inline-block;
    text-align: center;
    margin-bottom: 40px;
}
footer .menu li {
    /* float: right; */
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px 10px;
}
footer .menu li a {
    color: white;
    font-size: 18px;
}
.copyright {
    color: #595959;
    font-size: 16px;
    margin-bottom: 50px;
}
.credit > p {
    color: #c2c3c5;
    font-size: 12px;
}
.credit a {
    color: #c2c3c5;
}




/*-------------------------------------------------------------
                        Single Projects
-------------------------------------------------------------*/

.project-screen {
    height: 400px;
}
.project-screen .container {
    height: 100%;
    position: relative;
}
.project-screen h1 {
    bottom: 100px;
    color: white !important;
    font-size: 48px;
    position: absolute;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.breadcrumbs {
    padding: 40px 0 12px;
}
.breadcrumbs span span{
    color: #0084b9;
    font-size: 18px;
}
.breadcrumbs span a span {
    color: #6a6a6a;
    font-size: 18px;
}
.breadcrumbs span a {
    text-decoration: none;
}
.breadcrumbs i {
    color: #000;
    font-size: 26px;
    margin: 0 10px;
    vertical-align: bottom;
}

.main-info {
    border-bottom: 1px solid #f3f1f1;
    border-top: 1px solid #f3f1f1;
    padding: 30px 0 50px;
}
.main-info > h4 {
    color: #030303;
    margin-bottom: 40px;
}

.mob-slider {display: none;}
.project-slider, .project-slide-one {direction: ltr;}
.project-galery {
    float: right;
    width: 72%;
}
.list-info {
    float: left;
    width: 28%;
    padding-right: 25px;
}
.project-slider {
    float: left;
    width: 20%;
    margin-right: 3%;
    position: relative;
}
.project-slide-one {
    float: right;
    width: 77%;
}
.project-slider .slick-slide {
    margin: 10px 0;
    height: 130px;
}
.project-slider .slick-list {
    margin-top: -10px;
}
.slick-next.slick-arrow {
    background: rgba(0, 0, 0, 0) url(../../../../../../themes/maof/img/arrow-slider-bot.png) repeat scroll 0 0;
    border: medium none;
    border-radius: 50%;
    bottom: -10px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    font-size: 0;
    height: 45px;
    left: 50%;
    margin-left: -22.5px;
    position: absolute;
    width: 45px;
    z-index: 1;
}
.slick-next.slick-arrow:hover {
    background-position: 0 -47px;
}
.slick-prev.slick-arrow {
    background: rgba(0, 0, 0, 0) url(../../../../../../themes/maof/img/arrow-slider-top.png) repeat scroll 0 0;
    border: medium none;
    border-radius: 50%;
    top: -22px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    font-size: 0;
    height: 45px;
    left: 50%;
    margin-left: -22.5px;
    position: absolute;
    width: 45px;
    z-index: 1;
}
.slick-prev.slick-arrow:hover {
    background-position: 0 -47px;
}

.project-slide-one .slick-slide {
/*    height: 459px; */
    height: 459px;
    object-fit: cover;
}


.list-info li {
    color: #030303;
    font-size: 18px;
    margin-bottom: 18px;
    padding-right: 30px;
}
.pr-mail > a {
    color: #0084b9;
}
.pr-city {background: url(../../../../../../themes/maof/img/icon_project/building.png) no-repeat scroll right center;}
.pr-zone {background: url(../../../../../../themes/maof/img/icon_project/location.png) no-repeat scroll right center;}
.pr-zone2 {background: url(../../../../../../themes/maof/img/icon_project/chart-area.png) no-repeat scroll right center;}
.pr-price {background: url(../../../../../../themes/maof/img/icon_project/tag.png) no-repeat scroll right center;}
.pr-agent {background: url(../../../../../../themes/maof/img/icon_project/user.png) no-repeat scroll right center;}
.pr-phone {background: url(../../../../../../themes/maof/img/icon_project/phone-call.png) no-repeat scroll right center;}
.pr-mail {background: url(../../../../../../themes/maof/img/icon_project/mail-black.png) no-repeat scroll right center;}

.project-content > h4 {
    color: #030303;
    font-weight: normal;
    margin: 40px 0;
}
.project-content p {
    color: #445;
    margin-bottom: 25px;
}
.hide-content {
    display: none;
}
.wrap-btn {
    margin-top: 40px;
}
.wrap-btn .more-content {
    background: #0084b9 none repeat scroll 0 0;
    border: 2px solid white;
    color: white;
    display: inline-block;
    font-size: 16px;
    outline: 2px solid #0084b9;
    padding: 13px 0;
    transition: all 0.3s ease 0s;
    width: 185px;
    float: right;
    position: relative;
}
.wrap-btn .more-content i {
    font-size: 22px;
    margin-right: 50px;
    vertical-align: text-bottom;
}
.wrap-btn .more-content .fa-angle-up {display: none;}
.wrap-btn .more-content.open .fa-angle-up {display: inline-block;}
.wrap-btn .more-content.open .fa-angle-down {display: none;}

.wrap-btn .back {
    background: #b0bec5 url(../../../../../../themes/maof/img/icon_project/back.png) no-repeat scroll 152px center;
    border: 2px solid white;
    color: #030303;
    display: inline-block;
    font-size: 16px;
    outline: 2px solid #b0bec5;
    padding: 13px 0;
    transition: all 0.3s ease 0s;
    width: 185px;
    float: left;
    text-align: center;
    text-decoration: none;
    text-indent: 25px;
}

.contact-block {
    margin: 180px 0 70px;
    text-align: center;
}
.contact-block > div {
    display: inline-block;
    margin: 0 25px 10px;
}
.contact-block {
    color: #0084b9;
    font-size: 22px;
    margin: 180px 0 60px;
}
.contact-block a {
    color: #0084b9;
}
.phone-contact {
    padding-right: 25px;
    background: url(../../../../../../themes/maof/img/icon_project/phone-call.png) no-repeat scroll right center;
}
.mail-contact {
    background: rgba(0, 0, 0, 0) url(../../../../../../themes/maof/img/icon_project/mail-black.png) no-repeat scroll right 11px;
    padding-right: 27px;
}



/*-------------------------------------------------------------
                        All Projects
-------------------------------------------------------------*/


.projects {
    padding: 65px 0 110px;
}
.projects h2 {
    color: #030303;
    text-align: center;
}
.projects p {
    color: #000;
    font-size: 18px;
    line-height: 1.6;
    text-align: center;
}
.tabs {
    border-top: 1px solid #f4f2f2;
    margin-top: 90px;
    margin-bottom: 70px;
}
.tab {
    background: #f4f2f2 none repeat scroll 0 0;
    color: #6a6a6a;
    float: right;
    font-size: 18px;
    padding: 15px 23px;
    cursor: pointer;
    font-weight: bold;
}
.tab.active {
    background: #0084b9 ;
    color: #fff;
}
.tab_item {
    display: none;
}
.tab_item:first-child {

}

.project-one {
    float: right;
    margin-left: 3.5%;
    margin-bottom: 45px;
    width: 31%;
    color: white;
    position: relative;
    text-align: center;
    max-height: 440px;
    overflow: hidden;
}
.project-one:nth-child(3n) {
    margin-left: 0;
}
.project-one > a {
    display: block;
}
.project-one img {
    height: 100%;
    max-width: unset;
    width: 100%;
}
.top-text {
    background: #0084b9 none repeat scroll 0 0;
    border: 2px solid;
    color: white;
    font-size: 15px;
    font-weight: bold;
    left: 50%;
    padding: 10px 20px;
    position: absolute;
    top: 0;
    transform: translate(-50%);
    z-index: 5;
    transition: all .5s ease;
}
.overlay {
    background: rgba(0, 132, 185, 0.8) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
    transition: all .5s ease;
}
.project-one-details {
    color: white;
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(50%, -50%);
    width: 100%;
    opacity: 0;
    transition: all .5s ease;
}
.project-one > a:hover .overlay,
.project-one > a:hover .project-one-details {
    opacity: 1;
}
.project-one > a:hover .top-text{
    opacity: 0;
}
.title-one {
    border-bottom: 1px solid rgba(255, 255, 255, 0.35);
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.list-one li {
    display: inline-block;
    font-size: 18px;
    padding-right: 28px;
    margin: 0 5px 5px;
}
.list-one .pr-city {background: url(../../../../../../themes/maof/img/icon_project/building_w.png) no-repeat scroll right center;}
.list-one .pr-zone {background: url(../../../../../../themes/maof/img/icon_project/location_w.png) no-repeat scroll 94% center;}
.list-one .pr-price {background: url(../../../../../../themes/maof/img/icon_project/tag_w.png) no-repeat scroll right center;}

.projects .breadcrumbs {
    padding: 0 0 50px;
}


/*-------------------------------------------------------------
                        Single Real estate
-------------------------------------------------------------*/


.project-screen h1.real-estate-title {
    background: white none repeat scroll 0 0;
    border-right: 10px solid #0084b9;
    bottom: 70px;
    color: #3b3c3f;
    font-size: 36px;
    padding: 36px 45px 35px 120px;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.real-estate-slider {
    margin-top: 15px;
    position: relative;
}
.real-estate-slider .owl-item a > img {
    min-height: 130px;
}
.real-estate-slider .owl-controls {margin:0;}
.real-estate-slider .owl-prev {
    background: rgba(0, 0, 0, 0) url(../../../../../../themes/maof/img/arrow-slider-left.png) repeat scroll 0 0;
    border-radius: 50%;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    height: 45px;
    left: -25px;
    margin-top: -22.5px;
    position: absolute;
    top: 50%;
    width: 45px;
}
.real-estate-slider .owl-prev:hover {
    background-position: -47px 0;
}
.real-estate-slider .owl-next {
    background: rgba(0, 0, 0, 0) url(../../../../../../themes/maof/img/arrow-slider-right.png) repeat scroll 0 0;
    border-radius: 50%;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    height: 45px;
    right: -25px;
    margin-top: -22.5px;
    position: absolute;
    top: 50%;
    width: 45px;
}
.real-estate-slider .owl-next:hover {
    background-position: -47px 0;
}
.real-estate-post .breadcrumbs {
    padding: 45px 0 25px;
}

.main-real-estate {
    border-top: 1px solid #f3f1f1;
    padding-top: 55px;
}
.real-estate-content {
    float: right;
    padding-left: 6%;
    width: 72%;
}
.real-estate-content h4 {
    color: #030303;
    font-weight: normal;
    margin-bottom: 35px;
}
.real-estate-content p {
    color: #445;
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 35px;
}
.main-real-estate .list-info {
    float: unset;
    padding-right: 0;
    width: unset;
}
.real-estate-post .back {
    background: rgba(0, 0, 0, 0) url(../../../../../../themes/maof/img/icon_project/back2.png) no-repeat scroll right center;
    color: #0084b9;
    font-size: 16px;
    padding-right: 25px;
}
.real-estate-side {
    border-right: 1px solid #f3f1f1;
    float: left;
    padding-bottom: 60px;
    padding-right: 6%;
    width: 28%;
}
.pr-url_btn {
    background: #0084b9 url(../../../../../../themes/maof/img/icon_project/world-wide-web.png) no-repeat scroll 84% center;
    color: white;
    display: inline-block;
    font-size: 16px;
    margin-top: 25px;
    padding: 15px 55px 15px 30px;
    transition: all .3s ease
}
.pr-url_btn:hover {
    color: white;
    opacity: 0.8;
    text-decoration: none;
}


/*-------------------------------------------------------------
                        All Real estate
-------------------------------------------------------------*/

.sec-real-estate .project-one {
    max-height: unset;
    overflow: unset;
    margin-bottom: 65px;
}
.sec-real-estate .tabs {
    margin-bottom: 115px;
    margin-top: 100px;
}
.sec-real-estate .project-one img {
    /*max-height: 220px;*/
    object-fit: cover;
    height: 220px;
    width: 100%;
    transition: all .3s ease;
}
.wrap-one {
    border: 1px solid #f4f2f2;
    border-top: none;
    padding: 30px 30px 36px;
    text-align: right;
}
.title-r {
    color: #030303;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 25px;
    position: relative;
    z-index: 1;
    transition: all .3s ease;
}
.title-r::after {
    background: white none repeat scroll 0 0;
    content: "";
    display: flex;
    height: 3px;
    opacity: 0;
    position: absolute;
    top: -32px;
    transition: all 0.3s ease 0s;
    width: 100%;
}
.sec-real-estate .wrap-one p {
    color: #445;
    line-height: 1.6;
    position: relative;
    z-index: 1;
    transition: all .3s ease;
}

.sec-real-estate .wrap-one a,.readmore_button {
    background: #0084b9 none repeat scroll 0 0;
    color: white;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    margin-top: 30px;
    padding: 13px 0;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 125px;
    position: relative;
    z-index: 1;
    border: 1px solid #0084b9;
    margin-right: 4px;
    transition: all .3s ease;
}


.sec-real-estate .wrap-one > a::before,.readmore_button::before {
    border: 2px solid #0084b9;
    bottom: -5px;
    content: "";
    display: block;
    left: -5px;
    position: absolute;
    right: -5px;
    top: -5px;
    transition: all .3s ease;
}
.readmore_button {margin-top:0; margin-bottom:30px;}
.sec-real-estate .wrap-one a,.readmore_button {
    text-decoration: none !important;
}
.sec-real-estate .contact-block {
    margin-top: 80px;
}
.sec-real-estate .project-one-details {
    top: 14%;
    transform: translate(50%, 0px);
}

.sec-real-estate.real-estate-overlay .project-one:hover {background:url(../../../../../../themes/maof/img/bg-overlay-real-estate.png) no-repeat scroll 0 0 / cover;}
.sec-real-estate.real-estate-overlay .project-one:hover .project-one-details,
.sec-real-estate.real-estate-overlay .project-one:hover .title-r::after,
.sec-real-estate.real-estate-overlay .project-one:hover .overlay {opacity: 1;}
.sec-real-estate.real-estate-overlay .project-one:hover .title-r,
.sec-real-estate.real-estate-overlay .project-one:hover p {color: white;}
.sec-real-estate.real-estate-overlay .project-one:hover a {background: transparent; border-color: white;}
.sec-real-estate.real-estate-overlay .project-one:hover a::before {border-color: white;}
.sec-real-estate.real-estate-overlay .project-one:hover img {opacity: 0;}

.sec-real-estate .breadcrumbs {
    padding: 70px 0 60px;
}



/*-------------------------------------------------------------
                        About Page
-------------------------------------------------------------*/


.about-text-img .half-text {
    float: left;
}
.about-text-img .wrap-text {
    float: right;
    margin-right: 55px;
}
.team-one {
    background: #0084b9 none repeat scroll 0 0;
    float: right;
    padding: 45px;
    width: 50%;
}
.team-one .foto-wrap {
    float: right;
    width: 190px;
    margin-bottom: 40px;
}
.title-team-one {
    float: right;
    margin-right: 25px;
    padding-right: 25px;
    position: relative;
    top: 14%;
}
.title-team-one .line-white {
    height: 50px;
    top: 3px;
}
.title-team-one > h4 {
    color: white;
    font-size: 16px;
    font-weight: normal;
}
.title-team-one > h2 {
    color: white;
    font-size: 26px;
}
.team-one p {
    clear: both;
    color: white;
    font-size: 16px;
    line-height: 1.5;
}
.team-one .info-list {
    margin-top: 45px;
}
.info-list .l-phone {
    padding-right: 25px;
    background: rgba(0, 0, 0, 0) url(../../../../../../themes/maof/img/phone-call.png) no-repeat scroll right center;
}
.info-list .l-phone > a {
    font-size: 24px;
}
.info-list .l-mail {
    padding-right: 25px;
    background: rgba(0, 0, 0, 0) url(../../../../../../themes/maof/img/mail-white.png) no-repeat scroll right 8px;
}



.team-one:nth-child(2) {
    background: #f7f0f0 none repeat scroll 0 0;
}
.team-one:nth-child(2) h4,
.team-one:nth-child(2) h2,
.team-one:nth-child(2) p,
.team-one:nth-child(2) .info-list a {
    color: #000;
}
.team-one:nth-child(2) .line-white {
    background-color: #0084b9;
}
.team-one:nth-child(2) .info-list .l-phone {
    background-image: url(../../../../../../themes/maof/img/phone-call-b.png);
}
.team-one:nth-child(2) .info-list .l-mail {
    background-image: url(../../../../../../themes/maof/img/mail-black.png);
}



.team-row:nth-child(2n) {
    background: #f7f0f0 none repeat scroll 0 0;
}
.team-row:nth-child(2n) .team-one {
    background-color: white;
}
.team-row:nth-child(2n) .team-one h4,
.team-row:nth-child(2n) .team-one h2,
.team-row:nth-child(2n) .team-one p,
.team-row:nth-child(2n) .team-one .info-list a {
    color: #000;
}
.team-row:nth-child(2n) .team-one .line-white {
    background-color: #0084b9;
}
.team-row:nth-child(2n) .team-one .info-list .l-phone {
    background-image: url(../../../../../../themes/maof/img/phone-call-b.png);
}
.team-row:nth-child(2n) .team-one .info-list .l-mail {
    background-image: url(../../../../../../themes/maof/img/mail-black.png);
}



.team-row:nth-child(2n) .team-one:nth-child(2n) {
    background: #0084b9;
}
.team-row:nth-child(2n) .team-one:nth-child(2n) h4,
.team-row:nth-child(2n) .team-one:nth-child(2n) h2,
.team-row:nth-child(2n) .team-one:nth-child(2n) p,
.team-row:nth-child(2n) .team-one:nth-child(2n) .info-list a {
    color: white;
}
.team-row:nth-child(2n) .team-one:nth-child(2n) .line-white {
    background-color: white;
}
.team-row:nth-child(2n) .team-one:nth-child(2n) .info-list .l-phone {
    background-image: url(../../../../../../themes/maof/img/phone-call.png);
}
.team-row:nth-child(2n) .team-one:nth-child(2n) .info-list .l-mail {
    background-image: url(../../../../../../themes/maof/img/mail-white.png);
}



.about-team > .container .team-one {
    background: #f7f0f0 none repeat scroll 0 0;
    height: unset !important;
    width: 100%;
}
.about-team > .container .team-one p {
    clear: none;
}
.about-team > .container .team-one .title-team-one,
.about-team > .container .team-one p,
.about-team > .container .team-one .info-list {
    width: calc(100% - 215px);
    margin-right: 25px;
    float: right;
}
.about-team > .container .team-one .info-list {
    margin-top: 0;
}
.about-team > .container .team-one .title-team-one h2 {
    margin-bottom: 25px;
}
.about-team > .container .team-one h4,
.about-team > .container .team-one h2,
.about-team > .container .team-one p,
.about-team > .container .team-one .info-list a {
    color: #000;
}
.about-team > .container .team-one .line-white {
    background-color: #0084b9;
}
.about-team > .container .team-one .info-list .l-phone {
    background-image: url(../../../../../../themes/maof/img/phone-call-b.png);
}
.about-team > .container .team-one .info-list .l-mail {
    background-image: url(../../../../../../themes/maof/img/mail-black.png);
}



/*-------------------------------------------------------------
                        Contact Page
-------------------------------------------------------------*/
.cont-form {
    margin-bottom: 70px;
}
.cont-form .breadcrumbs {
    padding-bottom: 50px;
}
.half.logo {
    width: 50%;
    float: right;
    position: static;
    margin-right: 0;
}
.cont-form .logo2 {
    margin: 50px auto;
    width: 250px;
}
.contact-map .wd-row {
    margin-bottom: 0;
}



/*-------------------------------------------------------------
                        Single Page _ All Post
-------------------------------------------------------------*/

.sec-real-estate .wrap-one a:hover {
    opacity: 0.8;
}
.single-post .main-real-estate {
    padding-bottom: 80px;
}
.sidebar h3 {
    font-size: 30px;
    margin-bottom: 40px;
}
.sidebar li {
    font-size: 18px;
    margin-bottom: 4px;
}


/*-------------------------------------------------------------
                        Default Page
-------------------------------------------------------------*/


.page-template-default h2 {
    font-size: 32px;
    margin-bottom: 20px;
}
.page-template-default .main-real-estate {
    padding-bottom: 50px;
}



/*-------------------------------------------------------------
                        FIX ADD
-------------------------------------------------------------*/

.wpcf7 .wpcf7-not-valid-tip {
    display: none;
}
.wpcf7 .wpcf7-not-valid {
    border: 1px solid #ed2869 !important;
}
div.wpcf7-response-output {
    text-align: center;
}

.main-navigation ul.sub-menu {text-align:right; background:white; top: unset;}
.sub-menu li:last-child a {border:none;}
footer .menu li .sub-menu{display:none;}
.add_text {background: #f7f0f0; padding: 30px; display:inline-block; width:100%;     font-size: 18px;    line-height: 1.7;}
.news h3 {position:relative; }
.news h3 a {    font-size: 20px;    vertical-align: middle;    border: 1px solid;    padding: 5px 10px;    float: left;}
#acp-toggle-toolbar  { top: auto !important;     bottom: 30px !important;}
.header-social li a i {font-size: 16px;    position: absolute;    right: 50%;    top: 50%;    transform: translate(50%, -50%);}
.header-social li a {    border: 2px solid #0084b9;    border-radius: 50%;    color: #0084b9;    display: block;    height: 30px;    position: relative;    width: 30px;}
.header-social {text-align:center; margin-top: 10px;}
.header-social li {display:inline-block; margin : 0 5px; transition: all ease 0.5s; }
.text-cont a,.text-cont a h2,.text-cont a h4 {color:black; text-decoration:none; transition:all ease 0.5s; }
.text-cont a:hover h2,.text-cont a:hover h4  {color:#0084b9 !important; text-decoration:none; transition:all ease 0.5s; }
.single .real-estate-content a {color:#0084b9;}
.item-service a {text-decoration:none;}
.blog_top {text-align:center; }
.blog_top img {cursor:pointer; }
.nt {margin-top:50px;    font-size: 18px;    line-height: 1.7;}
.menu-container {position:relative;}
.menu-container a.enlink {    position: absolute;    top: 28px;    left: -50px;    padding: 0;    width: 35px;    height: 35px;}

.fa-ul {margin-left: 0;margin-right: 2.14285714em;}
.fa-li { right: -2.14285714em; left: unset;}


/*==========  Desktop First Method  ==========*/

@media only screen and (max-width : 1700px) {

}

@media only screen and (max-width : 1600px) {

}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1400px) {

}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    .site-header #primary-menu {  padding-top: 80px;}
    .site-header #primary-menu  a { color: white; padding-right: 25px; text-align: right;border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
    .main-navigation ul {float: unset; }
    /* .sub-menu {display:none !important;} */
    .main-navigation ul.sub-menu {
        background: none;
        float: none;
        display: none;
        padding-top: 0;
    }
    .main-navigation ul.sub-menu a {
        width: 100% !important;
        padding-right: 50px !important;
    }    
    /* .main-navigation li > a:hover + .sub-menu {
        display: block !important;
    }     */
    .main-navigation ul.sub-menu li {
        margin-left: 0;
    }
    .main-navigation .current_page_parent ul.sub-menu,
    .main-navigation .current-menu-item ul.sub-menu {
        display: block;
    }
    .main-navigation .menu-item-has-children a {
        padding-left: 40px;
    }
    .main-navigation .menu-item-has-children .arrow {
        position: absolute;   
        top: 0;    
        left: 0; 
        display: inline-block;
        height: 47px;
        width: 40px;
        border-right: 1px solid rgba(255, 255, 255, 0.2);
        background-image: url(/wp-content/themes/maof/img/chevron-down.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 15px auto;
    }
    .main-navigation .menu-item-has-children .arrow:active {
        background-color: rgba(255, 255, 255, 0.2);
    }
    /* .main-navigation .current_page_parent.menu-item-has-children .arrow.up,
    .main-navigation .current-menu-item.menu-item-has-children .arrow.up, */
    .main-navigation .menu-item-has-children .arrow.up {
        background-image: url(/wp-content/themes/maof/img/chevron-up.png);
    }
    .main-navigation ul ul {position:static; }
    .main-navigation ul ul li {margin-left: 50px;  }
    .menu-bar {
        display: block;
        position: relative;
        background: #337ab2;
        width: 26px;
        height: 2px;
        border-radius: 1px;
        transition: all .3s;
        margin: 0 auto;
    }
    .menu-toggle, .menu-toggle:active, .menu-toggle:focus {
        display: block;
        position: relative;
        float:right;
        width: 40px;
        height: 40px;
        top: 0;
        right: 0;
        padding: 0;
        margin: 0 auto;
        background: 0 0;
        transition: all .5s cubic-bezier(1, 0, .645, .65);
        z-index: 99999999;
        border: 0;
        outline: 0;
        box-shadow: none;
    }
    header .main-navigation div li {
        display: block;
        text-align:right;
    }
    header .main-navigation div li.current-menu-item,   header .main-navigation div li:hover {
        border: 0;
        color: #fff;
    }
    header .main-navigation div li.current-menu-item a, header .main-navigation div li:hover a {
        color: #fff;
        background: rgba(255, 255, 255, 0.05) none repeat scroll 0 0;
    }
    header .main-navigation div {
        position: fixed;
        right: -300px;
        width: 280px;
        background: #0084b9 none repeat scroll 0 0;
        z-index: 150;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        overflow: hidden;
        height: 100%;
        top: 0px;
        padding-top: 20px;
    }
    header .toggled div {
        right: 0;
    }
    .main-navigation li.current-menu-item a, .main-navigation li:hover a {
        border: none;
    }
    .main-navigation li {
        margin: 0;
    }

    .langselect {
        position: static;
        margin: 15px 20px 0;
        border: none;
        font-size: 18px;
        color: white;
        position: absolute;
        background: none;
        padding: 0;
    }
    .langselect option {
        color: black;
    }

    .site-header {padding: 40px 0;}
    .logo {margin-right: -60px;position: absolute;right: 50%; top: 0;}
    header .main-navigation {margin: 0;}
    .top-logo {width: 96px;}
    .phone {margin-top: 3px;}

    .site-header.sticky .phone {margin-top: 3px;}
    .site-header.sticky {padding: 34px 0;}
    .site-header.sticky .main-navigation {margin: 0;}
    .info-list li strong {font-size: 20px;}
    .info-cont {margin-right: 0;}
    .info-cont .line-white {display: none;}
    .info-social::after {right: 0;}
    .slider-pad {padding: 0 20px;}

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    /* .langselect {float: right;margin: 30px 20px 0;border: none;font-size: 18px;color: white;position: absolute;background: none;padding: 0;right: 0;top: 435px;} */
    .half-text {float: unset; height: unset; padding-bottom: 45px; padding-top: 60px;  width: 100%;}
    .wrap-text { float: unset;margin-right: 25px;max-width: unset;padding: 10px 25px 10px 15px; margin-top: 0;}
    .half-img {float: unset;height: 500px;width: 100%;}
    .sect-img {float: unset;width: 100%;}
    .sect-text {float: unset;height: unset;width: 100%;}
    .img-cont {float: unset;width: 0;}
    .text-cont {float: unset;margin-bottom: 40px;margin-right: 25px;margin-top: 50px; padding: 0 25px 0 15px;width: calc(100% - 25px);}
    .line-blue {right: 0;}
    .sect_text_img:nth-child(2) .sect-img {float: unset;}
    .item-service {margin-left: 4%;width: 48%;margin-bottom: 40px;}
    .item-service:nth-child(2n) {margin-left: 0;}
    .services {padding: 70px 0 60px;  height: 100%; }
    .form.half {float: unset;margin: 0 auto 60px;max-width: 600px;text-align: center;width: 100%;}
    .form .wpcf7 {margin-right: 0;}
    .team.half {float: unset;height: unset;text-align: center;width: 100%;margin: 28px auto;   max-width: 680px;}
    .team_one {margin: 3.166%;width: 27%;}
    .info.half {height: unset;padding-bottom: 60px;width: 100%;}
    .map.half {width: 100%;}
    footer .menu li {margin: 0 15px 10px;}
    .about-text-img .half-text {float: unset;}
    .about-text-img .wrap-text {margin-right: 25px;}
    .team-one {float: unset;height: unset !important; width: 100%;}
    .about-team .container {padding: 0;}
    .title-team-one {margin-top: 80px;}
    .about-team > .container .team-one:after {clear: both; display: table; content: "";}
    .about-team > .container .team-one p, .about-team > .container .team-one .info-list {float: unset;margin-right: 0;width: unset;clear: both;}
    .project-one {margin-left: 4%; width: 48%;}
    .project-one:nth-child(3n) {margin-left: 4%;}
    .project-one:nth-child(2n) {margin-left: 0;}
    .project-screen h1.real-estate-title {padding: 26px 35px 25px 80px;  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}
    .real-estate-side {border-right: 0 none;padding-right: 0;width: 100%;}
    .real-estate-content {float: unset;padding-left: 0;width: 100%;}
    .sidebar h3 {text-align: right;}
    .single-post .real-estate-side {margin: 60px 0 20px;padding: 0;}
    .project-galery {float: unset;margin-bottom: 70px;width: 100%;}
    .project-slider .slick-slide {width: 100% !important;/*height: unset;*/}
    .project-slide-one .slick-slide {height: unset;}
    .list-info {float: unset;padding-right: 0;width: 100%;}
    .cont-form {margin-bottom: 20px;}
    .half.logo {float: unset;width: 100%;}
    .page-template-default .real-estate-side {margin: 40px 0 60px;padding: 0;}
    .add_text iframe {
    	width: 100%;
    	height: calc(100vw - 90px);
    }
}

@media only screen and (max-width : 768px) {
    .banner_desktop {display: none}
    .banner_mobile {display: block; width: 100%;}
    .banner_mobile img {width: 100%;}
    .top-logo-mob {display: block;}
    .top-logo {display: none;}
    .site-header {padding: 18px 0 16px;}
    .site-header.sticky {padding: 18px 0 16px;}
    .first-screen h1 {font-size: 42px; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}
    .project-screen h1 {font-size: 42px;  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}
    .first-screen {height: 500px;}
    h3 { margin-bottom: 60px;}
    .sect-img {height: 400px;}
    .item-service {float: unset;margin: 0 auto 40px !important;max-width: 380px; width: 100%;}
    .news {padding: 80px 0 70px;}
    footer .menu li {display: block;float: unset;}
    .team-one {padding: 45px 15px;}
    .about-text-img .wra