html,body{
    height:100%;
}
body{
    font-family: "Segoe UI", "Arial","PT Sans", "Helvetica","sans-serif" !important;
}
.banner-block{
    padding:20px 0 40px;
    background: url(http://insights.nagarro.com/hubfs/Webinar/Aug_2016/banner-mini.jpg) no-repeat center top;
    background-size: cover;
}
.banner-content-wrap{
    margin-top:50px;
}
.banner-content{
    color:#fff;
}
.bg-section{
    background: #f8f8f9;
    padding:40px 0 0;
}
.bg-section .sec{
    margin-bottom:40px;
}
.bg-section .author-wrap{
    padding:0;
}
figure.video{
    text-align:center;
}
figure.video iframe{
    width:400px;
    height:224px;
}
.descrp-block{
    font-size:15px;
}
.descrp-block .head{
    text-transform: uppercase;
    margin:0 0 10px;
    padding:0;
}
.descrp-block h3.head{
    font-size:14px;
    color:#000;
    padding:5px 10px;
    display: inline-block;
    background: rgba(256,256,256,.7);
    font-family: "Segoe UI light", "Arial","PT Sans", "Helvetica","sans-serif";
}
.descrp-block h1.head{
    font-size:24px;
    font-family: "Segoe UI bold", "Arial","PT Sans", "Helvetica","sans-serif";
    font-weight: bold;
}
.descrp-block .head-border:after{
    border-width: 5px;
    border-color:#fff;
    width:50px;
    margin-top:10px;
}
.head-border:after{
    content: '';
    display: block;
    width:30px;
    margin-top:5px;
    border-bottom:2px solid #000;
}
.descrp-block .date{
    font-size:16px;
    text-align:center;
    padding:5px;
    border:1px solid #fff;
    text-transform: uppercase;
    margin-top:30px;
}
.descrp-block .date p{
    margin:0;
}
.descrp-block .date .small{
    text-transform: lowercase;
}
.navbar-default{
    background: none;
    border:none;
}
.navbar-brand{
    padding:10px 15px 0;
}
.navbar-default .navbar-nav>li>a{
    color: #387bb7;
    font-size:17px;
}
.author-wrap{
    padding:70px 0;
}
.author-wrap .figure img{
    width:140px;
    height:140px;
    border-radius: 50%;
    border:1px solid #aaa;
}
.author-wrap .author h2{
    margin:15px 0 10px;
    font-size:15px;
    text-transform: uppercase;
}
.footer{
    font-family: "Segoe UI", "Arial","PT Sans", "Helvetica","sans-serif";
}
.footer .prime,.footer .secondary{
    background: #ddd;
    border-top: #acacac 1px solid;
    padding: 20px 0;
}
.footer p{
    margin:0;
}
.footer .prime ul{
    list-style: none;
    margin:0;
    padding:0;
}
.footer .prime ul li{
    display: inline-block;
    margin-right:10px;
}
.footer a{
    color:#000;
}
.footer ul.sociallinks{
    margin-top:20px;
}
.footer ul.sociallinks li a{
    width:15px;
    height:15px;
}

.calendar-links{
    border:1px solid #fff;
    padding-top:20px;
}
.calendar-links a{
    width:100%;
	display:block;
	text-decoration:none;
    border:0;
    background:#fff;
    color:#000;
    padding:5px;
	text-align:center;
}
.calendar-links a:hover{
    background:#e6e6e6;
	text-decoration:none;
	color:#000;
}
.calendar-links p{
    margin:0 30px 5px;
}
.calendar-links .add-to-calendar{
    line-height:34px;
    padding:0 5px;
    text-transform: uppercase;
    background: none;
    color:#fff;
    border-top:1px solid #fff;
    font-size:19px;
    text-align: center;
    margin:20px 0 0;
}
.know-more-section{
    margin:70px 0;
}
.know-more{
    font-size:18px;
}
.thankmsg{
    font-size:24px;
    margin:20px 0 0;
    color:#ff9933;
}


/* Form Style Starts here */
.form-block{
    padding-top:50px;
}
.form-block form,.form-block form input{
    width:100%;
}
.form-block form{
    border:1px solid #fff;
    padding-top:10px;
}
.white-theme .form-block form{
    border:1px solid #4d4d4d;
}
.form-block form input{
    background: none;
    border:none;
    border-bottom:1px solid #aaa;
    padding:5px 0;
    outline:0;
}
.white-theme .form-block form input{
    border-bottom:1px solid #4d4d4d;
}
.form-block form .hs_submit{
    margin:20px 0 0;
}
.form-block form .hs_submit input{
    color:#555;
    background:#fff;
    border:none;
    padding:0 10px;
    font-size:15px;
    line-height: 34px;
    text-transform: uppercase;
}
.white-theme .form-block form .hs_submit input{
    color:#fff;
    background:#4d4d4d;
}
.form-block form .hs_submit input:hover{
    background: #333;
}

#hs_cos_wrapper_my_form_title,form .field label{
    display: none;
}
form .field .hs-error-msgs {
    margin:5px 0 0;
    padding:0;
    list-style: none;
}
form .field .hs-error-msgs label {
    display: block;
    font-weight:normal;
    color:#f57f7f;
}
form .field{
    margin:0 30px 10px;
}
/* Form Style Ends here */
.white-theme{
    background: #fff;
}
.white-theme .logo{
    margin:30px 0 20px;
}
.white-theme .video{
    text-align: left;
}
.white-theme .banner-content{
    color: #000;
    padding:20px 0 40px;
}
.white-theme .descrp-block .head-border:after{
    border-color:#4d4d4d;
    border-width:2px;
}
.white-theme .descrp-block h1{
    font-size:32px;
    font-family: "Segoe UI bold", "Arial","PT Sans", "Helvetica","sans-serif";
    color: #4d4d4d;
    text-transform: uppercase;
    font-weight: bold;
    margin:0 0 10px;
}
.white-theme.thankyou-page .descrp-block h1{
    font-size:22px;
}
.white-theme.thankyou-page .descrp-block h2{
    font-size:20px;
    font-family: "Segoe UI light", "Arial","PT Sans", "Helvetica","sans-serif";
}
.white-theme.thankyou-page .descrp-block .date{
    font-size:20px;
    font-family: "Segoe UI light", "Arial","PT Sans", "Helvetica","sans-serif";
}
.white-theme.thankyou-page .banner-content{
    padding: 0;
    margin: 40px 0;
}
.white-theme .descrp-block h2.head{
    font-size: 24px;
    color: #4d4d4d;
    font-weight: bold;
}
.white-theme .descrp-block .date{
    padding:0;
    margin:0;
    border:none;
    text-align: left;
    color: #4d4d4d;
    font-family: "Segoe UI bold", "Arial","PT Sans", "Helvetica","sans-serif";
}
.white-theme .author-wrap{
    padding:0 0 20px;
}
.white-theme .author-wrap h2{
    font-size:16px;
    margin-top:0;
}
.white-theme .author-wrap .author-descrp{
    font-size:15px;
}
.grey-author-wrap{
    background: #f4f4f4;
}
.grey-author-wrap .author-wrap{
    padding: 40px 0;
}
.thankyou-strip h1{
    margin:0;
    padding:50px 0;
    font-size:42px;
    text-align: center;
    font-family: "Segoe UI light", "Arial","PT Sans", "Helvetica","sans-serif";
    background: #f7f8f9;
}
.white-theme .banner-content{
    width:100%;
}
.white-theme.thankyou-page .form-block{ margin-top:30px; }
.white-theme .descrp-block,.white-theme .form-block{
    vertical-align: top;
    padding-top:0;
}
.white-theme .calendar-links{
    border:1px solid #4d4d4d;
    padding-top:15px;
}
.white-theme .calendar-links p{
    margin:0 20px 10px;
}
.white-theme .calendar-links input{
    width:100%;
    background: #f2f2f2;
    color:#4d4d4d;
    padding:5px 10px;
    border:none;
}
.white-theme .calendar-links input:hover{
    background: #e1e1e1;
}
.white-theme .calendar-links .add-to-calendar{
    border:1px solid #4d4d4d;
    background: #4d4d4d;
    padding:10px;
    line-height: 1;
    font-size:16px;
    margin-top:15px;
}
.thankyou-more-info h2{
    font-size:16px;
    margin-top:0;
}
.thankyou-more-info{
    font-size:14px;
    margin:20px 0 40px;
}
@media (min-width:768px){
    .banner-block{
        background: url(http://insights.nagarro.com/hubfs/Webinar/Aug_2016/banner.jpg) no-repeat center top;
        background-size: cover;
        height:100%;
        position: relative;
        margin-top:0;
        padding:40px 0;
    }
    .banner-content-wrap{
        position: absolute;
        bottom:0;
        left: 0;
        right:0;
        bottom:75px;
        z-index: 2;
    }
    .navbar{
        border-radius:0;
    }
    .navbar-default .navbar-nav>li>a{
        color: #387bb7;
        font-size:17px;
        padding:5px 10px;
        margin:15px 0 0px 10px;
        border-radius: 4px;
    }
    .navbar-default .navbar-nav>li>a:hover{
        background: #387bb7;
        color: #fff;
    }
    .descrp-block h1.head{
        font-size:44px;
    }
    .descrp-block .date{
        font-size:22px;
    }
    .white-paper .descrp-block .date{
        font-size:18px;
    }
    .descrp-block h3.head{
        font-size:18px;
    }
    .banner-content{
        display: table;
    }
    .descrp-block{
        display: table-cell;
        padding-right:30px;
        vertical-align: bottom;
        width:70%;
    }
    .form-block{
        display: table-cell;
        padding-left:30px;
        vertical-align: bottom;
        width:30%;
    }
    .author-wrap{
        display: table;
    }
    .author-wrap .figure,.author-wrap .author{
        display: table-cell;
        vertical-align: top;
    }
    .author-wrap .figure{
        padding-right:30px;
    }
    .footer ul.sociallinks{
        float:right;
        margin-top:0px;
    }
    .form-block form .hs_submit input{
        line-height: 43px;
    }
    .calendar-links .add-to-calendar{
        line-height:43px;
    }
    .know-more {
        font-size:20px;
    }
    .thankmsg{
        font-size:34px;
        margin:50px 0;
    }
    .white-theme.thankyou-page .descrp-block{ width: 75%; }
    .white-theme.thankyou-page .form-block{ width: 25%; margin-top:0;}
}
@media (min-width: 992px){
    .white-theme figure.video{
       float: right;
    }
}
@media (max-width: 480px){
    figure.video iframe{
        width:100%;
    }
}