/*Event HTML Template */
/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Preloader
5. Scroll To Top
6. Main-header
7.Main Slider
8.Countdown-timer
9.About section
10.speaking-section
11.schedule-section
12.contact-us
13.Default-form
14.Gallery-section
15.sponsors
16.Events-section
17.event-section style-two
18.news-section
19.Google map style
20.Google map content
21.subscribe-section
22.Main-footer
23.Page Title
24.testimonials-section
25.speaking-section style-two
26.single-speaker
27.testimonials-section style-two
28.speaking-section style-three
29.sponsors style-two
30.blog style
31.Styled Pagination
32.blog details
33.contact-section
34.error-section
**********************************************/
/*google-Fonts*/
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
/*@import url('https://fonts.googleapis.com/css?family=Oswald:400,700');*/
/*@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');*/
/***
====================================================================
Global Settings
====================================================================
***/
@import url('font-awesome.css');
@import url('flaticon.css');
@import url('animate.css');
@import url('owl.css');
@import url('bootstrap-select.min.css');
@import url('bootstrap.min.css');
@import url('masterslider/style/masterslider.css');
@import url('masterslider/skins/default/style.css');
@import url('masterslider/style/ms-vertical.css');
@import url('jquery.bxslider.css');
@import url('jquery.fancybox.css');
@import url('hover.css');
/***
====================================================================
Reset
====================================================================
***/
@media (min-width:1200px) {
.container {
padding: 0px;
}
}
* {
margin:0px;
padding:0px;
border:none;
outline:none;
}
body {
font-size:17px;
color: #222222;
line-height: 1.8em;
font-weight: 400;
background: #ffffff;
background-size: cover;
background-repeat: no-repeat;
background-position: center top;
-webkit-font-smoothing: antialiased;
}
a{
text-decoration:none;
cursor:pointer;
color: #53d572;
}
a:hover,a:focus,a:visited{
text-decoration:none;
outline:none;
}
h1,h2,h3,h4,h5,h6 {
position:relative;
font-family: 'Oswald', sans-serif;
margin:0px;
}
input,button,select,textarea{
font-family: 'Roboto', sans-serif;
}
p{
position:relative;
line-height:1.8em;
}
.strike-through{
text-decoration:line-through;
}
.auto-container{
position:static;
max-width:1200px;
padding:0px 15px;
margin:0 auto;
}
.small-container{
max-width:100%;
margin:0 auto;
}
.page-wrapper{
position:relative;
margin:0 auto;
width:100%;
min-width:300px;
overflow: hidden;
}
ul,li{
list-style:none;
padding:0px;
margin:0px;
}
.btn-style-one{
position:relative;
font-size:14px;
line-height: 34px;
font-weight:700;
color: #ffffff;
background: #09c5c3;
padding: 7px 35px;
border: 1px solid #09c5c3;
text-transform:capitalize;
transition:all 500ms ease;
font-family: 'Roboto', sans-serif;
display: inline-block;
border-radius: 5px;
}
.btn-style-one:hover{
color: #2f323c;
background:transparent;
border: 1px solid #2f323c;
transition:all 500ms ease;
}
.btn-style-two{
position:relative;
font-size:14px;
line-height: 34px;
font-weight:700;
color: #2f323c;
background:transparent;
border: 1px solid #2f323c;
padding: 7px 35px;
text-transform:capitalize;
transition:all 500ms ease;
font-family: 'Roboto', sans-serif;
display: inline-block;
border-radius: 5px;
}
.btn-style-two:hover{
color: #ffffff;
background: #09c5c3;
border: 1px solid #09c5c3;
transition:all 500ms ease;
}
.btn-style-three{
position:relative;
font-size:14px;
line-height: 34px;
font-weight:700;
color: #ffffff;
background: #ef1e58;
padding: 7px 35px;
border: 1px solid #ef1e58;
text-transform:capitalize;
transition:all 500ms ease;
font-family: 'Roboto', sans-serif;
display: inline-block;
border-radius: 5px;
}
.btn-style-three:hover{
color: #fff;
background:transparent;
border: 1px solid #fff;
transition:all 500ms ease;
}
.info-list li {
position: relative;
display: inline-block;
font-size: 18px;
line-height: 26px;
color: #ffffff;
font-weight: 400;
margin-right: 15px;
padding-right: 20px;
text-transform: uppercase;
}
.info-list li:nth-child(1):before {
position: absolute;
right: 0;
top: 0;
font-size: 18px;
line-height: 26px;
color: #ffffff;
content: "|";
}
.info-list li .fa {
color: #ff8a01;
margin-right: 10px;
float: left;
font-size: 18px;
line-height: 26px;
}
.evnt_cont .title_1 {
display: block;
font-size: 15px;
color: #ffffff;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 8px;
}
.top-bar-area {
padding: 3px 0;
background-color:lightgrey;
}
.address-info .info {
text-align: center;
}
.top-bar-area .address-info li {
border-right: 1px solid rgba(255, 255, 255, 0.2);
display: inline-block;
font-family: "Poppins",sans-serif;
margin-right: 47px;
padding-right: 20px;
color: #000;
line-height: 24px;
font-size: 13px
}
.top-bar-area img {
height: 35px;
}
.top-bar-area .address-info li span {
font-weight: 600;
text-transform: uppercase;
font-size: 12px;
}
.top-bar-area .address-info li i {
margin-right: 3px;
}
.top-bar-area .top_social a {
color: #fff;
font-size: 17px;
margin-right: 3px;
}
.top-bar-area .address-info li i {
margin-right: 3px;
}
.top-bar-area .top_social .fa-facebook{
color: #3b5998;
}
.top-bar-area .top_social .fa-twitter{
color: #1dcaff;
}
.top-bar-area .top_social .fa-linkedin{
color: #0e76a8;
}
.top-bar-area .top_social .fa-pinterest{
color: #c8232c;
}
.top-bar-area .top_social .fa-instagram{
color: #3f729b;
}
.fa-whatsapp{
color: #25d366;
}
.fa-phone{
color: blue;
}
.fa-envelope{
color: #D44638;
width: 12px;
height: 15px;
}
/***
====================================================================
preloader style
====================================================================
***/
.preloader{
position:fixed;
left:0px; top:0px;
height:100%;
width: 100%;
z-index:999999;
background-color:#ffffff;
background-position:center center;
background-repeat:no-repeat;
background-image:url(cmoon_images/icons/preloader.gif);
}
/***
====================================================================
Scroll To Top style
====================================================================
***/
.scroll-to-top{
position:fixed;
bottom:15px;
right:15px;
color:#ffffff;
font-size:12px;
line-height:32px;
width:34px;
height:34px;
border: 1px solid #ffffff;
background: #09c5c3;
text-align:center;
z-index:100;
cursor:pointer;
display:none;
border-radius:17px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.scroll-to-top:hover{
background:#ffffff;
color: #09c5c3;
border-color: #09c5c3;
transition:all 500ms ease;
}
/***
====================================================================
Main-header style
====================================================================
***/
@-webkit-keyframes menu_sticky {
0% {margin-top:-150px;}
50% {margin-top: -130px;}
100% {margin-top: 0;}
}
@keyframes menu_sticky {
0% {margin-top:-150px;}
50% {margin-top: -130px;}
100% {margin-top: 0;}
}
.main-header{
position:relative;
width:100%;
background: #ffffff;
z-index: 999;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.fixed-header{
position:fixed;
top: 0px;
left: 0px;
z-index: 999;
transition:all 500ms ease;
-webkit-animation-name: menu_sticky;
animation-name: menu_sticky;
-webkit-animation-duration: 0.60s;
animation-duration: 0.60s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.11);
}
.main-header .header-area .logo{
position: relative;
float: left;
padding: 7px 0px 7px;
}
.main-header .main-menu{
position:relative;
float: right;
margin-right: 130px;
padding:23px 0px;
}
.main-header .header-area{
position:relative;
}
.main-header .link-btn{
position:absolute;
right: 0px;
top: 24px;
}
.main-header .link-btn a{
padding: 8px 25px;
line-height: 26px;
height: 45px;
}
.main-menu .navbar-collapse{
padding:0px;
}
.main-menu .navigation{
position:relative;
margin:0px;
}
.main-menu .navigation > li{
position:relative;
display: inline-block;
margin-right: 22px;
}
.main-menu .navigation > li > a{
position:relative;
display:block;
padding: 10px 0px;
font-size:14px;
color:#2f323c;
line-height:26px;
font-weight:500;
font-family: 'Roboto', sans-serif;
text-transform:capitalize;
opacity:1;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a,
.main-menu .navigation > li.current-menu-item > a{
position: relative;
opacity:1;
color: #09c5c3;
transition:all 500ms ease;
}
.main-menu .navigation > li > ul{
position:absolute;
left:0px;
top: 170%;
width:220px;
padding:0px;
z-index:1;
display:none;
background:#012f5d;
border-top:3px solid #ffffff;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-menu .navigation > li > ul > li{
position:relative;
width:100%;
border-bottom: 1px solid #e5e5e5;
}
.main-menu .navigation > li > ul > li:last-child{
border-bottom:none;
}
.main-menu .navigation > li > ul > li > a{
position:relative;
display:block;
padding: 6px 10px;
line-height:26px;
font-weight:500;
background: #ffffff;
font-size:13px;
text-transform:capitalize;
color: #2f323c;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-menu .navigation > li > ul > li > a:hover{
color: #ffffff;
background: #09c5c3;
transition:all 500ms ease;
}
.main-menu .navigation > li.dropdown:hover > ul{
visibility:visible;
opacity:1;
top:135%;
transition:all 500ms ease;
}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
display:none;
}
/***
====================================================================
Main Slider style
====================================================================
***/
.main-slider{
position:relative;
}
.main-slider.negative-margin{
position:relative;
}
.main-slider .tp-caption{
z-index:5;
}
.main-slider h5{
font-size:22px;
color: #feffff;
font-weight: 500;
line-height: 32px;
text-transform: uppercase;
font-family: 'Roboto', sans-serif;
}
.main-slider h1{
font-size: 40px;
color: #ffffff;
font-weight: 700;
line-height: 65px;
letter-spacing: 1px;
text-transform: uppercase;
font-family: 'Oswald', sans-serif;
}
.tp-caption .btn-style-one{
color: #000;
}
.tp-caption .btn-style-one:hover{
color: #ffffff;
border-color: #ffffff;
}
.tp-caption .btn-style-two{
color: #ffffff;
border-color: #ffffff;
}
.tp-caption .btn-style-two:hover{
border-color: #09c5c3;
color: #ffffff;
}
.main-slider .tparrows.preview3{
display: block;
}
.tp-bullets.preview3{
display: none;
}
.main-slider .tp-bannertimer{
display:none !important;
}
/***
====================================================================
Countdown-timer style
====================================================================
***/
.countdown-box{
position: relative;
}
.countdown.time-countdown{
line-height: 36px;
}
.countdown-timer .default-coundown{
position: relative;
display: inline-block;
}
.countdown-timer .counter-column{
position: relative;
text-align: center;
display: inline-block;
padding: 25px 35px;
margin: 0px 2.5px;
border: 1px solid #5c5e65;
background: rgba(255, 255, 255, 0.15) !important;
}
.countdown-timer .counter-column span{
color: #ffffff;
font-weight: 400;
font-size: 50px;
font-family: 'Roboto', sans-serif;
}
.countdown-timer .counter-column h6{
color: #ffffff;
font-weight: 500;
font-size: 18px;
line-height: 20px;
font-family: 'Roboto', sans-serif;
}
/***
====================================================================
About section style
====================================================================
***/
.about-section{
position: relative;
padding-top: 100px;
padding-bottom: 97px;
}
.about-section .icon-holder .item{
width: 180px;
height: 210px;
padding: 78px 0px;
margin-right: -4px;
display: inline-block;
}
.about-section .icon-holder .item:nth-child(1) {
background: #ef1e58;
}
.about-section .icon-holder .item:nth-child(2) {
background: #3c5db1;
}
.about-section .icon-holder .item:nth-child(3) {
background: #383c45;
}
.about-section .icon-holder .item:nth-child(4) {
background: #2aa1d8;
}
.about-section .icon-holder .item i{
color: #ffffff;
font-size: 28px;
margin-bottom: 10px;
}
.about-section .icon-holder .item h6{
font-size: 18px;
color: #ffffff;
font-weight: 400;
line-height: 24px;
text-transform: uppercase;
font-family: 'Oswald', sans-serif;
}
.about-section .content-text{
padding-top: 0px;
margin-left: 20px;
}
.about-section .content-text h3{
font-size: 36px;
color: #09c5c3;
font-weight: 700;
line-height: 50px;
padding-bottom: 10px;
text-transform: uppercase;
font-family: 'Oswald', sans-serif;
}
.about-section .content-text span{
color: #2f323c;
}
.about-section .content-text h6{
font-size: 17px;
color: #222222;
line-height: 28px;
font-weight: 400;
padding-bottom: 25px;
font-family: 'Roboto', sans-serif;
}
.about-section .content-text p{
font-size: 14px;
color: #848484;
line-height: 26px;
font-weight: 400;
padding-bottom: 20px;
font-family: 'Roboto', sans-serif;
}
.about-section .content-text .link-btn a{
margin-right: 10px;
}
/***
====================================================================
speaking-section style
====================================================================
***/
.speaking-section{
position: relative;
padding-top: 90px;
color: #ffffff;
padding-bottom: 70px;
}
.speaking-section:before{
position: absolute;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
content: '';
background: rgba(56, 199, 192, 0.86);
}
.speaking-section .section-title h3{
font-size: 36px;
color: #ffffff;
line-height: 52px;
font-weight: 700;
padding-bottom: 15px;
font-family: 'Oswald', sans-serif;
}
.speaking-section .section-title h3 span{
font-size: 36px;
color: #333;
}
.speaking-section .section-title p{
font-size: 16px;
color: #dee2e7;
font-weight: 400;
line-height: 26px;
padding-bottom: 36px;
font-family: 'Roboto', sans-serif;
}
.speaking-section .image-holder{
position: relative;
margin-bottom: 30px;
box-shadow: 0 0 18px rgba(0, 0, 0, 0.18);
}
.speaking-section .image-holder .image-box{
position: relative;
}
.speaking-section .image-holder .image-box img{
width: 100%;
}
.speaking-section .image-holder .overly-box{
position: absolute;
top: 0px;
left: 0px;
padding-top: 45%;
bottom: 0px;
right: 0px;
opacity: 0;
transition:all 500ms ease;
background: rgba(230, 41, 106, 0.8);
}
.speaking-section .image-holder:hover .overly-box{
opacity: 1;
transition:all 500ms ease;
}
.speaking-section .image-holder .overly-box li{
display: inline-block;
}
.speaking-section .image-holder .overly-box i{
color: #ffffff;
font-size: 15px;
line-height: 45px;
width: 45px;
height: 45px;
border-radius: 50%;
transition:all 500ms ease;
background: transparent;
border: 1px solid #ffffff;
}
.speaking-section .image-holder .overly-box i:hover{
display: inline-block;
color: #09c5c3;
background: #ffffff;
transition:all 500ms ease;
border: 1px solid #ffffff;
}
.speaking-section .image-holder .image-content{
padding-bottom: 18px;
background: #ffffff;
}
.speaking-section .image-holder .image-content h5{
font-size: 24px;
color: #2f323c;
padding-top: 15px;
font-weight: 400;
line-height: 32px;
margin-bottom: -5px;
transition:all 500ms ease;
font-family: 'Roboto', sans-serif;
}
.speaking-section .image-holder .image-content h5:hover{
color: #09c5c3;
transition:all 500ms ease;
}
.speaking-section .image-holder .image-content span{
font-size: 14px;
color: #848484;
font-weight: 400;
line-height: 26px;
font-family: 'Roboto', sans-serif;
}
.speaking-section .btn-style-two{
position: relative;
font-size: 14px;
line-height: 34px;
font-weight: 700;
color: #ffffff;
background: transparent;
padding: 7px 35px;
border: 1px solid #fff;
text-transform: capitalize;
transition: all 500ms ease;
font-family: 'Roboto', sans-serif;
display: inline-block;
border-radius: 5px;
}
.speaking-section .btn-style-two:hover {
color: #fff;
background: transparent;
border: 1px solid #fff;
transition: all 500ms ease;
}
/***
====================================================================
schedule-section style
====================================================================
***/
.schedule-section{
position: relative;
padding-top: 90px;
padding-bottom: 100px;
}
.schedule-section .section-title h3{
font-size: 36px;
color: #2f323c;
line-height: 52px;
font-weight: 700;
padding-bottom: 15px;
font-family: 'Oswald', sans-serif;
}
.schedule-section .section-title h3 span{
font-size: 36px;
color: #09c5c3;
}
.schedule-section .section-title p{
font-size: 16px;
color: #848484;
font-weight: 400;
line-height: 26px;
padding-bottom: 38px;
font-family: 'Roboto', sans-serif;
}
/*tab*/
.schedule-section .schedule-area{
background: #ffffff;
padding: 50px;
box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.2);
}
#schedule-tab {
position: relative;
}
.schedule-section .schedule-tab-title .table {
margin-bottom: 18px;
background: #ffffff;
}
.table-hover>tbody>tr:hover{
background: #ffffff;
}
.schedule-section .schedule-tab-title .table>tbody>tr>td .text-less i{
left: 20px;
}
.schedule-section .schedule-tab-title .table>tbody>tr>td .text-less{
padding-left: 40px;
}
.schedule-section .schedule-tab-title .table>tbody>tr>td .item-text {
padding-left: 80px;
padding-top: 15px;
}
.schedule-section .schedule-tab-title .table>tbody>tr>td h5 {
font-size: 20px;
color: #2f323c;
line-height: 32px;
font-weight: 400;
text-transform: capitalize;
font-family: 'Roboto', sans-serif;
}
.schedule-section .schedule-tab-title .table>tbody>tr>td h6 {
font-size: 14px;
color: #848484;
line-height: 16px;
font-weight: 400;
text-transform: capitalize;
font-family: 'Roboto', sans-serif;
}
.schedule-section .schedule-tab-title .table>tbody>tr>td{
position: relative;
cursor: pointer;
height: 100px;
width: 215px;
border: 1px solid #e5e5e5;
transition:all 500ms ease;
}
.schedule-section .schedule-tab-title .table-hover>tbody>tr:hover>.active,
.schedule-section .schedule-tab-title .table>tbody>tr>td.active,
.schedule-section .schedule-tab-title .table>tbody>tr>td:hover{
background: #09c5c3;
border: 1px solid #09c5c3;
transition:all 500ms ease;
}
.schedule-section .schedule-tab-title .table-hover>tbody>tr>:hover:before,
.schedule-section .schedule-tab-title .table-hover>tbody>tr>.active:before{
color: #09c5c3;
content: "\f0d7";
font-family: FontAwesome;
font-size: 24px;
position: absolute;
bottom: -19px;
left: 100px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.schedule-section .schedule-tab-title .table>tbody>tr>td i{
position: absolute;
top: 25px;
left: 30px;
display: inline-block;
font-size: 20px;
width: 50px;
height: 50px;
line-height: 50px;
color: #676970;
text-align: center;
background: #ebebeb;
border-radius: 50%;
transition:all 500ms ease;
}
.schedule-section .schedule-tab-title .table>tbody>tr>td.active i,
.schedule-section .schedule-tab-title .table>tbody>tr>td:hover i{
background: #cd215c;
color: #ffffff;
transition:all 500ms ease;
}
.schedule-section .schedule-tab-title .table>tbody>tr>td.active h6,
.schedule-section .schedule-tab-title .table>tbody>tr>td:hover h6{
color: #ffffff;
transition:all 500ms ease;
}
.schedule-section .schedule-tab-title .table>tbody>tr>td.active h5,
.schedule-section .schedule-tab-title .table>tbody>tr>td:hover h5{
color: #ffffff;
transition:all 500ms ease;
}
/*tab-content*/
.schedule-section .schedule-tab-content{
transition:all 500ms ease;
}
.schedule-section .schedule-tab-content .inner-box {
border: 1px solid #eee;
border-radius: 5px;
padding-bottom: 15px;
}
.schedule-section .schedule-tab-content .table{
margin-bottom: 0px;
}
.schedule-section .schedule-tab-content .table>thead>tr>th {
border-bottom: none;
background: #383c45;
padding: 23px 8px 24px 30px;
padding-left: 40px;
font-size: 16px;
color: #fff;
font-weight: 500;
text-transform: capitalize;
font-family: 'Roboto', sans-serif;
}
.schedule-section .schedule-tab-content .table>tbody>tr {
background-color: #fff;
transition: .5s;
text-transform: capitalize;
border-top: 1px solid #efefef;
}
.schedule-section .schedule-tab-content .table>tbody>tr.row-color {
background-color: #e6e6e6;
}
.schedule-section .schedule-tab-content .table>tbody>tr:hover {
transition: .5s;
}
.schedule-section .schedule-tab-content .table>tbody>tr>td {
padding: 22px 40px;
font-size: 16px;
color: #7a8287;
text-transform: capitalize;
font-family: 'Roboto', sans-serif;
}
.schedule-section .schedule-tab-content .table>tbody .time{
position: relative;
width: 260px;
}
.schedule-section .schedule-tab-content .table>tbody .time i{
margin-right: 5px;
}
.schedule-section .schedule-tab-content .table>tbody .speakers{
position: relative;
width: 200px;
}
.schedule-section .schedule-tab-content .table>tbody .subject{
position: relative;
width: 400px;
}
.schedule-section .schedule-tab-content .table>tbody .venue{
position: relative;
width: 180px;
}
.schedule-section .schedule-tab-content .table>tbody .speaker{
position: relative;
margin-left: 60px;
}
.schedule-section .schedule-tab-content .table>tbody .speaker h4 a{
font-size: 16px;
font-weight: 400;
color: #848484;
font-family: 'Roboto', sans-serif;
}
.schedule-section .schedule-tab-content .table>tbody .speaker .image-box{
position: absolute;
width: 50px;
height: 50px;
top: -15px;
left: -70px;
}
.schedule-section .schedule-tab-content .table>tbody>tr {
border-top: 1px solid #efefef;
}
/***
====================================================================
contact-us style
====================================================================
***/
.contact-us{
position: relative;
background-repeat: no-repeat;
}
.contact-us .section-title h3{
font-size: 36px;
color: #ffffff;
line-height: 50px;
font-weight: 700;
padding-bottom: 5px;
font-family: 'Oswald', sans-serif;
}
.contact-us .section-title h3 span{
font-size: 36px;
color: #09c5c3;
}
.contact-us .section-title p{
font-size: 16px;
color: #dee2e7;
font-weight: 400;
line-height: 26px;
padding-bottom: 38px;
font-family: 'Roboto', sans-serif;
}
/***
====================================================================
Default-form style
====================================================================
***/
.default-form-area{
position: relative;
padding-top: 75px;
padding-right: 60px;
padding-bottom: 67px;
}
.default-form-area:before{
position: absolute;
top: 0px;
right: -30px;
bottom: 0px;
width: 3000%;
height: 100%;
content: '';
background: rgba(42, 40, 50, 0.85);
}
.default-form-area h5{
font-size: 20px;
line-height: 30px;
font-weight: 400;
color: #222222;
padding-bottom: 22px;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
}
.default-form {
position: relative;
}
.default-form .form-group {
position: relative;
margin-bottom: 20px;
}
.default-form select{
color: #848484;
margin-right: 20px;
background: #ffffff;
}
.bootstrap-select.btn-group{
background: transparent;
}
.bootstrap-select>.dropdown-toggle{
background: #ffffff;
height: 50px;
border: 1px solid #e5e5e5;
}
.bootstrap-select>.dropdown-toggle:after{
position: absolute;
content: "\f107";
color: #e5e5e5;
top: 5px;
right: 0px;
width: 30px;
height: 40px;
line-height: 38px;
text-align: center;
background: #ffffff;
font-family: FontAwesome;
}
.bootstrap-select .dropdown-toggle:focus {
outline: none!important;
color: #ffffff;
}
.bootstrap-select.btn-group .dropdown-toggle .caret{
color: #e5e5e5;
right: 10px;
}
.bootstrap-select.btn-group .dropdown-menu{
background: #ffffff;
margin-top: 18px;
}
.bootstrap-select.btn-group .dropdown-menu li a{
background: #ffffff;
color: #848484;
padding: 10px 20px;
transition: all 500ms ease;
}
.bootstrap-select.btn-group .dropdown-menu li a:hover{
background: #09c5c3;
color: #ffffff;
transition: all 500ms ease;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option{
color: #848484;
}
.default-form input[type="text"],
.default-form input[type="email"],
.default-form input[type="password"],
.default-form input[type="number"],
.default-form select,
.default-form textarea {
display: block;
width: 100%;
line-height: 26px;
height: 50px;
font-size: 14px;
box-shadow: none;
color: #848484;
background: #ffffff;
padding: 7px 19px;
border: 1px solid #e5e5e5;
border-radius: 5px;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.default-form input[type="text"]:focus,
.default-form input[type="email"]:focus,
.default-form input[type="password"]:focus,
.default-form input[type="number"]:focus,
.default-form select:focus,
.default-form textarea:focus {
box-shadow: none;
color: #53d572;
border: 1px solid #53d572;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
::-webkit-input-placeholder {
color: #848484;
}
:-ms-input-placeholder {
color: #848484;
}
::-moz-placeholder {
color: #848484;
opacity: 1;
}
:-moz-placeholder {
color: #848484;
opacity: 1;
}
.default-form button.btn-style-one{
margin-top: 11px;
}
.default-form button.btn-style-one:hover{
color: #ffffff;
border: 1px solid #ffffff;
}
/***
====================================================================
Gallery-section style
====================================================================
***/
.gallery-section{
position: relative;
padding-top: 90px;
padding-bottom: 100px;
}
.gallery-section .section-title h3{
font-size: 36px;
color: #2f323c;
line-height: 52px;
font-weight: 700;
padding-bottom: 15px;
font-family: 'Oswald', sans-serif;
}
.gallery-section .section-title h3 span{
font-size: 36px;
color: #09c5c3;
}
.gallery-section .section-title p{
font-size: 16px;
color: #848484;
font-weight: 400;
line-height: 26px;
padding-bottom: 38px;
font-family: 'Roboto', sans-serif;
}
.gallery-section .inner-box .img_holder img{
position: relative;
width: 100%;
}
.gallery-section .inner-box{
position: relative;
margin-bottom: 30px;
}
.gallery-section .overlay-box{
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
transform: scale(0,0);
-webkit-transform:scale(0,0);
-moz-transform:scale(0,0);
-ms-transform:scale(0,0);
-o-transform:scale(0,0);
transition:all 500ms ease;
}
.gallery-section .inner-box:hover .overlay-box{
background: rgba(41, 41, 47, 0.7);
transform: scale(1,1);
-webkit-transform:scale(1,1);
-moz-transform:scale(1,1);
-ms-transform:scale(1,1);
-o-transform:scale(1,1);
transition:all 500ms ease;
}
.gallery-section .overlay-box{
padding-top: 25%;
}
.gallery-section .overlay-box i{
color: #ffffff;
font-size: 16px;
width: 50px;
height: 50px;
line-height: 50px;
background: #09c5c3;
border-radius: 50%;
}
.gallery-section .link-btn{
margin-top: 20px;
}
.fancybox-skin {
position: relative;
background: #09c5c3;
color: #222;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
/***
====================================================================
sponsors Style
====================================================================
***/
.sponsors{
position: relative;
padding-top: 80px;
padding-bottom: 100px;
background-size: cover;
background-repeat: no-repeat;
}
.sponsors:before{
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
content: '';
background: rgba(42, 40, 51, 0.85);
}
.sponsors .section-title h3{
font-size: 36px;
color: #ffffff;
line-height: 52px;
font-weight: 700;
padding-bottom:35px;
font-family: 'Oswald', sans-serif;
}
.sponsors .section-title h3 span{
font-size: 36px;
color: #09c5c3;
}
.sponsors .section-title p{
font-size: 16px;
color: #dee2e7;
font-weight: 400;
line-height: 26px;
padding-bottom: 38px;
font-family: 'Roboto', sans-serif;
}
.sponsors .sponsors-logo{
position: relative;
}
.sponsors .sponsors-logo .sponsors-five-cloumn{
position: relative;
margin-bottom: 50px;
}
.sponsors .sponsors-logo ul li{
position: relative;
display: inline-block;
margin-right: 90px;
margin-top: 25px;
}
.sponsors .sponsors-logo ul li:last-child{
position: relative;
margin-right: 0px;
}
.sponsors .sponsors-logo h6{
font-size: 24px;
font-weight: 400;
color: #ffffff;
line-height: 34px;
padding-top: 20px;
font-family: 'Roboto', sans-serif;
}
.sponsors .sponsors-logo .sponsors-three-cloumn{
position: relative;
margin-bottom: 40px;
}
.sponsors .sponsors-logo .link-btn{
position: relative;
padding-top: 45px;
}
.sponsors .sponsors-logo .link-btn a:hover{
color: #09c5c3;
border-color: #09c5c3;
transition:all 500ms ease;
}
/***
====================================================================
Events-section style
====================================================================
***/
.ticket-price{
position: relative;
padding-top: 90px;
padding-bottom: 100px;
background-repeat: no-repeat;
}
.ticket-price .section-title h3{
font-size: 36px;
color: #2f323c;
line-height: 52px;
font-weight: 700;
padding-bottom: 35px;
font-family: 'Oswald', sans-serif;
}
.ticket-price .section-title h3 span{
font-size: 36px;
color: #09c5c3;
}
.ticket-price .section-title p{
font-size: 16px;
color: #848484;
font-weight: 400;
line-height: 26px;
padding-bottom: 38px;
font-family: 'Roboto', sans-serif;
}
.ticket-price .price-item{
position: relative;
transition:all 500ms ease;
box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.29);
}
.ticket-price .price-item:hover{
cursor: pointer;
transition:all 500ms ease;
}
.ticket-price .price-item:hover .price-money{
background: #e83c77;
transition:all 500ms ease;
}
.ticket-price .price-item:hover .price-money h1{
color: #ffffff;
transition:all 500ms ease;
}
.ticket-price .price-item:hover .price-money p{
color: #ffffff;
transition:all 500ms ease;
}
.ticket-price .price-item:hover .price-money span{
color: #ffffff;
transition:all 500ms ease;
}
.ticket-price .price-item .colmun-title h6{
font-size: 19px;
line-height: 30px;
color: #2f323c;
font-weight: 400;
background: #ffffff;
padding-top: 18px;
padding-bottom: 15px;
text-transform: uppercase;
font-family: 'Roboto', sans-serif;
}
.ticket-price .price-item .price-money{
padding-bottom: 10px;
padding-top: 15px;
background: #ececec;
transition:all 500ms ease;
}
.ticket-price .price-item .price-money h1{
font-size: 52px;
color: #2f323c;
font-weight: 400;
line-height: 60px;
font-family: 'Oswald', sans-serif;
}
.ticket-price .price-item .price-money h1 span{
font-size: 25px;
color: #2f323c;
font-weight: 400;
line-height: 35px;
font-family: 'Oswald', sans-serif;
}
.ticket-price .price-item .price-money p{
font-size: 12px;
color: #848484;
font-weight: 400;
line-height: 26px;
font-family: 'Roboto', sans-serif;
}
.ticket-price .price-item .catagory-list{
padding-top: 20px;
padding-bottom: 25px;
}
.ticket-price .price-item .catagory-list li{
font-size: 12px;
color: #848484;
font-weight: 400;
line-height: 18px;
padding: 8px 0px;
font-family: 'Roboto', sans-serif;
}
.ticket-price .price-item .catagory-list li i{
font-size: 10px;
color: #848484;
margin-right:0px;
}
.ticket-price .price-item .link-btn{
padding-bottom: 40px;
}
.ticket-price .price-item .link-btn a{
height: 45px;
padding: 8px 25px;
line-height: 26px;
}
/***
====================================================================
event-section style-two
====================================================================
***/
.event-section{
position: relative;
padding-top: 95px;
padding-bottom: 100px;
background-size: cover;
background-repeat: no-repeat;
height: 300px;
}
/*.event-section:before{
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
content: '';
background: rgb(225,19,123,0.6);
background: -moz-linear-gradient(45deg, rgba(225,19,123,0.6) 0%, rgba(255,138,1,0.6) 100%);
background: -webkit-linear-gradient(45deg, rgba(225,19,123,0.6) 0%,rgba(255,138,1,0.6) 100%);
background: linear-gradient(45deg, rgba(225,19,123,0.6) 0%,rgba(255,138,1,0.6) 100%);
}
*/
.event-section .section-title{
position: relative;
}
.event-section .section-title h3{
font-size: 36px;
color: #ffffff;
line-height: 52px;
font-weight: 700;
padding-bottom: 15px;
font-family: 'Oswald', sans-serif;
}
.event-section .section-title h3 span{
font-size: 36px;
color: #333;
}
.event-section .section-title p{
font-size: 16px;
color: #fff;
font-weight: 400;
line-height: 26px;
margin-bottom: 0px;
font-family: 'Roboto', sans-serif;
}
.event-section .link-btn{
position: absolute;
right: 0px;
bottom: 10px;
}
.event-section .link-btn .btn-style-one:hover{
color: #ffffff;
border: 1px solid #ffffff;
}
/***
====================================================================
news-section style
====================================================================
***/
.news-section{
position: relative;
padding-top: 88px;
padding-bottom: 70px;
}
.news-section .section-title h3{
font-size: 36px;
color: #2f323c;
line-height: 52px;
font-weight: 700;
padding-bottom: 35px;
font-family: 'Oswald', sans-serif;
}
.news-section .section-title h3 span{
font-size: 36px;
color: #09c5c3;
}
.news-section .section-title p{
font-size: 16px;
color: #848484;
font-weight: 400;
line-height: 26px;
padding-bottom: 38px;
font-family: 'Roboto', sans-serif;
}
.news-section .image-holder{
margin-bottom: 30px;
box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.2);
}
.news-section .image-holder .image-box{
position: relative;
}
.news-section .image-holder .image-box img{
width: 100%;
}
.news-section .image-holder .date-box{
position: absolute;
bottom: 0px;
left: 29px;
width: 75px;
height: 85px;
text-align: center;
background: #09c5c3;
}
.news-section .image-holder .date-box h2{
font-size: 33px;
color: #ffffff;
font-weight: 500;
line-height: 28px;
padding-top: 10px;
font-family: 'Roboto', sans-serif;
}
.news-section .image-holder .date-box span{
font-size: 9px;
color: #ffffff;
font-weight: 400;
line-height: 0px;
font-family: 'Roboto', sans-serif;
}
.news-section .image-content{
padding: 8px 29px;
}
.news-section .image-content h5{
font-size: 17px;
font-weight: 400;
color: #2f323c;
line-height: 40px;
font-family: 'Roboto', sans-serif;
text-transform: uppercase;
}
.news-section .image-content h5:hover{
color: #09c5c3;
}
.news-section .image-content .item-menu{
margin-bottom: 10px;
}
.news-section .image-content .item-menu li{
position: relative;
display: inline-block;
font-size: 13px;
color: #848484;
line-height: 26px;
padding-right: 15px;
margin-right: 5px;
}
.news-section .image-content .item-menu li:before{
position: absolute;
right: 0px;
bottom: 7px;
height: 11px;
content: '';
border-right: 1px solid #e5e5e5;
}
.news-section .image-content .item-menu li:last-child:before{
display: none;
}
.news-section .image-content .item-menu li span{
color: #09c5c3;
}
/***
====================================================================
Google map style
====================================================================
***/
.google-map-area {
position: relative;
}
#contact-google-map {
height: 480px;
width: 100%;
}
/***
====================================================================
Google map content style
====================================================================
***/
.map-content{
position: relative;
}
.map-content .content-text{
position: absolute;
top: -480px;
width: 370px;
height: 480px;
left: 20%;
padding: 40px 50px;
margin-left: -15px;
background: #e73774;
}
.map-content .content-text h4{
font-size: 25px;
line-height: 35px;
font-weight: 700;
text-transform: uppercase;
color: #ffffff;
padding-bottom: 13px;
margin-bottom: 23px;
border-bottom: 1px solid #ffffff;
font-family: 'Roboto', sans-serif;
}
.map-content .content-text p{
font-size: 15px;
font-weight: 400;
line-height: 26px;
color: #ffffff;
padding-bottom: 25px;
font-family: 'Roboto', sans-serif;
}
.map-content .content-text h5{
font-size: 20px;
font-weight: 700;
line-height: 32px;
color: #ffffff;
margin-bottom: 15px;
text-transform: uppercase;
font-family: 'Roboto', sans-serif;
}
.map-content .content-text .contact-link .item{
position: relative;
margin-left: 30px;
margin-bottom: 8px;
}
.map-content .content-text .contact-link .item i{
position: absolute;
left: -30px;
top: 0px;
font-size: 15px;
color: #ffffff;
}
.map-content .content-text .contact-link .item h6{
font-size: 15px;
font-weight: 400;
line-height: 26px;
color: #ffffff;
font-family: 'Roboto', sans-serif;
}
.map-content .content-text .contact-link .link-btn{
margin-top: 45px;
}
.map-content .content-text .contact-link .link-btn a{
color: #ffffff;
letter-spacing: .5px;
border: 1px solid #ffffff;
}
.map-content .content-text .contact-link .link-btn a:hover{
color: #09c5c3;
background: #ffffff;
border: 1px solid #09c5c3;
}
/***
====================================================================
subscribe-section style
====================================================================
***/
.subscribe-section {
position: relative;
padding: 85px 0px;
background-size: cover;
background-repeat: no-repeat;
}
.subscribe-section:before {
position: absolute;
top: 0px;
right: 0px;
left: 0px;
bottom: 0px;
content: '';
background: rgba(42, 40, 51, 0.8);
}
.subscribe-section .section-title h3{
font-size: 36px;
color: #ffffff;
line-height: 52px;
font-weight: 500;
font-family: 'Roboto', sans-serif;
}
.subscribe-section .section-title h3 span{
font-size: 36px;
color: #09c5c3;
}
.subscribe-section .section-title p{
font-size: 16px;
color: #dee2e7;
font-weight: 400;
line-height: 26px;
font-family: 'Roboto', sans-serif;
}
.subscribe-section form{
padding-top: 20px;
}
.subscribe-section input[type="text"],
.subscribe-section input[type="email"] {
position: relative;
display: block;
height: 50px;
font-size: 15px;
font-weight: 400;
width: 60%;
line-height: 26px;
background: #2f323c;
border-radius: 5px;
padding: 0px 20px;
background: #ffffff;
margin-left: 50px;
font-family: 'Roboto', sans-serif;
}
.subscribe-section input[type="submit"],
.subscribe-section button {
position: absolute;
width: 155px;
height: 50px;
top: 20px;
right: 15px;
line-height: 26px;
font-size: 16px;
font-weight: 700;
color: #ffffff;
background: #09c5c3;
font-family: 'Roboto', sans-serif;
}
.subscribe-section button:hover {
color: #ffffff;
border: 1px solid #ffffff;
background: transparent;
}
/***
====================================================================
Main-footer style
====================================================================
***/
.main-footer {
position: relative;
padding-top: 50px;
background: #33333a;
}
.main-footer .links-menu{
position: relative;
margin: 50px 0px;
padding: 0px 30px;
background: #3b3b42;
}
.main-footer .links-menu li{
display: inline-block;
padding: 20px 0px;
margin: 0px 15px;
}
.main-footer .links-menu li a{
font-size: 16px;
line-height: 30px;
font-weight: 400;
color: #dee2e7;
}
.main-footer .social-links{
position: relative;
padding-bottom: 35px;
}
.main-footer .social-links li{
display: inline-block;
margin: 0px 5px;
}
.main-footer .social-links li i{
color: #dee2e7;
width: 47px;
height: 47px;
font-size: 16px;
font-weight: 400;
line-height: 47px;
border-radius: 50%;
background: transparent;
border: 1px solid #8f8f93;
transition:all 500ms ease;
}
.main-footer .social-links li i:hover{
color: #ffffff;
background: #09c5c3;
border: 1px solid #09c5c3;
transition:all 500ms ease;
}
/*** ======== footer bottom ========***/
.footer-bottom {
position: relative;
background: #29292f;
}
.footer-bottom p{
padding: 25px 0px;
font-size: 15px;
font-weight: 400;
line-height: 30px;
color: #dee2e7;
margin-bottom: 0px;
font-family: 'Roboto', sans-serif;
}
/*** =======================End home page =====================***/
/***
====================================================================
Page Title Style
====================================================================
***/
.page-title{
position:relative;
height: 220px;
padding-top: 70px;
background-size:cover;
background-position:center middle;
background-repeat:no-repeat;
}
.page-title:before{
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
position:absolute;
background: rgba(25, 31, 41, 0.7);
}
.page-title .title-text h1{
position: relative;
font-size:36px;
color:#ffffff;
line-height:48px;
font-weight:700;
padding-bottom: 5px;
letter-spacing: 1px;
font-family: 'Oswald', sans-serif;
text-transform:uppercase;
}
.page-title .title-text .title-menu li{
position:relative;
color:#ffffff;
font-size: 16px;
display: inline-block;
line-height:26px;
font-weight: 500;
text-transform: uppercase;
font-family: 'Roboto', sans-serif;
}
.page-title .title-text .title-menu li a:after{
content:'\f105';
position:absolute;
width:5px;
top: 0px;
color: #ffffff;
line-height:25px;
font-size: 16px;
margin-left: 6px;
font-family: FontAwesome;
}
.page-title .title-text .title-menu li a{
margin-right: 12px;
color: #ffffff;
font-weight: 500;
transition:all 500ms ease;
}
.page-title .title-text .title-menu li a:hover{
color: #53d572;
transition:all 500ms ease;
}
.speakers-section {
position: relative;
padding: 60px 0 20px;
}
.sec-title {
position: relative;
margin-bottom: 30px;
}
.sec-title h2 {
position: relative;
display: inline-block;
font-size: 40px;
line-height: 1.2em;
color: #3f4161;
font-weight: 700;
padding-bottom: 30px;
}
.why_attend li {
position: relative;
float: left;
width: 100%;
font-size: 15px;
line-height: 30px;
color: #222;
font-weight: 500;
padding-left: 30px;
text-align: left;
}
.why_attend li:before {
position: absolute;
left: 0;
top: 0;
font-size: 19px;
content: "\f178";
font-family: 'FontAwesome';
color: #ff4623;
}
.sec-title .title {
position: relative;
display: block;
font-size: 15px;
line-height: 1em;
color: #ff8a01;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 5px;
margin-bottom: 15px;
}
.send_a_mesg {
position: relative;
z-index: 1;
margin-top: 50px;
}
.send_a_mesg .row {
margin: 0px;
margin-bottom: 15px;
}
.text-right {
text-align: right!important;
}
.send_a_mesg .row label {
font-size: 14px;
margin-top: 8px;
}
.input-group-addon i {
vertical-align: -webkit-baseline-middle;
}
.input-group-addon {
padding: 6px 12px;
font-size: 14px;
font-weight: normal;
line-height: 1;
color: #555;
text-align: center;
background-color: #eee;
border: 1px solid #ccc;
border-radius: 4px 0px 0px 4px;
width: 18%;
float: left;
height: 38px;
}
.input-group .form-control {
position: relative;
z-index: 2;
float: right;
width: 82%;
margin-bottom: 0;
font-size: 12px;
padding: 6px 12px;
height: 38px;
}
.input-group .form-control-2 {
position: relative;
z-index: 2;
float: left;
width: 50%;
margin-bottom: 0;
font-size: 12px;
padding: 6px 12px;
height: 38px;
border: 1px solid #ccc;
border-radius: 0px 4px 4px 0px;
}
.input-group .form-control-1 {
position: relative;
z-index: 2;
float: left;
width: 15%;
margin-bottom: 0;
font-size: 12px;
padding: 6px 12px;
height: 38px;
border: 1px solid #ccc;
border-radius: 0px 4px 4px 0px;
}
.input-group {
position: relative;
display: table;
border-collapse: separate;
width: 100%;
}
.input-group-addon-textarea {
padding: 6px 12px;
font-size: 14px;
font-weight: normal;
line-height: 1;
color: #555;
text-align: center;
background-color: #eee;
border: 1px solid #ccc;
border-radius: 4px 0px 0px 4px;
width: 8%;
float: left;
height: 130px !important;
}
.input-group textarea {
height: 130px !important;
width: 92%;
margin-bottom: 0;
font-size: 12px;
padding: 6px 12px;
float: right;
border-radius: 0px 4px 4px 0px;
color: #495057;
background-color: #fff;
border: 1px solid #ced4da;
}
.register_page .input-group-addon {
padding: 6px 12px;
font-size: 14px;
font-weight: normal;
line-height: 1;
color: #555;
text-align: center;
background-color: #eee;
border: 1px solid #ccc;
border-radius: 4px 0px 0px 4px;
width: 8%;
float: left;
height: 38px;
}
.register_page .input-group .form-control {
position: relative;
z-index: 2;
float: right;
width: 92%;
margin-bottom: 0;
font-size: 12px;
padding: 6px 12px;
height: 38px;
}
.client-block {
position: relative;
margin-bottom: 30px;
}
.client-block .inner-box {
position: relative;
padding: 20px;
border: 1px solid #edf0f6;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
background-color:#003262;
}
.client-block .inner-box .price{
color:#fff;
font-size:12px;
}
.client-block .inner-box label {
color:#fff;
}
.input-group-addon-1 {
padding: 6px 12px;
font-size: 14px;
font-weight: normal;
line-height: 1;
color: #555;
text-align: center;
background-color: #eee;
border: 1px solid #ccc;
border-radius: 4px 0px 0px 4px;
width: 30%;
float: left;
height: 38px;
}
.input-group-addon-1 i {
vertical-align: -webkit-baseline-middle;
}
.text-center {
text-align: center!important;
}
.accordion-container{
position: relative;
max-width: 100%;
width: 100%;
float: left;
}
.accordion-container > h2{
text-align: center;
color: #fff;
padding-bottom: 5px;
margin-bottom: 20px;
padding-bottom: 15px;
border-bottom: 1px solid #fff;
}
.set{
position: relative;
width: 100%;
height: auto;
background-color: #f1f5f7;
box-shadow: 0 5px 1px -3px rgba(0,0,0,.15);
-webkit-box-shadow: 0 5px 1px -3px rgba(0,0,0,.15);
-moz-box-shadow: 0 5px 1px -3px rgba(0,0,0,.15);
-ms-box-shadow: 0 5px 1px -3px rgba(0,0,0,.15);
margin-bottom: 10px;
}
.set > a{
display: block;
font-size: 18px;
padding: 18px 30px;
font-family: var(--font-family);
text-decoration: none;
color: #282828;
font-weight: 500;
border-bottom: 1px solid #fff;
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
transition:all 0.2s linear;
}
.set > a i{
float: right;
margin-top: 2px;
}
.set > a.active{
background:linear-gradient(to right,rgba(230,90,23,1) 0,rgba(236,138,37,1) 100%);
color: #fff;
}
.set .content{
background-color: #fff;
border-bottom: 1px solid #ddd;
display:none;
}
.set .content p{
padding: 10px 15px;
margin: 0;
color: #333;
}
.gallery-section .image-content {
padding-bottom: 18px;
background: #efefef;
text-align:center;
}
.gallery-section .image-content h5 {
font-size: 24px;
color: #2f323c;
padding-top: 15px;
font-weight: 400;
line-height: 32px;
margin-bottom: -5px;
transition: all 500ms ease;
font-family: 'Roboto', sans-serif;
}
.gallery-section .image-content span {
font-size: 14px;
color: #848484;
font-weight: 400;
line-height: 26px;
font-family: 'Roboto', sans-serif;
}
/***
====================================================================
testimonials-section style-two
====================================================================
***/
.testimonials-section{
position: relative;
padding-top: 90px;
padding-bottom: 85px;
}
.testimonials-section .section-title h3{
font-size: 36px;
color: #2f323c;
line-height: 52px;
font-weight: 700;
padding-bottom: 15px;
font-family: 'Oswald', sans-serif;
}
.testimonials-section .section-title h3 span{
font-size: 36px;
color: #09c5c3;
}
.testimonials-section .section-title p{
font-size: 16px;
color: #848484;
font-weight: 400;
line-height: 26px;
font-family: 'Roboto', sans-serif;
}
.testimonials-section .slide-item{
position: relative;
margin-top: 65px;
margin-bottom: 35px;
}
.testimonials-section .slide-item .inner-box {
position: relative;
padding-top: 20px;
padding-bottom: 25px;
padding-left: 32px;
background: #ffffff;
padding-right: 5px;
box-shadow: inset 0px 0px 5px 0px rgba(34, 34, 34, 0.11);
}
.testimonials-section .slide-item .image-box{
position: absolute;
display: inline-block;
top: -30px;
}
.testimonials-section .slide-item .image-box img{
display: inline-block;
}
.testimonials-section .slide-item .inner-box h5{
font-size: 20px;
color: #2f323c;
line-height: 28px;
font-weight: 400;
margin-top: 50px;
text-transform: capitalize;
font-family: 'Roboto', sans-serif;
}
.testimonials-section .slide-item .inner-box span{
font-size: 14px;
color: #848484;
line-height: 26px;
font-weight: 400;
text-transform: capitalize;
font-family: 'Roboto', sans-serif;
}
.testimonials-section .slide-item .inner-box p{
font-size: 12px;
color: #848484;
line-height: 26px;
font-weight: 400;
padding-top: 15px;
text-transform: capitalize;
font-family: 'Roboto', sans-serif;
}
.testimonials-section .owl-nav{
display: none;
}
.testimonials-section .owl-dots{
display: block;
}
.testimonials-section .owl-dots .owl-dot span {
height: 11px;
width: 11px;
cursor: pointer;
user-select: none;
border-radius: 50%;
display: block;
border: 2px solid #dadada;
color: #ffffff;
background: #ffffff;
}
.testimonials-section .owl-dots .owl-dot.active span {
height: 13px;
width: 13px;
border-radius: 50%;
display: block;
color: #09c5c3;
background: #09c5c3;
border: 2px solid #09c5c3;
}
.pad-15 {
padding:15px;
}
.owl-theme .owl-controls .owl-nav [class*="owl-"] {
background: none repeat scroll 0 0 #484848;
}
.owl-theme .owl-controls .owl-nav [class*="owl-"]:hover {
background: none repeat scroll 0 0 white;
color: black;
}
.session ul {
padding: 10px;
}
.session ul li {
position: relative;
list-style-type: none;
font-family: 'Lato-Regular';
margin: 10px 0px;
text-align: justify;
padding-left: 25px;
}
.session ul li:before {
position: absolute;
content: "";
top: 4px;
height: 21px;
width: 21px;
background-image: url(../../cmoon_images/check.png);
left: 0px;
}
.online1 {
padding: 40px 0px;
}
.reg-radio {
margin: 0px 20px;
}
.online1 h4 {
text-transform: uppercase;
font-size: 22px;
color: #fff;
text-align: center;
}
.online1 h5 {
text-transform: uppercase;
font-size: 15px;
color: #fff;
text-align: center;
word-spacing: 10px;
}
.reg-radio label {
display: inline-block;
margin-bottom: .5rem;
}
.reg-radio [type=radio] {
position: absolute;
opacity: 0;
width: 0;
height: 0;
}
.reg-radio [type=radio]:checked + img {
/* outline: 1px solid #ccc; */
box-shadow: 0 0 3pt 2pt #034676;
}
.reg-radio p {
color: #fff;
font-size: 9px;
font-family: 'Lato-Regular';
}
.reg-radio img {
margin: 0 auto;
border-radius: 40px;
}
.ppl-img {
width: 300px;
margin-top: 34px;
background-color: #fff;
padding: 5% 0;
}
.rg-content {
font-size: 12px;
color: #706969;
}
.rg-content h4 {
background: #EAEAEA;
color: #ef1e58;
border-left: 8px solid #ef1e58;
padding: 2% 2%;
text-transform: uppercase;
font-size: 15px;
font-weight: 600;
letter-spacing: 1px;
}
.rg-content ul {
margin: 2% 0;
padding: 0;
}
.rg-content ul li {
list-style-type: none;
font-size: 13px;
line-height: 3em !important;
border-bottom: 1px solid #ccc;
background-image: url(cmoon_images/check.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 3%;
}
.rg-content p, .rg-content span, .rg-content div {
line-height: 2em !important;
}
/***
====================================================================
speaking-section style-two
====================================================================
***/
.speaking-section.style-two:before{
display: none;
}
.speaking-section.style-two .section-title h3{
color: #2f323c;
}
.speaking-section.style-two .section-title p{
color: #848484;
}
/***
====================================================================
single-speaker
====================================================================
***/
.single-speaker {
padding: 100px 0px;
}
.single-speaker .image-box{
position: relative;
width: 100%;
}
.single-speaker .right-side{
padding-left: 20px;
}
.single-speaker h3{
margin-top: 20px;
font-size: 36px;
color: #2f323c;
line-height: 46px;
font-weight: 400;
letter-spacing: 1px;
padding-bottom: 5px;
text-transform: capitalize;
font-family: 'Oswald', sans-serif;
}
.single-speaker .right-side span{
font-size: 15px;
color: #848484;
font-weight: 400;
line-height: 26px;
text-transform: capitalize;
font-family: 'Roboto', sans-serif;
}
.single-speaker .content-text p{
font-size: 15px;
color: #848484;
font-weight: 400;
line-height: 26px;
padding-top: 20px;
margin-bottom: 5px;
font-family: 'Roboto', sans-serif;
}
.single-speaker .social-links{
margin-top: 32px;
}
.single-speaker .social-links li{
display: inline-block;
}
.single-speaker .social-links li i{
color: #848484;
font-size: 15px;
line-height: 40px;
width: 40px;
height: 40px;
border-radius: 50%;
text-align: center;
margin-right: 10px;
transition:all 500ms ease;
background: transparent;
border: 1px solid #848484;
}
.single-speaker .social-links li i:hover{
color: #ffffff;
background: #09c5c3;
transition:all 500ms ease;
border: 1px solid #09c5c3;
}
/***
====================================================================
testimonials-section style-three
====================================================================
***/
.testimonials-section.style-two .section-title{
padding-bottom: 5px;
}
.testimonials-section.style-two .slide-item{
margin-top: 60px;
margin-bottom: 0px;
}
/***
====================================================================
sponsors style-two
====================================================================
***/
.sponsors.style-two:before{
display: none;
}
.sponsors.style-two .section-title h3{
color: #2f323c;
}
.sponsors.style-two .section-title p{
color: #848484;
}
.sponsors.style-two .sponsors-logo h6{
color: #2f323c;
}
/***
====================================================================
blog style
====================================================================
***/
.news-section.style-two{
padding-top: 100px;
padding-bottom: 90px;
}
.news-section.style-two .right-side{
margin-left: 40px;
}
.news-section.style-two .right-side .search-box{
position: relative;
border: 1px solid #e5e5e5;
margin-bottom: 40px;
border-radius: 5px;
}
.news-section.style-two .right-side .search-box:hover{
border: 1px solid #09c5c3;
}
.news-section.style-two .right-side .search-box input{
margin-right: 16px;
padding: 10px 20px;
border-radius: 10px;
color: #848484;
font-weight: 400;
font-family: 'Roboto', sans-serif;
}
.news-section.style-two .right-side .search-box button{
width: 48px;
right: 0px;
height: 50px;
position: absolute;
border-radius: 0px 5px 5px 0px;
background: transparent;
transition:all 500ms ease;
}
.news-section.style-two .right-side .search-box button:hover{
background: #09c5c3;
transition:all 500ms ease;
}
.news-section.style-two .right-side .search-box button:hover i{
color: #ffffff;
}
.news-section.style-two .right-side .section-title h5{
font-size: 20px;
color: #2f323c;
line-height: 36px;
font-weight: 400;
margin-bottom: 10px;
font-family: 'Roboto', sans-serif;
text-transform: capitalize;
}
.news-section.style-two .right-side .categorise-menu li{
position: relative;
margin-bottom: 6px;
padding-bottom: 7px;
border-bottom: 1px solid #e5e5e5;
}
.news-section.style-two .right-side .categorise-menu li a{
font-weight: 400;
color: #848484;
font-size: 15px;
line-height: 24px;
font-family: 'Roboto', sans-serif;
}
.news-section.style-two .right-side .categorise-menu li a:hover{
color: #09c5c3;
}
.news-section.style-two .right-side .categorise-menu{
margin-bottom: 38px;
}
.news-section.style-two .right-side .news-list{
padding-bottom: 40px;
}
.news-section.style-two .right-side .item-content{
position: relative;
display: block;
padding: 8px 0px;
vertical-align: middle;
border-bottom: 1px solid #e5e5e5;
}
.news-section.style-two .right-side .item-content:first-child{
padding-top: 5px;
}
.news-section.style-two .right-side h6{
font-size: 16px;
font-weight: 400;
line-height: 24px;
color: #222222;
font-family: 'Open Sans', sans-serif;
}
.news-section.style-two .right-side p{
font-size: 13px;
font-weight: 400;
line-height: 30px;
color: #848484;
font-family: 'Open Sans', sans-serif;
}
.news-section.style-two .right-side p i{
font-size: 13px;
margin-right: 8px;
}
.news-section.style-two .right-side .tags-list{
padding-top: 4px;
}
.news-section.style-two .right-side .tags-list li{
float: left;
margin: 5px 10px 5px 0px;
}
.news-section.style-two .right-side .tags-list li a{
font-weight: 400;
font-size: 14px;
color: #848484;
line-height: 28px;
display: block;
font-family: 'Open Sans', sans-serif;
padding: 5px 18px;
border-radius: 5px;
border: 1px solid #e5e5e5;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
}
.news-section.style-two .right-side .tags-list li a:hover{
color: #ffffff;
background: #09c5c3;
border: 1px solid #09c5c3;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
}
/***
====================================================================
Styled Pagination
====================================================================
***/
.styled-pagination{
position:relative;
padding-top: 20px;
font-family:'Roboto',sans-serif;
}
.styled-pagination li{
position:relative;
display:inline-block;
margin:0px 5px 7px 0px;
}
.styled-pagination li a{
position:relative;
display: block;
line-height:20px;
padding: 12px 17px;
font-size: 16px;
text-transform: capitalize;
border:1px solid #e0e0e0;
background: #ffffff;
color: #2f323c;
font-weight: 400;
text-align: center;
border-radius: 5px;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
}
.styled-pagination li a:hover,
.styled-pagination li a.active{
color: #ffffff;
border-color: #09c5c3;
background: #09c5c3;
transition:all 500ms ease;
}
/***
====================================================================
blog details
====================================================================
***/
.news-section.style-three{
padding-bottom: 70px;
}
.news-section.style-three .image-content{
padding: 30px;
}
.news-section.style-three .image-content p{
font-size: 14px;
font-weight: 400;
line-height: 26px;
color: #848484;
padding-top: 10px;
padding-bottom: 5px;
font-family:'Roboto',sans-serif;
}
.news-section.style-three .contact-link{
background: #ffffff;
padding: 20px 30px;
border-radius: 5px;
margin-top: 35px;
margin-bottom: 10px;
border: 1px solid #e5e5e5;
}
.news-section.style-three .contact-link li{
display: inline-block;
}
.news-section.style-three .contact-link .contact-menu li a{
color: #2f323c;
font-size: 15px;
line-height: 38px;
font-weight: 400;
margin-right: 5px;
transition:all 500ms ease;
font-family:'Roboto',sans-serif;
}
.news-section.style-three .contact-link .contact-menu li a.active{
color: #09c5c3;
transition:all 500ms ease;
}
.news-section.style-three .contact-link .social-links i{
color: #848484;
font-size: 13px;
line-height: 38px;
width: 38px;
height: 38px;
border-radius: 50%;
text-align: center;
margin-left: 5px;
transition:all 500ms ease;
background: transparent;
border: 1px solid #e5e5e5;
}
.news-section.style-three .contact-link .social-links i:hover{
color: #ffffff;
background: #09c5c3;
transition:all 500ms ease;
border: 1px solid #09c5c3;
}
.default-form-area.style-two{
padding: 0px;
}
.default-form-area.style-two:before{
display: none;
}
.default-form-area.style-two h5{
font-size: 20px;
color: #2f323c;
font-weight: 400;
line-height: 32px;
padding-top: 70px;
text-transform: capitalize;
font-family:'Roboto',sans-serif;
}
.default-form-area.style-two .form-group {
margin-bottom: 30px;
}
.default-form-area.style-two textarea{
height: 160px;
resize:none;
}
.default-form-area.style-two button{
margin-top: 0px;
}
/***
====================================================================
contact-section
====================================================================
***/
.contact-section{
padding-top: 90px;
}
.contact-section .section-title h3{
font-size: 36px;
color: #2f323c;
line-height: 50px;
font-weight: 700;
padding-bottom: 5px;
font-family: 'Oswald', sans-serif;
}
.contact-section .section-title h3 span{
font-size: 36px;
color: #09c5c3;
}
.contact-section .section-title p{
font-size: 16px;
color: #848484;
font-weight: 400;
line-height: 26px;
padding-bottom: 38px;
font-family: 'Roboto', sans-serif;
}
.default-form-area.style-three{
padding-right: 0px;
padding-top: 0px;
}
.default-form-area.style-three:before{
display: none;
}
.default-form-area.style-three textarea{
height: 190px;
resize:none;
}
.default-form-area.style-three button{
margin-top: 30px;
}
.default-form-area.style-three button:hover{
color: #09c5c3;
border-color: #09c5c3;
}
/***
====================================================================
error-section
====================================================================
***/
.error-section{
position: relative;
padding: 100px 0px;
}
.error-section h1{
font-size: 330px;
color: #2f323c;
line-height: 350px;
font-weight: 700;
font-family: 'Roboto', sans-serif;
}
.error-section h1 span{
color: #09c5c3;
}
.error-section h3{
font-size: 36px;
color: #2f323c;
line-height: 50px;
font-weight: 700;
padding-bottom: 75px;
font-family: 'Oswald', sans-serif;
}
.error-section h3 span{
font-size: 36px;
color: #09c5c3;
}
.error-section .link-btn{
margin-bottom: 45px;
}
.error-section .link-btn a{
text-transform: lowercase;
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-sm-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-md-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-lg-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 1200px) {
.d-xl-none {
display: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-xl-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media print {
.d-print-none {
display: none !important;
}
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-print-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
.shadow-sm {
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.shadow {
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.shadow-lg {
box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.shadow-none {
box-shadow: none !important;
}
.w-25 {
width: 25% !important;
}
.w-50 {
width: 50% !important;
}
.w-75 {
width: 75% !important;
}
.w-100 {
width: 100% !important;
}
.w-auto {
width: auto !important;
}
.h-25 {
height: 25% !important;
}
.h-50 {
height: 50% !important;
}
.h-75 {
height: 75% !important;
}
.h-100 {
height: 100% !important;
}
.h-auto {
height: auto !important;
}
.mw-100 {
max-width: 100% !important;
}
.mh-100 {
max-height: 100% !important;
}
.min-vw-100 {
min-width: 100vw !important;
}
.min-vh-100 {
min-height: 100vh !important;
}
.vw-100 {
width: 100vw !important;
}
.vh-100 {
height: 100vh !important;
}
.stretched-link::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: auto;
content: "";
background-color: rgba(0, 0, 0, 0);
}
.m-0 {
margin: 0 !important;
}
.mt-0,
.my-0 {
margin-top: 0 !important;
}
.mr-0,
.mx-0 {
margin-right: 0 !important;
}
.mb-0,
.my-0 {
margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
margin-left: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.mt-1,
.my-1 {
margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
margin-left: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.mt-2,
.my-2 {
margin-top: 0.5rem !important;
}
.mr-2,
.mx-2 {
margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2 {
margin-left: 0.5rem !important;
}
.m-3 {
margin: 1rem !important;
}
.mt-3,
.my-3 {
margin-top: 1rem !important;
}
.mr-3,
.mx-3 {
margin-right: 1rem !important;
}
.mb-3,
.my-3 {
margin-bottom: 1rem !important;
}
.ml-3,
.mx-3 {
margin-left: 1rem !important;
}
.m-4 {
margin: 1.5rem !important;
}
.mt-4,
.my-4 {
margin-top: 1.5rem !important;
}
.mr-4,
.mx-4 {
margin-right: 1.5rem !important;
}
.mb-4,
.my-4 {
margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
margin-left: 1.5rem !important;
}
.m-5 {
margin: 3rem !important;
}
.mt-5,
.my-5 {
margin-top: 3rem !important;
}
.mr-5,
.mx-5 {
margin-right: 3rem !important;
}
.mb-5,
.my-5 {
margin-bottom: 3rem !important;
}
.ml-5,
.mx-5 {
margin-left: 3rem !important;
}
.p-0 {
padding: 0 !important;
}
.pt-0,
.py-0 {
padding-top: 0 !important;
}
.pr-0,
.px-0 {
padding-right: 0 !important;
}
.pb-0,
.py-0 {
padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
padding-left: 0 !important;
}
.p-1 {
padding: 0.25rem !important;
}
.pt-1,
.py-1 {
padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
padding-left: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.pt-2,
.py-2 {
padding-top: 0.5rem !important;
}
.pr-2,
.px-2 {
padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2 {
padding-left: 0.5rem !important;
}
.p-3 {
padding: 1rem !important;
}
.pt-3,
.py-3 {
padding-top: 1rem !important;
}
.pr-3,
.px-3 {
padding-right: 1rem !important;
}
.pb-3,
.py-3 {
padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
padding-left: 1rem !important;
}
.p-4 {
padding: 1.5rem !important;
}
.pt-4,
.py-4 {
padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
padding-right: 1.5rem !important;
}
.pb-4,
.py-4 {
padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
padding-left: 1.5rem !important;
}
.p-5 {
padding: 3rem !important;
}
.pt-5,
.py-5 {
padding-top: 3rem !important;
}
.pr-5,
.px-5 {
padding-right: 3rem !important;
}
.pb-5,
.py-5 {
padding-bottom: 3rem !important;
}
.pl-5,
.px-5 {
padding-left: 3rem !important;
}
.m-n1 {
margin: -0.25rem !important;
}
.mt-n1,
.my-n1 {
margin-top: -0.25rem !important;
}
.mr-n1,
.mx-n1 {
margin-right: -0.25rem !important;
}
.mb-n1,
.my-n1 {
margin-bottom: -0.25rem !important;
}
.ml-n1,
.mx-n1 {
margin-left: -0.25rem !important;
}
.m-n2 {
margin: -0.5rem !important;
}
.mt-n2,
.my-n2 {
margin-top: -0.5rem !important;
}
.mr-n2,
.mx-n2 {
margin-right: -0.5rem !important;
}
.mb-n2,
.my-n2 {
margin-bottom: -0.5rem !important;
}
.ml-n2,
.mx-n2 {
margin-left: -0.5rem !important;
}
.m-n3 {
margin: -1rem !important;
}
.mt-n3,
.my-n3 {
margin-top: -1rem !important;
}
.mr-n3,
.mx-n3 {
margin-right: -1rem !important;
}
.mb-n3,
.my-n3 {
margin-bottom: -1rem !important;
}
.ml-n3,
.mx-n3 {
margin-left: -1rem !important;
}
.m-n4 {
margin: -1.5rem !important;
}
.mt-n4,
.my-n4 {
margin-top: -1.5rem !important;
}
.mr-n4,
.mx-n4 {
margin-right: -1.5rem !important;
}
.mb-n4,
.my-n4 {
margin-bottom: -1.5rem !important;
}
.ml-n4,
.mx-n4 {
margin-left: -1.5rem !important;
}
.m-n5 {
margin: -3rem !important;
}
.mt-n5,
.my-n5 {
margin-top: -3rem !important;
}
.mr-n5,
.mx-n5 {
margin-right: -3rem !important;
}
.mb-n5,
.my-n5 {
margin-bottom: -3rem !important;
}
.ml-n5,
.mx-n5 {
margin-left: -3rem !important;
}
.m-auto {
margin: auto !important;
}
.mt-auto,
.my-auto {
margin-top: auto !important;
}
.mr-auto,
.mx-auto {
margin-right: auto !important;
}
.mb-auto,
.my-auto {
margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
margin-left: auto !important;
}
@media (min-width: 576px) {
.m-sm-0 {
margin: 0 !important;
}
.mt-sm-0,
.my-sm-0 {
margin-top: 0 !important;
}
.mr-sm-0,
.mx-sm-0 {
margin-right: 0 !important;
}
.mb-sm-0,
.my-sm-0 {
margin-bottom: 0 !important;
}
.ml-sm-0,
.mx-sm-0 {
margin-left: 0 !important;
}
.m-sm-1 {
margin: 0.25rem !important;
}
.mt-sm-1,
.my-sm-1 {
margin-top: 0.25rem !important;
}
.mr-sm-1,
.mx-sm-1 {
margin-right: 0.25rem !important;
}
.mb-sm-1,
.my-sm-1 {
margin-bottom: 0.25rem !important;
}
.ml-sm-1,
.mx-sm-1 {
margin-left: 0.25rem !important;
}
.m-sm-2 {
margin: 0.5rem !important;
}
.mt-sm-2,
.my-sm-2 {
margin-top: 0.5rem !important;
}
.mr-sm-2,
.mx-sm-2 {
margin-right: 0.5rem !important;
}
.mb-sm-2,
.my-sm-2 {
margin-bottom: 0.5rem !important;
}
.ml-sm-2,
.mx-sm-2 {
margin-left: 0.5rem !important;
}
.m-sm-3 {
margin: 1rem !important;
}
.mt-sm-3,
.my-sm-3 {
margin-top: 1rem !important;
}
.mr-sm-3,
.mx-sm-3 {
margin-right: 1rem !important;
}
.mb-sm-3,
.my-sm-3 {
margin-bottom: 1rem !important;
}
.ml-sm-3,
.mx-sm-3 {
margin-left: 1rem !important;
}
.m-sm-4 {
margin: 1.5rem !important;
}
.mt-sm-4,
.my-sm-4 {
margin-top: 1.5rem !important;
}
.mr-sm-4,
.mx-sm-4 {
margin-right: 1.5rem !important;
}
.mb-sm-4,
.my-sm-4 {
margin-bottom: 1.5rem !important;
}
.ml-sm-4,
.mx-sm-4 {
margin-left: 1.5rem !important;
}
.m-sm-5 {
margin: 3rem !important;
}
.mt-sm-5,
.my-sm-5 {
margin-top: 3rem !important;
}
.mr-sm-5,
.mx-sm-5 {
margin-right: 3rem !important;
}
.mb-sm-5,
.my-sm-5 {
margin-bottom: 3rem !important;
}
.ml-sm-5,
.mx-sm-5 {
margin-left: 3rem !important;
}
.p-sm-0 {
padding: 0 !important;
}
.pt-sm-0,
.py-sm-0 {
padding-top: 0 !important;
}
.pr-sm-0,
.px-sm-0 {
padding-right: 0 !important;
}
.pb-sm-0,
.py-sm-0 {
padding-bottom: 0 !important;
}
.pl-sm-0,
.px-sm-0 {
padding-left: 0 !important;
}
.p-sm-1 {
padding: 0.25rem !important;
}
.pt-sm-1,
.py-sm-1 {
padding-top: 0.25rem !important;
}
.pr-sm-1,
.px-sm-1 {
padding-right: 0.25rem !important;
}
.pb-sm-1,
.py-sm-1 {
padding-bottom: 0.25rem !important;
}
.pl-sm-1,
.px-sm-1 {
padding-left: 0.25rem !important;
}
.p-sm-2 {
padding: 0.5rem !important;
}
.pt-sm-2,
.py-sm-2 {
padding-top: 0.5rem !important;
}
.pr-sm-2,
.px-sm-2 {
padding-right: 0.5rem !important;
}
.pb-sm-2,
.py-sm-2 {
padding-bottom: 0.5rem !important;
}
.pl-sm-2,
.px-sm-2 {
padding-left: 0.5rem !important;
}
.p-sm-3 {
padding: 1rem !important;
}
.pt-sm-3,
.py-sm-3 {
padding-top: 1rem !important;
}
.pr-sm-3,
.px-sm-3 {
padding-right: 1rem !important;
}
.pb-sm-3,
.py-sm-3 {
padding-bottom: 1rem !important;
}
.pl-sm-3,
.px-sm-3 {
padding-left: 1rem !important;
}
.p-sm-4 {
padding: 1.5rem !important;
}
.pt-sm-4,
.py-sm-4 {
padding-top: 1.5rem !important;
}
.pr-sm-4,
.px-sm-4 {
padding-right: 1.5rem !important;
}
.pb-sm-4,
.py-sm-4 {
padding-bottom: 1.5rem !important;
}
.pl-sm-4,
.px-sm-4 {
padding-left: 1.5rem !important;
}
.p-sm-5 {
padding: 3rem !important;
}
.pt-sm-5,
.py-sm-5 {
padding-top: 3rem !important;
}
.pr-sm-5,
.px-sm-5 {
padding-right: 3rem !important;
}
.pb-sm-5,
.py-sm-5 {
padding-bottom: 3rem !important;
}
.pl-sm-5,
.px-sm-5 {
padding-left: 3rem !important;
}
.m-sm-n1 {
margin: -0.25rem !important;
}
.mt-sm-n1,
.my-sm-n1 {
margin-top: -0.25rem !important;
}
.mr-sm-n1,
.mx-sm-n1 {
margin-right: -0.25rem !important;
}
.mb-sm-n1,
.my-sm-n1 {
margin-bottom: -0.25rem !important;
}
.ml-sm-n1,
.mx-sm-n1 {
margin-left: -0.25rem !important;
}
.m-sm-n2 {
margin: -0.5rem !important;
}
.mt-sm-n2,
.my-sm-n2 {
margin-top: -0.5rem !important;
}
.mr-sm-n2,
.mx-sm-n2 {
margin-right: -0.5rem !important;
}
.mb-sm-n2,
.my-sm-n2 {
margin-bottom: -0.5rem !important;
}
.ml-sm-n2,
.mx-sm-n2 {
margin-left: -0.5rem !important;
}
.m-sm-n3 {
margin: -1rem !important;
}
.mt-sm-n3,
.my-sm-n3 {
margin-top: -1rem !important;
}
.mr-sm-n3,
.mx-sm-n3 {
margin-right: -1rem !important;
}
.mb-sm-n3,
.my-sm-n3 {
margin-bottom: -1rem !important;
}
.ml-sm-n3,
.mx-sm-n3 {
margin-left: -1rem !important;
}
.m-sm-n4 {
margin: -1.5rem !important;
}
.mt-sm-n4,
.my-sm-n4 {
margin-top: -1.5rem !important;
}
.mr-sm-n4,
.mx-sm-n4 {
margin-right: -1.5rem !important;
}
.mb-sm-n4,
.my-sm-n4 {
margin-bottom: -1.5rem !important;
}
.ml-sm-n4,
.mx-sm-n4 {
margin-left: -1.5rem !important;
}
.m-sm-n5 {
margin: -3rem !important;
}
.mt-sm-n5,
.my-sm-n5 {
margin-top: -3rem !important;
}
.mr-sm-n5,
.mx-sm-n5 {
margin-right: -3rem !important;
}
.mb-sm-n5,
.my-sm-n5 {
margin-bottom: -3rem !important;
}
.ml-sm-n5,
.mx-sm-n5 {
margin-left: -3rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.mt-sm-auto,
.my-sm-auto {
margin-top: auto !important;
}
.mr-sm-auto,
.mx-sm-auto {
margin-right: auto !important;
}
.mb-sm-auto,
.my-sm-auto {
margin-bottom: auto !important;
}
.ml-sm-auto,
.mx-sm-auto {
margin-left: auto !important;
}
}
@media (min-width: 768px) {
.m-md-0 {
margin: 0 !important;
}
.mt-md-0,
.my-md-0 {
margin-top: 0 !important;
}
.mr-md-0,
.mx-md-0 {
margin-right: 0 !important;
}
.mb-md-0,
.my-md-0 {
margin-bottom: 0 !important;
}
.ml-md-0,
.mx-md-0 {
margin-left: 0 !important;
}
.m-md-1 {
margin: 0.25rem !important;
}
.mt-md-1,
.my-md-1 {
margin-top: 0.25rem !important;
}
.mr-md-1,
.mx-md-1 {
margin-right: 0.25rem !important;
}
.mb-md-1,
.my-md-1 {
margin-bottom: 0.25rem !important;
}
.ml-md-1,
.mx-md-1 {
margin-left: 0.25rem !important;
}
.m-md-2 {
margin: 0.5rem !important;
}
.mt-md-2,
.my-md-2 {
margin-top: 0.5rem !important;
}
.mr-md-2,
.mx-md-2 {
margin-right: 0.5rem !important;
}
.mb-md-2,
.my-md-2 {
margin-bottom: 0.5rem !important;
}
.ml-md-2,
.mx-md-2 {
margin-left: 0.5rem !important;
}
.m-md-3 {
margin: 1rem !important;
}
.mt-md-3,
.my-md-3 {
margin-top: 1rem !important;
}
.mr-md-3,
.mx-md-3 {
margin-right: 1rem !important;
}
.mb-md-3,
.my-md-3 {
margin-bottom: 1rem !important;
}
.ml-md-3,
.mx-md-3 {
margin-left: 1rem !important;
}
.m-md-4 {
margin: 1.5rem !important;
}
.mt-md-4,
.my-md-4 {
margin-top: 1.5rem !important;
}
.mr-md-4,
.mx-md-4 {
margin-right: 1.5rem !important;
}
.mb-md-4,
.my-md-4 {
margin-bottom: 1.5rem !important;
}
.ml-md-4,
.mx-md-4 {
margin-left: 1.5rem !important;
}
.m-md-5 {
margin: 3rem !important;
}
.mt-md-5,
.my-md-5 {
margin-top: 3rem !important;
}
.mr-md-5,
.mx-md-5 {
margin-right: 3rem !important;
}
.mb-md-5,
.my-md-5 {
margin-bottom: 3rem !important;
}
.ml-md-5,
.mx-md-5 {
margin-left: 3rem !important;
}
.p-md-0 {
padding: 0 !important;
}
.pt-md-0,
.py-md-0 {
padding-top: 0 !important;
}
.pr-md-0,
.px-md-0 {
padding-right: 0 !important;
}
.pb-md-0,
.py-md-0 {
padding-bottom: 0 !important;
}
.pl-md-0,
.px-md-0 {
padding-left: 0 !important;
}
.p-md-1 {
padding: 0.25rem !important;
}
.pt-md-1,
.py-md-1 {
padding-top: 0.25rem !important;
}
.pr-md-1,
.px-md-1 {
padding-right: 0.25rem !important;
}
.pb-md-1,
.py-md-1 {
padding-bottom: 0.25rem !important;
}
.pl-md-1,
.px-md-1 {
padding-left: 0.25rem !important;
}
.p-md-2 {
padding: 0.5rem !important;
}
.pt-md-2,
.py-md-2 {
padding-top: 0.5rem !important;
}
.pr-md-2,
.px-md-2 {
padding-right: 0.5rem !important;
}
.pb-md-2,
.py-md-2 {
padding-bottom: 0.5rem !important;
}
.pl-md-2,
.px-md-2 {
padding-left: 0.5rem !important;
}
.p-md-3 {
padding: 1rem !important;
}
.pt-md-3,
.py-md-3 {
padding-top: 1rem !important;
}
.pr-md-3,
.px-md-3 {
padding-right: 1rem !important;
}
.pb-md-3,
.py-md-3 {
padding-bottom: 1rem !important;
}
.pl-md-3,
.px-md-3 {
padding-left: 1rem !important;
}
.p-md-4 {
padding: 1.5rem !important;
}
.pt-md-4,
.py-md-4 {
padding-top: 1.5rem !important;
}
.pr-md-4,
.px-md-4 {
padding-right: 1.5rem !important;
}
.pb-md-4,
.py-md-4 {
padding-bottom: 1.5rem !important;
}
.pl-md-4,
.px-md-4 {
padding-left: 1.5rem !important;
}
.p-md-5 {
padding: 3rem !important;
}
.pt-md-5,
.py-md-5 {
padding-top: 3rem !important;
}
.pr-md-5,
.px-md-5 {
padding-right: 3rem !important;
}
.pb-md-5,
.py-md-5 {
padding-bottom: 3rem !important;
}
.pl-md-5,
.px-md-5 {
padding-left: 3rem !important;
}
.m-md-n1 {
margin: -0.25rem !important;
}
.mt-md-n1,
.my-md-n1 {
margin-top: -0.25rem !important;
}
.mr-md-n1,
.mx-md-n1 {
margin-right: -0.25rem !important;
}
.mb-md-n1,
.my-md-n1 {
margin-bottom: -0.25rem !important;
}
.ml-md-n1,
.mx-md-n1 {
margin-left: -0.25rem !important;
}
.m-md-n2 {
margin: -0.5rem !important;
}
.mt-md-n2,
.my-md-n2 {
margin-top: -0.5rem !important;
}
.mr-md-n2,
.mx-md-n2 {
margin-right: -0.5rem !important;
}
.mb-md-n2,
.my-md-n2 {
margin-bottom: -0.5rem !important;
}
.ml-md-n2,
.mx-md-n2 {
margin-left: -0.5rem !important;
}
.m-md-n3 {
margin: -1rem !important;
}
.mt-md-n3,
.my-md-n3 {
margin-top: -1rem !important;
}
.mr-md-n3,
.mx-md-n3 {
margin-right: -1rem !important;
}
.mb-md-n3,
.my-md-n3 {
margin-bottom: -1rem !important;
}
.ml-md-n3,
.mx-md-n3 {
margin-left: -1rem !important;
}
.m-md-n4 {
margin: -1.5rem !important;
}
.mt-md-n4,
.my-md-n4 {
margin-top: -1.5rem !important;
}
.mr-md-n4,
.mx-md-n4 {
margin-right: -1.5rem !important;
}
.mb-md-n4,
.my-md-n4 {
margin-bottom: -1.5rem !important;
}
.ml-md-n4,
.mx-md-n4 {
margin-left: -1.5rem !important;
}
.m-md-n5 {
margin: -3rem !important;
}
.mt-md-n5,
.my-md-n5 {
margin-top: -3rem !important;
}
.mr-md-n5,
.mx-md-n5 {
margin-right: -3rem !important;
}
.mb-md-n5,
.my-md-n5 {
margin-bottom: -3rem !important;
}
.ml-md-n5,
.mx-md-n5 {
margin-left: -3rem !important;
}
.m-md-auto {
margin: auto !important;
}
.mt-md-auto,
.my-md-auto {
margin-top: auto !important;
}
.mr-md-auto,
.mx-md-auto {
margin-right: auto !important;
}
.mb-md-auto,
.my-md-auto {
margin-bottom: auto !important;
}
.ml-md-auto,
.mx-md-auto {
margin-left: auto !important;
}
}
@media (min-width: 992px) {
.m-lg-0 {
margin: 0 !important;
}
.mt-lg-0,
.my-lg-0 {
margin-top: 0 !important;
}
.mr-lg-0,
.mx-lg-0 {
margin-right: 0 !important;
}
.mb-lg-0,
.my-lg-0 {
margin-bottom: 0 !important;
}
.ml-lg-0,
.mx-lg-0 {
margin-left: 0 !important;
}
.m-lg-1 {
margin: 0.25rem !important;
}
.mt-lg-1,
.my-lg-1 {
margin-top: 0.25rem !important;
}
.mr-lg-1,
.mx-lg-1 {
margin-right: 0.25rem !important;
}
.mb-lg-1,
.my-lg-1 {
margin-bottom: 0.25rem !important;
}
.ml-lg-1,
.mx-lg-1 {
margin-left: 0.25rem !important;
}
.m-lg-2 {
margin: 0.5rem !important;
}
.mt-lg-2,
.my-lg-2 {
margin-top: 0.5rem !important;
}
.mr-lg-2,
.mx-lg-2 {
margin-right: 0.5rem !important;
}
.mb-lg-2,
.my-lg-2 {
margin-bottom: 0.5rem !important;
}
.ml-lg-2,
.mx-lg-2 {
margin-left: 0.5rem !important;
}
.m-lg-3 {
margin: 1rem !important;
}
.mt-lg-3,
.my-lg-3 {
margin-top: 1rem !important;
}
.mr-lg-3,
.mx-lg-3 {
margin-right: 1rem !important;
}
.mb-lg-3,
.my-lg-3 {
margin-bottom: 1rem !important;
}
.ml-lg-3,
.mx-lg-3 {
margin-left: 1rem !important;
}
.m-lg-4 {
margin: 1.5rem !important;
}
.mt-lg-4,
.my-lg-4 {
margin-top: 1.5rem !important;
}
.mr-lg-4,
.mx-lg-4 {
margin-right: 1.5rem !important;
}
.mb-lg-4,
.my-lg-4 {
margin-bottom: 1.5rem !important;
}
.ml-lg-4,
.mx-lg-4 {
margin-left: 1.5rem !important;
}
.m-lg-5 {
margin: 3rem !important;
}
.mt-lg-5,
.my-lg-5 {
margin-top: 3rem !important;
}
.mr-lg-5,
.mx-lg-5 {
margin-right: 3rem !important;
}
.mb-lg-5,
.my-lg-5 {
margin-bottom: 3rem !important;
}
.ml-lg-5,
.mx-lg-5 {
margin-left: 3rem !important;
}
.p-lg-0 {
padding: 0 !important;
}
.pt-lg-0,
.py-lg-0 {
padding-top: 0 !important;
}
.pr-lg-0,
.px-lg-0 {
padding-right: 0 !important;
}
.pb-lg-0,
.py-lg-0 {
padding-bottom: 0 !important;
}
.pl-lg-0,
.px-lg-0 {
padding-left: 0 !important;
}
.p-lg-1 {
padding: 0.25rem !important;
}
.pt-lg-1,
.py-lg-1 {
padding-top: 0.25rem !important;
}
.pr-lg-1,
.px-lg-1 {
padding-right: 0.25rem !important;
}
.pb-lg-1,
.py-lg-1 {
padding-bottom: 0.25rem !important;
}
.pl-lg-1,
.px-lg-1 {
padding-left: 0.25rem !important;
}
.p-lg-2 {
padding: 0.5rem !important;
}
.pt-lg-2,
.py-lg-2 {
padding-top: 0.5rem !important;
}
.pr-lg-2,
.px-lg-2 {
padding-right: 0.5rem !important;
}
.pb-lg-2,
.py-lg-2 {
padding-bottom: 0.5rem !important;
}
.pl-lg-2,
.px-lg-2 {
padding-left: 0.5rem !important;
}
.p-lg-3 {
padding: 1rem !important;
}
.pt-lg-3,
.py-lg-3 {
padding-top: 1rem !important;
}
.pr-lg-3,
.px-lg-3 {
padding-right: 1rem !important;
}
.pb-lg-3,
.py-lg-3 {
padding-bottom: 1rem !important;
}
.pl-lg-3,
.px-lg-3 {
padding-left: 1rem !important;
}
.p-lg-4 {
padding: 1.5rem !important;
}
.pt-lg-4,
.py-lg-4 {
padding-top: 1.5rem !important;
}
.pr-lg-4,
.px-lg-4 {
padding-right: 1.5rem !important;
}
.pb-lg-4,
.py-lg-4 {
padding-bottom: 1.5rem !important;
}
.pl-lg-4,
.px-lg-4 {
padding-left: 1.5rem !important;
}
.p-lg-5 {
padding: 3rem !important;
}
.pt-lg-5,
.py-lg-5 {
padding-top: 3rem !important;
}
.pr-lg-5,
.px-lg-5 {
padding-right: 3rem !important;
}
.pb-lg-5,
.py-lg-5 {
padding-bottom: 3rem !important;
}
.pl-lg-5,
.px-lg-5 {
padding-left: 3rem !important;
}
.m-lg-n1 {
margin: -0.25rem !important;
}
.mt-lg-n1,
.my-lg-n1 {
margin-top: -0.25rem !important;
}
.mr-lg-n1,
.mx-lg-n1 {
margin-right: -0.25rem !important;
}
.mb-lg-n1,
.my-lg-n1 {
margin-bottom: -0.25rem !important;
}
.ml-lg-n1,
.mx-lg-n1 {
margin-left: -0.25rem !important;
}
.m-lg-n2 {
margin: -0.5rem !important;
}
.mt-lg-n2,
.my-lg-n2 {
margin-top: -0.5rem !important;
}
.mr-lg-n2,
.mx-lg-n2 {
margin-right: -0.5rem !important;
}
.mb-lg-n2,
.my-lg-n2 {
margin-bottom: -0.5rem !important;
}
.ml-lg-n2,
.mx-lg-n2 {
margin-left: -0.5rem !important;
}
.m-lg-n3 {
margin: -1rem !important;
}
.mt-lg-n3,
.my-lg-n3 {
margin-top: -1rem !important;
}
.mr-lg-n3,
.mx-lg-n3 {
margin-right: -1rem !important;
}
.mb-lg-n3,
.my-lg-n3 {
margin-bottom: -1rem !important;
}
.ml-lg-n3,
.mx-lg-n3 {
margin-left: -1rem !important;
}
.m-lg-n4 {
margin: -1.5rem !important;
}
.mt-lg-n4,
.my-lg-n4 {
margin-top: -1.5rem !important;
}
.mr-lg-n4,
.mx-lg-n4 {
margin-right: -1.5rem !important;
}
.mb-lg-n4,
.my-lg-n4 {
margin-bottom: -1.5rem !important;
}
.ml-lg-n4,
.mx-lg-n4 {
margin-left: -1.5rem !important;
}
.m-lg-n5 {
margin: -3rem !important;
}
.mt-lg-n5,
.my-lg-n5 {
margin-top: -3rem !important;
}
.mr-lg-n5,
.mx-lg-n5 {
margin-right: -3rem !important;
}
.mb-lg-n5,
.my-lg-n5 {
margin-bottom: -3rem !important;
}
.ml-lg-n5,
.mx-lg-n5 {
margin-left: -3rem !important;
}
.m-lg-auto {
margin: auto !important;
}
.mt-lg-auto,
.my-lg-auto {
margin-top: auto !important;
}
.mr-lg-auto,
.mx-lg-auto {
margin-right: auto !important;
}
.mb-lg-auto,
.my-lg-auto {
margin-bottom: auto !important;
}
.ml-lg-auto,
.mx-lg-auto {
margin-left: auto !important;
}
}
@media (min-width: 1200px) {
.m-xl-0 {
margin: 0 !important;
}
.mt-xl-0,
.my-xl-0 {
margin-top: 0 !important;
}
.mr-xl-0,
.mx-xl-0 {
margin-right: 0 !important;
}
.mb-xl-0,
.my-xl-0 {
margin-bottom: 0 !important;
}
.ml-xl-0,
.mx-xl-0 {
margin-left: 0 !important;
}
.m-xl-1 {
margin: 0.25rem !important;
}
.mt-xl-1,
.my-xl-1 {
margin-top: 0.25rem !important;
}
.mr-xl-1,
.mx-xl-1 {
margin-right: 0.25rem !important;
}
.mb-xl-1,
.my-xl-1 {
margin-bottom: 0.25rem !important;
}
.ml-xl-1,
.mx-xl-1 {
margin-left: 0.25rem !important;
}
.m-xl-2 {
margin: 0.5rem !important;
}
.mt-xl-2,
.my-xl-2 {
margin-top: 0.5rem !important;
}
.mr-xl-2,
.mx-xl-2 {
margin-right: 0.5rem !important;
}
.mb-xl-2,
.my-xl-2 {
margin-bottom: 0.5rem !important;
}
.ml-xl-2,
.mx-xl-2 {
margin-left: 0.5rem !important;
}
.m-xl-3 {
margin: 1rem !important;
}
.mt-xl-3,
.my-xl-3 {
margin-top: 1rem !important;
}
.mr-xl-3,
.mx-xl-3 {
margin-right: 1rem !important;
}
.mb-xl-3,
.my-xl-3 {
margin-bottom: 1rem !important;
}
.ml-xl-3,
.mx-xl-3 {
margin-left: 1rem !important;
}
.m-xl-4 {
margin: 1.5rem !important;
}
.mt-xl-4,
.my-xl-4 {
margin-top: 1.5rem !important;
}
.mr-xl-4,
.mx-xl-4 {
margin-right: 1.5rem !important;
}
.mb-xl-4,
.my-xl-4 {
margin-bottom: 1.5rem !important;
}
.ml-xl-4,
.mx-xl-4 {
margin-left: 1.5rem !important;
}
.m-xl-5 {
margin: 3rem !important;
}
.mt-xl-5,
.my-xl-5 {
margin-top: 3rem !important;
}
.mr-xl-5,
.mx-xl-5 {
margin-right: 3rem !important;
}
.mb-xl-5,
.my-xl-5 {
margin-bottom: 3rem !important;
}
.ml-xl-5,
.mx-xl-5 {
margin-left: 3rem !important;
}
.p-xl-0 {
padding: 0 !important;
}
.pt-xl-0,
.py-xl-0 {
padding-top: 0 !important;
}
.pr-xl-0,
.px-xl-0 {
padding-right: 0 !important;
}
.pb-xl-0,
.py-xl-0 {
padding-bottom: 0 !important;
}
.pl-xl-0,
.px-xl-0 {
padding-left: 0 !important;
}
.p-xl-1 {
padding: 0.25rem !important;
}
.pt-xl-1,
.py-xl-1 {
padding-top: 0.25rem !important;
}
.pr-xl-1,
.px-xl-1 {
padding-right: 0.25rem !important;
}
.pb-xl-1,
.py-xl-1 {
padding-bottom: 0.25rem !important;
}
.pl-xl-1,
.px-xl-1 {
padding-left: 0.25rem !important;
}
.p-xl-2 {
padding: 0.5rem !important;
}
.pt-xl-2,
.py-xl-2 {
padding-top: 0.5rem !important;
}
.pr-xl-2,
.px-xl-2 {
padding-right: 0.5rem !important;
}
.pb-xl-2,
.py-xl-2 {
padding-bottom: 0.5rem !important;
}
.pl-xl-2,
.px-xl-2 {
padding-left: 0.5rem !important;
}
.p-xl-3 {
padding: 1rem !important;
}
.pt-xl-3,
.py-xl-3 {
padding-top: 1rem !important;
}
.pr-xl-3,
.px-xl-3 {
padding-right: 1rem !important;
}
.pb-xl-3,
.py-xl-3 {
padding-bottom: 1rem !important;
}
.pl-xl-3,
.px-xl-3 {
padding-left: 1rem !important;
}
.p-xl-4 {
padding: 1.5rem !important;
}
.pt-xl-4,
.py-xl-4 {
padding-top: 1.5rem !important;
}
.pr-xl-4,
.px-xl-4 {
padding-right: 1.5rem !important;
}
.pb-xl-4,
.py-xl-4 {
padding-bottom: 1.5rem !important;
}
.pl-xl-4,
.px-xl-4 {
padding-left: 1.5rem !important;
}
.p-xl-5 {
padding: 3rem !important;
}
.pt-xl-5,
.py-xl-5 {
padding-top: 3rem !important;
}
.pr-xl-5,
.px-xl-5 {
padding-right: 3rem !important;
}
.pb-xl-5,
.py-xl-5 {
padding-bottom: 3rem !important;
}
.pl-xl-5,
.px-xl-5 {
padding-left: 3rem !important;
}
.m-xl-n1 {
margin: -0.25rem !important;
}
.mt-xl-n1,
.my-xl-n1 {
margin-top: -0.25rem !important;
}
.mr-xl-n1,
.mx-xl-n1 {
margin-right: -0.25rem !important;
}
.mb-xl-n1,
.my-xl-n1 {
margin-bottom: -0.25rem !important;
}
.ml-xl-n1,
.mx-xl-n1 {
margin-left: -0.25rem !important;
}
.m-xl-n2 {
margin: -0.5rem !important;
}
.mt-xl-n2,
.my-xl-n2 {
margin-top: -0.5rem !important;
}
.mr-xl-n2,
.mx-xl-n2 {
margin-right: -0.5rem !important;
}
.mb-xl-n2,
.my-xl-n2 {
margin-bottom: -0.5rem !important;
}
.ml-xl-n2,
.mx-xl-n2 {
margin-left: -0.5rem !important;
}
.m-xl-n3 {
margin: -1rem !important;
}
.mt-xl-n3,
.my-xl-n3 {
margin-top: -1rem !important;
}
.mr-xl-n3,
.mx-xl-n3 {
margin-right: -1rem !important;
}
.mb-xl-n3,
.my-xl-n3 {
margin-bottom: -1rem !important;
}
.ml-xl-n3,
.mx-xl-n3 {
margin-left: -1rem !important;
}
.m-xl-n4 {
margin: -1.5rem !important;
}
.mt-xl-n4,
.my-xl-n4 {
margin-top: -1.5rem !important;
}
.mr-xl-n4,
.mx-xl-n4 {
margin-right: -1.5rem !important;
}
.mb-xl-n4,
.my-xl-n4 {
margin-bottom: -1.5rem !important;
}
.ml-xl-n4,
.mx-xl-n4 {
margin-left: -1.5rem !important;
}
.m-xl-n5 {
margin: -3rem !important;
}
.mt-xl-n5,
.my-xl-n5 {
margin-top: -3rem !important;
}
.mr-xl-n5,
.mx-xl-n5 {
margin-right: -3rem !important;
}
.mb-xl-n5,
.my-xl-n5 {
margin-bottom: -3rem !important;
}
.ml-xl-n5,
.mx-xl-n5 {
margin-left: -3rem !important;
}
.m-xl-auto {
margin: auto !important;
}
.mt-xl-auto,
.my-xl-auto {
margin-top: auto !important;
}
.mr-xl-auto,
.mx-xl-auto {
margin-right: auto !important;
}
.mb-xl-auto,
.my-xl-auto {
margin-bottom: auto !important;
}
.ml-xl-auto,
.mx-xl-auto {
margin-left: auto !important;
}
}
.text-monospace {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}
.text-justify {
text-align: justify !important;
}
.text-wrap {
white-space: normal !important;
}
.text-nowrap {
white-space: nowrap !important;
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
@media (min-width: 576px) {
.text-sm-left {
text-align: left !important;
}
.text-sm-right {
text-align: right !important;
}
.text-sm-center {
text-align: center !important;
}
}
@media (min-width: 768px) {
.text-md-left {
text-align: left !important;
}
.text-md-right {
text-align: right !important;
}
.text-md-center {
text-align: center !important;
}
}
@media (min-width: 992px) {
.text-lg-left {
text-align: left !important;
}
.text-lg-right {
text-align: right !important;
}
.text-lg-center {
text-align: center !important;
}
}
@media (min-width: 1200px) {
.text-xl-left {
text-align: left !important;
}
.text-xl-right {
text-align: right !important;
}
.text-xl-center {
text-align: center !important;
}
}
.text-lowercase {
text-transform: lowercase !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-capitalize {
text-transform: capitalize !important;
}
.font-weight-light {
font-weight: 300 !important;
}
.font-weight-lighter {
font-weight: lighter !important;
}
.font-weight-normal {
font-weight: 400 !important;
}
.font-weight-bold {
font-weight: 700 !important;
}
.font-weight-bolder {
font-weight: bolder !important;
}
.font-italic {
font-style: italic !important;
}
.text-white {
color: #fff !important;
}
.text-primary {
color: #007bff !important;
}
a.text-primary:hover, a.text-primary:focus {
color: #0056b3 !important;
}
.text-secondary {
color: #6c757d !important;
}
a.text-secondary:hover, a.text-secondary:focus {
color: #494f54 !important;
}
.text-success {
color: #28a745 !important;
}
a.text-success:hover, a.text-success:focus {
color: #19692c !important;
}
.text-info {
color: #17a2b8 !important;
}
a.text-info:hover, a.text-info:focus {
color: #0f6674 !important;
}
.text-warning {
color: #ffc107 !important;
}
a.text-warning:hover, a.text-warning:focus {
color: #ba8b00 !important;
}
.text-danger {
color: #dc3545 !important;
}
a.text-danger:hover, a.text-danger:focus {
color: #a71d2a !important;
}
.text-light {
color: #f8f9fa !important;
}
a.text-light:hover, a.text-light:focus {
color: #cbd3da !important;
}
.text-dark {
color: #343a40 !important;
}
a.text-dark:hover, a.text-dark:focus {
color: #121416 !important;
}
.text-body {
color: #212529 !important;
}
.text-muted {
color: #6c757d !important;
}
.text-black-50 {
color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
color: rgba(255, 255, 255, 0.5) !important;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.text-decoration-none {
text-decoration: none !important;
}
.text-break {
word-break: break-word !important;
overflow-wrap: break-word !important;
}
.text-reset {
color: inherit !important;
}
.visible {
visibility: visible !important;
}
.invisible {
visibility: hidden !important;
}
.border {
border: 1px solid #dee2e6 !important;
}
.border-top {
border-top: 1px solid #dee2e6 !important;
}
.border-right {
border-right: 1px solid #dee2e6 !important;
}
.border-bottom {
border-bottom: 1px solid #dee2e6 !important;
}
.border-left {
border-left: 1px solid #dee2e6 !important;
}
.border-0 {
border: 0 !important;
}
.border-top-0 {
border-top: 0 !important;
}
.border-right-0 {
border-right: 0 !important;
}
.border-bottom-0 {
border-bottom: 0 !important;
}
.border-left-0 {
border-left: 0 !important;
}
.border-primary {
border-color: #007bff !important;
}
.border-secondary {
border-color: #6c757d !important;
}
.border-success {
border-color: #28a745 !important;
}
.border-info {
border-color: #17a2b8 !important;
}
.border-warning {
border-color: #ffc107 !important;
}
.border-danger {
border-color: #dc3545 !important;
}
.border-light {
border-color: #f8f9fa !important;
}
.border-dark {
border-color: #343a40 !important;
}
.border-white {
border-color: #fff !important;
}
.rounded-sm {
border-radius: 0.2rem !important;
}
.rounded {
border-radius: 0.25rem !important;
}
.rounded-top {
border-top-left-radius: 0.25rem !important;
border-top-right-radius: 0.25rem !important;
}
.rounded-right {
border-top-right-radius: 0.25rem !important;
border-bottom-right-radius: 0.25rem !important;
}
.rounded-bottom {
border-bottom-right-radius: 0.25rem !important;
border-bottom-left-radius: 0.25rem !important;
}
.rounded-left {
border-top-left-radius: 0.25rem !important;
border-bottom-left-radius: 0.25rem !important;
}
.rounded-lg {
border-radius: 0.3rem !important;
}
.rounded-circle {
border-radius: 50% !important;
}
.rounded-pill {
border-radius: 50rem !important;
}
.rounded-0 {
border-radius: 0 !important;
}
.tab-content .text {
padding: 0 0 0 0px;
min-height: 80px;
position: relative;
margin-left: 130px;
}
.tab-content .point {
font-size: 14px;
background: #f2f2f9;
color: #000;
padding: 5px 15px;
border-radius: 2px;
border: 1px #ebe8f6 solid;
}
.tab-content .text .text_holder {
display: block;
margin: 5px 0 0 0;
}
.tab-content .text .text_holder a{
color: #09c5c3;
}
.tab-content.title-link {
color: #a4112b;
font-weight: 400;
font-size: 18px;
font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
letter-spacing: 0px;
margin-top: 10px;
display: block;
}
.tab-content .text .name {
display: block;
color: #000;
font-size: 14px;
text-transform: capitalize;
margin-top: 2px;
font-weight: 300;
margin-bottom: 10px;
}
.tab-content .designation {
font-size: 13px;
color: #222;
font-style: italic;
}
.tab-content .btn.btn-light {
background-color: #ffffff;
border-color: #ebebeb;
color: #4c5667;
}
.tab-content .image {
display: block;
float: left;
height: 120px;
overflow: hidden;
width: 120px;
margin-left: 160px;
margin-right: 20px;
}
.tab-content img.avatar {
width: 120px;
height: 120px;
}
.tab-content .time{
position: absolute;
left: 0px;
width: 100%;
top: 40%;
}
@media only screen and(min-width: 420px){
.tab-content .image {
display: block;
float: left;
height: 120px;
overflow: hidden;
width: 120px;
margin-left: 0px;
margin-right: 10px;
}
}
.s-links:hover {
background: #202340 !important;
color: #FFF !important;
}
.schedule .speakers-box-lg {
background: #f3f2f9;
padding: 40px 40px 10px 40px;
position: relative;
min-height: 260px;
border: 1px #ebe8f6 solid;
}
.schedule .speakers-box-lg .top {
position: relative;
}
.schedule .speakers-box-lg .top .icon {
float: left;
background: #FFF;
border: 1px #c4c4e8 solid;
padding: 10px;
position: absolute;
top: -110px;
left: 20px;
width: 140px;
}
.schedule .speakers-box-lg .top .titel {
float: left;
margin-left: 180px;
margin-top: -20px;
}
.schedule .speakers-box-lg .top .titel {
float: left;
margin-left: 180px;
margin-top: -20px;
}
.schedule .speakers-box-lg .top .titel .name {
font-size: 16px;
color: #000;
font-weight: 400;
}
.schedule .speakers-box-lg .top .titel .sub {
font-size: 13px !important;
color: #222 !important;
margin-bottom: 20px;
line-height: 18px;
font-style: italic;
margin-top: 5px;
}
.schedule .speakers-box-lg .text {
display: block;
margin-top: 80px;
}
.schedule .text-b-color {
color: #a4112b !important;
}
.schedule .lead {
font-size: 1.25714286em;
line-height: 1.68421053em;
font-weight: 400;
}
.schedule .speakers-box-lg .text {
display: block;
margin-top: 80px;
}
.schedule h4{
margin: 10px 10px;
}
.largest-event-items img{
width: 100%;
height: 600px;
}
.countdown {
width: 800px;
height: 114px;
padding: 20px 0;
text-align: center;
background-color: #682a1a;
margin: 100px auto;
overflow: hidden;
border-radius: 10px;
}
.countdown-time {
display: block;
text-align: center;
}
.countdown-time ul {
display: inline-block;
}
.countdown-time li {
float: left;
text-align: center;
height: 114px;
}
.countdown-time li.blank {
line-height: 100px;
width: 30px;
color: #ffb33d;
font-size: 50px;
}
.countdown-time li.item {
width: 115px;
}
.countdown-time i {
display: block;
width: 115px;
height: 90px;
line-height: 100px;
font-size: 60px;
font-weight: bold;
margin: auto;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, .3);
background: #fff;
color: #ffb33d;
}
.countdown-time span {
display: block;
color: #fff;
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
line-height: 1;
margin-top: 10px;
color: #ff4623;
background-color: #fff;
padding: 10px;
}
.counter-class > div{
display: inline-block;
color: #ff4623;
}
.counter-class .counter-days,
.counter-class .counter-hours,
.counter-class .counter-minutes,
.counter-class .counter-seconds{
font-weight: 100;
font-size: 50px;
font-weight: bold;
color: #ff4623;
background-color: #fff;
padding: 10px;
border-radius: 10px;
}
.wsize2{
margin-left: 20px;
}
.register-table tbody{
background-color: #ecedf1;
}
.register-dt h1 {
color: #000;
font-size: 24px;
font-family: cambria;
text-align: center;
margin-bottom: 20px;
font-weight: 600
}
.regist-bg {
background-color: #ecedf1
}
.register-table {
width: 100%
}
.register-table thead tr td {
background-color: #079290;
width: 14%;
padding: 10px 15px;
text-align: center;
color: #fff;
font-family: sans-serif
}
.register-table thead .regit-tr td {
background-color: #09c5c3;
width: 25%;
padding: 10px 15px;
text-align: center;
color: #fff;
font-family: sans-serif;
font-weight: 600
}
.register-table tbody td,
.register-table tbody td label {
font-weight: 600
}
.regit-tr1 label {
font-weight: 600
}
.text-lf {
text-align: left!important;
width: 18%!important
}
.brd-right {
border-right: 1px solid #bbbcbf
}
.brd-bottom{
border-bottom: 1px solid #bbbcbf;
}
.register-table tbody tr td {
width: 14%;
padding: 10px 15px;
text-align: center;
font-family: sans-serif;
color: #000;
font-size: 13px
}
.register-backgrd {
background-color: #eaeaea
}
.rest-tag {
border-top: 1px solid #a2a3a7;
margin-top: 0;
margin-bottom: 0
}
.register-rad {
background-color: #ff7932;
padding: 5px 10px
}
.register-rad h6 {
margin-top: 0;
margin-bottom: 3px;
color: #fff
}
.register-rad label {
color: #fff;
font-family: sans-serif;
font-size: 13px
}
.date-animate h5 {
color: #000;
font-family: sans-serif;
font-size: 14px;
text-align: center;
font-weight: 600
}
.regis-ttal label {
color: #000;
text-align: center;
font-family: sans-serif;
font-size: 14px
}
.regis-ttal {
text-align: center
}
tr.darkcol {
background-color: #003262;
border: 1px solid #fff;
}
.userreg th {
text-align: center;
}
.darkcol th {
color: #fff;
}
tbody.speaker tr td {
font-size: 16px;
color: #000;
font-weight: 700;
text-align: center;
padding: 4px 10px !important;
vertical-align: middle;
}
.scuccesadd {
background-color: #09c5c3;
color: #fff !important;
}
.fifteen {
background-color: #ce6526;
color: #fff !important;
padding: 5px 10px;
border-radius: 10px;
}
.darkcol th {
text-align: center;
padding: 16px 10px !important;
}
.table > thead > tr > th {
border: 0px;
}
.userreg h4 {
color: #fff;
font-weight: 700;
}
tr.userreg {
background-color: #003262;
}
.speaker-rad1,
.speaker-rad5,
.speaker-rad9,
.speaker-rad13,
.speaker-rad17 {
font-size: 22px !important;
background: #f5f5f5;
border: 1px solid #e3e3e3;
text-align: center !important;
}
.speaker-rad2,
.speaker-rad6,
.speaker-rad10,
.speaker-rad14,
.speaker-rad18 {
background: #f5f5f5;
border: 1px solid #e3e3e3;
font-size: 22px !important;
text-align: center !important;
}
.cust-radio .selRadio {
margin-top: 10px;
margin-left: 30px;
}
.speaker-rad3,
.speaker-rad7,
.speaker-rad11,
.speaker-rad15,
.speaker-rad19 {
background: #f5f5f5;
border: 1px solid #e3e3e3;
font-size: 22px !important;
text-align: center !important;
}
.speaker-rad4,
.speaker-rad8,
.speaker-rad12,
.speaker-rad16,
.speaker-rad20 {
background: #f5f5f5;
border: 1px solid #e3e3e3;
font-size: 22px !important;
text-align: center !important;
}
.radio,
.checkbox {
text-align: left;
}
.accommodationsing {
background: #e57817;
border-radius: 5px;
padding: 10px;
overflow: hidden;
color: #fff;
min-height: 90px;
}
.fifteen h4 {
text-align: center;
background-color: #D43D22;
padding: 6px 35px;
color: #fff;
font-size: 16px;
}
.currencies {
display: inline-block;
}
.table td {
text-align: center;
font-size: 18px;
color: #000;
font-weight: 900;
vertical-align: middle !important;
border: 1px solid #ddd;
}
.radio label {
padding-left: 38px;
}
.custyle input[type=radio] {
border: 1px solid #000;
padding: 0.5em;
-webkit-appearance: none;
display: inline-block;
margin-right: 35px;
}
.custyle input[type=radio]:checked {
background: url(http://arcs-international.com/site_assets/con_images/check_1.png) no-repeat center center;
background-size: 12px 12px;
}
.custyle input[type=radio]:focus {
outline-color: transparent;
}
.radio.cust-radio label{
font-weight: 600 !important;
font-size: 15px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
#ajax_message1 {
margin-left: 17%; margin-right: 11%;
}
@media (min-width:100px) and (max-width:768px) {
#ajax_message1 {
margin:0px !important;
}
.client-block{
visibility:visible!important;
display:block!important;
}
.radio.cust-radio label {
font-size: 16px;
white-space: pre-wrap;
font-weight: 400 !important;
}
.custyle input[type=radio] {
margin-right: 8px;
}
.send_a_mesg {
margin-top: 10px;
}
.input-group-addon-textarea {
width:18% !important;
padding: 6px 5px !important;
}
.input-group textarea {
width: 82% !important;
}
.carousel-indicators {
display:none;
}
.owl-carousel.owl-loaded {
display:block !important;
}
.top-bar-area .address-info li {
margin-right: 0px;
border-right: none;
}
.main-slider h5 {
font-size:35px !important;
text-shadow: #000 1px 1px 5px !important;
}
.main-slider h1 {
font-size:20px !important;
line-height:25px !important;
text-shadow: #000 1px 1px 5px !important;
white-space: pre-wrap !important;
}
.main-slider .tp-caption {
margin-top: 30px !important;
margin-left: 15px !important;
}
.info-list {
line-height:7 !important;
margin-top: 25px !important;
text-shadow: #000 1px 1px 5px !important;
}
.info-list li .fa {
font-size:15px !important;
text-shadow: #000 1px 1px 5px !important;
}
.info-list li {
font-size:15px !important;
text-shadow: #000 1px 1px 5px !important;
}
.tp-caption .btn-style-one {
display:none !important;
}
.flex-sa-m {
display:none !important;
}
.evnt_cont .title_1 {
font-size:15px !important;
text-shadow: #000 1px 1px 5px !important;
}
.evnt_cont .title_1 strong {
font-size:14px !important;
text-shadow: #000 1px 1px 5px !important;
}
.info-list li:nth-child(1):before {
line-height: 6px !important;
text-shadow: #000 1px 1px 5px !important;
}
}