@charset "utf-8"; /* Theme Name: BeEvent - Conference & Event HTML Template Author: WMD Team Version:1.0 */ /*=========================== = Table of Css 1. General code 1.1. Typography 1.2. Button 1.3. Space margins and padding 1.4. Form 1.5. Section-background-color & sectino-heading 1.6. Overlay-color 2. Header 2.1 Header-style-1 2.2 Dropdown-menu 2.3 Header-style-2 2.3.1. Header Fixed top 2.3.2. Navigation 2.3.3. Dropdown-menu 3. Intro { Banner CSS} 3.1. Default Background image 3.2. Video Background 3.3. Background Slideshow 4. Countdown 5. About Conference 6. conference info 7. Speaker 8. Schedule 9. Pricing 10. FAQ 11. Newsletter 12. Sponsors 13. Conference Venue 14. Footer 15. Back to top 16. Registration form 17. Latest Blog 18. Responsive CSS ===========================*/ /*==================== 1. General code ==========================*/ body { font-family:'Roboto', sans-serif; margin:0px; padding:0px !important; overflow-x:hidden; color:#555555; } /*------------------ 1.1. Typography --------------------------*/ h1, h2, h3, h4, h5, h6 { color:#111111; font-weight:700; margin:0 auto 30px; } h1 { font-size:64px; } h2 { font-size:54px; color:#222222; } h3 { font-size:44px; font-weight:700; } h4 { font-size:36px; } h5 { font-size:28px; font-weight:500px; line-height:32px; } h6 { font-size:20px; color:#555555; } p { font-size:18px; color:#555555; line-height:32px; font-weight:300; } a { transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration:0.5s; -webkit-transition-duration:0.5s; -ms-transition-duration:0.5s; text-decoration:none; color:#de302f; } a:hover, a:focus { text-decoration:none; color:#de302f; outline:none; } ul, ol { margin:0 auto 20px; } ul li, ol li { font-size: 16px; font-weight: 300; line-height: 30px; margin: 0 auto 10px; } ul.list_style_none, ol.list_style_none { list-style:none; } ul.list_style_none i, ol.list_style_none i { margin:0 12px 0 0; } table { margin:0 0 30px; } table th, table td { border: 1px solid #ccc; padding: 15px; } .panel-body { color: #8f8f8f; font-size: 16px; line-height: 32px; } .panel-title a, .panel-title a.collapsed { color:#333; display:block; font-size:24px; padding:20px 0; line-height:32px; text-decoration:none; } .modal-header .close { background: #ffffff none repeat scroll 0 0; border-radius: 50%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); font-size: 29px; height: 40px; line-height: 40px; text-align:center; opacity: 1; position: absolute; right: -5px; top: -10px; width: 40px; } .divider { border-bottom:#333 solid 1px; float: left; height: 0px; margin: 20px 0; width: 100%; } .divider.dashed { border-bottom:#333 dashed 1px; } .divider.dotted { border-bottom:#333 dotted 1px; } .divider.double { border-bottom:#333 double 4px; } .alignleft { float: left; margin: 10px 20px 20px 0; } .alignright { float: right; margin: 10px 0 20px 20px; } /*----------------- 1.2. Button -------------------------*/ .btn { background:#de302f; border:medium none; border-radius:0; color:#fff; font-size:22px; font-weight:600; line-height:1; margin:auto; padding:20px 50px; text-transform:capitalize; -moz-transition:all 0.5s linear; -webkit-transition:all 0.5s linear; -ms-transition:all 0.5s linear; -o-transition:all 0.5s linear; } form input[type="submit"] { background:#de302f; border:medium none; border-radius:0; color:#fff; font-size:22px; font-weight:600; line-height:1; margin:auto; padding:20px 50px; text-transform:capitalize; -moz-transition:all 0.5s linear; -webkit-transition:all 0.5s linear; -ms-transition:all 0.5s linear; -o-transition:all 0.5s linear; } .btn.btn-lg { font-size:44px !important; font-weight:600 !important; padding:50px 108px; } .btn-lg-boder-w { background:rgba(0, 0, 0, 0) none repeat scroll 0 0; border:5px solid #ffffff; font-size:36px !important; font-weight:600 !important; line-height:60px; padding:15px 60px; } .btn:hover, .btn:focus { background-color:#de302f; color:#ffffff; outline:none; } .btn-lg-boder-w:hover { border:5px solid #de302f; } .btn-lg-boder-r { background:rgba(0, 0, 0, 0) none repeat scroll 0 0; border:5px solid #de302f; font-size:36px !important; font-weight:600 !important; line-height:60px; padding:15px 60px; color:#222222; } .btn.btn-lg:hover { background:#c51514 } .btn.btn-danger { background:#rgba(222, 48, 47, 1) !important; } .btn.btn-lg:after { font-size:44px; } .btn-link, .btn-link:hover { color:#de302f; } .btn-group-xs .btn, .btn-xs { margin: 0 2px; } /*------------------------------------- 1.3. Space margins and padding ------------------------------------------------*/ .padding_none { padding:0px; } .padding { padding:20px 0; } .padding_4x4_30 { padding:30px; } .padding_4x4_40 { padding:40px; } .padding_50px { padding:50px 0; } .space-20 { width:100%; height: 20px; clear:both; } .space-30 { width:100%; height: 30px; clear:both; } .space-40 { width:100%; height: 40px; clear:both; } .space-60 { width:100%; height: 60px; clear:both; } .space-80 { height: 80px; width:100%; } .margin-btm-20 { margin-bottom: 20px; clear:both; } .margin-none { margin:0px; } /*----------------- 1.4. Form ---------------------------*/ .form-control, input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"] { background:#eeecec none repeat scroll 0 0; border:1px solid #eeecec; border-radius:0; box-shadow:none; color:#555555; font-size:16px; height:65px; padding:0 25px; } textarea.form-control { padding:10px 25px; } textarea { background:#eeecec none repeat scroll 0 0; border:1px solid #eeecec; border-radius:0; box-shadow:none; color:#555555; font-size:16px; height:150px; padding:0 25px; } .form-control:focus { border-color:#de302f; box-shadow:none; } .form-control::-moz-placeholder { color:#7e7d7d; } .form-group { margin:auto auto 22px; position:relative } .countdown-btn .btn::after { content: ""; font-family: fontawesome; font-size: 19px; margin-left: 20px; } /*------------------------------------------------- 1.5. Section-background-color & sectino-heading ------------------------------------------------------*/ .secondary-bg { background-color:#222222; color:#fff; } .primary-bg { background-color:#de302f; color:#fff; } .fourth-bg { background-color:#161616; } .section-padding { padding:140px 0px; } .inner_pages { padding: 100px 0; } .less-padding { padding:50px 0px; } .border-box { border:12px solid #cccccc; overflow:hidden } .section-header { margin-bottom:80px } .section-header p { width:98%; } .section_header_style2 p { text-decoration:underline; } .div_zindex { position:relative; z-index:1; } .secondary-bg, .secondary-bg p, .secondary-bg h1, .secondary-bg h2, .secondary-bg h3, .secondary-bg h4, .secondary-bg h5, .secondary-bg h6, .primary-bg, .primary-bg p, .primary-bg h1, .primary-bg h2, .primary-bg h3, .primary-bg h4, .primary-bg h5, .primary-bg h6, .white_text, .white_text p, .white_text h1, .white_text h2, .white_text h3, .white_text h4, .white_text h5, .white_text h6, .white_text p { color:#fff; } /*-------------------------------------------- 1.7. parallex-background ---------------------------------------------------*/ .parallex-bg { background-attachment: fixed; background-position: 0 0; background-repeat: no-repeat; background-size: cover; position: relative; } /*-------------------------------------------- 1.6. Overlay-color ---------------------------------------------------*/ .dark-overlay { background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .red-overlay { background:#de302f none repeat scroll 0 0; content:""; height:100%; left:0; opacity:0.85; position:absolute; top:0; transition:all 0.5s linear 0s; width:100%; } /*------------------------- 2.1 wpb_accordion_section -----------------------------------*/ .wpb_accordion_section.group { background: #ffffff none repeat scroll 0 0; margin: 0 0 28px; padding: 0 25px; position:relative; } .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header { background:none !important; } .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a { color: #333333; display: block; font-size: 28px; font-weight: 500; padding: 15px 100px 15px 0 !important; } .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header.ui-state-active a { color:#de2f2f; border-bottom:#dddddd solid 1px; } #faq .wpb_accordion_wrapper { margin:0 auto; max-width:945px; } .wpb_accordion .panel-body { padding-bottom:30px; } .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon, .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon { background-position: center center; border: 1px solid #cccccc; border-radius: 3px; cursor: pointer; height: 26px !important; padding: 7px; top: 20px !important; width: 26px !important; position:absolute; right:20px; } .wpb_content_element .wpb_tabs_nav li a { color: #333333; font-size: 20px; padding: 15px 31px !important; } .wpb_content_element .wpb_tabs_nav li { float: left; margin: 26px 0 20px !important; position: relative; } #schedule .wpb_content_element .wpb_tabs_nav li.ui-tabs-active::after { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #de2f2f; border-style: solid; border-width: 16px; content: ""; position: absolute; right: -32px; top: 13px; display:block !important; } .wpb_content_element .wpb_tabs_nav li.ui-tabs-active a { color:#fff; background:#de302f; } .wpb_content_element .wpb_tab.ui-tabs-panel .wpb_content_element { padding: 36px 46px 0; } #schedule .wpb_content_element .wpb_tab.ui-tabs-panel .wpb_content_element { background: #de302f none repeat scroll 0 0; margin-bottom: 0; margin-left: 34px; } .wpb_content_element .wpb_tab.ui-tabs-panel .wpb_content_element:last-child { padding-bottom:50px; } .wpb_content_element .wpb_tab.ui-tabs-panel .wpb_content_element:last-child .schedule_wrap { border:0px; } .wpb_tour_next_prev_nav a { font-size: 15px; text-transform: uppercase; } .wpb_tour_next_prev_nav span, .wpb_tour_next_prev_nav span.wpb_next_slide { text-align:center !important; } .banner_style2.banner_style2extra { padding: 0; } /*============================ 2. Header & Navigation ==================================*/ /*------------------------- 2.1 Header-style-1 -----------------------------------*/ header { padding:40px 0px } .logo h3 { color: #fff; font-size: 40px; font-weight: 700; line-height: 30px; margin: 0; text-align: center; } .logo { text-align: center; } .header_style2 .logo { text-align: left; } .header_style2 .logo h3 { font-size: 24px; margin: 6px 0 0; text-align: left; } .logo h3 a { color:#fff; } .logo h3 a span, .logo h3 span { color:#de302f; } .info-text span { color: #fff; font-size: 26px; font-weight: 300; line-height: 1; } #menu-toggle-close { cursor: pointer; display: inline-block; padding: 10px; } #menu-toggle-bar { cursor: pointer; display: inline-block; } #menu-toggle-bar i, #menu-toggle-close i { font-size:30px; font-weight:300; color:#fff; line-height:1 } header.nav-stacked { position:fixed; top:0; left:0; width:100%; z-index:222; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; transition:all 0.3s linear; } .admin-bar header.nav-stacked { top: 30px; } header.nav-stacked.affix { padding:30px 0px; background:#000; box-shadow:3px 0px 8px rgba(0,0,0,0.25); } nav.navigation { background: hsl(0, 0%, 0%) none repeat scroll 0 0; left: 0; min-height: 100px; padding: 24px 0; position: fixed; right: 0; top: -400%; transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -ms-transition-duration: 0.3s; z-index: 22222; } nav.navigation.shownav { top:0px; } .sub-menu { display: none; } .admin-bar nav.navigation.shownav { top: 21px; } nav.navigation ul { float:none; } nav.navigation ul li { padding:0px 15px 0px 0px; } nav.navigation ul li:last-child { margin-right:0px; } nav.navigation ul li a { font-size:18px; color:#fff; display:inline-block; } nav.navigation ul li a:hover, nav.navigation ul li.active a, nav.navigation ul li a:focus { background:none; color:#de302f; } .nav .open > a, .nav .open > a:focus, .nav .open > a:hover { background:none; } .default_menu .nav.navbar-nav ul { padding:0px; } .default_menu .nav.navbar-nav ul > li { list-style:none; padding:0px 15px 0px 0px; margin:0px; position:relative; } .default_menu .nav.navbar-nav ul > li.page_item { float:left; } .default_menu .nav.navbar-nav ul > li.page_item .children li { float:none; } .default_menu .nav.navbar-nav ul li a { color:#fff; display:inline-block; } .default_menu .nav.navbar-nav ul > li.page_item a { padding:15px; } .default_menu .nav.navbar-nav ul li a:hover { color:#de302f; } .navbar-nav ul.children { background-clip: padding-box; background-color: #000; border: 1px solid rgba(0, 0, 0, 0.15); display:none; left: 0; list-style: outside none none; min-width: 160px; padding: 5px 0; position: absolute; text-align: left; top: 100%; z-index: 1000; } ul.dropdown-menu li.menu-item-has-children ul.dropdown-menu { left:100%; top:0px; } .default_menu .nav.navbar-nav li.menu-item-has-children:hover ul.dropdown-menu ul.dropdown-menu { display:none !important; } .default_menu .nav.navbar-nav li.menu-item-has-children ul.dropdown-menu li.menu-item-has-children:hover ul.dropdown-menu, .default_menu .nav.navbar-nav li.menu-item-has-children ul.dropdown-menu ul.dropdown-menu li.menu-item-has-children:hover ul.dropdown-menu { display:block !important; } .default_menu .nav.navbar-nav li.menu-item-has-children:hover ul.dropdown-menu ul.dropdown-menu ul.dropdown-menu { display: none !important; } .default_menu .navbar-nav ul.children li { padding:0px; float:none; } .default_menu .nav.navbar-nav ul li:hover ul.children { display:block; } .default_menu .nav.navbar-nav li.page_item_has_children::after, .default_menu .nav.navbar-nav li.menu-item-has-children::after { border-color: #ffffff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-style: solid; border-width: 5px; content: ""; position: absolute; right: 9px; top: 24px; } .default_menu .nav.navbar-nav li.menu-item-has-children ul.dropdown-menu li:after { top:15px; } .navbar-nav ul.children li.page_item_has_children ul.children { background: #111111 none repeat scroll 0 0; left: 100%; right: inherit; top: 0; display:none; } .default_menu .nav.navbar-nav ul li:hover ul.children ul.children { display:none; } .navbar-nav ul.children li.page_item_has_children:hover ul.children { display:block !important; } /*------------------- 2.2 Dropdown-menu -----------------------*/ .navbar-nav > li.dropdown { position:relative; } .navbar-nav > li.dropdown::after { border-color: #ffffff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-style: solid; border-width: 5px; content: ""; position: absolute; right: 10px; top: 48%; } .dropdown-toggle .caret { color:#fff; } .dropdown-menu { background:#000000; } .dropdown-menu { border-radius:3px; } nav.navigation ul li.active .dropdown-menu a { color: #fff; } nav.navigation ul li .dropdown-menu li { display: block; margin: 20px auto; text-align: left; } @media (min-width:768px) { nav.navigation ul li.dropdown:hover ul.dropdown-menu { display:block !important; } nav.navigation ul li.dropdown:hover ul.dropdown-menu ul.dropdown-menu { display:none !important; } nav.navigation ul li.dropdown ul.dropdown-menu:hover ul.dropdown-menu { display:block !important; } } @media (min-width:768px) and (max-width:991px) { nav.navigation ul li .dropdown-menu li { margin: 10px auto; } } /*------------------------- 2.3 Header-style-2 -----------------------------------*/ /*----------------------------- 2.3.1. Header Fixed top --------------------------------------*/ header.header_style2 { padding:12px 0; } header.header_style2 .logo a { line-height: 75px; } header.header_style2.nav-stacked { position: fixed; top: 0; left: 0; width: 100%; overflow:visible; z-index: 10000; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; transition: all 0.3s linear; } .admin-bar header.header_style2.nav-stacked { top: 30px; } header.header_style2.nav-stacked.affix { background: #000000 none repeat scroll 0 0; box-shadow: 3px 0 8px rgba(0, 0, 0, 0.25); padding: 5px 0; } /*--------------------- 2.3.2. Navigation --------------------------*/ .nav-stacked.affix { background: #111111 none repeat scroll 0 0; } .navbar-default { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; margin: 0 auto !important; padding: 12px 0; } .navbar-collapse { padding: 0; } .nav > li { margin: 0; } .navbar-default .navbar-nav > li > a { color: #fff; display:inline-block; } .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color: #de302f; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #de302f; } .navbar-nav { float: right; } header.header_style2 .nav > li { padding:0px 25px; } .navbar-nav > li:nth-child(1) { padding-left: 0; } header.header_style2 .navbar-nav > li > a { font-size: 18px; font-weight: 400; line-height: 21px; padding: 15px 0; } /*------------------------- 2.3.3. Dropdown-menu ----------------------------------*/ header.header_style2 ul.nav.navbar-nav li.active .dropdown-menu a, header.header_style2 ul.nav.navbar-nav li:hover .dropdown-menu a { color: #fff; } ul.nav.navbar-nav li .dropdown-menu li { display: block; margin: 20px auto; text-align: left; } header.header_style2 ul.nav.navbar-nav li.active .dropdown-menu a:hover, header.header_style2 .dropdown-menu a:hover { color:#222 !important; } @media (min-width:768px) { ul.nav.navbar-nav li.dropdown:hover ul.dropdown-menu { display:block !important; } } /*=========== 3. Intro ===================*/ .banner-section { background-position:center; background-repeat:no-repeat; background-size:cover; background-position:center; position:relative; overflow:hidden; } /*----------------------------------- 3.1. Default Background image ------------------------------------------*/ .banner-content { padding:140px 0; } .banner-content h1 { font-size:90px; color:#fff; } .banner-fixed { display:table-cell; height:100vh; width:1%; vertical-align:middle; text-align:center; position:relative; z-index:1 } .banner-tagline p { font-size:24px; color:#fff; line-height:auto !important; margin-top:20px; } /*------------------------------------------- 3.1.2. Default Background image Style 2 -------------------------------------------------*/ .banner_style2 .banner-fixed { display: block; height: auto; padding: 120px 0 100px; position: relative; vertical-align: middle; text-align:left; width: 100%; z-index: 1; } .banner_style2 .banner-content { padding: 0; } .banner-form { background: #ffffff none repeat scroll 0 0; padding: 26px; } .banner-form h4 { font-weight: 400; line-height: 36px; } .select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .select::after { color: hsl(0, 0%, 53%); content: ""; cursor: pointer; font-family: fontawesome; font-size: 12px; padding: 14px 2px; pointer-events: none; position: absolute; right: 8px; top: 0; } /*---------------------------------- 3.2. Video Background --------------------------------------*/ .video { bottom: 0; left: 50%; min-height: 100%; min-width: 100%; position: absolute; top: 0; transform: translate(-50%, 0px); } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } /*---------------------------------- 3.3. Background Slideshow --------------------------------------*/ .slides { background-position: center top; background-size: cover; height:100vh; position:relative; } .masked::after { background-color: rgba(0, 0, 0, 0.78); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index:-1; } .banner_style2 .masked::after { z-index:0; } .slider-page .banner_style2 { padding: 0; } .banner_style2 { padding:150px 0; } /*================ 4. Countdown ========================*/ .countdown-tab { position:relative } .counter-sec { position: absolute; bottom:0px; left:0px; right:0px; padding:0px 15px; z-index:1 } .half-width { width:50%; float:left; } .coming-timer { margin:0 auto; background:#161616; padding:22px 0px; } .countdown-counter { margin:0 auto; padding:22px 0px; background:rgba(34,34,34,0.65); } .countdown-amount:after { content:""; height:100%; width:1px; background:#444445; position:absolute; top:0px; right:-21px; } .countdown-amount:last-child:after { margin:0px; width:0px; } .countdown-amount:last-child { margin:0px; } .countdown-period { display:block; font-size:17px; line-height:1; text-align:center; font-weight:300; margin-top:3px; text-transform:capitalize; } .countdown-amount { color:#fff; font-size:50px; font-weight:700; display:inline-block; list-style:outside none none; margin:0 42px 0px auto; padding:15px 0px; text-align:center; width:auto; position:relative; line-height:1; display:inline-block; vertical-align:middle; } .timer-extra-css h6 { margin-top:80px; } .timer-extra-css .countdown_style2 { margin-bottom:75px; } /*======================== 4.1. Timer CountDown =================================*/ .vc_row { box-sizing: border-box; display: flex; flex-wrap: wrap; } .vc_col { display: flex; } .timer_wrap { margin: 0 auto; max-width: 500px; width: 100%; } .timer_wrap h6 { line-height: 50px; margin-bottom: 30px; text-decoration: underline; } .conference_date { font-weight:300; font-size:36px; line-height:50px; margin:0px; } .countdown_style2 { width: 100%; } .countdown_style2 .countdown-amount { border: 1px solid #434242; padding:18px; margin:0 5px; } .countdown_style2 .countdown-amount:after { display:none; } /*===================== 5. About Conference ============================*/ .about-section { position:relative } .about-content p { margin-bottom:40px; } .carousel { position:relative; overflow:hidden } .carousel-inner .item img { width:100% } .carousel-control { box-shadow:none; background:transparent } .left.carousel-control, .right.carousel-control, #about .flexslider .flex-prev, #about .flexslider .flex-next { background:#de302f none repeat scroll 0 0; bottom:0; font-size:40px; height:45px; line-height:22.5px; opacity:1; padding:0 !important; position:absolute; text-shadow:none; top:inherit; width:58px; } .left.carousel-control { right:65px !important; left:auto } .right.carousel-control { right:0px !important; } #about .flex-control-nav { display:none; } #about .flexslider { margin:0px; border:0px; } #about .flexslider .flex-prev, #about .flexslider .flex-next { color: #ffffff; font-size: 0; left: inherit; opacity: 1; right: 0; text-align: center; top: inherit; } #about .flexslider .flex-prev { right:60px; } #about .flexslider .slides img { height: auto; } #about .flex-direction-nav a::before { font-size: 24px; position: relative; top: 11px; } #about .conference-gallery ul { padding:0px; margin:0 auto; } #about .conference-gallery ul li { position:relative; left:0px; float:left; clear:inherit; list-style:none; } #about .conference-gallery ul li img { max-width:100%; height:auto; } /*========================== 5. About Us Section ===================================*/ .conference-gallery .isotope-item { margin-bottom: 30px !important; padding-left: 10px !important; padding-right: 10px !important; width: 48%; } .about-m-content p { margin-bottom: 30px; } .abut-event-img:nth-child(3n) { clear: left; } .abut-event-img img { max-width: 100%; transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -ms-transition-duration: 0.3s; transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1); } .abut-event-img:hover img { transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1); -ms-transform:scale(1.1); } .abut-event-img { margin:0 auto 30px; overflow:hidden; } .about-m-content .wpb_gallery_slides ul li { float:left; } /*========================== 6. our-conference info ====================================*/ .our-conference { background-image:url(../images/our-conference-bg.jpg); position: relative; } .conference-m-box { position: relative; z-index: 1; } .conference-info { color: #ffffff; } .conference-info span { color: #ffffff; font-size: 28px; font-weight: 300; line-height: 70px; text-align: center; } .conference-info .fa { display: block; font-size: 80px; } .resever-today h2 { color: #ffffff; margin-bottom: 40px; } .conf-icon-m { border-bottom: 1px solid rgba(255, 255, 255, 0.5); margin-bottom: 40px; overflow: hidden; padding-bottom: 40px; } /*=================== 6. conference info ==========================*/ .conference-content-box { padding-left:43px; overflow:hidden; } .conference-price { overflow:hidden; padding:40px 0; } .conference-price > p { color:#ffffff; } .conference-amount { color:#ffffff; font-size:40px; font-weight:300; line-height:52px; } .conference h2 { color:#ffffff; } #conference { position:relative; } .vc_row { box-sizing: border-box; display: flex; flex-wrap: wrap; } .vc_col { display:flex; } .vc_column-inner { display: block; width: 100%; } .width50-right { float: right; max-width: 570px; padding-right: 60px; flex-direction: column; } .width50-left { float: left; max-width: 570px; padding-left: 60px !important; flex-direction: column; } .section-conference-bg { background-image:url(../images/conference-start-box-bg.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; height:100%; left:0; position:absolute; top:0; width:100%; } .spekers-tickets-box { margin-bottom:35px; overflow:hidden; padding-top:10px; } .spekers-tickets-info { background:#222222 none repeat scroll 0 0; border-radius:50%; color:#ffffff; display:inline-block; font-size:28px; height:195px; line-height:70px; margin-right:30px; padding:42px 20px; text-align:center; width:195px; font-weight:300; } .conference-start-box { overflow:hidden; position:relative; z-index:1; } .spekers-tickets-info .fa { display:block; font-size:54px; } /*==================== 7. Event Gallery ===============================*/ #gallery_slider { background: #000000 none repeat scroll 0 0; } #gallery_slider .owl-item { opacity: 0.2; cursor:pointer; transition-duration:0.8s; } #gallery_slider .owl-item img { width: 100%; } #gallery_slider .owl-item:hover { opacity: 1; } .owl-buttons, .owl-nav { color: #de2f2f; font-size: 30px; height: 1px; left: -60px; overflow: visible; position: absolute; right: -60px; text-align: center; top: 46%; } .owl-prev { border: 2px solid #de302f; float: left; height: 47px; width: 47px; } .owl-next { border: 2px solid #de302f; float: right; height: 47px; width: 47px; } .owl-pagination { display:block } .owl-pagination, .owl-dots { width:100%; display:block; margin:auto; text-align:center } .owl-pagination:after { content:""; clear:both; display:block } .owl-theme .owl-dots { padding-top:15px; } .owl-pagination .owl-page, .owl-theme .owl-dots .owl-dot span { height:10px; width:10px; background:#d7d6d6; border-radius:50%; display:inline-block; margin:25px 5px 0px; } .owl-pagination .owl-page.active, .owl-theme .owl-dots .owl-dot.active span { height:16px; width:16px; border-radius:50%; background:#de302f !important; position:relative; top:2px; } #gallery_slider .owl-pagination { display: none; } #gallery_slider .owl-item.active { opacity:1; } /*=============== 7. Speaker ======================*/ .speaker-info { margin-bottom:5px; padding:15px 0; } .speaker-info h5 { margin-bottom:0px; color:#de302f; } .speaker-info h6 { font-size:16px; font-weight:300; line-height:32px; } .speaker-info-box { position:relative; } .social-icons a { color: #ffffff; font-size: 40px; line-height: 100%; margin-left: 10px; margin-right: 10px; } .social-icons { position:absolute; top:50%; transform:translateY(-50%); width:100%; } .speaker-info-box:hover .speaker-hover { opacity:1; } .speaker-hover { background:rgba(222, 48, 47, 0.80) none repeat scroll 0 0; height:100%; left:0; opacity:0; position:absolute; right:0; top:0; transition:all 0.5s linear 0s; vertical-align:middle; width:100%; } .social-icons a > i { font-size: 30px; } /*==================== 9. Our Speakers ==============================*/ .speakers_wrap { border: 1px solid #e5e5e5; margin-bottom: 30px; overflow: hidden; padding: 25px; position: relative; } .our_speaker_img { float: left; width: 36%; margin:0; position:relative; transition-duration:1s; -moz-transition-duration:1s; -o-transition-duration:1s; -webkit-transition-duration:1s; -ms-transition-duration:1s; } .our_speaker_img img { border-radius:50%; max-width:100%; } .speakers_info { float: left; margin-left: 5%; width: 59%; position:relative; transition-duration:1s; -moz-transition-duration:1s; -o-transition-duration:1s; -webkit-transition-duration:1s; -ms-transition-duration:1s; } .speakers_info h5 { color: #de2f2f; margin: 14px 0; } small { color: #545454; display: block; font-size: 13px; font-style: italic; font-weight: 500; margin: 0 0 18px; } .speakers_info p { color:#555; font-size:15px; line-height:24px; } .speakers_follow_us { float: left; height: 100%; position: absolute; right: -36%; text-align: center; top: 0; background:#fff; width: 36%; transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; -webkit-transition-duration:0.3s; -ms-transition-duration:0.3s; } .speakers_follow_us ul { left: 0; margin: 0; padding: 0 50px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .speakers_follow_us ul li { display:inline-block; vertical-align:middle; margin:2px 10px; } .speakers_follow_us ul li a { display:inline-block; color:#333; font-size:28px; } .speakers_follow_us ul li a:hover { color:#de302f; } .speakers_wrap:hover .speakers_follow_us { right:0px; } .speakers_wrap:hover .our_speaker_img { margin-left:-100%; } /*=============== 8. Schedule ======================*/ .day-time-m { padding-bottom:70px; text-align:center; } .day-time-m ul { padding:0; } .day-time-m li { border:3px solid #ffffff; display:inline-block; font-size:20px; font-weight:300; line-height:35px; list-style:outside none none; margin:0 10px; text-align:center; position:relative; } .day-time-m li.active, .day-time-m li:hover { background:#de302f none repeat scroll 0 0; border-color:#de302f; } .day-time-m li.active::after { border-color: hsl(0, 73%, 53%) hsla(0, 0%, 0%, 0) hsla(0, 0%, 0%, 0); border-style: solid; border-width: 12px; content: ""; height: 12px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 42px; width: 12px; } .day-time-m li a { color:#ffffff; display:block; padding:3px 25px; } .conference-time-list { border-top:3px solid #393939; overflow:hidden; position:relative; } .conference-time-list:nth-last-child(1) { border-bottom:3px solid #393939; } .conf-user-time { color:#ffffff; float:left; padding:15px; text-align:center; width:135px; font-weight:300; } .conf-user-time span.time { display:block; font-size:44px; line-height:60px; } .time-schedule { display:block; font-size:20px; text-align:right; } .conf-user-img { float:left; padding:29px 20px; width:100px; } .conf-user-info { float: left; padding: 34px 0; width: 495px; } .conf-user-info h5 { color:#de302f; margin-bottom:10px; } .conf-user-info h6 { color: hsl(0, 0%, 56%); font-size: 16px; font-weight: 300; margin: 0 auto; } .conf-user-content { overflow:hidden; padding-top:25px; } .conf-user-content p { color:#ffffff; font-size:16px; } .conf-close { background:#de302f none repeat scroll 0 0; border-radius:50%; color:#ffffff !important; display:inline-block; font-size:31px; height:52px; line-height:52px; position:absolute; right:23px; text-align:center; top:45px; width:52px; cursor:pointer; } .conf-close:hover { color:#fff; } .conf-close.menu-down { transform:rotate(89deg); } /*=========================== 8. Conference Schedule ========================================*/ .conference_schedule { background-image:url(../images/schedule_bg.jpg); } .conference_schedule .tab-content { background: #de2f2f none repeat scroll 0 0; color: #ffffff; padding: 48px; margin-left:28px; } .conference_schedule .nav-tabs { border:0px; padding:0px; margin:0px; } .conference_schedule ul.nav-tabs li.active a, .conference_schedule ul.nav-tabs li a:hover, .conference_schedule .nav-tabs li a:focus { background: #DE2F2F none repeat scroll 0 0 !important; } .conference_schedule .nav-tabs > li.active > a, .conference_schedule .nav-tabs > li.active > a:focus, .conference_schedule .nav-tabs > li.active > a:hover, .conference_schedule .nav-tabs > li > a:hover { color:#fff; border:0px; } .conference_schedule .nav-tabs li { list-style:none; } .conference_schedule .nav-tabs li a { background: #cccccc none repeat scroll 0 0; border: 0 none; border-radius: 0; color: #333333; display: block; font-size: 20px; line-height: 50px; padding: 4px 60px; } .schedule_wrap { border-bottom: 1px solid #212121; margin-bottom: 15px; overflow: hidden; padding: 0 0 15px; } .schedule_time { font-size:20px; font-weight:500; } .schedule_time span { font-size:14px; font-weight:300; } .schedule_speaker_info { float:left; width:106px; } .schedule_speaker_info img { max-width:100%; height:auto; } .schedule_speaker_info p { font-size: 16px; font-style: italic; font-weight: 400; line-height: 20px; margin-top: 7px; } .schedule_info { float: right; width: 78%; } .schedule_info p { font-size:18px; line-height:32px; } #schedule .nav-tabs li { margin:26px 0 20px; position:relative; } #schedule .nav-tabs li a { background:#fff; } #schedule .nav-tabs li.active::after { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #de2f2f; border-style: solid; border-width: 16px; content: ""; position: absolute; right: -25px; top: 13px; } .sechedule_download { font-size:16px; color:#fff; font-weight:500; display:inline-block; margin:0 auto 10px; } #schedule .wpb_tabs_nav.ui-tabs-nav { padding-right:20px; } /*=============== 9. Pricing ======================*/ .regi-price-table { margin-bottom:29px; overflow:hidden; } .pricing_wrap:nth-child(3n) { clear: left; } .table-price-box { display:table-cell; padding:44px 21px; vertical-align:top; width:250px; text-align:center; } .table-price-detail { display:table-cell; padding:30px 21px; vertical-align:top; width:281px; } .table-price-box h5 { color:#ffffff; margin-bottom:25px; } .regi-price-box { border-top:1px solid #4e4e4e; overflow:hidden; padding-top:25px; } .regi-price-box p { color:#de302f; font-size:54px; line-height:50px; } .table-price-detail ul { padding-left:24px; margin:0px; } .table-price-detail li { color: hsl(0, 0%, 13%); font-size: 24px; font-weight: 300; line-height: 32px; list-style: outside none none; margin: 24px 0; } .table-price-detail li:last-child { margin-bottom:24px; } .table-price-detail li .fa { margin-right:8px; } .regi-price-btn-box { margin:0 auto; padding-top:10px; text-align:center; } /*================ 10. Priceing =======================*/ .event_plan { background-image:url(../images/pricing_bg.jpg); } .event_priceing { background: #212121 none repeat scroll 0 0; border: 8px solid #4c4c4c; border-radius: 0; padding: 0 25px 25px; transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; -webkit-transition-duration:0.3s; -ms-transition-duration:0.3s; } .plan_name { margin-left: -28px; margin-top:-3px; } .plan_name h6 { background: #212121 none repeat scroll 0 0; display: inline-block; line-height: 50px; margin: 0; padding: 0 30px; text-decoration: underline; } .plan_price { padding: 30px 0 40px; } .plan_price p { font-size: 64px; font-weight: 500; line-height: 60px; margin: 0; } .event_priceing ul { margin:0 0 30px; padding:0px; list-style:none; } .event_priceing ul li { border-top: 1px solid #333333; font-size: 18px; line-height: 30px; margin: 0; padding: 14px 2px; } .event_priceing ul li i { margin:0 12px 0 0; } .event_priceing ul li:last-child { border-bottom: 1px solid hsl(0, 0%, 20%); } .event_priceing .btn { font-weight:500; margin:12px 0; } /*====================== 11. Testimonial ==============================*/ #testimonial_slider { clear: both; } #testimonial_slider .item { border:#ccc solid 1px; padding:26px; margin:1px 15px; } #testimonial_slider .item p { font-size:16px; line-height:30px; color:#555; } #testimonial_slider .item h5 { margin:8px 0 10px; color:#de302f; } .testimonial_img { float:left; width:80px; margin:0 25px 0 0; height:80px; overflow:hidden; } .testimonial_img img { max-width:100%; border-radius:50%; } .testimonial_head { overflow:hidden; margin:0 0 15px; } /*=============== 10. FAQ ======================*/ section#faq { position:relative; } .faq-box-m { overflow:hidden; padding-right:90px; } .faq-box-m h2 { color:#ffffff; margin-bottom:45px; } .panel-group .panel { background:transparent none repeat scroll 0 0; border:medium none; border-radius:0; padding:0px 0 0; box-shadow:none; border-top:1px solid #717171; } .panel-group .panel:nth-last-child(1) { border-bottom:1px solid #717171; } .panel.panel-default:last-child { padding-bottom:0px; } .panel-group { margin-bottom:0; } .panel-heading { position:relative; padding:0; } .panel-body { background-color:transparent; padding:0; margin-bottom:25px; } .panel-body p { color:#908f8f; font-size:16px; line-height:32px; } .faq-box-m .panel-title a , #faq .vc_toggle_title h4{ color:#ffffff; display:block; font-size:24px; text-decoration:none; margin-bottom:24px; } .panel-default > .panel-heading { background:none; } #faq .vc_toggle { border-top:#717171 solid 1px; margin-bottom:0px; padding-top:22px; } #faq .vc_toggle:last-child { border-top:#717171 solid 1px; } #faq h2 { margin-bottom:45px; } .panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body { border-top:none; } .faq-box-m .panel-title a.collapsed { background-color:transparent; color:#fff; } .sport-video-box > h2 { color:#ffffff; line-height:70px; } .sport-video-box { padding:0 40px; position:relative; z-index:1; } .video-box { margin-top:50px; overflow:hidden; } .video-box iframe { border: 0 none; height: 300px; width: 100%; } .faq_bg { background-image:url(../images/faq-video-box-bg.jpg); } #faq iframe { width:100%; } /*=============== 11. FAQ ======================*/ .faq_m { background-image:url(../images/faq_bg.jpg); } .faq_group { margin:0 auto; max-width:945px; } .faq_group.panel-group .panel { background: #ffffff none repeat scroll 0 0; border: 0 none; border-radius: 0; margin-bottom: 28px; overflow: hidden; padding: 0 35px; } .faq_group .panel-default > .panel-heading { background: #ffffff none repeat scroll 0 0; padding-left: 0; padding-right: 0; position: relative; } .faq_group .panel-default > .panel-heading h4 a { color: #de2f2f; font-size: 28px; font-weight: 500; padding-right: 100px; } .faq_group .panel-default > .panel-heading h4 a.collapsed { color: #333333; } .faq_control .fa { display: block; } .panel-default > .panel-heading h4 a.collapsed .fa-plus-square { display: block; } .panel-default > .panel-heading h4 a.collapsed .fa-minus-square { display: none; } .panel-default > .panel-heading h4 a .fa-plus-square { display: none; } .faq_control { position: absolute; right: 4px; top: 21px; } .faq_group.panel-group .panel-heading + .panel-collapse > .list-group, .faq_group.panel-group .panel-heading + .panel-collapse > .panel-body { border-top:#dddddd solid 1px; padding:20px 0; } .faq_group.panel-group .panel-body p { color:#555; } /*=============== 11. Newsletter ======================*/ .subscribe-newsletter { background: #222 none repeat scroll 0 0; margin: 0 auto; text-align: center; } .newslette-iframe { border: medium none; height: 100px; width: 100%; } .subscribe-form > h2 { color:#fff; display: inline-block; line-height: 65px; margin: 0 35px 0 0; vertical-align: top; } .form-group.newsletter-input { display:inline-block; margin:0 -3px 0 auto; vertical-align:top; width:430px; } .newsletter-btn { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 0 none; color: #222222; display: inline-block; font-size: 24px; font-weight: 300; height: 65px; padding: 3px 16px; position: absolute; right: 0; vertical-align: top; top:0px; } .subscribe-form form { display: inline-block; vertical-align: middle; } #newsletter form { position:relative; } #newsletter form .tnp-field > label[for="tnp-email"] { display:none; } #newsletter form .tnp-email { width:490px; padding-right:70px; } #newsletter form .tnp-field-button { height: 30px; position: absolute; right: 20px; top: 17px; width: 40px; z-index: 1; } #newsletter form .tnp-field-button input { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 0 none; float: left; font-size: 0; height: 30px; position: relative; width: 40px; } #newsletter form .tnp-field-button::after { color: #222222; content: "\f1d8"; font-family: fontawesome; font-size: 25px; position: absolute; right: 10px; top: -3px; z-index: -1; } .newsletter-form-2 .subscribe-form { margin: 0 auto; max-width: 430px; position:relative; } .newsletter-form-2 .subscribe-form .mc4wp-form-fields { position:relative; } .newsletter-form-2 .subscribe-form p { margin:0px; } /*============== 12. Sponsors ====================*/ .sponsors-list { margin:0 auto; overflow:hidden; text-align:center; } .sponsors-list > ul { margin:0 auto; padding:0; } .sponsors-list li { display: inline-block; list-style: outside none none; margin-bottom: 48px; margin-left: 15px; margin-right: 15px; } /*================ 13. Sponsors =======================*/ #sponsors_slider { clear:both; } #sponsors_slider .item { display: table; height: 200px; padding: 14px; text-align: center; width: 100%; } #sponsors_slider .item img { max-width:100%; width:auto; display:inline-block; } .vertical_align_md { outline:#dddddd solid 1px; display: table-cell; vertical-align: middle; } #become_sponsor { background-image:url(../images/sponsor_bg.jpg); position:relative; } /*===================== 13. Conference Venue ==============================*/ .contact-info-box, #venue .contact-info-box{ padding:50px 100px; text-align:center; } .contact-info-box h5 { font-size: 26px; font-weight: 300; line-height: 40px; margin: 15px 0 50px; } .contact-info-box h5 a { color:#111; } .contact-info-box h5 a:hover { color:#de302f; } .contact-info-details { overflow:hidden; padding-bottom:20px; } .direction-icon { color:#111111; margin-bottom:5px; } .contact-info-details .fa, .contact-info-box .fa { font-size:80px; } .contact-info-details h5 { font-size: 26px; font-weight: 300; line-height: 40px; margin: 8px 0; text-align:center; } .contact-info-details a { color:#111111; } .contact-info-details a:hover { color:#de302f; } .g-map-m .gmap { height:666px; width:100%; } /*================ 14. Venue =======================*/ .conference_venue { background-image:url(../images/venue_bg.jpg); } .venue_info_box { border: 1px solid #de2f2f; min-height: 275px; padding: 50px; text-align: center; } .venue_info_box .fa { font-size:80px; margin:0 0 10px; clear:both; display:block; } .venue_info_box a { display:inline-block; font-size:18px; color:#fff; margin:0 0 10px; clear:both; } .venue_info_box a:hover { color:#de302f; } #map .gmap { height: 516px; width: 100%; } /*============== 14. Footer =======================*/ /*---------------------------- 14.1. Footer-style-2 ------------------------------------*/ .footer-social-tab { overflow: hidden; position: relative; text-align: center; } .footer-social-tab ul { margin: 0; padding: 0; } .footer-social-tab ul li { display: inline-block; list-style: outside none none; margin-bottom: 80px; margin-top: 80px; vertical-align: middle; } .footer-social-tab a { border: 1px solid hsl(0, 1%, 35%); border-radius: 50%; color: hsl(0, 0%, 100%); display: block; font-size: 35px; height: 80px; line-height: 80px; margin: 0 22px; width: 80px; } .footer-social-tab a:hover { border: 1px solid hsl(0, 73%, 53%); color: hsl(0, 73%, 53%); } .footer-logo-text { margin: 0 0 100px; } .footer-logo-text p { color: #353535; font-size: 288px; font-weight: 700; line-height: 250px; text-align: center; text-transform: capitalize; } .copyright { overflow:hidden; padding:50px 0; text-align:center; position:relative; } .copyright p { color: hsl(0, 0%, 100%); font-size: 16px; } /*---------------------------- 14.2. Footer-style-2 ------------------------------------*/ .footer-pd { padding:60px 0; } footer p { font-size:18px; margin:0px; } footer.footer-pd p { font-size: 15px; } .social_links { margin:0px; padding:0px; text-align:right; } .social_links li { list-style:none; display:inline-block; vertical-align:middle; margin:0px; } .social_links li a { display:block; color:#fff; margin:0 0 0 18px; font-size:20px; } .social_links li a:hover { color:#de302f; } .footer_logo h3 { margin:0px; } /*================ 15. Back to top =========================*/ .back-top { bottom:20px; position:fixed; right:30px; z-index:1; } .back-top a { background: hsl(0, 0%, 0%) none repeat scroll 0 0; border-radius: 0; color: hsl(0, 0%, 100%); display: block; font-size: 31px; height: 52px; line-height: 52px; text-align: center; vertical-align: top; width: 52px; } #back-top a:hover { opacity:0.57; } /*======================== 16. Registration form ================================*/ label.error.wobble-error { color: #de302f; display: block; font-weight: 400; margin: 0; padding: 3px 0 0 3px; text-align: left; } .modal-message { text-align: center; } .modal-message .modal-dialog { top: 30%; } #registration_form .banner-form .success-message, .banner-form .error-message{ display:none; } .banner-form .success-message.show-message { display: block; margin-top: 13px; text-align: center; } .banner-form .error-message.show-message { display: block; margin-top: 13px; text-align: center; } .banner-form label.error.wobble-error, .banner-form span.wpcf7-not-valid-tip { background: #de302f none repeat scroll 0 0; border-radius: 3px; color: #ffffff; display: block; font-size: 12px; font-weight: 400; left: -160px; margin: 0; padding: 1px 9px; position: absolute; text-align: left; top: 31%; } .banner-form label.error.wobble-error:after, .banner-form span.wpcf7-not-valid-tip:after { content:""; position:absolute; right:-12px; top:4px; border-style:solid; border-width:6px; border-color:transparent transparent transparent #de302f; } .banner-form .wpcf7-form-control-wrap { display:block; } span.wpcf7-not-valid-tip { text-align:left; } .banner-form .form-control, .banner-form input[type="text"], .banner-form input[type="email"], .banner-form input[type="url"], .banner-form input[type="password"], .banner-form input[type="search"] { background: #eeecec none repeat scroll 0 0; border: 1px solid #eeecec; border-radius: 0; box-shadow: none; color: #555555; font-size: 14px; height: 38px; padding: 0 20px; } select { background: #eeecec none repeat scroll 0 0; border: 1px solid #eeecec; color: #555555; font-size: 14px; height: 38px; padding: 0 20px; width:100%; } .banner-form .form-group { margin: auto auto 12px; position: relative; } /*======================= 17. Latest Blog ================================*/ .blog_wrap h5 { margin:0 auto 10px; } .blog_wrap h5 a { color:#222; } .blog_wrap h5 a:hover { color:#de302f } .blog_wrap p { font-size:16px; line-height:26px; } .blog_img { overflow:hidden; } .blog_img img { max-width:100%; } .blog_img a { display:block; } .blog_meta p { font-size:13px; margin:0px; font-weight:400; color:#de302f;s } /*================ 19. Blog-Page =========================*/ .inner-pages { background-position: center center !important; background-repeat: no-repeat; background-size: cover; overflow: hidden; position: relative; padding:90px 0; } .page_title { margin: 90px auto 10px; } .our_articles { padding:80px 0; } .our_articles .blog_wrap { border-bottom: 1px solid #cfcfcf; margin-bottom: 60px; padding-bottom:40px; } .video_post iframe { width:100%; height:450px; } .grid_view .video_post iframe { width:100%; height:230px; } .quote_post .blog_img blockquote { background:#de302f; border:0px; color:#fff; padding:80px 80px; position:relative; margin:0; } .quote_post.grid-style-quote .blog_img blockquote { padding: 50px; } .quote_post .blog_img blockquote p { color:#fff; font-size:26px; } .blog_wrap h4 a, .blog_wrap h3 a { color:#111; } .blog_wrap h3 a:hover { color:#de302f; } .single_article .blog_meta p { color:#555; font-size:16px; } .inline-div { display:inline-block; } .single_article .blog_meta p { color: #555; font-size: 13px; margin-bottom:0px; } .single_article .blog_meta { margin-bottom:10px; } .blog_wrap h3 { margin: 0 auto 20px; } .blog_meta p { display: inline-block; margin: 0 20px 0 0; } .grid_view .blog_wrap { border:0px; margin-bottom:40px; } .grid_view .blog_wrap:nth-child(3n) { clear: right; } .grid_view .blog_wrap:nth-child(3n+1) { clear: left; } .view_one p { font-size:18px; line-height:32px; } .pagination > li > a, .pagination > li > span { color:#de302f; } .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background:#de302f; } .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { border-color:#de302f; } .pagination, .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span, .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-radius: 0; } ul.page-numbers { clear:both; padding:0px; } ul.page-numbers li { list-style:none; float:left; } ul.page-numbers li .page-numbers, .page-links .page-number { border: 1px solid #dddddd; font-size: 18px; margin: 0 -1px 0 0; padding: 10px 16px; } ul.page-numbers li .page-numbers.current { background:#de302f; color:#fff; } ul.page-numbers li .page-numbers:hover, .page-links .page-number:hover { color:#222; background:#eee; } .sidebar_wrap { margin-left:20px; } .sidebar_wrap.leftsidebar { margin-left:0px; margin-right:20px; } .sidebar_widgets { padding:20px; border:#ddd solid 1px; margin:0 auto 40px 0px; } .search-form label, .search-form label .search-field { width:100%; } .sidebar_widgets form input[type="submit"] { background:#de302f; border:medium none; border-radius:0; color:#fff; font-size:22px; font-weight:600; width:100%; line-height:1; margin:12px auto 0; padding:18px 50px; text-transform:capitalize; -moz-transition:all 0.5s linear; -webkit-transition:all 0.5s linear; -ms-transition:all 0.5s linear; -o-transition:all 0.5s linear; } .sidebar_widgets table th, .sidebar_widgets table td { padding:10px; } .sidebar_widgets .tagcloud a { background: #de302f none repeat scroll 0 0; border-radius: 3px; color: #ffffff; display: inline-block; font-weight: 900; line-height: 1.5; margin: 5px 0; padding: 5px 13px; } .sidebar_widgets ul { padding:0 0 0 20px; } .widget_title { margin: -20px -20px 20px; padding: 20px; } .widget_title h6 { margin:0px; } .list-style-none { list-style:none; padding:0; margin:0px; } .blog_categories li a { color:#555; } .blog_categories li a:hover, .widget_post_info h6 a:hover { color:#de302f; } .widget_post_img { width:45%; float:left; margin-right:14px; } .widget_post_img img { max-width:100%; } .widget_post_info h6 a { color:#111; } .popular_post li { overflow: hidden; } .textwidget img { max-width: 100%; } .article_tag { padding: 40px 0 0; clear:both; } .blog_wrap img { height: auto; max-width: 100%; } .article_tag h6, .article_tag .tag_list { display:inline-block; vertical-align:middle; margin:0 8px 0 0; } .article_tag .tag_list li { margin-bottom:0px; } .share_article { text-align:right; } .share_article ul, .share_article h6 { display:inline-block; padding:0px; margin:0 8px 0; vertical-align:middle; } .share_article ul li { border-radius: 50%; border-style: solid; border-width: 1px; border-color:#de302f; display: inline-block; height: 26px; line-height: 26px; list-style: outside none none; margin: 0 2px; text-align: center; transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; -webkit-transition-duration:0.3s; -ms-transition-duration:0.3s; vertical-align: middle; width: 26px; } .share_article ul li a { display:block; font-size:15px; } .share_article ul li a .fa { margin:0px auto; } .share_article ul li:hover a { color:#fff; } .share_article ul li:hover { background:#de302f; } /*-------------------- 14.2 Comment-List ----------------------------*/ .articale_comments { margin:0 auto 130px; } .block-head { position: relative; } .commentlist { margin: 0 0 30px; padding: 0; } .commentlist li.comment { list-style: outside none none; padding: 30px 0; } .commentlist li.comment .children li { padding: 5px 0; } .commentlist li.comment { border-bottom: 1px solid #cecece; } .comment-author img { float: left; } .commentlist li.comment .children li { border:0px; } .commentlist li.comment .children li:last-child { padding-bottom:0px; padding-top:0px; } .commentlist li img.avatar { border: 1px solid #cccccc; border-radius: 50%; float: left; height: 84px; margin-bottom: 30px; margin-right: 25px; position: relative; width: 84px; } .comment-body h1, .comment-body h2, .comment-body h3, .comment-body h4, .comment-body h5, .comment-body h6, .comment-body table, .comment-body ul, .comment-body ol, .comment-body blockquote, .comment-body dl, .comment-body address, .comment-body pre, .comment-body p, .comment-body .reply { margin-left: 110px; } .comment-body p { display: block; margin-bottom: 10px; padding-bottom: 0; } .alignnone { max-width: 100%; } .comment-meta.commentmetadata { margin-bottom:8px; } .comment-meta.commentmetadata, .comment-meta.commentmetadata a, .comment-meta .comment-metadata a { color: #b7b7b7; font-size: 14px; font-weight: 400; } .comment-reply-link { font-weight: 400; padding-left: 24px; position: relative; } .comment-reply-link::after { content: "\f112"; font-family: fontawesome; font-size: 14px; left: 2px; position: absolute; top: -5px; } .comment-author .fn, .comment-author .fn a { color: #111; font-size:18px; font-weight: 900; } .comment ul.children { padding-left: 110px; } .comment ul.children li.comment { border-bottom: 0 none; border-top: 1px solid #cecece; margin-top: 30px; padding-bottom: 0; } .comment-form { margin:20px 0 40px; } .comment-reply-title { font-size: 28px; line-height: 30px; margin-bottom: 15px; margin-top: 10px; } .comment-form-comment textarea { width: 100%; } .comment-form-comment > label { display: none; } .form-submit .submit { background: #de302f none repeat scroll 0 0; border: medium none; border-radius: 0; color: #fff; font-size: 22px; font-weight: 600; line-height: 1; margin: auto; padding: 20px 50px; text-transform: capitalize; transition: all 0.5s linear 0s; } @media (max-width:767px) { .quote_post .blog_img blockquote { padding:30px; } .video_post iframe { height: 300px; width: 100%; } .quote_post .blog_img blockquote p { font-size:18px; } .share_article { margin-top: 20px; text-align: left; } .commentlist li img.avatar { height: 50px; margin-right: 15px; width: 50px; } .comment-body h1, .comment-body h2, .comment-body h3, .comment-body h4, .comment-body h5, .comment-body h6, .comment-body table, .comment-body ul, .comment-body ol, .comment-body blockquote, .comment-body dl, .comment-body address, .comment-body pre, .comment-body p, .comment-body .reply { margin-left: 70px; } .comment-body p { font-size: 14px; line-height: 23px; } .comment ul.children { padding-left: 60px; } .comment-respond { margin-bottom: 100px; } .sidebar_wrap { margin:80px 0 0 !important; } } /*================ 21. Responsive CSS =========================*/ @media (min-width:992px) and (max-width:1200px) { .banner-content h1 { font-size:65px; } h2 { font-size:46px } .banner-tagline p { font-size:23px; margin-top:10px; } .btn.btn-lg { padding:50px 58px; font-size:40px !important; } p { font-size:17px; line-height:30px; } .about-content p { margin-bottom: 30px; } .width50-right { max-width: 470px; padding-right: 20px; } .width50-left { max-width: 470px; padding-left: 20px; } .section-padding { padding:90px 0; } .section-header { margin-bottom:50px; } .spekers-tickets-info { margin-right: 20px; } .table-price-detail li { font-size: 22px; margin: 18px 0; } .header_style2 .navbar-nav > li.dropdown::after { right: 0; } .sport-video-box > h2 { color: hsl(0, 0%, 100%); line-height: 58px; } .conference-content-box { padding-left:20px; } .conference-price { padding:20px 0; } .faq-box-m { padding-right:20px; } .sport-video-box { padding:0 20px; } .vodeo-icon-box { margin-top:50px; } .subscribe-form > h2 { font-size:41px; margin-right:30px; } .form-group.newsletter-input { text-align: left; width: 430px; } .contact-info-details > h5 { font-size: 22px; line-height: 32px; } .subscribe-form input:focus, .subscribe-form input:hover { border:0px; } .g-map-m .gmap { height: 596px; } .contact-info-box { padding:50px 40px; } .footer-logo-text p { font-size: 200px; line-height: 205px; } .copyright { padding:25px 0; } .widget_post_info h6 { font-size: 16px; } nav.navigation ul li { margin:0; } nav.navigation ul li a { font-size: 16px; } .grid_view .video_post iframe { width:100%; height:190px; } header.header_style2 .nav > li { padding: 0 15px; } .conference_schedule .nav-tabs li a { padding: 4px 30px; } .conference_schedule .tab-content { padding: 30px; } .conference_schedule .schedule_info { width: 75%; } #conference .vc_custom_1481958386142 { padding-left: 10% !important; padding-right: 10% !important; } #conference .vc_custom_1481960123817 { padding-left: 10% !important; padding-right: 10% !important; } .spekers-tickets-info { font-size: 20px; height: 175px; line-height: 60px; padding: 30px 20px; width: 175px; } #faq .vc_custom_1481022331281 { padding-left: 7% !important; padding-right: 7% !important; } #faq .vc_custom_1481022752429 { padding-left: 7% !important; padding-right: 7% !important; } .contact-info-box, #venue .contact-info-box { padding: 25px 70px; } .countdown-btn .btn { display: block; } /*----------DEOM 2 -------------------*/ .schedule_info > h4 { margin-bottom: 10px; } .wpb_content_element .wpb_tab.ui-tabs-panel .wpb_content_element { margin-left: 15px; padding: 20px 25px 0; } .wpb_content_element .wpb_tab.ui-tabs-panel .wpb_content_element { margin-left: 20px; padding: 15px 20px 0; } .schedule_info > h4 { margin-bottom: 10px; } .schedule_speaker_info img { margin-top: 0; } .schedule_info > p { font-size: 16px; line-height: 23px; } .banner_style2 .banner-content { padding-right: 80px; } .banner_style2 .banner-form { margin-left: -80px; } .vc_custom_heading.form-hadding { margin-left: -80px; } .banner_style2 #slideshow .banner-content h1 { font-size: 65px; } } @media (min-width:768px) and (max-width:991px) { nav.navigation ul { text-align: center; } nav.navigation ul li { display: inline-block; float: none; margin:0; } nav.navigation ul li a { font-size: 15px; padding: 10px 7px; } .default_menu .nav.navbar-nav ul li { display:block; } #menu-toggle-close { display:block; padding:0px; margin:0 0 20px; text-align:center; } .banner-content h1 { font-size:50px; } h2 { font-size:43px; } h5 { font-size: 26px; } .info-text span { font-size: 22px; } .countdown-amount { font-size:34px; margin:0 auto; padding:8px 0; width:85px; } .countdown-period { font-size:16px; } .countdown-amount::after { right:0; } .btn.btn-lg { font-size:34px !important; font-weight:300 !important; padding:40px 38px; } .btn.btn-lg::after { font-size:34px; } .section-header { margin-bottom:40px; } .about-content > h2 { font-size:43px; margin-bottom:10px; } .about-content p { font-size:16px; line-height:30px; margin-bottom:10px; } .about-carousel { margin-top:71px; } .spekers-tickets-box { margin-bottom:25px; } .spekers-tickets-info .fa { font-size:44px; } .conference-price > p { display: inline-block; margin-right: 10px; } .conference-content-box { padding-left:13px; } .btn-lg-boder-w { font-size:25px !important; line-height:44px; padding:10px 40px; } .conf-user-time span.time { font-size:38px; } .conf-user-time { padding:10px; width:110px; } .conf-user-img { padding:30px 15px; width:90px; } .conf-user-info { padding:34px 0; width:490px; } .regi-price-box p { font-size:44px; line-height:35px; } .table-price-detail ul { padding-left:0; } .table-price-detail, .table-price-box { display:block; width:100%; padding:22px; } .table-price-detail li { font-size:22px; } .btn-lg-boder-r { font-size:28px !important; line-height:50px; padding:5px 45px; } .sponsors-list li { margin-bottom: 25px; margin-left: 30px; margin-right: 30px; } .vc_row { display: block; } .width50-right, .width50-left { float: none; margin: 0 auto; max-width: 700px; padding: 0px !important; } .faq-box-m { padding-right:15px; } .faq-box-m h2 { margin-bottom:30px; } .panel-body p { font-size:15px; line-height:29px; } .panel-title a { font-size:19px; line-height:55px; } .sport-video-box { padding:0 10px; } .vodeo-icon-box { margin-top:40px; } .vodeo-icon-box a { font-size:45px; } .subscribe-form > h2 { display: block; line-height: 50px; margin: 0 auto 43px; } .contact-info-details .fa { font-size:60px; } .contact-info-box { padding:20px 25px; } .contact-info-details h5 { font-size:21px; line-height:35px; } .contact-info-details { padding-bottom:10px; } .g-map-m .gmap{ height:494px; } .footer-social-tab ul li { margin-bottom:60px; } .footer-logo-text { margin: 0 0 80px; } .footer-social-tab a { margin:0 15px; } .footer-logo-text p { font-size: 183px; line-height: 105px; text-align: center; } .copyright { padding:20px 0; } .newslette-iframe { height: 180px; } .blog_wrap h5 { font-size: 18px; line-height: 22px; margin: 0 auto 10px; } .grid_view .video_post iframe { width:100%; height:140px; } header.header_style2 .nav > li { padding: 0 11px; } .header_style2 .navbar-nav > li.dropdown::after { right: -2px; } header.header_style2 .navbar-nav > li > a { font-size: 15px; } .banner-form h4 { font-size: 28px; line-height: 30px; margin-bottom: 20px; } #timer_countdown.vc_row { display:flex; } .conference-info { font-size: 22px; line-height: 50px; } .conference_schedule .nav-tabs li a { font-size: 16px; line-height: 40px; padding: 4px 20px; } #schedule .nav-tabs li { margin: 26px 0 5px; } .conference_schedule .tab-content { margin-left: 0; padding: 20px; } .conference_schedule .schedule_info { width: 70%; } .conference_schedule h4 { font-size:26px; margin:0 auto 15px; } .conference_schedule .schedule_info p { font-size: 15px; font-weight: 400; line-height: 22px; } .event_priceing { border: 5px solid #4c4c4c; padding: 0 15px 25px; } .plan_name { margin-left: -17px; } .plan_price p { font-size: 44px; line-height: 40px; } .event_priceing ul li { font-size: 16px; line-height: 20px; padding: 14px 2px; } .event_priceing .btn { font-size: 17px; margin: 12px 0; padding: 15px 20px; } #testimonial_slider .item p { font-size: 15px; line-height: 28px; } .venue_info_box { border: 1px solid #de2f2f; min-height: inherit; padding: 15px; text-align: center; } .venue_info_box a, .venue_info_box p { font-size: 15px; } .social_links { margin: 30px 0; padding: 0; text-align: center; } footer p { text-align:center; } .contact-info-box, #venue .contact-info-box { padding: 49px 20px; text-align: center; } #conference .vc_custom_1481958386142 { padding-left: 10% !important; padding-right: 10% !important; } #conference .vc_custom_1481960123817 { padding-left: 10% !important; padding-right: 10% !important; } .spekers-tickets-info { font-size: 18px; height: 145px; line-height: 49px; margin-right: 2%; padding: 33px 10px; width: 145px; } #faq .vc_custom_1481022331281 { padding-left: 5% !important; padding-right: 5%!important; } #faq .vc_custom_1481022752429 { padding-left: 5% !important; padding-right: 5% !important; } .countdown-btn .btn { display: block; } /*----------DEOM 2 -------------------*/ .banner_style2 .banner-content { padding-right: 80px; } .vc_custom_heading.form-hadding { padding-top: 10px; margin-left: -80px; font-size:26px; } .banner_style2 .banner-form { margin-left: -80px; padding: 20px; } .venue_info_box { inline-size: 30% !important; margin-left: 10px; margin-right: 10px; min-height: 225px !important; } .venue_info_box .vc_column-inner { padding-top: 0 !important; } .venue_info_box .wpb_content_element { margin-bottom: 0; } .event_priceing { margin-left: -7px; margin-right: -7px; } .wpb_content_element .wpb_tabs_nav li a { font-size: 17px; padding: 0.5em 1em !important; } .wpb_content_element .wpb_tabs_nav li.ui-tabs-active::after { top: 8px; } .wpb_content_element .wpb_tab.ui-tabs-panel .wpb_content_element { margin-left: 20px; padding: 15px 20px 0; } .schedule_speaker_info > p { margin-top: 0; } .schedule_speaker_info img { margin-top: 0; } .schedule_info > h4 { font-size: 25px; margin-bottom: 10px; } .schedule_info > p { font-size: 16px; line-height: 22px; } .schedule_info { width: 70%; } .banner_style2 #slideshow .banner-content h1 { font-size: 50px; } } @media (max-width:767px) { .default_menu .nav.navbar-nav ul li:hover ul { position:relative; top:inherit; left:inherit; } .admin-bar header.nav-stacked { top: 50px; } .admin-bar header.nav-stacked.affix { top: 0px; } header { padding: 10px 0; } #menu-toggle-close { text-align:left; display:block; } .modal-dialog { width: 90%; } .modal-dialog .form-control, .modal-dialog input[type="text"], .modal-dialog input[type="email"], .modal-dialog input[type="url"], .modal-dialog input[type="password"], .modal-dialog input[type="search"] { font-size: 14px; height: 48px; padding: 0 15px; } .form-group { margin: auto auto 15px; } .btn { font-size: 20px; padding: 17px 50px; } .modal h3 { font-size: 28px; margin-bottom: 15px; } .padding_4x4_40 { padding: 25px; } h1 { font-size:52px; } h2 { font-size:44px; } h5 { font-size:24px; } nav.navigation ul.nav.navbar-nav { height:400px; overflow-Y:auto; } nav.navigation ul li { border-top: 1px solid hsla(0, 0%, 100%, 0.1); padding: 10px 0; } nav.navigation ul li a { display:inline-block; } nav.navigation.active { height:100%; } .default_menu .nav.navbar-nav ul > li { float:none; } .default_menu .nav.navbar-nav ul > li.page_item { float:none; } .info-text span { display:block; font-size:25px; text-align:center; } .info-text span { font-size:22px; } .banner-tagline { padding-top: 10px; } .logo .center-block { display: inline; } .banner-content h1 { font-size:46px; } .about-carousel.border-box { margin-bottom: 0; } .counter-sec { margin: 0 -35px !important; padding: 0; position: relative; } .conference-start-box h2 { line-height:55px; } .width50-right, .width50-left { float: none; margin: 0 auto; max-width: 90%; padding: 0px !important; } .half-width { float:none; width:100%; } .countdown-amount::after { right:0; } .countdown-amount { font-size:36px; margin:0 auto; padding:8px 0; width:120px; } .countdown-period { font-size:18px; } .btn.btn-lg { font-size:25px !important; padding:25px 10px; width:100%; } .btn.btn-lg::after { font-size:24px; } .countdown-counter { padding:12px 0; } .section-padding { padding:80px 0; } .conference-time-list { padding: 20px 0; } p { font-size:16px; line-height:28px; } .section-header { margin-bottom:40px; } .about-content p { margin-bottom:20px; } .spekers-tickets-box { margin-bottom:20px; } .conference-start-box > p { width:100%; } .spekers-tickets-info { height:185px; margin:0 3%; width:185px; font-size:22px; } .spekers-tickets-info .fa { font-size:44px; } .conference-price > p { display: inline-block; } .section-conference-bg { height:100%; width:100%; } .vc_row { display:block; } .section-overlay { height:100%; width:100%; } .conference-content-box { position:relative; z-index:1; } .conference-price { padding:20px 0; } .btn-lg-boder-w { font-size:32px !important; line-height:53px; padding:10px 48px; } .regi-price-table { margin-left:auto; margin-right:auto; max-width:560px; } .faq-box-m { padding-right:0; position:relative; z-index:1; } .section-faq-bg { bottom:0; height:40%; top:inherit; width:100%; } .section-right-overlay { bottom:0; height:40%; top:inherit; width:100%; } .vodeo-icon-box { margin-top:40px; overflow:hidden; } .subscribe-form > h2 { display: block; line-height: 50px; margin-bottom: 20px; margin-right: 0; } .form-group.newsletter-input { margin-bottom:30px; } .sponsors-list li { margin-bottom:31px; margin-left:12px; margin-right:12px; } .sponsors-list img { max-width:100%; } .border-box { margin-bottom:50px; } .contact-info-box { padding:50px; } .g-map-m .gmap { height:500px; } .conf-user-time { padding:15px 0; width:74px; } .conf-user-time span.time { font-size:24px; line-height:40px; } .time-schedule { font-size:16px; text-align:center; } .conf-user-img { float:left; padding:9px; width:75px; } .conf-user-info { padding:15px 5px; width:66%; } .conf-user-content { padding-top:10px; } .conf-close { font-size: 20px; height: 32px; line-height: 32px; right: 8px; top: 38px; width: 32px; } .speaker-info-box { margin:0 auto; } .speaker-info { margin-bottom: 50px; padding: 10px 0; } .speaker-info h6 { margin-bottom:0px; } .spearker-img img { width: 100%; } .speaker-sec { margin: 0 auto; max-width: 460px; } #newsletter form .tnp-email { width:100%; max-width:490px; } .footer-social-tab a { font-size:25px; height:50px; line-height:48px; margin:6px; width:50px; } .footer-logo-text { margin: 0 0 60px; } .footer-social-tab ul li { margin: 30px 0; } .footer-logo-text p { font-size:70px; line-height:66px; text-align:center; } .copyright { padding:20px 0; } .blog_wrap { margin-bottom: 30px; } .blog_wrap h3 { font-size: 26px; } .view_one p { font-size: 16px; line-height: 30px; } header.header_style2, header.header_style2.nav-stacked.affix { padding: 0; } .header_style2 .navbar-toggle .icon-bar { border-radius: 1px; display: block; height: 4px; width: 26px; } .header_style2 .navbar-default .navbar-toggle .icon-bar { background-color: #ffffff; } .header_style2 .logo { float: left; } .header_style2 .logo a { line-height: 53px; } .header_style2 .navbar-header { padding-top: 15px; } .navbar-toggle { border: medium none; margin: 3px auto 0; padding: 0; } .header_style2 header.navbar { position:relative; background:#0a0a0a; } .affix-top nav.navbar.navbar-default #navigation { background: #000000 none repeat scroll 0 0; border: 0 none; margin-left: -15px; margin-right: -15px; } .navbar-toggle:focus, .navbar-toggle:hover { background:none !important; } .header_style2 .navbar-collapse { border-top: 1px solid rgba(255, 255, 255, 0.1); box-shadow: none; height: 410px; margin-left: -15px; margin-right: -15px; margin-top: 10px !important; } .header_style2 .navbar-default .navbar-collapse { border-top: 1px solid rgba(255, 255, 255, 0.1); } .header_style2 .navbar-default { position:a; bottom:0px; height:100% !important; min-height:auto !important; } .header_style2 .navbar ul.nav.navbar-nav { width:100%; margin:0px; } .header_style2 .navbar ul.nav.navbar-nav li a { font-size: 17px; font-weight: 300; line-height: 30px; padding: 10px 0; display:block; } .header_style2 .navbar-nav > li:nth-child(1) { padding-left: 20px; } .header_style2 .navbar-nav.nav > li { padding: 0 20px; border-bottom:1px solid rgba(255, 255, 255, 0.1); } .banner_style2 .banner-tagline { padding-top: 0; text-align: center; } .banner-form { padding:20px; } .banner-form h4 { font-size: 29px; line-height: 30px; text-align: center; } .countdown_style2 .countdown-amount { margin: 0 1px; padding: 8px; font-size:28px; width:100px; } .countdown_style2 .countdown-period { font-size:12px; } .conference_date { font-size: 30px; line-height: 35px; } .about-m-content ul { margin-bottom: 30px; padding-left: 20px; } ul.list_style_none li, ol.list_style_none li { display: flex; font-size: 16px; line-height: 29px; margin: 0 auto 10px; width: 100%; } ul li i.fa, ol li i.fa { margin-top: 9px; } .conference-info .fa { font-size: 60px; } .conference-info { font-size: 22px; margin-top:22px; } .conference_schedule .nav-tabs { margin-bottom: 30px; overflow: hidden; text-align: center; } #schedule.conference_schedule .nav-tabs li { display: inline-block; float: none; margin: 26px 0 0; } #schedule.conference_schedule .nav-tabs li:after { display:none; } .conference_schedule .nav-tabs li a { font-size: 16px; line-height: 40px; padding: 4px 20px; } .conference_schedule .tab-content { padding: 20px; margin-left:0px; } .event_priceing { margin: 0 auto 40px; max-width: 450px; } .faq_group.panel-group .panel { padding: 0 15px; } .faq_group .panel-title { color: inherit; font-size: 16px; margin-bottom: 0; margin-top: 0; } .faq_group .panel-default > .panel-heading h4 a { font-size: 20px; font-weight: 500; line-height: 28px; padding-right: 30px; } .faq_group .panel-body p { color: #908f8f; font-size: 15px; line-height: 26px; } .venue_info_box { margin: 0 auto 30px; max-width: 450px; min-height: inherit; padding: 30px; } .conference_schedule .schedule_info { width: 68%; } .conference_schedule .schedule_info h4 { font-size:26px; } .conference_schedule .schedule_info p { font-size: 16px; font-weight: 400; line-height: 26px; } .social_links { margin: 30px 0; text-align: center; } footer p { text-align:center; } #venue .contact-info-box { margin: 0 15px 40px; padding: 50px; width: auto; } #conference .vc_custom_1481958386142 { padding-left: 10% !important; padding-right: 10% !important; } #conference .vc_custom_1481960123817 { padding-left: 10% !important; padding-right: 10% !important; } #faq .vc_custom_1481022331281 { padding-left: 5% !important; padding-right: 5%!important; } #faq .vc_custom_1481022752429 { padding-left: 5% !important; padding-right: 5% !important; } .vc_empty_space { height: 80px !important; } #sponsors .wpb_single_image .vc_figure { display: block; text-align: center; } /*----------DEOM 2 -------------------*/ .timer-extra-css > .vc_column-inner { padding-bottom: 50px !important; padding-top: 50px !important; } .venue_info_box { width: 85% !important; } .wpb_accordion_section.group { padding: 0 15px !important; } .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a { font-size: 23px; padding-right: 40px; } .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon, .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon { right: 0 !important; } .banner_style2 h1{ text-align:center !important;} .vc_custom_heading.form-hadding { max-width: 520px; } .banner-form { max-width: 520px; margin-bottom:50px; margin-left:auto; margin-right:auto; } .banner-form-2 { right: -6%!important; } .banner_style2 #slideshow .banner-content { display: none; } .navbar-default .navbar-nav > li.dropdown:hover .dropdown-menu { display:block; } .navbar-nav > li > .dropdown-menu { display: block !important; transition: .4s; -webkit-transition: .4s; -moz-transition: .4s; opacity: 0; visibility: hidden; width:100%; } .navbar-nav > li:hover > .dropdown-menu { opacity: 1; visibility: visible; transition: .4s; -webkit-transition: .4s; -moz-transition: .4s; } .dropdown-menu > li { border-top: 1px solid hsla(0, 0%, 100%, 0.1); margin: 0 auto !important; } .dropdown-menu > li > a { display: block; font-size: 15px !important; padding-top:15px; padding-bottom:15px; padding-left: 50px !important; } .banner_style2 { padding: 80px 0 0; } .timer-extra-css h6 { margin-top: 20px; } .timer-extra-css .countdown_style2 { margin-bottom: 20px; } } @media (max-width:479px) { .banner-content h1, h1 { font-size: 40px; } h2 { font-size:33px; } .info-text { display:none; } .countdown-amount { font-size:26px; width:72px; } .countdown-period { font-size:16px; } .banner-tagline p { font-size:18px; margin-top:10px; } .btn.btn-lg { width:100%; } .spekers-tickets-info { font-size: 15px; height: 106px; line-height: 40px; margin: 0 1%; padding: 13px 4px; width: 106px; } .spekers-tickets-info .fa { font-size:39px; } .conference-content-box p { font-size:16px; } .btn-lg-boder-w { font-size:26px !important; line-height:42px; padding:8px 28px; } .conference-amount { font-size:30px; line-height:42px; } .day-time-m li { border: 2px solid hsl(0, 0%, 100%); font-size: 16px; margin: 0 5px; padding: 0; } .day-time-m li a { padding: 3px 12px; } .day-time-m li.active::after { top:37px; } .day-time-m { padding-bottom:40px; } .conf-user-time { float: none; margin: 0 auto 10px; padding: 14px 2% 10px; text-align: left; width: 100%; } .conference-time-list { padding: 10px 0; } .conf-user-time span.time { display:inline-block; font-size:35px; line-height:40px; text-align:center; } .time-schedule { display:inline-block; font-size:16px; text-align:center; } .conf-user-img { float:left; padding:4px 4% 4px 0; width:22%; } .conf-close { font-size: 20px; height: 32px; right: 7px; top: 27px; line-height: 32px; width: 32px; } .conf-user-info { padding:6px 0 25px; width:78%; } .conf-user-content { padding-top:15px; } .conf-user-content p { font-size:15px; line-height:27px; } .table-price-box, .table-price-detail { display: block; padding: 13px 20px; width: 100%; } .table-price-box h5 { font-size:24px; margin-bottom:8px; line-height:32px; } .regi-price-box { padding-top:16px; } .regi-price-box p { font-size:41px; line-height:42px; } .table-price-detail ul { padding-left:0; } .table-price-detail li { font-size:18px; } .btn-lg-boder-r { font-size:26px !important; line-height:40px; padding:10px 30px; } .panel-title a { font-size:16px; line-height:50px; } .sport-video-box > h2 { font-size:36px; line-height:51px; } .vodeo-icon-box a { font-size:40px; } .form-group.newsletter-input { margin: 0 0 10px; width: 100%; } .contact-info-box { padding:20px; } .contact-info-details > h5 { font-size:19px; line-height:31px; } .direction-icon { margin-bottom:5px; } .g-map-m .gmap { height:310px; } #schedule.conference_schedule .nav-tabs li.active::after { display:none; } .conference_schedule .schedule_speaker_info { float: none; margin: 0 auto; width: 106px; } .conference_schedule .schedule_info { float: none; width: 100%; } #schedule.conference_schedule .nav-tabs li { margin: 16px 0 } .conference_schedule .nav-tabs li a { display: block; font-size: 18px; padding: 4px 30px; text-align: center; width: 100%; } .conference_schedule .tab-content { padding: 20px; text-align: center; } #schedule.conference_schedule .nav-tabs li { float: none; } .conference_schedule .schedule_info h4 { font-size:26px; } .conference_schedule .schedule_info p { font-size: 16px; font-weight: 400; line-height: 26px; } #schedule.conference_schedule .nav-tabs li.active::after { display:none; } h5 { font-size: 20px; line-height: 22px; } .speakers_info p { font-size: 14px; line-height: 22px; } .speakers_wrap { padding: 15px; } .countdown_style2 .countdown-amount { width:70px; } #venue .contact-info-box { margin: 0 15px 40px; padding: 30px 10px; width: auto; } .contact-info-box h5 { font-size: 18px; line-height: 30px; } #conference .vc_custom_1481958386142 { padding-left: 4% !important; padding-right: 4% !important; } #conference .vc_custom_1481960123817 { padding-left: 5% !important; padding-right: 5% !important; } #faq .vc_custom_1481022752429 { padding-left: 5% !important; padding-right: 5% !important; } #faq .vc_custom_1481022331281 { padding-left: 15px !important; } #faq .vc_custom_1483078481183 { padding-left: 10% !important; padding-right: 10% !important; } .vc_empty_space { height: 60px !important; } .subscribe-form > h2 { font-size:30px; } #sponsors .wpb_single_image .vc_figure { display: block; text-align: center; } .speaker-info { margin-bottom: 25px; } .back-top { bottom: 0; right: 0; } .back-top a { font-size: 26px; height: 52px; width: 42px; } .footer-social-tab ul li { margin: 10px 0; } /*----------DEOM 2 -------------------*/ } @media (max-width:600px) { #schedule .wpb_tour .wpb_tabs_nav { float: none; width: 100%; } #schedule .wpb_tour .wpb_tour_tabs_wrapper .wpb_tab { float: none; padding: 0; width: auto; } .schedule_speaker_info img { margin-top: 0; } .schedule_info { width: 69%; } .schedule_info > p { font-size: 16px; line-height: 26px; } .wpb_content_element .wpb_tab.ui-tabs-panel .wpb_content_element { margin-left: 0; padding: 15px 15px 0; } .schedule_info > h4 { font-size: 23px; margin-bottom: 2px; } .schedule_speaker_info p { font-size: 14px; } .schedule_speaker_info { width: 28%; max-width:106px; } .wpb_content_element .wpb_tabs_nav li { margin: 0 0 28px !important; } } @media (min-width:600px) and (max-width:767px) { .schedule_speaker_info p { font-size: 15px; font-style: italic; font-weight: 400; line-height: 20px; margin-top: 7px; } .schedule_speaker_info { float: left; width: 28%; max-width:106px; } .schedule_info { float: right; width: 70%; } .wpb_content_element .wpb_tab.ui-tabs-panel .wpb_content_element { margin-bottom: 0; margin-left: 10px; padding: 13px 13px 0; } .wpb_content_element .wpb_tabs_nav li a { font-size: 15px; padding: 9px 8px !important; } .schedule_info > h4 { font-size: 25px; margin-bottom: 10px; } .schedule_info > p { font-size: 15px; line-height: 26px; } .wpb_content_element .wpb_tabs_nav li.ui-tabs-active::after { top: 8px; } .schedule_speaker_info img { margin-top: 0; } } .vc_custom_1481022331281 { padding-left: 15% !important; padding-right: 13% !important; } @media (min-width:1200px) and (max-width:5000px) { .slider-page .container { margin-left: auto; margin-right: auto; width: 1170px; } } @media (min-width:320px) and (max-width:991px) { .slider-page .container.vc_column_container { margin-left: auto; margin-right: auto; padding-left:15px; padding-right:15px; } } .black-layer{ position:relative;} .black-layer::after { background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0; content: ""; height: 100%; position: absolute; right: 0; top: 0; width: 100%; z-index: -1; } .dark_mask::after { background: rgba(0, 0, 0, 0.75) none repeat scroll 0 0; content: ""; display: block !important; height: 100% !important; left: 0; position: absolute; top: 0; visibility: visible !important; width: 100%; } .dark_mask * { position: relative; z-index: 1; } /*====================== Sponsors-Styles =============================*/ #sponsors-slider .sponsors_logo { background:#dddddd; outline: 1px dashed #dddddd; outline-offset:4px; margin:5px auto 12px; height:150px; display:table; width:90%; padding: 20px; } #sponsors-slider .sponsors_logo a { display:table-cell; vertical-align:middle; } #sponsors-slider .sponsors_logo img { max-width:100%; } .sponsors_3 .sponsors-list li { outline: 1px dashed rgba(0, 0, 0, 0.5); outline-offset:4px; margin:5px 10px 15px; padding: 20px; } .owl-pagination { width:100%; display:block; margin:auto; text-align:center } .owl-pagination .owl-page { height:10px; width:10px; background:#929292; border-radius:50%; display:inline-block; margin:25px 5px 0px; } .owl-pagination .owl-page.active { background:#DE302F; height:16px; width:16px; border-radius:50%; position:relative; top:2px; } /*====================== Speakers-Styles =============================*/ .speakers_3 .speaker-info-box { border-radius: 50%; } .speakers_3 .speaker-info { text-align: center; } /*====================== Pricing-Table =============================*/ .registration-price-2 .pricing_wrap:nth-child(3n) { clear: none; } .registration-price-2 .table-price-box, .registration-price-2 .table-price-detail { display: block; padding: 20px; width: auto; text-align:center } .registration-price-2 .table-price-detail ul { text-align:left; margin:0 auto 60px; } .registration-price-2 .regi-price-box { border-top: 1px solid rgba(255, 255, 255, 0.05); padding-top: 24px; } .registration-price-2 .table-price-box h5 { margin-top: 10px; } .registration-price-3 .table-price-detail ul li { float:left; width:50%; margin: 12px 0; } .registration-price-3 .table-price-detail { width: 570px; } .table_btn { background: rgba(0, 0, 0, 0.05) none repeat scroll 0 0; display: table-cell; text-align: center; vertical-align: middle; width: 300px; } /*====================== Pricing-Table =============================*/ .event_img { margin:0 auto 30px; overflow:hidden; } .event_img img { max-width:100%; height:auto; transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1); transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; -webkit-transition-duration:0.3s; -ms-transition-duration:0.3s; } .event_img:hover img { transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); -webkit-transform:scale(1.2); -ms-transform:scale(1.2); } .about_info_m h5 { margin: 0 auto 10px; } .about-section-3 .event_img { margin:0 auto 30px; } /*====================== Schedule-Styles =============================*/ .schedule_info2 .nav.nav-tabs { border:0px; text-align:center; } .schedule_info2 .nav.nav-tabs { text-align:center; } .schedule_info2 .nav.nav-tabs li { float:none; display:inline-block; } .schedule_info2 .nav.nav-tabs > li > a { background: #ffffff none repeat scroll 0 0; border-radius: 3px; font-size: 26px; font-weight: 700; margin-bottom: 30px; margin-right: 8px; padding: 20px 40px; text-align: center; text-transform: capitalize; } .schedule_info2 .nav.nav-tabs > li > a span { color: #111111; display: block; font-size: 14px; font-weight:400; } .schedule_info2 .conf-user-time { background: #222222 none repeat scroll 0 0; box-shadow: 0 0 9px rgba(0, 0, 0, 0.3); height: 120px; margin-left: -80px; margin-right: 10px; padding: 35px 30px; position: relative; text-align: center; width: 120px; z-index: 1; } .schedule_info2 .conf-user-time span.time { font-size: 26px; line-height:30px; } .schedule_info2 .time-schedule { font-size: 17px; text-align: center; } .schedule_info2 .conference-time-list { border: 1px solid rgba(255, 255, 255, 0.05); box-shadow: 0 0 9px rgba(0, 0, 0, 0.3); border-radius: 5px; display: table; margin: 0 auto 14px 40px; overflow: visible; padding: 17px 20px; position: relative; width: 100%; } .schedule_info2 .conf-user-info { width: 650px; } .schedule_style2 .nav.nav-tabs > li.active a, .schedule_style2 .nav.nav-tabs > li:hover a, .schedule_style2 .nav.nav-tabs > li a:hover, .schedule_style2 .nav.nav-tabs > li a:focus { background:#de302f; color:#fff; } .schedule_style2 .nav.nav-tabs > li.active a span, .schedule_style2 .nav.nav-tabs > li:hover a span, .schedule_style2 .nav.nav-tabs > li a:hover span, .schedule_style2 .nav.nav-tabs > li a:focus span { color:#fff; } .schedule_style2 .nav.nav-tabs > li.active::after { border-color: #de2f2f rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-style: solid; border-width: 12px; content: ""; height: 12px; left: 0; margin: 0 auto; position: absolute; right: 0; bottom: 8px; width: 12px; } .sponsors_2 .owl-nav { display: none; } .schedule_style3 .conf-user-info { width: 700px; } .schedule_style3 .nav.nav-tabs { border:0px; } .schedule_style3 .time, .schedule_style3 .time-schedule { color: #ffffff; display: inline; font-weight: 300; } .schedule_style3 .conference-time-list { border-bottom:0px; border-top:0px; border-right:0px; border-left:rgba(255, 255, 255, 0.1) solid 1px; box-shadow: 0 0 9px rgba(0, 0, 0, 0.3); margin-bottom: 10px; position:relative; overflow:visible; display:table; width:100%; } .schedule_style3 .conference-time-list::after { background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0; border-radius: 50%; content: ""; height: 8px; left: -4px; position: absolute; top: 48%; width: 8px; z-index: 1; } .schedule_style3 .conf-user-img { border-radius: 50%; height: 60px; margin: 36px 20px; overflow:hidden; padding: 0; width: 60px; } .schedule_style3 .nav.nav-tabs > li > a { border: 8px solid rgba(255, 255, 255, 0.1); border-radius: 0; box-shadow: 0 0 9px rgba(0, 0, 0, 0.3); color: #ffffff; font-size: 27px; font-weight: 700; margin-right: 8px; padding: 10px 20px; position: relative; text-align: center; text-transform: uppercase; z-index: 1; } .schedule_style3 .nav.nav-tabs > li > a span { font-size:16px; text-transform:capitalize; font-weight:400; } .schedule_style3 .nav.nav-tabs > li.active a, .schedule_style3 .nav.nav-tabs > li:hover a, .schedule_style3 .nav.nav-tabs > li a:hover, .schedule_style3 .nav.nav-tabs > li a:focus { background:#de302f; } .schedule_style3 ul.nav.nav-tabs { text-align:center; } .schedule_style3 ul.nav.nav-tabs li { display: inline-block; float: none; margin: 0 auto 30px; position:relative; } .schedule_style3 .nav.nav-tabs > li.active::after { border-color: #de2f2f rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-style: solid; border-width: 12px; content: ""; height: 12px; left: 0; margin: 0 auto; position: absolute; right: 0; bottom: -22px; width: 12px; } /*====================== Venue-Styles =============================*/ .venue_style2 .contact-info-details { margin: 0 auto 40px; text-align: center; } .venue_style2 .direction-icon { border: 12px solid #eeeeee; border-radius: 50%; display: inline-block; height: 120px; line-height: 120px; margin: 0 auto 15px; width: 120px; } .venue_style2 .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner { height: 35px; } .venue_style2 .direction-icon i { font-size: 50px; } .venue_style2 .g-map-m .gmap { height: 480px; width: 100%; } .venue_style3 { position:relative; } .venue_style3 .contact-info-box { position:absolute; bottom:100px; left:10%; z-index:1; background:#fff; width:450px; } .venue_style3 .contact-info-box { padding: 30px; text-align: center; } .venue_style3 .contact-info-details .fa { font-size: 50px; } .venue_style3 .contact-info-details h5 { font-size: 22px; line-height: 30px; } .owl-dot { display: inline-block; } @media (max-width:767px) { .event_img { margin: 0 auto 20px; overflow: hidden; } .about_info_m { margin-bottom: 60px; } .registration-price-3 .table-price-detail { overflow: hidden; width: 100%; } .registration-price-3 .table-price-detail ul li { float: none; width: 100%; } .table_btn { display: block; padding: 30px 20px; width: 100%; } .registration-price-3 .table-price-box, .registration-price-3 .table-price-detail { display:block; width:100%; } .venue_style3 .contact-info-box { bottom: inherit; left: 0; margin: 10px 15px 50px; position: relative; right: 0; width: auto; } .schedule_info2 .nav.nav-tabs > li > a { padding: 20px; } .schedule_info2 .conference-time-list { display: block; margin: 0 auto 14px 0; overflow: hidden; width: 100%; } .schedule_info2 .conf-user-time { height: auto; margin-left: 0; padding: 20px; width: auto; } .schedule_info2 .conf-user-info { width: 48%; } .schedule_style3 .conf-user-img { margin: 20px; } .schedule_style3 .conf-user-info { width: 65%; } } @media (max-width:767px) { .schedule_info2 .conf-user-time { margin-right:0px; } .schedule_info2 .conf-user-img { float: left; margin-left: 20px; width: 70px; } .schedule_info2 .conf-user-info { clear: both; float: none; position: relative; width: 100%; } .schedule_info2 .conf-user-time { float: left; margin-left: 0; padding: 15px; width: 118px; } } @media (min-width:768px) and (max-width:991px) { #about .about-carousel { margin-top:0px; } .event_img { margin: 0 auto 10px; } .about_info_m h5 { font-size: 20px; margin: 0 auto 5px; } .about_info_m p { font-size:14px; line-height:26px; } .about-section-3 .event_img { clear: both; margin: 0 auto 30px; } .registration-price-2 .table-price-detail ul { text-align: center; } .registration-price-3 .table-price-detail { overflow:hidden; width:100%; } .table_btn { display: block; padding: 40px 20px; width: 100%; } .venue_style3 .contact-info-box { bottom: 25px; } .schedule_info2 .conf-user-info { width: 470px; } .schedule_style3 .conf-user-info { width: 500px; } .schedule_style3 .nav.nav-tabs > li > a { font-size: 22px; padding: 10px; } } @media (min-width:992px) and (max-width:1200px) { .schedule_info2 .conf-user-info { width: 500px; } .schedule_style3 .nav.nav-tabs > li > a { padding: 10px 12px; } .schedule_style3 .conf-user-info { width: 560px; } } /*========================= DEMO 2 ===============================*/ /*========================= Gallery Styles ===============================*/ .element_header { padding:55px 0; } .gallery_style2 a { display: block; float: left; margin:0 auto; width: 25%; background:#000; position:relative; } .gallery_style3 a { display: block; background:#000; margin:0 auto 30px; position:relative; } .gallery_style2 a img, .gallery_style3 a img { max-width:100%; opacity:1; transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; -webkit-transition-duration:0.3s; -ms-transition-duration:0.3s; } .gallery_style2 a:hover img, .gallery_style3 a:hover img { opacity:0.3; } .gallery_style2 .gallery_title, .gallery_style3 .gallery_title { color: #ffffff; font-size: 30px; font-weight: 500; left: 0; margin: 0; padding: 0 30px; position: absolute; right: 0; text-align: center; top: 50%; opacity:0; transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; -webkit-transition-duration:0.3s; -ms-transition-duration:0.3s; transform: translateY(-150%); -moz-transform: translateY(-150%); -o-transform: translateY(-150%); -webkit-transform: translateY(-150%); -ms-transform: translateY(-150%); } .gallery_style2 a:hover .gallery_title, .gallery_style3 a:hover .gallery_title { opacity:1; transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .prettyPhoto-m-img { width: 100%; } .pp_social { display: none; } /*========================= Speakers Styles ===============================*/ .speakers_style2 .speakers_wrap { margin: 0 auto; padding: 30px; text-align: center; } .speakers_style2 .our_speaker_img img { border-radius: 0; } .speakers_style2 .our_speaker_img { float: none; width: 100%; } .speakers_style2 .speakers_info { float: none; margin: 0 auto; width: 100%; } .speakers_style2 .speakers_wrap:hover .our_speaker_img { margin-left: 0; } .speakers_style2 .speakers_follow_us, .speakers_style3 .speakers_follow_us { background:rgba(0, 0, 0, 0.9); right:-100%; } .speakers_style2 .speakers_follow_us ul li a { color:#fff; } .speakers_style2 .speakers_follow_us ul { padding: 0 40px; } .speakers_style2 .speakers_follow_us ul li a:hover { color:#de2f2f; } .speakers_style3 .speakers_wrap { margin: 0 auto 30px; border:0px; padding: 0px; text-align: center; } .speakers_style3 .our_speaker_img, .speakers_style3 .speakers_info { float: none; width: 100%; margin:0 auto; } .speakers_style3 .our_speaker_img { float: none; margin: 0 auto; max-width: 290px; overflow: hidden; width: 100%; } .speakers_style3 .speakers_wrap:hover .our_speaker_img { margin:0 auto; } .speakers_style3 .speakers_info h5 { margin: 14px 0 4px; } .speakers_style3 .speakers_wrap .our_speaker_img img { transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; -webkit-transition-duration:0.3s; -ms-transition-duration:0.3s; } .speakers_style3 .speakers_wrap .our_speaker_img:hover img { opacity:0.5; } /*========================= About us Styles ===============================*/ .about_style2 .about-m-content { margin-bottom:30px; } .about_style2 .about-m-content img { max-width:100%; margin:0 auto 25px; } .info_wrap { margin:0px auto ; text-align:center; padding:25px; box-shadow:rgba(0, 0, 0, 0.1) 0 0 20px; } .info_wrap i { font-size: 70px; font-style: normal; font-weight: 900; opacity: 0.2; margin:0 auto 12px; } .info_wrap p { font-size: 16px; font-weight: 300; line-height: 29px; } .info_wrap h5 { margin:0 auto 10px; } .vertical_list { position:relative; padding-left:80px; margin:0 auto 40px; } .list_icon { border-radius: 50%; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); height: 65px; left: 0; position: absolute; text-align: center; top: 2px; width: 65px; } .list_icon i { font-size:30px; line-height:63px; opacity:0.5; } .vertical_list h5 { margin:0 auto 10px; } /*========================= Pricing Styles ===============================*/ .pricing_style2 .event_priceing { border: 2px solid #fff; margin: 0 -15px; position:relative; transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; -webkit-transition-duration:0.3s; -ms-transition-duration:0.3s; transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1); } .event_priceing:hover { border-color:#de302f; } .pricing_style2 .table_head { background:#de302f; margin: 0 -25px; padding: 20px 20px 25px; text-align: center; } .table_head .plan_name { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; margin: 0; } .table_head .plan_name > * { text-decoration:underline; } .table_head .plan_price { padding: 0px; } .pricing_style2 .event_priceing:hover { z-index:1; transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05); -webkit-transform:scale(1.05); -ms-transform:scale(1.05); } .pricing_style3 .event_priceing { border: 8px solid rgba(255, 255, 255, 0.1); margin: 0 auto 30px; overflow: hidden; padding: 30px; } .pricing_style3 .event_priceing h5 { margin: 0 auto 15px; text-decoration:underline; } .pricing_style3 .event_priceing p { color: #555555; font-size: 16px; font-weight: 400; line-height: 20px; } .pricing_style3 .plan_price { padding: 10px 0 0; } .pricing_style3 .event_priceing .plan_price p { color: #ffffff; display: inline-block; font-size: 55px; font-weight: 700; margin: 0 30px 0 0; vertical-align: middle; } /*========================= Sponsors Styles ===============================*/ #sponsors_table { clear:both; position:relative; padding:2px 0; } #sponsors_table table { padding:0px; margin:0px; width:100%; } #sponsors_table table a { display:block; } #sponsors_table table tr td { text-align:center; padding:20px; border:#ccc dashed 1px; } #sponsors_table ul li img { max-width:100%; display:table-cell; vertical-align:middle; } .sponsors_style3 table tr td { background:#f1f1f1; height:250px; } .sponsors_style3 table tr td img { max-width:100%; } .sponsors_style3 #sponsors_table table { border-collapse: separate; border-spacing: 8px; } /*========================= Venue Styles ===============================*/ .venue_style2 .venue_info_box { background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; border: 0 none; margin: 0 auto 24px; min-height: inherit; padding: 40px 50px 40px 180px; position: relative; text-align: left; } .venue_style2 .venue_info_box i { border: 2px solid rgba(255, 255, 255, 0.4); border-radius: 50%; font-size: 50px; height: 100px; left: 40px; line-height: 96px; position: absolute; text-align: center; top: 28px; width: 100px; } .venue_style2 .venue_info_box p { font-size:22px; } .venue_style3 { padding-bottom:0px; } .venue_style3 .venue_info_wrap { background:#fff; margin-right:-15px; padding:30px 20%; } .venue_style3 .venue_info_box { border:0px; color:#111; padding:20px 30px; min-height:inherit; } .venue_style3 .venue_info_box p, .venue_style3 .venue_info_box a { color:#111; font-size:24px; display:block; } .venue_style3 #map { margin-left:-15px; } .venue_style3 #map .gmap { height: 696px; } /*========================= Testimonials Styles ===============================*/ .testimonial_style2 .testimonial_head { margin: 0 0 10px; } .testimonial_style2 .testimonial_img { height: 65px; margin: 0 14px 0 0; width: 64px; } .testimonial_info_m { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); margin: 0 auto 30px; padding: 30px; } .testimonial_info_m p { font-size: 15px; font-weight: 400; line-height: 22px; } .testimonial_info_m h6 { margin: 10px auto 5px; color:#111; } @media (min-width:992px) { .testimonial_wrap:nth-child(3n+1) { clear:left; } } @media (min-width:768px) and (max-width:991px) { .testimonial_wrap:nth-child(2n+1) { clear:left; } } .testimonial_style3 .testimonial_info_m { text-align:center; margin:0 auto 60px; } .testimonial_style3 .testimonial_head { margin: 0 0 10px; overflow:visible; } .testimonial_style3 .testimonial_img { float: none; height: 90px; margin: -60px auto 20px; width: 89px; } /*========================= Schedule Styles ===============================*/ .schedule_wrap { clear:both; } .schedule_wrap .nav-tabs { clear:both; display:table; width:100%; } #schedule .schedule_wrap .tab-content { margin: 0 auto; } #schedule .schedule_wrap .nav-tabs li.active::after { right: 0; left:48%; bottom: -13px; margin:0 auto; z-index:-1; } .tab-content .tab-content { background:#fff; color:#111; } #schedule .tab-content .nav-tabs li { margin-top:0px; } .schedule_style2 .schedule_info { width: 83%; } #schedule .tab-content .nav-tabs li.active a, #schedule .tab-content .nav-tabs li:hover a { background:#fff !important; } #schedule .tab-content .nav-tabs li.active a, #schedule .tab-content .nav-tabs li:hover a { color:#de302f; } .schedule_style3 .schedule_wrap { background: #de302f none repeat scroll 0 0; } #schedule.schedule_style3 .nav-tabs { text-align:center; } #schedule.schedule_style3 .nav-tabs li { margin: 40px 0 0; float:none; display:inline-block; padding-bottom:1px; } #schedule.schedule_style3 .nav-tabs li a { font-size: 30px; font-weight: 700; line-height: 30px; padding: 15px 30px; } #schedule.schedule_style3 .nav-tabs li a span { display:block; font-size:18px; font-weight:400; } #schedule.schedule_style3 .tab-content { border: 1px solid rgba(255, 255, 255, 0.5); margin: 30px; padding: 20px; } #schedule.schedule_style3 .tab-content .schedule_wrap { border-bottom:rgba(255, 255, 255, 0.2) solid 1px; } #schedule.schedule_style3 .tab-content .schedule_wrap:last-child { border:0px; } .schedule_style3 .schedule_info { width: 85%; } .schedule_style3 ul.nav-tabs li.active a, .schedule_style3 ul.nav-tabs li a:hover, .schedule_style3 .nav-tabs li a:focus { outline:#fff solid 1px; } @media (max-width:767px) { .venue_style2 .venue_info_box { padding: 40px; text-align:center; } .venue_style2 .venue_info_box i { left: inherit; margin: 0 auto 20px; position: relative; top: 0; } .venue_style2 .venue_info_box p { font-size: 20px; } .venue_style3 .venue_info_wrap { margin-right: 0; padding: 30px 5%; } .venue_style3 .venue_info_box p, .venue_style3 .venue_info_box a { font-size: 22px; } .venue_style3 .venue_info_box { padding: 10px 0; } .sponsors_style2 #sponsors_table table, .sponsors_style2 #sponsors_table table tbody, .sponsors_style2 #sponsors_table table tr, .sponsors_style2 #sponsors_table table tr td, .sponsors_style3 #sponsors_table table, .sponsors_style3 #sponsors_table table tbody, .sponsors_style3 #sponsors_table table tr, .sponsors_style3 #sponsors_table table tr td { display:block; height:auto; } .sponsors_style2 #sponsors_table table tr td, .sponsors_style3 #sponsors_table table tr td { margin: 20px; padding: 50px 20px; } .speakers_style2 .speakers_wrap { margin: 0 auto 20px; max-width: 360px; } .pricing_style2 .event_priceing { margin: 0 auto 20px; } .pricing_style3 .event_priceing .plan_price p { display: block; margin: 10px auto 20px; } .info_wrap { margin: 0 auto 20px; } .gallery_style2 a { width: 100%; } .schedule_style3 .schedule_info, .schedule_style2 .schedule_info { width: 66%; } #schedule.schedule_style2 .nav-tabs li { margin-bottom: 20px; margin-top: 0; } } @media (max-width:480px) { #schedule { text-align:center; } .schedule_style3 .schedule_info, .schedule_style2 .schedule_info { width: 100%; } #schedule.schedule_style3 .nav-tabs li a { font-size: 28px; padding: 10px; } #schedule.schedule_style3 .nav-tabs li a span { font-size: 13px; } #schedule.schedule_style3 .nav-tabs { padding-top: 30px; } #schedule.schedule_style3 .nav-tabs li { margin: 10px 0 0; } #schedule.schedule_style3 .tab-content { margin: 15px; padding: 15px; } } @media (min-width:768px) and (max-width:991px) { .venue_style2 .venue_info_box { margin: 0 auto 10px; padding: 25px 20px 25px 100px; } .venue_style2 .venue_info_box i { font-size: 30px; height: 60px; left: 24px; line-height: 54px; top: 24px; width: 60px; } .venue_style2 .venue_info_box a, .venue_style2 .venue_info_box p { font-size:16px; } .venue_style3 .venue_info_box { padding: 36px 0; } .venue_style3 .venue_info_box p, .venue_style3 .venue_info_box a { font-size: 22px; } .sponsors_style3 table tr td { height: 100px; } .speakers_style2 .speakers_wrap { padding: 10px; } .speakers_style2 .speakers_follow_us ul { padding: 0 25px; } .pricing_style2 .event_priceing { margin: 0 0 30px; } .pricing_style2 .table_head { margin: 0 -15px; } .info_wrap { margin: 0 auto 20px; } .gallery_style2 a { width: 50%; } .schedule_style2 .schedule_info, .schedule_style3 .schedule_info { width: 78%; } } @media (min-width:992px) and (max-width:1200px) { .venue_style2 .venue_info_box { margin: 0 auto 10px; padding: 25px 20px 25px 100px; } .venue_style2 .venue_info_box i { font-size: 30px; height: 60px; left: 24px; line-height: 54px; top: 24px; width: 60px; } .venue_style2 .venue_info_box a, .venue_style2 .venue_info_box p { font-size:16px; } .venue_style3 .venue_info_box { padding: 36px 0; } .venue_style3 .venue_info_box p, .venue_style3 .venue_info_box a { font-size: 22px; } .speakers_style2 .speakers_wrap { padding: 20px; } .speakers_style2 .speakers_follow_us ul { padding: 0 35px; } .event_priceing .btn.btn-block { padding-left: 0; padding-right: 0; } }