/* *********************************************************************************************************************
	One% CSS Grid - 12 Columns Fluid CSS Grid System

	Why One% ? Let’s count ...
		we have 12 columns (magic number divided by 2, 3, 4, 6)

		for 12 columns we need 11 margins

		so if we count margin 3%, then 3% * 11 margins = 33%

		and if we count width of 1 column 5.5%, than 5.5% * 12 columns = 66%

		in the end we have 33% + 66% = 99% aaand ???

		1% is still here so that's the name - One%

	2 starting options ? Let’s count a bit more ...
		1200px - perfectly fits 1280 screens
			12 columns
			margin 3% / 36px (full-width)
			col1 5.5% / 66px (full-width)

		1000px - perfectly fits 1024 screens
			12 columns
			margin 3% / 30px (full-width)
			col1 5.5% / 55px (full-width)
*/





/* *********************************************************************************************************************
 * Main container for all
 */
.main_wrapper {
	margin: 0 auto;
	padding: 0 0 0 1%; /* THAT'S THE NAME ;) */
}

.main_wrapper {
	max-width: 1010px;
}

.onerow {
	clear: both;
	padding: 0 10px;
}





/* *********************************************************************************************************************
 * Common columns definitions
 */
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
	float: left;
	margin: 0 3% 0 0;
}

.col1.last, .col2.last, .col3.last, .col4.last, .col5.last, .col6.last, .col7.last, .col8.last, .col9.last, .col10.last, .col11.last, .col12 {
	margin: 0;
}

.col1 { width: 5.5%; }
.col2 { width: 14%; }
.col3 { width: 22.5%; }
.col4 { width: 31%; }
.col5 { width: 39.5%; }
.col6 { width: 48%; }
.col7 { width: 56.5%; }
.col8 { width: 65%; }
.col9 { width: 73.5%; }
.col10 { width: 82%; }
.col11 { width: 90.5%; }
.col12 { width: 99%; margin: 0; }

.col1 img, .col2 img, .col3 img, .col4 img, .col5 img, .col6 img, .col7 img, .col8 img, .col9 img, .col10 img, .col11 img, .col12 img {
	width: 100%;
	height: auto;
	display: block;
}

/* *********************************************************************************************************************
 * Disable padding left/right 10px if I'm 1024 or gibber - correct percentage math
 */

@media all and (max-width: 1440px) 
{
	.half_container .inner .hc_com .content {position:relative; padding-bottom:100px;}
	.half_container .inner .hc_com .content .btn_btn {position:absolute; left:0; bottom:50px; width:100%;}
	.half_container .inner .hc_com:nth-child(3) .content .btn_btn a {line-height:normal; padding:15px 20px;}
	.half_container .inner .hc_com:nth-child(3) .content .btn_btn a b {display:block;}
	.half_container .inner .hc_com:nth-child(3) .content .btn_btn strong {line-height:normal; padding:15px 20px;}
	.half_container .inner .hc_com:nth-child(3) .content .btn_btn strong b {display:block;}
}

@media all and (max-width: 1280px) 
{
	.header .hd_top .navigation ul li a {padding:0 10px; font-size:15px;}
}


@media all and (max-width: 1024px) {
	.main_wrapper {
		max-width: 1010px;
	}

	.main_wrapper .onerow {
		padding: 0;
	}
	
	.header .hd_top .navigation ul li a {letter-spacing:0; font-size:13px; padding:0 8px;}
	.leaders_container .slider_content .slidesjs-previous {right:80px; top:60px; left:inherit;}
	.leaders_container .slider_content .slidesjs-next {right:10px; top:60px;}
	
}

/* *********************************************************************************************************************
 * Small devices
 */
