.container {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 1;
}

.loginwrap{
    width: 100%;
    vertical-align: middle;
    position: relative;
    margin:auto;
    height:100%;
    padding:0 10%;
    background:url("../images/bg3.png");
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    overflow:hidden;
    text-align:center;
}

.btn-primary {
    /*background-color:#1d385a !important;*/
    background-color:#3f51b5 !important;
}

.btn-primary:hover {
    xbackground:linear-gradient(#010c4a, #0f2097) !important;
    background:black !important;
    border:1px solid black !important;
    color:white !important;
    transition:1s !important;
}

a{
    color:#3f51b5 !important;
}

input.form-control{
    border-radius:0;
    text-align:center;
}

input.form-control::placeholder {
    color:#00000040;
}

input.form-control:focus {
    width:105%;
    left:-8px;
    padding:12px;
    font-size:20px;
}

.dot{
    background-image:url("../images/loginbg.png");
    float: left;
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 2;
    opacity: .3;
}

.carousel{
    padding:0;
}

.tab-pane{
    background: white;
    padding: 3% 5% 5%;
    border-radius: 8px;
    box-shadow:5px 0 50px #dbdbdb;
    width:35%;
    margin:0% auto 0;
}

.profile-im{
    margin:auto;
    display:block;
    width:98%;
}

img.events{
    width:34%;
    margin-top:12%;
}


@media only screen and (max-width: 1200px) {
    .loginwrap {
        width:100%;
    }
    
    .loginimg {
        display:none;
    }
    
    .tab-pane {
        margin-top:0 !important;
        width:50% !important; 
        padding: 4% 5% 8%;
    }
    
    img.events{
        width:48%;
        margin-top:20%;
    }
    
}

@media only screen and (max-width: 700px) {
    .tab-pane {
        margin-top:0 !important;
        width:85% !important;
        padding: 5% 8% 12%;
    }
    
    img.events{
        width:82%;
        margin-top:35%;
    }    
}