@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {line-height: 1; margin:0px; background:#fff;  font-family: 'Source Sans Pro', sans-serif; font-weight:400; font-size:14px; line-height:20px; color:#000;}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }  
.inline {display: inline-block !important;}
* { box-sizing: border-box;}
a{color:#1a1a1a; text-decoration: none;}a:hover{color:#1a1a1a; text-decoration: underline;}
.container {max-width: 1400px !important; width: 85% !important;}
.clr{clear:both;}
.mtop10{margin-top:10px;}.mtop15{margin-top:15px;}.mtop20{margin-top:20px;}.mtop25{margin-top:25px;}.mtop30{margin-top:30px;}.mtop40{margin-top:40px !important;}
h1, h2, h3, h4, h5, h6{font-family: 'Open Sans', sans-serif !important;}
p{font-style: normal;font-family: 'Source Sans Pro', sans-serif;font-weight: 400;font-size: 16px;line-height: 28px; color: #777;}

.bannerHM{position:relative;}
.bannerHM img{width:100%;}
.bannerBtn{position:absolute; z-index:100; content:""; right:10%; bottom:30px;}
.bannerHMMob{display:none; position:relative;}
.bannerHMMob img{width:100%;}
.bannerHMMob .bannerBtn{position:absolute; z-index:100; content:""; left:0px; right:0; bottom: -40px;}

.banner{background-size: cover;position: relative;background-repeat: no-repeat;padding: 190px 0 105px 0;text-align: center;overflow: hidden;
min-height: 620px;background-image: url('images/banner.jpg'); border-bottom:10px solid #ce1815;}
.banner::after { position: absolute;left: 0;top: 0;height: 100%;width: 100%; background: rgba(0, 0, 0, 0.64);
transform: matrix(-1, 0, 0, 1, 0, 0);  content: "";}
.tLogo{position: absolute; z-index: 1; top:40px; left:0px; right:0px;}
.tLogo img{max-width:160px;}
.home-banner{position: relative; z-index: 1; text-align: center;}
.banner h1 {font-style: normal;font-weight: 800;font-size: 60px;line-height: 68px;
color: #FFFFFF; position: relative;}
.banner h3{font-style: normal;font-weight: 700;font-size: 30px;line-height: 68px;color: #FFFFFF;}
.banner h4{font-style: normal;font-weight: 700;font-size: 40px;line-height: 68px;color: #E31E24;}
a.registerBtn{padding: 18px 70px;background: #E31E24;box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);border-radius: 194px; color: #FFFFFF; font-style: normal;font-weight: 500;font-size: 18px;line-height: 20px; text-decoration:none; margin: 20px auto; display:table; text-align:center;}
a.registerBtn:hover{background:#980105;}

.headTitle{margin:70px 0px 10px 0px; text-align:center; width: 100%;}
.headTitle h3{font-style: normal;font-weight: 700;font-size: 24px;line-height: 30px;color: #002147;}
.headTitle h4{font-style: normal;font-weight: 600;font-size: 24px;line-height: 28px;color: #002147; margin-top:20px;}
.headTitle h5{font-style: normal;font-weight: 600;font-size: 24px;line-height: 28px;color: #032874; margin-top:30px; text-transform:uppercase;}
.headTitle h4 span{color:#E31E24;}
.endEvent{margin:0px auto; text-align:center; z-index: 1;position: relative; bottom:5px; margin-bottom:150px;width:100%;}
.timeline {position: relative;padding: 10px;margin: 10px auto 0px;overflow: hidden;color: #ffffff; max-width: 870px;}
.timeline:after {content: "";position: absolute;top: 0;left: 50%;margin-left: -1px;border-right: 1px solid #ececec;height: 100%; display: block;}
.timeline-row {padding-left: 50%;position: relative;margin-bottom: 70px;}

.timeline-row .timeline-time {position: absolute;right: 50%;top: 31px;text-align: right;margin-right: 75px;color: #E31E24;background: #FFFFFF;
	border: 1px solid #E31E24;padding:20px 16px 20px 38px;font-family: 'Source Sans Pro';font-style: normal;font-weight: 600;font-size: 16px;line-height: 28px;	background:url("images/clock.svg") no-repeat; background-position: 16px 27px;
	}

.timeline-row .timeline-content {position: relative;padding: 20px 30px;}
.timeline-row .timeline-content:after { content: "";position: absolute;top: 20px;height: 3px;width: 40px;}
.timeline-row .timeline-content:before {content: "";position: absolute;top: 55px;right: -83px;width: 15px;height: 15px;-webkit-border-radius: 100px;
    -moz-border-radius: 100px;border-radius: 100px;z-index: 100;background: #ffffff;border: 2px solid #E31E24;}
	
.top .timeline-content::before{top:25px;}	
.top .timeline-time{top:0px;}

.timeline-row .timeline-content b {font-family: 'Source Sans Pro';	font-style: normal;	font-weight: 600;	font-size: 18px;	line-height: 28px;	color: #E31E24;}

.timeline-row .timeline-content p{font-family: 'Source Sans Pro';font-style: normal;font-weight: 400;font-size: 16px;line-height: 28px;color: #030509;}
.timeline-row .timeline-content p b{font-weight: 600; font-size: 16px;color: #030509;}
.timeline-row:nth-child(odd) .timeline-content {    background-color: #F4F4F4;   margin-left: 75px;   text-align: left;}
.timeline-row:nth-child(odd) .timeline-content:after { left: -39px;
    /*border-right: 18px solid #ff5000;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;*/
}
.timeline-row:nth-child(odd) .timeline-content:before {left: -83px;right: initial;}

.timeline-row:nth-child(even) {padding-left: 0;padding-right: 50%;}
.timeline-row:nth-child(even) .timeline-time {right: auto;    left: 50%;text-align: left; margin-right: 0;margin-left: 75px;}
.timeline-row:nth-child(even) .timeline-content {background-color: #F4F4F4;margin-right: 75px;margin-left: 0;/*text-align: right;*/}
.timeline-row:nth-child(even) .timeline-content:after {right: -39px;
    /*border-left: 18px solid #1379bb;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;*/
}

.nav-tabs{margin-top: 0px;}
.footerTop{background: #F4F4F4;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); padding:16px 0px;}
.sticky {position: fixed !important;top: 0px;left: 0;width: 100%;z-index: 1000;  margin-top: 0px !important;}

.sRegister{display:block; margin-left: auto;}
.mainMenu {display:flex; justify-content: center;}
.topMenu{background:#f2f2f2; padding:10px 0px;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{background:none; color: #ce1518;}
.nav-tabs > li > a{background:none;color: #000;}

.footerTop h5{font-family: 'Source Sans Pro';font-style: normal;font-weight: 600;font-size: 21px;line-height: 28px;color: #030509; margin-top:15px;}
.footerTop h5 span{color: #E31E24;}
.sRegister{float:right;}
.sRegister a{background: #E31E24;border: 1px solid #E31E25;box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);border-radius: 194px;padding:16px 31px;
font-style: normal;font-weight: 500;font-size: 18px;line-height: 20px;color: #FFFFFF; font-family: 'Source Sans Pro';   display: table;
}

.footer{background:#111; padding:20px 0px; text-align:center; margin-top:0px;}

@media (max-width: 767px) {
	
	.container{width:100% !important;}
	.banner{min-height:auto;padding: 150px 0 60px 0;}
	.bannerHM{display:none;}
	.bannerHMMob{display:block;}
	.bannerHMMob a.registerBtn{padding: 10px 50px;font-size: 16px;}
	.headTitle h3{font-size: 24px;}
	.headTitle h4{font-size: 20px;}
	.banner h4{font-size: 28px;}
	.banner h1{font-size: 32px; line-height: 40px;}
	.banner h3{font-size: 24px; line-height: 36px;}
	.footerTop{ padding:10px 0px;}
	.footerTop h5{font-size:13px;}
	.footerTop h5 span{ display:block; font-size:15px;}
	.footerTop .col-md-8{width:60%;}
	.footerTop .col-md-4{width:40%;}
	
	.sRegister a{font-size: 15px; padding: 10px 15px;}
	.timeline-row .timeline-time{padding: 12px 16px 12px 38px;background-position: 12px 20px;}
	.nav-tabs{width: 100%;}
	.nav > li > a{padding: 5px;text-align: center;}
	/*.sticky .nav > li > a{padding:5px;}*/
	.mainMenu{flex-wrap: wrap;}
	.sRegister{margin: 10px auto;}
    .timeline {
        padding: 15px 10px;
    }
    .timeline:after {
        left: 28px;
    }
    .timeline .timeline-row {
        padding-left: 0;
        margin-bottom: 50px;
    }
    .timeline .timeline-row .timeline-time {
        position: relative;
        right: auto;
        top: 0;
        text-align: left;
        margin: 0 0 6px 56px;
    }
    .timeline .timeline-row .timeline-time strong {
        display: inline-block;
        margin-right: 10px;
    }
    .timeline .timeline-row .timeline-icon {
        top: 52px;
        left: -2px;
        margin-left: 0;
    }
    .timeline .timeline-row .timeline-content {
        padding: 15px;
        margin-left: 56px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
        position: relative;
    }
    .timeline .timeline-row .timeline-content:after {
        right: auto;
        left: -39px;
        top: 32px;
    }
    .timeline .timeline-row:nth-child(even) {
        padding-right: 0;
    }
    .timeline .timeline-row:nth-child(even) .timeline-time {
        position: relative;
        right: auto;
        left: auto;
        top: 0;
        text-align: left;
        margin: 0 0 6px 56px;
    }
    .timeline .timeline-row:nth-child(even) .timeline-content {
        margin-right: 0;
        margin-left: 55px;
    }
    .timeline .timeline-row:nth-child(even) .timeline-content:after {
        right: auto;
        left: -39px;
        top: 32px;
       
    }
    .timeline.animated .timeline-row:nth-child(even) .timeline-content {
        left: 20px;
    }
    .timeline.animated .timeline-row.active:nth-child(even) .timeline-content {
        left: 0;
    }
	.timeline-row .timeline-content:before{left: -46px; top: 20px;}
	.timeline-row:nth-child(2n+1) .timeline-content::before{left: -46px; top: 20px;}
	
	
	 @media only screen and (min-width: 300px) and (max-width: 479px) 
{
	.nav-tabs > li{width:33%;}
	.nav-tabs > li > a{font-size:12px!important;}
	.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{font-size:14px;}
}