@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,100,700,100italic,300italic,400italic,700italic);
/*
Template Name: Multi
Version: 1.0
Author: ShapeBootstrap
Author URL: http://shapebootstrap.net
*/
/*************************
*******Typography******
**************************/

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

@font-face {
    font-family: 'GE SS Text';
    src: url('../../fonts/GESSTextMedium-Medium.eot');
    src: url('../../fonts/GESSTextMedium-Medium.eot?#iefix') format('embedded-opentype'),
        url('../../fonts/GESSTextMedium-Medium.woff') format('woff'),
        url('../../fonts/GESSTextMedium-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
/*html{
        background: #1e1e1e;
}*/
body {
/*    background-image:url('../../images/intro-bg-01.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #1f1f1f;*/


}
.row{
    margin-left: 0px;
    margin-right: 0px;
}

.login-form .big-logo img{
    float: right;
    width: 80%;
    max-width: 650px;
    margin-right: 57px;
    padding-top: 61px;
}
.login-form .form-section{
    padding-top: 125px;
    /*text-align: center;*/
}
form{
/*    width: 280px;
    padding-top: 20px;
    padding-bottom: 180px;*/
    /*    margin: 0 auto;*/
}
form .form-control{
/*    width: 100%;
    height: 30px;
    font-size: 12px;
    border-radius: 8px;*/
}
.form-section .btn{
    width:100%;
    border-radius: 0px;
    background: #000;
    height:40px;
    border:none;
    color:#fff;
}
.form-section .bottom-logo{
    margin-left: 15px;
}
.title{
    width:296px;
    height:97px;
}
.title img{
    position: absolute;
}
/*.form-section .btn:focus, .form-section .btn:active, .form-section .btn:visited{
    background: #000;
}*/
.dark-wing{
background-image: url(../../images/dark-wing-01.png);
    background-size: cover;
    height: 100vh;
}

.light-wing{
    background-image: url(../../images/light-wing-01.png);
    background-size: cover;
    height: 100vh;
    background-position: top right;
    text-align: center;
}
.cadu-logo{
    position: absolute;
    z-index: 5;
    top: 30px;
    left: 30px;
}
.login-cont{
    width:50%;
    text-align: center;
    margin:0 auto;
}
.ex-main-logo{
      padding-top:13%;
    width:500px;
    margin-bottom: 70px;
}
.login-btn{
    background-image: linear-gradient( #F5B119, #EED727);
    width: 100%;
    height: 40px;
    border: none;
    border-radius: 5px;
    color: #fff;
    font-weight: 600;
}
.pattern{
        position: absolute;
    left: 0px;
    bottom: 0px;
        width: 100%;
}

@media only screen and (max-width: 1400px) {
.ex-main-logo{
    width:400px;
        margin-bottom: 60px;
}

}

@media only screen and (max-width: 1025px) {

.ex-main-logo{
      padding-top:20%;
    width:350px;
        margin-bottom: 50px;
}
}




































@keyframes bounce {
    from {
        transform: translateY(0px);
    }
    to {
        transform: translateY(-15px);
    }
}
@-webkit-keyframes bounce {
    from {
        transform: translateY(0px);
    }
    to {
        transform: translateY(-15px);
    }
}



.scaleIn {
    -webkit-animation-name: scaleIn;
    animation-name: scaleIn;
}
@-webkit-keyframes scaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes scaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}



@media only screen and (min-width: 768px) {
    #footer .social-icons {
        float: right;
    }
}
.form-control {
    box-shadow: none;
    -webkit-box-shadow: none;
}