/* 
    Document   : audience_home
    Created on : Jan 21, 2015, 5:38:53 PM
    Updated on : Mar 21, 2019, 6:38:53 PM
    Author     : Jayakrishnan
    Description:
        Purpose of the stylesheet follows.
*/

.gray-bg {
    background-color: #f3f3f4;
}

.text-black {
    color: #000;
}

.f24 {
    font-size: 24px;
}

.f23 {
    font-size: 23px;
}

.f25 {
    font-size: 25px;
}

.f26 {
    font-size: 26px;
}

.f14 {
    font-size: 14px;
}

.f11 {
    font-size: 11px;
}

.f13 {
    font-size: 13px;
}

.f19 {
    font-size: 19px;
}

.f-w-700 {
    font-weight: 700;
}

.hometop2 {
    background-image: url("../img/homepage/bg2.png");
}

.l-h-20 {
    line-height: 20px;
}

.f-w-n {
    font-weight: 400;
}

body {
    color: #455a64;
}

.v-center {
    display: flex;
    align-items: center;
}

.bg-gray {
    background: #3F3F3F;
}

.bg-black {
    background: #2C2C2C;
    min-height :251px;
}

.footer-div {
    background: #242623;
}

.color3 {
    color: #8C8C8C;
}

.font4 {
    color:#D2D2D2;
    font-weight:200;
    font-size:26px;
}

#contactus input.error {
    border: 1px solid #FF0000;
    color: #8a1f11;
}

#contactus textarea {
    color:#CDCDCD;
}

#contactus .form-group label {
    font-weight: 400;
    color:#B8B8B8;
    font-size:14px;
    text-align: right;
    margin-top:8px;
}

#contactus .form-group {
    margin-bottom: 5px;
}

#contactus .form-control {
    background-color: #585858;
    border: medium;
}

#contactus input {
    color: #cdcdcd;
    height: 33px;
}

#envoyer .btn-success {
    background-color: #2C2C2C;
}

#btn1 .btn-success {
    background-color: #2C2C2C;
    box-shadow: none;
}

#btn1 .btn-success.disabled:hover, .btn-success:hover {
    border: 1px solid #585858;
}


#envoyer .btn-success:hover,#envoyer .btn-success:focus {
    background-color: #3F3F3F;
    border:1px solid #fff;
}

.f-w-8 {
    font-weight: 600;
    border: 1px solid #fff;
}

#contactus textarea {
    background: #4d4d4d;
}

.anchor_hover {
    color: #9a9a9a;
}

.font2 {
    font-size:11px;
    text-align: left;
}

.icon-circle {
    background-color: #101211;
    border-radius :22px;
    padding:10px 12px;
}

.font3 {
    color:#989A97;
    font-size:11px;
}

.b-r-img1 {
    border-right: 1px solid #C8C8C8;
    padding-right: 30px;
}

.audcolor {
    color:#069DD8;
}

.lh1 {
    line-height: 16px;
}

.f-w-600 {
    font-weight: 600;
}

#myVideo {
    min-width: 100%; 
    min-height: 100%;
    /* position: fixed; */
}

.fitscreen {
    height:100%;
}

.fullscreen-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    
    /* z-index: -100; */
}

.fullscreen-bg__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /* height: 100%; */
}

.homebg {
    background-image:url(../img/homepage/newbg.jpg); 
    background-size: cover; 
    background-repeat: no-repeat; 
    background-position: center center; 
    height: 500px; 
    width: 100%; 
    padding: 10% 0;
}

.homebg1 {
    /* background-image:url(../img/newbg.jpg);  */
    /* background-size: cover; 
    background-repeat: no-repeat; 
    background-position: center center; */
    /* height: 100%;  */
    /* width: 100%;  */
    /* padding-top: 10%; */
    /* margin-top:80px; */
    margin-left :0px !important;
    margin-right :0px !important;

    /* position: absolute;
    top:0px; */
}

.head-bg {
    background: rgb(4, 12, 36, 0.5);
    margin-left :0px !important;
    margin-right :0px !important;
}

.header {
    position:fixed;
    top:0px;
    width:100%;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(51,38,47,0.1);
    z-index: 1000;
}

.icons i, .icons svg {
    margin: 0px 40px;
}

.icons svg {
    height : 30px;
}


