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

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

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

body {
    font-family: 'poeti';
    font-weight: 400;
    direction: rtl;
    background: url('../images/Desktop_bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    font-size: 16px;
}

h1 {
    font-size: 2em
}

h2 {
    font-size: 1.4em
}

h3 {
    font-size: 1.2em
}

p,
li {
    font-size: 1em
}

.container {
    max-width: 1020px;
}

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

.carousel-indicators li {
    background-color: #ffffff;
    border: 1px solid gray;
}

.carousel-indicators .active {
    background-color: #000;
}

.mainImage {
    min-height: 575px;

}
.mainTitle{
    background:#bda632;
    color:#ffffff;
    padding:10px 10px;
    padding-right:10px;
    margin:0;
}

.yellowBackwhiteFont {
    background: #bda632;
    color: #ffffff;
}

.darkyellowBackwhiteFont {
    background: #bba633;
    color: #ffffff;
}
.noPadding {
    padding: 0;
}
#migCarousel{margin-bottom: 50px;}
/*contactform area*/
.contactFormDesktop {
    background: #bba633;
    color: #ffffff;
    padding: 5px;
}

form .form-group {
    width: 95%;
    margin: 0 auto;
    display: block;
}

.form-control {
    border-radius: 0;
    height: 40px;
}

.sendBtn {
    margin-top: 20px;
    ;
    width: 100%;
    color: #ffffff;
    background: #000;
    font-weight: 700;
    border: none;
    font-size: 1.4em;
    border-radius: 0;
    transition: 0.2s;
}

.sendBtn:hover {
    color: #000;
    background: #ffffff;
    transition: 0.2s
}

.contactFormDesktop h2 {
    font-size: 2em;
    font-weight: 700;
    text-align: center;
    margin: 0;
    margin-top: 20px;
}

.contactFormDesktop h3 {
    font-size: 1.4em;
    font-weight: 300;
    text-align: center;
    margin: 0;
}

.contactCall h2 {
    text-align: center;
    margin: 0;
    margin-top: 25%;
    font-weight: 400;
        font-size: 1.8em;
}

.contactCall h3 {
    text-align: center;
    font-size: 2em;
    font-weight: 700;
    color: #000;
    direction: ltr;
    margin: 0 auto;
    display: block;
    margin-bottom: 5px;
    width: 100%;
    
}

.contactCall h3 span {
    font-size: 0.9em;
    vertical-align: -webkit-baseline-middle;
}

/*middle text*/
.middleText p{font-size:1.2em;font-weight: 400;padding:0;color:#bda632;border-right:10px solid #000;margin-top:20px;padding-right:15px;padding-top:5px;padding-bottom: 5px;}
.middleLogo{border-right:1px dotted #bda632;text-align: center}
/*footer*/
.footerHeight{background:transparent; min-height: 30px;}

@media all and (max-width:768px) {
    .Mobile {
        display: block;
    }
    .Desktop {
        display: none;
    }
.carousel-indicators li{width:8px;height:8px}
        .form-control-feedback {
    position: absolute;
    font-size: 2em;
    top: 15px !important;
    right: 10px;
    z-index: 2;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
}
.help-block {
    display: block;
    margin-top: 5px;
    font-size: 1.5em;
    margin-bottom: 10px;
    color: #737373;
    margin-right: 5%;
}
    body {
        font-size: 9px;
        background: url('../images/mobile_bg.png');
                background-size: contain;
                background-repeat: no-repeat;

    }
    .siteLogo {
        margin-top: -1px;
        background: #fff;
        padding-top:2px;
    }
        .container {
        max-width: 93%;
    }
        .mainTitle p {
        font-size: 1.7em;
        font-weight: 400;
        padding-left: 0
    }
    .houseTitle {
        color: #000;
        font-size: 1.2em
    }
    .mainTitle{padding:10px;background:#ffffff;color:#000}
    .mainTitle h1{font-size:5.7em;padding-top:5px;font-weight: 700;}
    .mobileCallButton {
            margin: 0 auto;
    display: block;
    margin-top: 5%;
    }
    p.mobileTextButton {
        font-size: 2em;
        color: #ffffff;
        background: #5c4f0f;
        text-align: center;
        padding: 9.5px 5px;
        font-weight: 300;
        border-bottom: 5px solid #322b07;
        margin-right: 2px
    }
    p.mobileIconCall {
        font-size: 2.2em;
        border: none;
        background: #5c4f0f;
        padding: 12px 10px;
        color: #ffffff;
        border-bottom: 5px solid #322b07;
        margin: 0 auto;
        margin-top: -1px;
    text-align: center;
    }
    p.mobileIconCall:before {
        border: 2px solid #ffffff;
        padding: 4px 6px;
        border-radius: 50px;
    }
    .mobileCalltoaction {
        font-size: 3em;
        text-align: center;
        font-weight: 700;
        margin: 0;
    }
    .form-control {
        border-radius: 0;
        background: #efefef;
        font-weight: 400;
        color: #000;
        margin: 0 auto;
        display: block;
        width: 92%;
    }
    .sendBtn {
        margin: 0 auto;
        display: block;
        margin-top: 10px;
        width: 92%;
        color: #ffffff;
        background: #201f20;
        border-bottom: 5px solid #000;
        font-weight: 700;
        border: none;
        font-size: 2.3em;
        border-radius: 0;
        transition: 0.2s;
        margin-bottom: 25px;
    }
    #mobCarousel{margin-top:5px;}
    .carousel-indicators {
    bottom: -5px;
    right: -19%;
}
.mainTitle h1{margin-top:0px;    margin-bottom: 0px;}
.mainTitle p{font-size: 1.8em;
    font-weight: 700;
    padding: 0;
    color: #bda632;
    margin-top: 00px;
    padding-top: 0px;
    margin-right: 0px;
    padding-bottom: 0px;
    margin-bottom: -10px;}
    .contactFormMobile{
            background: #baa434;
    text-align: center;
    padding-top: 1px;
    margin-top: 190px;
        padding-bottom: 15px;
    }
.contactFormMobile h3{color:#fff;font-size:2em;font-weight: 700;}
.callButtonMobile, .callButtonMobile:focus{    font-size: 2.5em;
    margin-top: 20px;
    background: rgba(10,93,137,1);
        box-shadow: 2px 3px 4px 2px #000;
    padding: 10px 25px;
    border-radius: 50px;
    font-weight: 400;
    padding-bottom: 10px;
    color: #fff !important;
    text-decoration: none !important;

}

}

@media all and (min-width:769px) {
    .Mobile {
        display: none;
    }
    .Desktop {
        display: block;
    }
    .carousel-indicators{bottom:0;right:-20%;}
    .carousel-control{width:8%;}
    .WhiteBackground{background: #fff;}
    .equalHeights{min-height: 192px;}
    .rightTitleHouse{font-size: 1.5em;}
    .underTitleHouse{    font-size: 4.3em;
    text-align: right;
    font-weight: 700;
    margin-top: 0;
    padding-top: 0;
    line-height: 0.9;} 
    .mainRowDesktop{margin-top:50px;}
    .middleLogo img{width:100%;}
    .mainContentText{font-size:1.3em;}
    .mainContentText p {margin-top:20px;font-weight: 700;    line-height: 1.24em;}
    .footerLine{     position: absolute;bottom: 0;margin-bottom: 1%;background: #fff;padding-top: 0.6%;}
    .middleLogo{border-right: 1px dotted #bda632;
    text-align: center;
    background: #baa434;
    padding-bottom: 15px;}
    .mainContentDesktop .middleLogo{padding-bottom: 0;background:#fff}
}
#company{display:none !important;}
#emailaddress1{display:none;}