﻿@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
/*font-family: 'Open Sans', sans-serif;*/
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
/*font-family: 'Roboto', sans-serif;*/
@import url('https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
/*font-family: 'Raleway', sans-serif;*/

html {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*, *:before, *:after {-webkit-box-sizing: inherit;-moz-box-sizing: inherit;box-sizing: inherit; margin: 0;padding: 0;}

/*Common Styles*/
body {padding:0; margin:0; font-family: 'Roboto', sans-serif; font-size:16px; color:#333333; line-height:20px;}
h1,h2,h3,h4,h5,h6,div,p,ul,ol,li{padding:0; margin:0;}
a{text-decoration:none; outline:none; transition:0.3s;}
a:hover{text-decoration:none; outline:none;}
.clear{clear:both;}
.outline { transition: background-color 0.3s, color 0.3s; border: 2px solid #f13624; border-radius: 4px; display: inline-block; font-size: 20px; margin-top: 35px; padding: 10px 30px 10px 30px; color: #ffffff; background-color: #f13624; }
.outline:hover { background-color: transparent; color: #000000; }
textarea { font-family: 'Open Sans', sans-serif; }
.blank5 { display: block; height: 5px; }
.blank10 {display:block; height:10px;}
.blank20 { display: block; height: 20px; }
.blank30 { display: block; height: 30px; }
.blank40 { display: block; height: 40px; }
.blank50 { display: block; height: 50px; }
.blank60 { display: block; height: 60px; }
.blank70 { display: block; height: 70px; }
.blank80 { display: block; height: 80px; }
.blank90 { display: block; height: 90px; }
.blank100 { display: block; height: 100px; }
.container{width:100%; padding-left:10px; padding-right:10px;}
.container.w1200{max-width:1200px; margin:0 auto;}
.container.w1100{max-width:1100px; margin:0 auto;}
.container.w1000{max-width:1000px; margin:0 auto;}
.container.w960{max-width:960px; margin:0 auto;}

.oct2018{max-width:1600px; margin:0 auto;}
.banner{position:relative;}
.banner .bannerimage{width:100%;}
.banner .bannercontentbox{position:absolute; top:0; left:0; width:100%;}
.banner .bannercontent{max-width:1000px; margin:0 auto; padding-left:30px; padding-right:30px;}
.banner .logobox{padding:25px 0px;}
.banner .logobox .logo2{float:right; margin-top:40px;}
.banner .bannertext{float:left; width:60%; color:#ffffff; font-size:30px; line-height:42px; font-weight:700; padding-top:5%; padding-left:20px;}

.conversionform {float:right; width:40%; max-width:367px; background-color:#ffffff; padding:20px 30px 0px 30px;}
.conversionform h3 {font-size: 22px; font-weight: 600; padding-bottom: 10px; text-align:center;}
.conversionform .form{text-align:left; margin-top:0px; position:relative; padding-bottom:20px;}
.conversionform .form .fieldbox{position:relative;}
.conversionform .form .fieldbox input{background-color:transparent; border:1px solid #292929; padding:10px; font-size:16px; width:100%; margin-bottom:5px;}
.conversionform .form .fieldbox textarea { background-color: transparent; color: #ffffff; border: none; border-bottom: 1px solid #ffffff; padding: 5px 0px; width: 93%; font-size: 16px; position: relative; z-index: 99; height:35px;  font-family: 'Open Sans', sans-serif; font-size:16px; line-height:20px;}
.conversionform .form .fieldbox select{background-color:transparent; border:1px solid #292929; padding:10px; font-size:16px; width:100%; margin-bottom:5px;}
.intl-tel-input {width:100%; margin-bottom:5px;}
.conversionform .form button {display: inline-block; font-size: 14px; padding:10px 30px; color: #ffffff; background-color: #314099; width:120px; text-align:center; border:0; cursor:pointer; position:absolute; bottom:0; left:50%; margin-left:-60px; margin-bottom:-20px; text-transform:uppercase; font-size:16px; transition:0.2s;}
.conversionform .form button:hover{background-color:#cc0000;}
textarea,input{outline: none; -webkit-box-shadow: none;   box-shadow: none;}
textarea:focus, input:focus{outline: none; -webkit-box-shadow: none;   box-shadow: none;}
textarea:selected, input:selected{outline: none; -webkit-box-shadow: none; box-shadow: none;}
textarea::placeholder, input::placeholder{color:#4b4b4b;}
.hide {display: none;}
#error-msg{position:absolute; top:10px; right:10px; color:#ff0000; font-size:12px;}
#valid-msg{position:absolute; top:10px; right:10px; color:#314099; font-size:12px;}

.contact-phone{position:relative;}
.contact-phone #error-msg{color:#ff0000;}
.contact-phone #valid-msg{color:#314099;}

/*Page Content*/
.pagecontent{max-width:1000px; margin:0 auto; padding:20px;}

.eventcontainer{text-align:center; margin-top:40px; margin-bottom:50px;}
.eventbox{display:inline-block; vertical-align:top; width:210px;height:140px; border:1px solid #314099; padding:10px; margin:10px; color:#314099;}
.eventbox .location{font-size:28px; line-height:40px; font-weight:500; text-transform:uppercase;padding-bottom:8px;}
.eventbox .date{font-size:22px; line-height:30px; padding-bottom:8px;}
.eventbox .venue{font-size:21px; line-height:30px;}
.eventbox.active{background-color:#314099; color:#ffffff;}

.aboutevent{padding-top:50px; padding-bottom:50px;}
.aboutevent .lhs{width:50%; float:left;}
.aboutevent .lhs img{width:100%; max-width:456px;}
.aboutevent .rhs{width:50%; float:left; padding-left:20px;}
.aboutevent .rhs h3{font-size:30px; line-height:40px; font-weight:700; text-transform:uppercase;padding-bottom:10px;}
.aboutevent .rhs p{font-size:20px; line-height:30px; padding-bottom:25px; text-align:justify;}

.experts{padding-top:50px; padding-bottom:50px;}
.experts h3{text-align:center; margin-bottom:80px;}
.experts h3 span{font-size:28px; line-height:28px; font-weight:600; text-transform:uppercase; background-color:#314099; color:#ffffff; padding:20px 30px; display:inline-block;}
.expertbox{margin-bottom:40px;}
.expertbox .imgbox{width:273px; float:left;}
.expertbox .imgbox img{width:100%;}
.expertbox .profile{margin-left:295px;}
.expertbox .name{color:#c11c22; font-size:24px; line-height:32px; font-weight:500; padding-top:10px;}
.expertbox .designation{font-size:18px; line-height:24px; font-weight:500;}
.expertbox ul{margin-top:20px;}
.expertbox ul li{margin-left:15px; font-size:18px; line-height:30px; padding-left:20px;} 

.trackrecord{padding-top:10px; padding-bottom:50px; text-align:center;}
.trackrecord h3{text-align:center; margin-bottom:80px;}
.trackrecord h3 span{font-size:28px; line-height:36px; font-weight:600; text-transform:uppercase; background-color:#314099; color:#ffffff; padding:20px 30px; display:inline-block;}
.trackrecord .box{display:inline-block; vertical-align:top; width:260px; height:210px; margin:20px; border:2px solid #d7d7d7; padding:20px 10px;}
.trackrecord .box .value{color:#c11c22; font-size:40px; line-height:50px; font-weight:500; padding-top:30px; padding-bottom:20px;}
.trackrecord .box .parameter{color:#314099; font-size:24px; line-height:30px;}

/*Copyright*/
.copyright{background-color:#e3e3e3; padding:40px; max-width:1000px; margin:0 auto;}
.copyright .lhs{float:left; font-size:16px; color:#000000; padding-top:5px;}
.copyright .rhs{float:right;}
.copyright .rhs a{font-size:13px; color:#efefef;}
.copyright .rhs a:hover{color:#ffffff;}
.copyright .rhs img{width:30px;margin-left:5px;}
.bluebar{background-color:#314099; height:12px; max-width:1300px; margin:0 auto; line-height:0px;}
.contactmessage{text-align: center;color: #ffffff;font-size: 20px;line-height: 30px;padding-top: 40px;}
.contactmessage a{color:#f0f0f0;}

.registernow{position:fixed; top:50%; right:0; background-color:#314099; color:#ffffff; padding:6px 15px; cursor:pointer; border-top-left-radius:8px; border-bottom-left-radius:8px; transition:0.3s; display:none;}
.registernow:hover{background-color:#cc0000;}
.registernow.show{display:inline-block;}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}

@keyframes hide {
    0% {
        display: block;
    }
    100% {
        display: none;
    }
}