/*.b-r-img {
    border-right: 1px solid #C8C8C8;
    padding-bottom: 11px;
    padding-right: 15px;
    padding-top: 9px;
}
.shadow1 {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}

.hometop {
    background-image: url("../img/homepage/banner_blue.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 485px;
}

.hometop1 {
    background-image: url("../img/homepage/Banner_HOME.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 485px;
}

.bgimg1 {
    background-image: url("../img/homepage/newbg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 820px;
}

.headcorner {
    position:absolute;
    z-index:1500;
}

.right1 {
    right: 0px;
}

.right2 {
    right: 15px;
}

.modal {
    z-index: 3500 !important;
}

.left1 {
    left: 15px;
}

.headbar {
    height:4px;
}

.headnot {
    background:#1078A8;
}

.headint {
    background:#FF6225;
}

.headsur {
    background:#3B3572;
}

#loginaud li {
    float:left;
}

.navbar-top-links li:last-child {
    margin-right: 0px;
}

.color2 {
    color: #474747;
}

.black {
    color:#000;
}

.border-grey {
    border: 1px solid #ddd;
}

#home_form {
    border-radius:3px;
}

.img-responsive {
    display:-webkit-inline-box;
    display:unset;
}

.font13 {
    font-weight:400;
    font-size:16px;
}

.font14 {
    font-size:15px;
    text-align: left;
}

.blue-color {
    color:#1A9DD1;
}

#page-wrapper {
    min-height:650px;
}

textarea {
    resize: none;
}

.navbar-fixed-top, .navbar-static-top {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.btn {
    border-radius:0px;
}

.modal-dialog {
    width:400px;
}

.gritter-item {
    background-color: #ed5565;
    color: #ffffff;
}

label.error {
    color: #8a1f11;
    display: inline-block;
    margin-left: 13px;
}

.contact {
    font-size:11px;
}

.color1 {
    color:#CDCFCC;
}

.no-m-l {
    margin-left : 0px;
}

.b5 {
    border:5px #000 solid;
}

#contactus textarea {
    background: #4d4d4d;
}

.marg1 {
    margin-top : 50px;
}

.btn-surmur {
        color: #fff;
        background-color: #3b3573;
        border-color: #453468;
    }
    .btn-surmur:hover,
    .btn-surmur:focus,
    .btn-surmur:active,
    .btn-surmur.active,
    .open .dropdown-toggle.btn-surmur {
        color: #fff;
        background-color: #2c2664;
        border-color: #2c2664;
    }
    .btn-surmur:active,
    .btn-surmur.active,
    .open .dropdown-toggle.btn-surmur {
        background-image: none;
    }
    .btn-surmur.disabled,
    .btn-surmur[disabled],
    fieldset[disabled] .btn-surmur,
    .btn-surmur.disabled:hover,
    .btn-surmur[disabled]:hover,
    fieldset[disabled] .btn-surmur:hover,
    .btn-surmur.disabled:focus,
    .btn-surmur[disabled]:focus,
    fieldset[disabled] .btn-surmur:focus,
    .btn-surmur.disabled:active,
    .btn-surmur[disabled]:active,
    fieldset[disabled] .btn-surmur:active,
    .btn-surmur.disabled.active,
    .btn-surmur[disabled].active,
    fieldset[disabled] .btn-surmur.active {
        background-color: #2c2664;
        border-color: #453468;
    }
    .btn-surmur .badge {
        color: #3b3573;
        background-color: #fff;
    }*/
    
   
        /* Large desktop */
    @media (min-width: 1200px) {
        .divmin {
            min-height:190px;
        }
    }
     
    /* Portrait tablet to landscape and desktop */
    @media (min-width: 768px) and (max-width: 1200px) { 
        .divmin {
            min-height:200px;
        }
    }
     
    /* Landscape phone to portrait tablet */
    @media (max-width: 767px) { 
        .divmin {
            min-height:227px;
        }
    }
     
    /* Landscape phones and down */
    @media (max-width: 480px) { 
        .divmin {
            min-height:280px;
        }
    }


.login-section{
    width:75%;
    display: -webkit-inline-box;
    height: 100%;
    margin: 0 auto;
}
.p_size {
    font-size:20px
}
.img_size{
    margin-top: 31px !important; 
}


@media (min-width: 481px) and (max-width: 767px) {
 .login-section{
    width:100%;
   
  }
  .p_size{
    font-size: 15px;
   
  }
  .img_size{
    margin: 0px !important;
  }

  .img-logo{
    padding: 35px 55px;
   }
  
}

@media (min-width: 768px) and (max-width: 991px) {
  
  .login-section{
    width:100%;
   
  }
  .p_size{
    font-size: 15px;
   
  }
  .img_size{
    margin-top: 31px !important;
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  
}

@media (min-width: 991px) and (max-width: 1024px) {
  
  
  .p_size{
    font-size: 15px;
   
  }
  .img_size{
    margin-top: 31px !important;
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  
}

@media (min-width: 1024px) and (max-width: 1199px) {
  
  .p_size{
    font-size: 15px;
   
  }
  .img_size{
    margin-top: 21px !important;
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  
}