@media all and (max-width: 768px) 

	{
		.header .hd_top {display:none;}
		.slicknav_menu {display:block;}
		
		.slicknav_menu {display:block; position:absolute; left:30px; top:30px; z-index:10000;}
		.slicknav_menu a.slicknav_btn {width:32px; height:32px; background:url(../images/menu_icon.png) no-repeat left top; 
		text-indent:-9999em; display:block;}
		.slicknav_menu .slicknav_nav {width:220px; background:#b52445; padding:10px 15px; margin:0; 
		list-style:none; border-radius:3px;}
		.slicknav_menu .slicknav_nav li {padding:0; position:relative; border-bottom:1px dashed #fff;}
		.slicknav_menu .slicknav_nav li a {font-size:15px; color:#fff; text-transform:uppercase; font-weight:600; padding:0 10px; line-height:38px; display:block;}
		.slicknav_menu .slicknav_nav li a:hover {color:#000;}
		.slicknav_menu .slicknav_nav li a a {padding:0;}
		.slicknav_menu .slicknav_nav li a span.slicknav_arrow {position:absolute; right:0; top:-1px;}
		.slicknav_menu .slicknav_nav li ul {list-style:none; padding-bottom:15px;}
		.slicknav_menu .slicknav_nav li ul li {border:none;}
		.slicknav_menu .slicknav_nav li ul li a {font-size:13px; line-height:28px; text-transform:none; border:1px dashed #b3ba2a; margin:5px 0; display:block; border-radius:3px;}
		
		html, body, #maincontainer, .header {height:auto;}
		
		.header .hd_bottom {background-position:left top; background-size:auto; height:auto;}
		.header .hd_bottom .outer {height:auto; float:left;}
		.header .hd_bottom .outer .inner {height:auto; float:left; padding:30px 30px 80px; text-align:center; box-sizing:border-box;}
		.header .hd_bottom .outer .inner .bottom .com_btn {text-align:center;}
		
		.theme_container .inner {display:block; min-height:inherit;}
		.theme_container .inner .tc_com {display:block; width:auto; max-width:inherit;}
		.theme_container .inner .content {padding:30px;}
		.theme_container .inner .content .btn_btn {padding:0;}
		
		.home_container .stat_blk strong {font-size:36px;}
		.home_container .stat_blk span {font-size:18px;}
		
		.program_container .pc_blk h3 {font-size:28px; padding:0 50px 0 20px; line-height:48px;}
		.program_container .pc_blk p {font-size:14px; line-height:20px;}
		.program_container .owl-item:nth-child(3n) .pc_blk h3 {font-size:28px;} 
		
		.half_container .inner {display:block; min-height:inherit;}
		.half_container .inner .hc_com {display:block; width:auto; max-width:inherit;}
		.half_container .inner .hc_com .content {padding:30px;}
		.half_container .inner .hc_com .content .btn_btn {position:inherit; left:inherit; bottom:inherit;}
		.half_container .inner .hc_com:nth-child(2n) {width:auto; max-width:inherit;}
		
		.inner .header .hd_bottom {background-position:left top; background-size:auto; height:auto; padding:60px 30px 50px; box-sizing:border-box;}
		.inner .header .hd_bottom .col4 {width:99%; margin:0;}
		.inner .header .hd_bottom .col8 {width:99%; margin:0;}
		
		.inner .header .hd_bottom .logo {text-align:center; padding:0 0 15px;}
		.inner .header .hd_bottom .logo img {max-width:300px;}
		
		.inner .header .hd_bottom .theme {text-align:center;}
		.inner .header .hd_bottom .dates {text-align:center;}
		
		.inner .content_container .cc_top {padding:30px; box-sizing:border-box;}
		.inner .content_container .cc_bottom {padding:30px; box-sizing:border-box;}
		.content_container .cc_bottom .graphic img {max-width:100%;}
		.inner.theme .content_container h3 {line-height:28px; font-size:24px;}
		
		.inner.papers .imp_date {padding:20px 10px;}
		.inner.papers .imp_date strong {font-size:28px;}
		
		.inner.exhibition .time_blk.top {margin:-30px 0 0; padding:20px 15px;}
		.inner.exhibition .ep_logo a img {width:70%;}
		
		.inner.contact .content_container .cc_bottom {padding:30px;}
		.inner.contact .content_container h3 {padding-top:0;}
		.inner.contact .content_container .content .con_info {padding:30px 15px;}
		.inner.contact .content_container .content .con_info a {font-size:14px; letter-spacing:0;}
		
		.jtline .events-content {width:700px;}
		
		.checkout_container .bottom_row .br_left {display:block; width:auto!important; float:none!important;}
		.checkout_container .bottom_row .br_right {display:block; width:auto!important; float:none!important; margin-top:20px;}
		
	}

@media all and (max-width:640px) 

	{
		.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11 
		{
			float: none; width: 99%;
		}
		
		.leaders_container .slider_content .slidesjs-previous {width:32px; height:32px; right:52px;}
		.leaders_container .slider_content .slidesjs-previous::before {border-width:2px; width:8px; height:8px; border-color:#000; left:13px; top:12px;}
		
		.leaders_container .slider_content .slidesjs-next {width:32px; height:32px;}
		.leaders_container .slider_content .slidesjs-next::before {border-width:2px; width:8px; height:8px; border-color:#000; left:10px; top:12px;}
		
		.leaders_container .slider_content .info span {font-size:13px; letter-spacing:0; line-height:18px;}
		.leaders_container .slider_content .info p {font-size:18px;}
		.leaders_container .slider_content .info p small {font-size:13px; padding:5px 0 0;}
		.leaders_container .slider_content .info .inner .content {padding:0;}
		
		.home_container {padding:30px 30px 20px; box-sizing:border-box;}
		.program_container .pc_blk h3 {padding:0 165px 0 20px;}
		
		.updates_container {padding:30px; box-sizing:border-box;}
		.updates_container .form_blk iframe {height:330px!important;}
		
		.talk_container {padding:30px; box-sizing:border-box;}
		.talk_container .col4 {width:99%;}
		.talk_container .tc_com {padding:0 0 30px; border-right:none; border-bottom:1px solid #707070; margin:0;}
		.talk_container .tc_com strong {min-height:inherit;}
		
		.previous_container {padding:30px; box-sizing:border-box;}
		.partners_container {padding:30px 30px 0; box-sizing:border-box;}
		.speakers_container {padding:30px 30px 10px; box-sizing:border-box;}
		.program_container {padding:30px; box-sizing:border-box;}
		
		.inner.papers .imp_date {margin:0 0 10px;}
		.inner.papers .content_container .cc_bottom .col4:nth-child(3) .imp_date {margin:0 0 50px;}
		.inner.papers .pointers {min-height:inherit;}
		
		.inner.partners .content_container .sep_box .pb_blk .logo {display:block; width:auto; float:none; margin:0 0 20px;}
		.inner.partners .content_container .sep_box .pb_blk .info {padding:0;}
		
		.inner.exhibition .time_blk.top {margin:25px 0 0;}
		.inner.exhibition .ep_logo a img {width:auto;}
		.inner.exhibition .content_container .form_blk {margin:0 0 30px;}
		
		.eat_top {display:block;}
		.eat_bottom {display:none;}
		
		.inner.venue .content_container .gi_pic {border-radius:0; width:auto; height:inherit; display:block;}
		.inner.venue .content_container .gi_pic img {border-radius:0; max-width:100%;}
		
		.inner.venue .content_container .onerow:nth-child(5) .gi_pic {border-radius:0; width:auto; height:inherit; display:block;}
		.inner.venue .content_container .onerow:nth-child(5) .gi_pic img {border-radius:0; max-width:100%;}
		
		.inner.contact .content_container .content .con_info {padding:20px 15px;}
		.inner.contact .content_container .content {padding:0;}
		
		.inner.archive .content_container .cc_bottom {padding:0;}
		.jtline .events-content {width:100%;}
		.jtline .events-content .program_topics {padding:0 0 15px;}
		
		.program_container .pc_blk.blocks .box {display:block; height:auto; width:auto; margin:0 0 10px;}
		.program_container .pc_blk.blocks .box a {display:block; height:auto;}
		
		.header .hd_bottom .outer .inner .bottom .com_btn a.df_mobile {display:inline-block!important;}
		
		.form_blk .fb_inner.submit_links label {display:none;}
		.form_blk .fb_inner input[type="text"] {width:100%!important; box-sizing:border-box; height:32px!important;}
		.form_blk p a {font-size:13px;}
	}
	
@media all and (max-width:480px) 

	{	
		.header .hd_bottom .logo {padding:0 0 15px;}
		.header .hd_bottom .logo img {max-width:300px;}
		.header .hd_bottom .theme {padding:0 0 30px;}
		.header .hd_bottom .dates span {letter-spacing:0; font-size:24px;}
		
		.leaders_container {padding:30px 30px 0; box-sizing:border-box;}
		.leaders_container .slider_content .s_content {display:block; min-height:inherit; text-align:center;}
		.leaders_container .slider_content .info {display:block; width:auto; max-width:100%; text-align:center;}
		.leaders_container .slider_content .info .inner .content {padding-bottom:0;}
		.leaders_container .slider_content .pic {display:block; width:auto; max-width:100%; text-align:center;}
		.slidesjs-container {height:500px!important;}
		.leaders_container .slider_content .info p {text-align:center;}
		
		.leaders_container .slider_content .slidesjs-previous {display:none;}
		.leaders_container .slider_content .slidesjs-next {display:none;}
		
		.bodycontainer h2 {font-size:30px;}
		.bodycontainer p {font-size:16px; line-height:22px;}
		.btn_btn a {font-size:17px; padding:0 15px; line-height:42px; border-width:2px;}
		
		.program_container .pc_blk h3 {padding:0 20px; display:block;}
		.program_container .owl-pagination {padding:0;}
		
		.header .hd_bottom .outer .inner {padding-bottom:260px;}
		.header .hd_bottom .outer .inner .bottom {top:320px; bottom:inherit;}
		.header .hd_bottom .outer .inner .bottom .com_btn {padding:0 30px 30px;}
		.header .hd_bottom .outer .inner .bottom .com_btn a {display:block; text-align:center; margin:10px 0 0;}
		.header .hd_bottom .outer .inner .bottom .com_btn a:first-child {display:block; margin:0;}
		
		.header .hd_bottom .outer .inner .bottom .com_btn a.df_mobile {display:block!important;}
		
		.checkout_container .bottom_row .br_right .form_blk .fb_com span {padding:5px!important;}
		
	}
	
@media all and (max-width:360px) 

	{
		
		.header .hd_bottom .logo img {max-width:250px;}
		.header .hd_bottom .outer .inner {padding-top:60px;}
		
		
		.slidesjs-container {height:420px!important;}
		
		.program_container .pc_blk {margin:0; background:none; padding:0;}
		.program_container .pc_blk h3 {margin-left:0; font-size:24px; line-height:42px;  padding:0 15px;}
		.program_container .owl-item:nth-child(3n) .pc_blk h3 {font-size:22px;}
		.program_container .pc_blk p {color:#fff;}
		.program_container .owl-pagination {padding:20px 0 0;}
		
		.program_container .owl-item:nth-child(2n) .pc_blk {background:none;}
		.program_container .owl-item:nth-child(3n) .pc_blk {background:none;}
		
		.home_container .stat_blk {padding:15px 10px;}
		.home_container .stat_blk strong {font-size:32px;}
		.home_container .stat_blk span {font-size:16px;}
		
		.footer .ft_top p {font-size:13px; line-height:20px; letter-spacing:0;}
		.footer .ft_bottom address {padding:0 15px; font-size:13px; line-height:20px; letter-spacing:0;}
		
		.inner.contact .content_container .cc_bottom {padding:30px 15px;}
		.inner.contact .content_container .content .con_info {padding:20px 10px;}
		
		.inner.coverage .post_blk .inner {display:block; min-height:inherit;}
		.inner.coverage .post_blk .inner .pic {display:block; width:auto; max-width:inherit;}
		.inner.coverage .post_blk .inner .info {display:block; width:auto; max-width:inherit;}
		
		.checkout_container .bottom_row .br_right .form_blk .fb_com .colfirst {display:block; width:auto!important; float:none!important;}
		.checkout_container .bottom_row .br_right .form_blk .fb_com .collast {display:block; width:auto!important; float:none!important;}
	}

@media all and (max-width:320px) 

	{
		.inner.contact .content_container .content .con_info a {font-size:12px;}
		
	}