/*start toggler*/
.port_toggle{
    overflow: auto;

    z-index: 499;
    position:fixed;

    top: 0; 
    /*left: 0;*/
    left: -110%;
    width: 100%;
    height: 100%;
    background: #f1f1f1;
    /*transition: left .8s ease-in-out;*/
}
#ixproject_load{
    display: none;
    z-index: 500;
    position:absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    overflow: auto;
}
.port_toggle_cont{
    z-index: 99;
    position:relative;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    overflow: auto;
}
.toggle_cover_project{
    overflow: hidden;
    position:relative;
    top:0;
    left: 0;
    width: 100%;
    height: 20em;

}

.toggle_cover_project img{
    position:absolute;
    top:0;
    left: 0;
    width: 100%;
    height: auto;

}
.toggle_cover_project div{
    position:absolute;
    bottom:2em;
    right: 8em;
    width: auto;
    height: auto;
    color: #fff;
}
.toggle_cover_project p{
    font-size: 1.2em;
    font-weight: 900;
    
    color: #fff;
}
.toggle_cover_project h1{
    font-size: 1.8em;
    font-weight: 900;
    
    color: #fff;
}
.toggle_cover_title{
    position:relative;
    top:0;
    left: 0;
    width: 100%;
    height: 6em;
    background: #241663;
}
.toggle_cover_title article {
    position:absolute;
    top:0;
    right: 0;
    width: 30%;
    text-align: left;
    height:6em;
    /*cursor: pointer;*/
    background: #e01d44;
}
.toggle_cover_title article h1{
    display: inline-block;
    font-size: 1.8em;
    margin-left:2em;
    color: #fff;
}
.toggle_cover_title article p{
    display: block;
    margin-top: 1em;
    margin-left:2em;
    font-size: 1.2em;
    color: #fff;
}
.toggle_cover_title aside{
    position:absolute;
    top:0;
    left: 0;
    width: 70%;
    height:100%;
    background: #241663;
    text-align: center;
}
.toggle_cover_title aside h1{
    display: inline-block;
    font-size: 2em;
    margin:.8em auto;
    letter-spacing: 0.2em;
    color: #fff;
}
.toggle_cover_info{    overflow: hidden;
                       position:relative;
                       top:0;
                       left: 0;
                       width: 100%;
                       min-height: 10em;
                       text-align: center;
                       margin: 2em auto;
}
.toggle_cover_info article{
    overflow: hidden;
    display: inline-block;
    position:relative;
    top:0;
    left: 0;
    width: calc(65% - 2em);

    min-width: 350px;
    height: auto;   
    min-height: 150px;
    background:  #f1f1f1; 
    margin: 0.1em;
    margin-top: .8em;
    margin-bottom: .8em;
    padding: 1em;
}
.toggle_cover_info article p{
    margin: .6em auto;
    text-align: left;
    font-size: 1.1em;
}
.toggle_cover_info article a{
    color: #241663;
    margin: .2em auto;

    transition: all .2s ease-in-out;
}
.toggle_cover_info article a:hover{
    transition: all .2s ease-in-out;
    opacity: .6;
}
.toggle_cover_info aside{
    overflow: hidden;
    display: inline-block;
    position:relative;
    top:0;
    left: 0;
    width: 30%;
    min-width: 300px;
    height: auto;

    background: #e9e9e9;
    margin: 0.2em;
    margin-bottom: 3em;
    padding: .5em;
}
.toggle_cover_info aside h2{

    font-size: 1.2em;
    margin: .4em auto;
}
.toggle_cover_info aside li{

    font-size: 1em;
}
.toggle_cover_images{
    overflow: hidden;
    position:relative;
    top:0;
    left: 0;
    width: 100%;
    min-height: 30em;
}
.toggle_cover_images_i{
    margin: .5% auto;
    position:relative;
    top:0;
    left: 0;
    width: 99%;
    height: auto;
    background-size: cover;
}
.toggle_cover_images_i img{
    position:relative;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
.toggle_cover_images_ii{
    overflow: hidden;
    margin: .5% auto;
    position:relative;
    top:0;
    left: 0;
    width: 99%;
    height: auto;
    text-align: center;
}

.toggle_cover_images_ii img{
    margin: 0 auto;
    display: inline-block;
    position:relative;
    top:0;
    left: 0;
    width: 40%;
    height: 600px;

    min-width: 300px;
    margin: 2px;
}
.toggle_cover_images_ii img:nth-child(1){
    width: calc(100% - 720px);
    min-width: 700px;
}.toggle_cover_images_ii img:nth-child(2){
    width: 320px;
}
.toggle_cover_images_ii img:nth-child(3){
    width: 320px;
}
.toggle_footer{
    position:relative;
    top:0;
    left: 0;
    width: 100%;
    min-height: 3px;
    background: #000;
    margin-top: 1px;
}

@media all and (max-width: 1280px) {
    
    .toggle_cover_images_ii img:nth-child(1){
        width: 780px;
        height: auto;
    }
}
@media all and (max-width: 1023px) {
    .toggle_cover_project{
        height: 16em;
    }
    .toggle_cover_project div{
        bottom:2em;
        right: 6em;
    }
    .toggle_cover_title{
        height: 5em;
    }
    .toggle_cover_title article {
        width: 30%;
        height:5em;
    }
    .toggle_cover_title article h1{
        font-size: 1.6em;
        margin-left:2em;
    }
    .toggle_cover_title article p{
        margin-top: .8em;
        margin-left:1.5em;
        font-size: 1.2em;
    }
    .toggle_cover_title aside h1{

        margin:.6em auto;
    }
    
    .toggle_cover_images_ii img:nth-child(1){
        width: 760px;
        height: auto;
    }
}
@media all and (max-width: 960px) {
    .toggle_cover_project{
        height: 14em;
    }
    .toggle_cover_project div{
        right: 5em;
    }
    .toggle_cover_project p{
        font-size: 1.1em;
    }

    .toggle_cover_project h1{
        font-size: 1.6em;
        letter-spacing: 0.1em;
    }
    .toggle_cover_info article{
        width: 90%;
        margin: 0.4em auto;
    }
    .toggle_cover_info aside{
        width: 90%;
        margin: 0.4em auto;
    }


    /*    .toggle_cover_images_ii img{
            margin: 2px auto;
            display: block;
            position:relative;
            top:0;
            left: 0;
            min-width: 100%;
        }*/


/*    .toggle_cover_images_ii img{
        margin: 0 auto;
        display: inline-block;
        position:relative;
        top:0;
        left: 0;
        width: 40%;
        height: 500px;

        min-width: 300px;
        margin: 2px;*
  }*/
  

    .toggle_cover_images_ii img:nth-child(2){
        width: 320px;
    }
    .toggle_cover_images_ii img:nth-child(3){
        width: 320px;
    }

}
@media all and (max-width: 800px) {
    .toggle_cover_title aside h1{
        margin:.9em auto;

        letter-spacing: 0.08em;
        font-size: 1.4em;
    }
        .toggle_cover_images_ii img:nth-child(1){
        width: 100%;
        height: auto;
         min-width: 320px;
    }
}
@media all and (max-width: 600px) {
    .toggle_cover_project div{
        bottom:.5em;
        right: 2em;
    }
    .toggle_cover_project{
        height: 12em;
    }


    .toggle_cover_title article {
        width: 35%;
    }
    .toggle_cover_title aside{
        width: 65%;
    }
    .toggle_cover_title article {
        width: 30%;
        height:5em;
    }
    .toggle_cover_title article h1{
        font-size: 1.5em;
        margin-left:1.5em;
    }
    .toggle_cover_title article p{
        margin-top: .8em;
        margin-left:1.4em;
        font-size: 1.2em;
    }
    .toggle_cover_title aside h1{

        margin:1.4em auto;
        letter-spacing: 0.02em;
        font-size: 1.2em;
    }

}
@media all and (max-width: 400px) {
    .toggle_cover_project div{
        bottom:.5em;
        right: 2em;
    }
    .toggle_cover_project{
        height: 12em;
    }


    .toggle_cover_title article {
        width: 35%;
    }
    .toggle_cover_title aside{
        width: 65%;
    }
    .toggle_cover_title article {
        width: 30%;
        height:5em;
    }
    .toggle_cover_title article h1{
        font-size: 1.2em;
        margin-left:1.4em;
    }
    .toggle_cover_title article p{
        margin-top: .8em;
        margin-left:1em;
        font-size: 1.2em;
    }
    .toggle_cover_title aside h1{

        margin:1.4em auto;
        letter-spacing: 0.02em;
        font-size: 1.2em;
    }
    .toggle_cover_info article{

        margin: 0.4em auto;
        min-width: 300px;
    }
}
/*end toggler*/