body, nav, ul, li, a  {margin: 0; padding: 0;}
body {font-family: "quicksandlight"; }
a {text-decoration: none;}
.container {
    width: 64%;
    margin: -10px auto;
}
.toggleMenu {
    display:  none;
    background: #000!important;
   /* padding: 10px 15px;*/
    color: #000;
	width:100%;
}
.nav {
    list-style: none;
    *zoom: 1;
    background:#000 !important;
    /*width: 46%;*/
    width: 460px;
    display: inline-block;
    float: right;
}

.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    width: 9em;
}
.nav a {
    color:#fff;
}
.nav li {
    position: relative;    
}
.nav > li {
    float: left;
    margin-right: 50px;
    margin-top: 63px;
}

.nav > li:first
{
    margin-right: 0px !important;
}
.nav > li:nth-child(4)
{
    margin-right: 0px !important;
}

.nav > li > .parent {
    background-image: url("images/downArrow.png");
    background-repeat: no-repeat;
    background-position: right;
	padding-right:11px;
	
}
.nav > li > a {
    display: block;
}
.nav li  ul {
    position: absolute;
    left: -9999px;
    top: 70px;
}
.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
}
.nav li li a {
    display: block;
    background: #000 !important;
    position: relative;
    z-index:100;
    border-top: 1px solid #ccc;
}
.nav li li li a {
    background:#000 !important;
    z-index:200;
    border-top: 1px solid #ccc;
}


@media screen and (max-width: 768px) {
    .active {
        display: block;
    }
    .nav > li {
        float: none;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url("images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }

}


/*footer*/
.ourcontact{position:relative; top:4px;}
.headourcontact{float:left; color:white; top:10px; position:relative;/*margin-left: 325px;*/}
.usa{font-size:12px !important; margin-left:65px;}


.social-popout {
    height: 40px;
    width: 40px;
    margin: 10px;
    float: left;
    -webkit-transition: all ease 0.1s;
    -moz-transition: all ease 0.1s;
    -o-transition: all ease 0.1s;
    -ms-transition: all ease 0.1s;
    transition: all ease 0.1s;
}
.social-popout img {
    border-radius: 0%;
    margin: 8px;
   width: 100%;
    box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    transition: all ease 0.5s;
}
.social-popout img:hover {
    margin: 0px;
    box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.3);
}
/*footer*/
/*top menu*/
.charbel 
{
    color: #ccc;
    font-size: 15px !important;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
}
.architect {
    color: #e60007;
    font-size: 10px !important;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
}

.top_logo
{
    margin:18px 0px;
}

.mobilemenu{display: none;}
.container{display: block;}

.about_text
{
    color: white;
    width: 60%;
    margin:auto;
    margin-bottom: 20px;
    text-align: justify;
}

.about_title
{
    color: white;
    border-bottom: #e60007 2px solid;
    text-align: center;
    width: 80px;
    margin: 20px auto;
}
.first_part{display: inline-block;width: 75px;margin: 18px 0px;}
.second_part{display: inline-block;vertical-align: top;margin-top: 63px;line-height: 0.9;}

.gallery_image
{
    height: 8em;
}

/*top menu*/
@media screen and (min-width: 320px) and (max-width: 991px)
{
    .mobilemenu{display: block;}
    #desk_menu{display: none;}

    .container
    {
        width: 80% !important;
    }

    .usa_contain
    {
        padding-left: 0px !important;
    }
    .usa
    {
        margin-left: 0px !important;
    }

    .socail-mobile
    {
        float: left !important;
        margin-left: -18px;
    }

    .toggleMenu img
    {
        margin: 18px;
    }

    .nav > li
    {
        margin-right: 0px !important;
        margin-top: 0px !important;
        padding: 9px 0px 9px 32px !important;
    }
    .nav
    {
        float: left !important;
        width: 100% !important;
    }

    .toggleMenu
    {
        width: auto !important;
    }

    .about_text
    {
        width: 80% !important;
    }

    .ib-container
    {
        left: 0em !important;
    }
    .headourcontact
    {
        margin-left: 0px !important;
    }

    .nameproject
    {
        position: relative !important;
        width: 100% !important;
        display: table !important;
        text-align: center;
        margin-left: 0px !important;
        margin:auto;    
    }

    .academy
    {
        position: relative !important;
        width: 100% !important;
        display: table !important;
        text-align: center !important;
        margin-left: 0px !important;
        margin:auto;
    }


    .ib-container article
    {
        width: 87% !important;
        height: auto !important;
    }

    .gallery_image

    {
        height: auto !important;
    }

    .iframe_map
    {
        height: 50vh !important;
    }

}

.iframe_map
{
 height: 70vh;
 width: 100%;
}

.socail-mobile
{
    float: right;
}
.usa_contain
{
    float:left; 
    padding-left:50px; 
    color:white; 
    padding-bottom:0px !important
}


.academy
{
    width: 175px;
    display: inline;
    color: white;
    margin-left: 50px;
    position: absolute;
    text-align: right;
    line-height:1;
    text-transform: capitalize;
}

.nameproject
{
    width: 175px;
    display: inline;
    color: white;
    margin-left: 50px;
    position: absolute;
    text-align: center;
    line-height:7;
}

.projects
{
    color: white;
    text-transform: uppercase;
}