/* Table of Content
==================================================
	#Font-Face
	#Site Styles
	#Media Queries */

/* #Font-Face
================================================== */
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,700');
/* #Site Styles
================================================== */

/* ### general ### */
* { margin: 0px; padding: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html, body { font-family: 'Poppins', sans-serif; font-size: 16px; color: #272727; background: #fff ; }
input, select, textarea { font-family: 'Poppins', sans-serif; font-size: 16px; color: #272727; }

img { border: 0px;  }
ul, li { list-style: none; }
:focus { outline: none; }
.flex { display: flex; align-items:center; align-content:center; }
.flex-s { display: flex; align-items:stretch;  }
.flex-c  { display: flex; align-items:center;  }
h1, h2, h3, h4, h5, h6 { font-family: 'Oswald', sans-serif;  }
.padd { padding-top: 50px;  }
.block-shad { padding: 15px; box-shadow: 0px 0px 2px rgba(0,0,0,.1); background: #fff; }
.head-bg { padding: 10px 15px; margin-bottom: 20px; display: inline-block; color: #272727;  }
.head-yellow { padding: 10px 0; margin-bottom: 20px; display: inline-block; color:  #fff300;  }
.block-green {  box-shadow: 0 0 2px rgba(0,0,0,.1);  padding: 10px; border: 1px solid #0ba883;  }
.block-line { box-shadow: 0 0 2px rgba(0,0,0,.1);  padding: 10px; background:#e2f7ff;   }
.block-color { padding-bottom: 60px; background: #194251; }

.no-pad { padding-left: 0; }
/* ### global classes ### */
.clear { clear: both; visibility: hidden; line-height: 0; height: 0; }
.center { margin: 0 auto; max-width: 1200px; position: relative; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; background: #fff url(../images/trans-bg.png); }

/* ### main container ### */
#mainCntr { width: 100%; }
	
	/* ### header container ### */
	#headerCntr { padding-top:20px; overflow: hidden; min-height: 350px; position: relative; width: 100%; background: #126872 url(../images/bg.jpg) center;  }
    .home  #headerCntr{ min-height: 750px; height: calc(100vh);   }
    #headerCntr .home-banner { display: none;   }
    .home #headerCntr .inner-banner { display: none;   }
    #headerCntr .inner-banner { display: block ;   }
    .home    #headerCntr .home-banner { display: block ;   }
    
	#headerCntr .logo { position: absolute; top: 20px; left: 10px; }
	#headerCntr .logo img { max-width: 100%; }
	#headerCntr .text { padding: 20px;  position: absolute; left: 2%; top: 30%; width: 30%; background: #fff300;  }    
	#headerCntr h1 { padding-bottom: 20px; margin-bottom: 20px; position: relative; font-size: 20px;  font-weight: 700;   }    
    .home #headerCntr  h1 { font-size: 40px;  font-weight: 700;   }
    #headerCntr h1:after { content: ''; height: 5px; width: 100px;  display:block; position: absolute; left: 0; bottom: 0; background: #19b48e;  }    
	#headerCntr h4 { font-size: 18px; font-family: 'Oswald', sans-serif; font-weight: 300;  }    
	.home #headerCntr  h4 { font-size: 30px; }    
	#headerCntr h1 small { display: block; font-size: 18px; }    
    #headerCntr .home-btn { display: none; }
    .home #headerCntr .home-btn { display: block; }
	.home #headerCntr h1 small { font-size: 25px; }    
	#headerCntr .btn { font-size: 18px; color: #fff;   background: #194251; }    
	#headerCntr .btn:hover { color: #fff;  }    

		/* ### menu box ### */
		#headerCntr .menuBox {  }   
		#headerCntr .mobileMenu { display: none; }
        #headerCntr .menuBox  li  { padding: 2px; display: inline-block; font-size: 14px; letter-spacing: 1px; text-transform: uppercase;  } 
        #headerCntr .menuBox  li a { border: 1px solid #194251; padding: 2px 5px; display: block; color: #fff; font-family: 'Oswald', sans-serif; background: #194251;  }
        .home #headerCntr .menuBox  li:first-child { display: none;  }
        #headerCntr .menuBox ul { margin: 0; } 
        #headerCntr li.registration a { border: 0; color: #272727; background: #fff300; }
        #headerCntr {}
	
	/* ### content container ### */
	#contentCntr { width: 100%; }
	
		/* ### left container ### */
		#leftCntr { float: left; width: 320px; }
		
			/* ### text box ### */
			.textBox { min-height: 450px;  }
			.textBox h2 { font-size: 30px   }
			.textBox.theme p { color: #fff;   }
			.textBox.speaker p { padding: 0 5px 5px; line-height: 18px; margin-bottom:0; font-size: 12px; }
            .textBox.speaker h4 { padding: 0 5px;  margin:5px 0; font-size: 16px;  }
            .textBox.speaker .block-shad  {  padding: 0;  }
            .textBox.speaker .col-sm-3 { margin-bottom: 30px; text-align: center;  }
            .textBox.speaker .col-sm-3 .block-shad { height:100%;  }
            .textBox #map { height: 80%; width: 100%; }
            .textBox .block-shad { height: 100%; position: relative;  }
            .textBox .venu { color: #fff; padding: 15px; position: absolute; left: 15px; bottom: 0; background: rgba(0,0,0,.5); }
	.textBox.partnership  .col-6 { margin-bottom: 30px;  }
			.textBox.download p a { padding: 10px 50px; padding-right: 0;  display: block; font-size:16px;   color: #272727; background: url(../images/download.png) left top no-repeat;   }
			.textBox.download h4 { margin: 20px 0; }
			.textBox.download  .col-6 { margin-bottom: 30px;  }
            
		/* ### center container ### */
		#centerCntr { float: left; width: 340px; }
		
		/* ### right container ### */
		#rightCntr { float: right; width: 320px; }
	
	/* ### footer container ### */
	#footerCntr { padding: 10px 0; margin-top: 20px; overflow: hidden; width: 100%; background: #194251; }
    #footerCntr address { color: #fff; margin: 0; }

/* #Media Queries
================================================== */

@media only screen and (max-width: 1199px) {
    .home #headerCntr h1 { font-size: 30px; line-height: 36px; }
    .home #headerCntr h1 small { font-size: 20px; line-height: 24px; }
    .home #headerCntr h4 { font-size: 22px; }
    .home #headerCntr { min-height: 600px; }
    #headerCntr .text { top: 24%; }
    .padd { padding-top: 40px; }
	
}


@media only screen and (max-width: 991px) {

    .home #headerCntr h1 { font-size: 22px; line-height: 26px; }
    .home #headerCntr h1 small { font-size: 16px; line-height: 20px; }
    .home #headerCntr h4 { font-size: 18px; }
    #headerCntr .btn { font-size: 12px; }
    #headerCntr .text { padding: 15px; }
    .home #headerCntr { min-height: 550px; }
	#headerCntr .menuBox { display: none; }
	#headerCntr .mobileMenu { display: block; position: absolute; top: 15px; right: 15px; }
    html, body  { font-size: 14px; }

	
}

@media only screen and (max-width: 767px) {
	#headerCntr .text { width: 96%; top: 80px; background: rgba(255,243,0,.8); }
    .home #headerCntr { min-height: 400px; }
    .textBox h2 { font-size: 24px; margin-bottom: 0; }
    .textBox p { text-align: justify;   }
    .padd { padding-top: 20px; }
	.textBox.partnership  .col-6 { margin-bottom: 30px;  }
    .textBox.map .block-shad { height: auto; }
    .textBox .venu { position:static; }
    .textBox #map { height: 200px; }
    #headerCntr .inner-banner { display: none; }
    #headerCntr .home-banner { display: block; }
}

@media only screen and (max-width: 479px) {
	
}