/* #font family */
@import url('https://fonts.googleapis.com/css?family=Barlow:400,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap');
body{
font-size: 14px;
color: #888;
font-family: 'Roboto', sans-serif;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0.7px;
}
img{
max-width: 100%;
height: auto;
}
.globalregion{
display: block;
position: relative;
padding: 50px 0;
}
.heading{
margin-top: 0;
color: #283747;
font-family: 'Barlow';
font-weight: bold;
font-size: 42px;
margin-bottom: 20px;
}
.heading span{
position: relative;
}
.heading span:after{
position: absolute;
bottom: 4px;
width: 100%;
left: 0;
height: 9px;
background: #fbd1c2;
content: '';
z-index: 1;
}
.heading span strong{
position: relative;
z-index: 2;
}
.sessioncolfill .heading span:after{
opacity: .3;
}
/* #header region */
.headerregion {
border-radius: 0;
border: 0;
margin-bottom: 0;
background-color: #fff;
box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.2);
position: fixed;
z-index: 9;
width: 100%;
padding-top: 12px;
padding-bottom: 12px;
top: 0;
left: 0;
}
.navbar-header .navbar-brand {
padding-top: 0;
height: auto;
padding-bottom: 0;
}
.navbar-header .navbar-brand img {
height: 41px;
}
.headerregion .navbar-nav>li>a {
padding: 0 15px;
line-height: 41px;
color: #58585a;
font-size: 14px;
}
.headerregion .navbar-nav>li:last-child a {
background-color: #F15A22;
color: #fff;
border-radius: 5px;
}
.headerregion .navbar-header .navbar-brand{
}
/* Banner region */
.bannerarea {
position: relative;
margin-top: 65px;
}
.bannerarea:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(5, 24, 45, .8);
}
.bannerarea .imgfld img {
width: 100%;
height: auto;
}
.textfold {
position: absolute;
left: 0;
top: 0;
text-align: center;
color: #fff;
width: 100%;
z-index: 1;
padding-top: 30px;
padding-bottom: 30px;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.textfold h2{
margin-top: 0;
font-size: 20px;
font-weight: 300;
margin-bottom: 0;
}
.textfold .logoimg{
position: relative;
padding-top: 20px;
padding-bottom: 20px;
margin-top: 21px;
margin-bottom: 10px;
}
.textfold .logoimg:after{
position: absolute;
content: "";
width: 400px;
height: 1px;
left: 50%;
margin-left: -200px;
background: #F15A22;
top: 0;
}
.textfold .logoimg:before{
position: absolute;
content: "";
width: 400px;
height: 1px;
left: 50%;
margin-left: -200px;
background: #F15A22;
bottom: 0;
display: none;
}
.textfold .logoimg img{
max-height: 150px;
}
.textfold .logoimg h1{
display: none;
}
.textfold h4{
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: bold;
line-height: 1.3;
position: relative;
}
.innerlefthe{
display: inline-block;
vertical-align: top;
position: relative;
border-bottom: 1px solid #F15A22;
padding-bottom: 5px;
padding-right: 15px;
padding-left: 15px;
border-left: 1px solid #F15A22;
border-right: 1px solid #F15A22;
padding-top: 20px;
}
.innerrigthhe:after{
content: "";
position: absolute;
right: 0;
top: 0;
height: 1px;
background: #F15A22;
width: 60px;
}
.innerrigthhe:before{
content: "";
position: absolute;
left: 0;
top: 0;
height: 1px;
background: #F15A22;
width: 60px;
}
.innerlefthe strong{
position: absolute;
top: -13px;
left: 0;
width: 100%;
text-align: center;
font-size: 20px;
letter-spacing: 1.4px;
}
.textfold h4 span{
display: inline-block;
vertical-align: top;
position: relative;
padding-right: 10px;
margin-right: 10px;
}
.textfold h4 span:last-child{
padding-right: 0;
margin-right: 0;
}
.textfold h4 span:after{
position: absolute;
content: "";
height: 100%;
width: 1px;
background: #F15A22;
right: 0;
top: 0;
}
.textfold h4 span:last-child:after{
display: none;
}
.textfold ul{
padding: 0;
margin-top: 20px;
display: block;
list-style: none;
margin-bottom: 20px;
}
.textfold ul li{
display: inline-block;
vertical-align: top;
background-repeat: no-repeat;
background-position: left 4px;
background-image: url(../images/calender.png);
padding-left: 23px;
margin-right: 20px;
}
.textfold ul li + li{
background-image: url(../images/location.png);
}
.textfold ul li a{
color: #fff;
}
.venuesteal{
margin-bottom: 20px;
display: none;
}
.venuesteal span{
display: inline-block;
vertical-align: top;
padding: 7px 30px;
background: rgba(0, 0, 0, .5);
border-radius: 5px;
font-weight: bold;
}
.textfold .btnflds{
align-items: center;
justify-content: center;
}
.textfold .btnflds p{
}
.textfold .btnflds a{
}
.textfold h3{
margin-top: 10px;
font-size: 20px;
font-weight: 300;
margin-bottom: 0;
}
.cursor {
margin-left: 5px;
color: #000;
height: 18px;
width: 2px;
background-color: #fff;
display: inline-block;
vertical-align: top;
}
/* About section css */
.aboutcontsefl{
padding-right: 50px;
position: relative;
}
.aboutcontsefl .registerbtnfld{
margin-top: 20px;
}
.morecontent span {
display: none;
}
.aboutcontsefl .contspan{
display: block;
padding-left: 20px;
border-left: 2px solid #F15A22;
font-size: 15px;
line-height: 1.8;
margin-bottom: 20px;
text-align: justify;
}
.registerbtnfld{
display: flex;
}
.registerbtnfld .simplebtn{
text-transform: uppercase;
color: #fff;
font-weight: bold;
border-radius: 0;
background-image: url(../images/seaticon-white.png);
background-repeat: no-repeat;
background-size: auto 17px;
background-position: 10px center;
background-color: #F15A22;
padding: 10px 25px 10px 45px;
box-shadow: 0 10px 20px 0 rgba(40,55,71,.25);
border: 1px solid #F15A22;
}
.registerbtnfld .secondbtn{
margin-left: 0px;
background-color: transparent;
border: 1px solid #F15A22;
color: #F15A22;
background-image: url(../images/inviteicon.png);
background-size: auto 20px;
padding-left: 55px;
font-weight: 400;
}
.registerbtnfld .moredetlbtn{
background-image: url(../images/moredetails.png);
background-size: auto 20px;
padding-left: 40px;
}
.registerbtnfld .moreneditwocol{
margin-left: 20px;
}
.btnspacngfld .moredetlbtn{
margin-left: 20px;
}
.aboutimgouter{
position: relative;
display: block;
}
.aboutimgouter img{
width: 100%;
height: auto;
box-shadow: -14.14px 14.14px 45px 0 rgba(40,55,71,.2);
}
.aboutimgouter:after{
position: absolute;
content: '';
right: -30px;
bottom: -30px;
width: 200px;
height: 200px;
border: 5px solid #F15A22;
border-width: 5px 30px 30px 5px;
-webkit-transition: all ease .5s;
-o-transition: all ease .5s;
transition: all ease .5s;
}
.aboutimgouter:hover:after{
background: rgba(231,76,60,.3);
width: 100%;
height: 100%;
}
/* Session plan */
.sessionregion {
}
/*.imagepostiing{
position: relative;
display: block;
padding-right: 30px;
}
.imagepostiing img{
box-shadow: 0 20px 30px 0 rgba(40,55,71,.15);
border-radius: 50%;
}
.image1{
float: right;
}
.image1 img{
width: 300px;
height: 300px;
}
.image2{
position: absolute;
left: -40px;
top: 150px;
}
.image2 img{
width: 215px;
height: 215px;
}
.image3{
position: absolute;
top: 330px;
left: 120px;
}
.image3 img{
width: 200px;
height: 200px;
}
.image4{
position: absolute;
right: -10px;
top: 320px;
}
.image4 img{
width: 220px;
height: 220px;
}
.sessionrightfld .image1{
float: left;
}
.sessionrightfld .image2{
top: 310px;
left: -40px;
}
.sessionrightfld .image3{
left: 230px;
top: 270px;
}
.sessionrightfld .image4{
top: 40px;
right: 0px;
}
.contentpost h2{
margin-bottom: 30px;
}
.contentpost .fildconflimg{
margin-bottom: 25px;
border-left: 2px solid #F15A22;
padding-left: 30px;
font-size: 16px;
padding-right: 25px;
letter-spacing: 0;
}
.contentpost .fildconflimg ul{
padding-left: 20px;
margin: 0;
}
.sessioncolfill{
background-color: #283747;
}
.sessioncolfill .heading, .sessioncolfill .contentpost p, .sessioncolfill .registerbtnfld .simplebtn, .sessioncolfill .contentpost ul{
color: #fff;
}
.detsilspe{
padding: 25px 30px 25px 30px;
background: #e74c3c;
position: absolute;
left: 0;
top: 20px;
right: 0;
width: 340px;
opacity: 0;
visibility: hidden;
-webkit-transition: all ease .5s;
-o-transition: all ease .5s;
transition: all ease .5s;
z-index: 1;
}
.detsilspe h3{
font-family: "Barlow";
font-weight: 700;
color: #fff;
font-size: 20px;
margin-top: 0;
}
.detsilspe p{
color: #fff;
margin-bottom: 0;
font-size: 13px;
}
.detsilspe:after {
position: absolute;
content: '';
right: 25px;
width: 3px;
height: 90px;
background: #fff;
bottom: -40px;
}
.imagepostiing>div:hover .detsilspe{
opacity: 1;
top: 0;
visibility: visible;
}
.image2 .detsilspe{
left: 100px;
width: 300px;
padding-left: 40px;
}
.image2 .detsilspe:after{
right: initial;
left: 15px;
}
.image3 .detsilspe{
left: 100px;
width: 300px;
padding-left: 40px;
}
.image3 .detsilspe:after{
right: initial;
left: 15px;
}
.image4 .detsilspe{
left: 100px;
width: 300px;
padding-left: 40px;
}
.image4 .detsilspe:after{
right: initial;
left: 15px;
}
.sessionrightfld .image1 .detsilspe{
left: 110px;
padding-left: 40px;
}
.sessionrightfld .image1 .detsilspe:after{
right: initial;
left: 15px;
}
.sessionrightfld .image2 .detsilspe{
}
.sessionrightfld .image2 .detsilspe:after{
}
.sessionrightfld .image3 .detsilspe{
left: 70px;
}
.sessionrightfld .image3 .detsilspe:after{
}
.sessionrightfld .image4 .detsilspe{
left: initial;
right: 100px;
}
.sessionrightfld .image4 .detsilspe:after{
left: initial;
right: 25px;
}*/
.sessioncolfill {
background-color: #283747;
}
.imagepostiing{
float: left;
width: 100%;
}
.imagepostiing > div{
float: left;
width: 46%;
margin-right: 6%;
border: 1px solid #ddd;
text-align: center;
border-radius: 2px;
margin-top: 20px;
background-color: #fff;
padding: 15px;
}
.imagepostiing > div:nth-child(2n){
margin-right: 0;
}
.imagepostiing > div > img{
max-height: 100px;
border-radius: 50%;
box-shadow: 0 20px 30px 0 rgba(40,55,71,.15);
}
.detsilspe{
padding: 0;
margin-top: 10px;
}
.detsilspe h3{
font-size: 16px;
margin-top: 0;
color: #1c1c24;
margin-bottom: 5px;
font-family: 'Barlow';
font-weight: bold;
}
.detsilspe p{
margin-bottom: 5px;
min-height: 38px;
letter-spacing: 0.5px;
font-size: 12px;
}
.detsilspe .logimgfld{
min-height: 35px;
}
.detsilspe .logimgfld img{
max-height: 35px;
}
.contentpost .fildconflimg {
margin-bottom: 25px;
border-left: 2px solid #F15A22;
padding-left: 30px;
font-size: 16px;
padding-right: 25px;
letter-spacing: 0;
text-align: justify;
}
.contentpost .fildconflimg ul {
padding-left: 20px;
margin: 0;
}
.contentpost .fildconflimg ul{
text-align: justify;
}
.sessioncolfill .heading, .sessioncolfill .contentpost p, .sessioncolfill .registerbtnfld .simplebtn, .sessioncolfill .contentpost ul {
color: #fff;
}
/* Time line */
.sepreatoradded{
background-image: url(../images/pattern-img.png);
background-repeat: no-repeat;
padding-top: 120px;
}
.timeline{
padding: 0;
list-style: none;
display: block;
}
.timeline li{
display: flex;
}
.leftfldtim{
background-color: #fff9f0;
padding: 30px 20px;
text-align: center;
width: 220px;
}
.leftfldtim p{
color: #545584;
font-size: 15px;
letter-spacing: 0;
font-weight: 300;
margin-bottom: 0px;
}
.leftfldtim .iconfld{
margin-bottom: 10px;
}
.leftfldtim .iconfld img{
max-height: 30px;
}
.rightfldtim{
margin-left: 50px;
width: calc(100% - 270px);
padding-top: 50px;
padding-bottom: 30px;
border-top: 1px solid #ededed;
position: relative;
}
.rightfldtim h3{
margin-top: 0;
font-weight: 300;
color: #333;
font-size: 20px;
}
.imgouterf{
margin-top: 35px;
position: absolute;
right: 0;
top: 0;
margin-bottom: 15px;
}
.imgouterf img{
border-radius: 50%;
width: 60px;
height: 60px;
box-shadow: -14.14px 14.14px 45px 0 rgba(40,55,71,.2);
margin-right: 10px;
border: 1px solid rgba(0, 0, 0, .1);
}
/* telegram icon */
.telegramgroup{
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
}
.marvel-device {
display: inline-block;
position: relative;
-webkit-box-sizing: content-box !important;
box-sizing: content-box !important;
}
.marvel-device.nexus5 {
padding: 50px 15px 50px 15px;
width: 320px;
height: 568px;
background: #1e1e1e;
border-radius: 20px;
}
.marvel-device.nexus5:before {
border-radius: 600px / 50px;
background: inherit;
content: '';
position: absolute;
height: 103.1%;
width: calc(100% - 26px);
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.marvel-device .top-bar, .marvel-device .bottom-bar {
height: 3px;
background: black;
width: 100%;
display: block;
}
.marvel-device.nexus5 .top-bar {
width: calc(100% - 8px);
height: calc(100% - 6px);
position: absolute;
top: 3px;
left: 4px;
border-radius: 20px;
background: #181818;
}
.marvel-device.nexus5 .top-bar:before {
border-radius: 600px / 50px;
background: inherit;
content: '';
position: absolute;
height: 103.0%;
width: calc(100% - 26px);
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.marvel-device.nexus5 .sleep {
width: 3px;
position: absolute;
left: -3px;
top: 110px;
height: 100px;
background: inherit;
border-radius: 2px 0px 0px 2px;
}
.marvel-device.nexus5 .volume {
width: 3px;
position: absolute;
right: -3px;
top: 70px;
height: 45px;
background: inherit;
border-radius: 0px 2px 2px 0px;
}
.marvel-device.nexus5 .camera {
background: #3c3d3d;
width: 10px;
height: 10px;
position: absolute;
top: 18px;
left: 50%;
z-index: 3;
margin-left: -5px;
border-radius: 100%;
}
.marvel-device.nexus5 .camera:before {
background: #3c3d3d;
width: 6px;
height: 6px;
content: '';
display: block;
position: absolute;
top: 2px;
left: -100px;
z-index: 3;
border-radius: 100%;
}
.marvel-device .screen {
width: 100%;
position: relative;
height: 100%;
z-index: 3;
background: white;
overflow: hidden;
display: block;
border-radius: 1px;
-webkit-box-shadow: 0 0 0 3px #111;
box-shadow: 0 0 0 3px #111;
text-align: left;
}
.screen-container {
height: 100%;
}
.chat {
height: calc(100% - 69px);
}
.chat-container {
height: 100%;
}
.user-bar {
height: 55px;
background: #517da2;
color: #fff;
padding: 0 8px;
font-size: 24px;
position: relative;
z-index: 1;
}
.user-bar:after {
content: "";
display: table;
clear: both;
}
.user-bar div {
float: left;
transform: translateY(-50%);
position: relative;
top: 50%;
}
.user-bar .avatar {
margin: 0 0 0 5px;
width: 36px;
height: 36px;
}
.user-bar .avatar img {
border-radius: 50%;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
display: block;
width: 100%;
}
.user-bar .name {
font-size: 17px;
font-weight: 600;
text-overflow: ellipsis;
letter-spacing: 0.3px;
margin: 0 0 0 8px;
overflow: hidden;
white-space: nowrap;
width: 170px;
}
.user-bar .status {
display: block;
font-size: 13px;
font-weight: 400;
letter-spacing: 0;
}
.conversation {
height: calc(100% - -14px);
position: relative;
background: #efe7dd url(/cat/images/telegram-bg.jpg) repeat;
z-index: 0;
}
.conversation .conversation-container {
height: calc(100% - 30px);
box-shadow: inset 0 10px 10px -10px #000000;
overflow-x: hidden;
padding: 0 16px;
margin-bottom: 5px;
}
.conversation .conversation-container:after {
content: "";
display: table;
clear: both;
}
.message {
color: #000;
clear: both;
line-height: 18px;
font-size: 15px;
padding: 8px;
position: relative;
margin: 8px 0;
max-width: 100%;
word-wrap: break-word;
z-index: -1;
}
.message:first-child {
margin: 16px 0 8px;
}
.message.received {
background: #fff;
border-radius: 0px 5px 5px 5px;
float: left;
}
.message span {
font-size: 14px;
color: orange;
font-weight: 600;
text-align: left;
display: block;
}
.message span+span {
font-size: 13px;
color: #58585a;
font-weight: 400;
line-height: 1.7;
text-align: justify;
}
.message span+span+span {
font-size: 10px;
color: #ccc;
font-weight: 400;
text-align: right;
}
.message:after {
position: absolute;
content: "";
width: 0;
height: 0;
border-style: solid;
}
.message.received:after {
border-width: 0px 10px 10px 0;
border-color: transparent #fff transparent transparent;
top: 0;
left: -10px;
}
/* carrer left region */
.carerchiiner{
}
.carerchiiner p{
}
.carerchiiner ul{
padding: 0;
margin: 0;
display: block;
list-style: none;
}
.carerchiiner li{
float: left;
width: 31%;
margin-right: 3%;
border: 1px solid #ddd;
display: flex;
justify-content: center;
flex-direction: column;
text-align: center;
border-radius: 2px;
padding: 25px 10px;
min-height: 160px;
margin-top: 20px;
}
.carerchiiner li:nth-child(3n){
margin-right: 0;
}
.carerchiiner li p{
margin-bottom: 0;
font-size: 12px;
}
.carerchiiner .imagefldcon{
margin-bottom: 15px;
}
.carerchiiner .imagefldcon img{
max-height: 30px;
/*-webkit-filter: grayscale(100%);
filter: grayscale(100%);*/
}
.carerchiiner li:hover .imagefldcon img{
filter: initial;
}
.carerchiiner li:last-child p{
font-weight: bold;
font-size: 14px;
font-style: italic;
color: #F15A22;
letter-spacing: 1.2px;
}
.carerchiiner .registerbtnfld{
clear: both;
padding-top: 30px;
}
/* Dinner region */
.headingwitcon p{
font-size: 18px;
margin-bottom: 0;
}
.dinnerregion .carerchiiner li{
padding: 0;
width: 18.4%;
margin-right: 2%;
min-height: initial;
text-align: left;
}
.dinnerregion .carerchiiner li:last-child{
margin-right: 0;
}
.dinnerregion .carerchiiner .userimg{
margin-bottom: 10px;
}
.dinnerregion .carerchiiner .userimg img{
width: 100%;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.dinnerregion .carerchiiner .imagefldcon{
padding-left: 10px;
padding-right: 10px;
}
.dinnerregion .carerchiiner .imagefldcon img{
max-height: 25px;
}
.dinnerregion .carerchiiner h3{
padding-left: 10px;
padding-right: 10px;
font-size: 16px;
margin-top: 0;
font-weight: 400;
color: #1c1c24;
margin-bottom: 5px;
}
.dinnerregion .carerchiiner p{
padding-left: 10px;
padding-right: 10px;
margin-bottom: 10px;
min-height: 38px;
letter-spacing: 0.5px;
}
.dinnerregion .carerchiiner li:last-child p{
font-weight: 400;
font-style: initial;
font-size: 12px;
color: #888;
letter-spacing: 0.5px;
}
.dinnerregion .carerchiiner .contfldidv p{
font-size: 18px;
margin-bottom: 0;
min-height: initial;
padding: 0;
margin-top: 20px;
}
/* Blog region */
.horsemouthreg{
}
.bloginnerfld{
border: 1px solid #ddd;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
position: relative;
display: flex;
flex-direction: column;
}
.bloginnerfld .topimgfold{
}
.conbtblog{
padding: 15px;
}
.bloginnerfld .topimgfold img{
}
.bloginnerfld h3{
margin-top: 0;
font-size: 18px;
font-family: 'Barlow';
font-weight: 700;
line-height: 1.3;
color: #283747;
}
.bloginnerfld p{
text-align: justify;
}
.bloginnerfld a{
}
.horsemouthreg .registerbtnfld{
margin-top: 20px;
}
/* Direction venue */
.directionregion {
}
.directionregion iframe{
height: 350px;
filter: brightness(97%) contrast(115%) saturate(25%) blur(0) hue-rotate(146deg);
width: 100%;
border: 0;
}
.venuedetlfld p{
font-size: 16px;
margin-bottom: 25px;
}
.venuedetlfld p strong{
display: block;
color: #283747;
font-size: 18px;
font-family: 'Barlow';
}
/* Speaker css */
.profilespekrs{
border: 1px solid #ddd;
margin-right: 20px !important;
width: calc(100% - 20px) !important;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
display: flex !important;
flex-direction: column;
}
.profilespekrs .imgfld{
}
.profilespekrs .imgfld img{
width: 100%;
}
.profilespekrs .conteflddiv{
padding: 15px;
min-height: 140px;
}
.profilespekrs .conteflddiv h2{
font-size: 17px;
margin-top: 0;
color: #1c1c24;
margin-bottom: 7px;
font-family: 'Barlow';
font-weight: bold;
}
.profilespekrs .conteflddiv p{
margin-bottom: 10px;
min-height: 38px;
letter-spacing: 0.5px;
font-size: 12px;
}
.profilespekrs .conteflddiv a{
background-color: #2796cf;
float: left;
padding: 5px;
position: absolute;
right: 10px;
top: -45px;
box-shadow: 0 10px 20px 0 rgba(40,55,71,.50);
}
.profilespekrs .conteflddiv a img{
width: 25px;
}
.slick-dots{
display: none !important;
}
.profilespekrs .logocompnay{
}
.profilespekrs .logocompnay img{
max-height: 35px;
}
.speakeregion .slick-arrow{
position: absolute;
top: 50%;
font-size: 0;
text-indent: -9999px;
width: 30px;
height: 30px;
border-radius: 50%;
border: 1px solid #58585a;
margin-top: -15px;
padding: 0;
background-repeat: no-repeat;
background-position: center;
background-image: url(../images/previous-arrow.png);
background-size: auto 14px;
}
.speakeregion .slick-next{
background-image: url(../images/next-arrow.png);
right: 5px;
}
.speakeregion .slick-prev{
left: -15px;
z-index: 1;
}
.speakeregion .registerbtnfld{
margin-top: 20px;
}
/* Master class */
.masterleft {
position: relative;
}
.masterleft .masterimg{
margin-bottom: 15px;
}
.masterleft .masterimg img{
width: 100%;
}
.masterleft .conteflddiv{
}
.masterleft h3{
font-size: 20px;
margin-top: 0;
color: #1c1c24;
margin-bottom: 5px;
font-family: 'Barlow';
font-weight: bold;
}
.masterleft p{
margin-bottom: 10px;
letter-spacing: 0.5px;
font-size: 14px;
}
.masterright .logocompnay{
margin-bottom: 30px;
}
.masterright .logocompnay img{
max-height: 50px;
}
.masterleft a{
background-color: #2796cf;
float: left;
padding: 5px;
position: absolute;
right: 10px;
top: 10px;
box-shadow: 0 10px 20px 0 rgba(40,55,71,.50);
}
.masterleft a img{
width: 25px;
}
.masterright {
padding-left: 40px;
}
.masterright .datefldcon{
margin-bottom: 20px;
}
.masterright p{
display: block;
padding-left: 20px;
border-left: 2px solid #F15A22;
font-size: 15px;
line-height: 1.8;
margin-bottom: 20px;
max-width: 80%;
}
.masternavpills{
margin-bottom: 30px;
border-bottom: 1px solid #d8d8d8;
}
.masternavpills li{
margin: 0;
}
.masternavpills.nav-tabs>li>a{
padding: 15px 20px;
margin: 0;
line-height: initial;
border-radius: 0;
border: 0 !important;
font-size: 16px;
font-weight: 400;
color: #000;
position: relative;
background: transparent !important;
}
.masternavpills.nav-tabs>li.active{
color: #F15A22;
}
.masternavpills.nav-tabs>li.active>a:after{
content: "";
position: absolute;
left: 0;
bottom: -1px;
height: 1px;
width: 100%;
background: #F15A22;
}
/* Thank you page */
.thanlkyou{
background-color: #283747;
margin-top: 65px;
padding-top: 50px;
padding-bottom: 90px;
text-align: center;
}
.thanlkyou img{
}
.thanlkyou h2{
margin-top: 20px;
font-weight: bold;
color: #fff;
font-family: 'Barlow';
letter-spacing: 2px;
text-transform: uppercase;
font-size: 35px;
}
.thanlkyou p{
color: #fff;
letter-spacing: 1px;
font-size: 18px;
}
.thanlkyou p span{
position: relative;
}
.thanlkyou p span strong{
position: relative;
z-index: 2;
}
.thanlkyou p span:after {
position: absolute;
bottom: 4px;
width: 100%;
left: 0;
height: 5px;
background: #fbd1c2;
content: '';
z-index: 1;
opacity: .3;
}
.contfldthh {
margin-top: -62px;
}
.boxesiner {
padding: 15px;
border: 1px solid rgba(171, 171, 171, .4);
box-shadow: 0 2px 6px rgba(0, 0, 0, .20);
margin-bottom: 20px;
border-radius: 15px;
float: left;
width: 100%;
clear: both;
text-align: center;
background-color: #fff;
font-size: 16px;
}
.registerbtnth{
}
.registerbtnth p{
color: #283747;
font-size: 18px;
margin-top: 15px;
}
.registerbtnth .registerbtnfld{
margin-bottom: 20px;
align-items: center;
justify-content: center;
}
/* Register page css */
.registerbaner {
display: block;
background-image: url(../images/banner-big.jpg);
background-size: cover;
background-repeat: no-repeat;
margin-top: 65px;
color: #fff;
padding-top: 50px;
padding-bottom: 50px;
position: relative;
}
.registerbaner:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(5, 24, 45, .8);
}
.btnorange{
text-transform: uppercase;
color: #fff;
font-weight: bold;
border-radius: 0;
background-color: #F15A22;
padding: 10px 25px 10px 25px;
box-shadow: 0 10px 20px 0 rgba(40,55,71,.25);
border: 1px solid #F15A22;
float: right;
}
.registfoldbane{
text-align: center;
}
.registfoldbane2{
display: inline-block;
text-align: left;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 20px;
padding-top: 35px;
border-bottom: 1px solid #F15A22;
border-left: 1px solid #F15A22;
border-right: 1px solid #F15A22;
position: relative;
}
.registfoldbane2:after{
content: "";
position: absolute;
height: 1px;
width: 80px;
right: 0;
background: #F15A22;
top: 0;
}
.registfoldbane2:before{
content: "";
position: absolute;
height: 1px;
width: 80px;
left: 0;
background: #F15A22;
top: 0;
}
.registfoldbane2 .inerrebtn{
display: flex;
font-size: 18px;
letter-spacing: 1px;
margin-bottom: 10px;
}
.registfoldbane2 .inerrebtn p{
margin-bottom: 0;
font-weight: 300;
}
.registfoldbane2 .inerrebtn strong{
margin-left: auto;
color: #fff;
font-weight: 500;
padding-left: 70px;
}
.registfoldbane2 .lastvalue{
margin-bottom: 0;
}
.registfoldbane2 .lastvalue strong{
color: #fff;
font-size: 18px;
padding-left: 0;
}
.registfoldbane2 .lastvalue strong strong{
font-size: 30px;
padding-left: 5px;
font-weight: bold;
}
.registfoldbane2 .lastvalue span{
}
.registfoldbane2 .lastvalue strike{
}
.registfoldbane2 .headingdivfld{
margin-bottom: 0;
width: 100%;
text-align: center;
justify-content: center;
position: absolute;
top: -20px;
left: 0;
}
.registfoldbane2 .headingdivfld p{
font-weight: bold;
font-size: 26px;
display: inline-block;
background-color: #fbd1c2;
padding: 0 25px;
color: #000;
letter-spacing: 0;
}
.registfoldbane2 .headingdivfld p br{
display: none;
}
.registfoldbane2 .headingdivfld span{
}
.registfoldbane2 .headingdivfld strong{
padding-left: 0;
color: #fff;
}
.inpugriouter{
}
.inpugriouter h2{
font-size: 30px;
}
.inputGroup{
margin-bottom: 20px;
}
.inputGroup label{
position: relative;
margin-bottom: 0;
display: block;
}
.inputGroup label input{
position: absolute;
visibility: hidden;
}
.inputGroup label input + .inputholder {
margin-bottom: 0;
font-weight: 400;
display: block;
width: 100%;
box-shadow: 0 0.5rem 1rem rgba(0, 0, 16, 0.11), 0 0.3rem 0.3rem rgba(0, 0, 16, 0.12);
background-color: #fff;
padding: 15px;
border: 1px solid rgba(0, 0, 0, .1);
border-bottom: 0;
position: relative;
padding-left: 55px;
color: #525050;
cursor: pointer;
}
.inputGroup label input + .inputholder strong{
font-weight: 400;
color: #1c1c24;
font-size: 16px;
display: block;
margin-bottom: 0px;
}
.inputGroup label input + .inputholder p{
font-size: 15px;
font-weight: bold;
}
.inputGroup label input + .inputholder ul{
font-size: 14px;
margin-bottom: 0;
padding-left: 15px;
}
.inputGroup label input + .inputholder p.bolweting{
margin-bottom: 0;
}
.inputGroup label input + .inputholder .datefldcon{
font-size: 12px;
background-image: url(../images/time-black.png);
background-repeat: no-repeat;
padding-left: 17px;
background-position: left 2px;
margin-top: 5px;
}
.inputGroup label input:checked{
}
.inputGroup label input:checked + .inputholder {
background-color: #fbd1c2;
}
.inputGroup label input:checked + .inputholder strong{
font-weight: bold;
}
.inputGroup label input:checked + .inputholder p{
}
.inputGroup label input:checked + .inputholder .datefldcon{
}
.inputGroup label input:checked + .inputholder ul{
}
.inputGroup label input + .inputholder::before {
transition: all 250ms cubic-bezier(.4,.25,.3,1);
content: "";
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #F15A22;
border: 0px solid #F15A22;
font-size: 0;
position: absolute;
top: 10px;
left: 25px;
-webkit-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
}
.inputGroup label input + .inputholder::after {
transition: all 250ms cubic-bezier(.4,.25,.3,1);
content: "";
width: 0;
height: 0;
border-radius: 50%;
background-color: #F15A22;
position: absolute;
top: 20px;
left: 25px;
-webkit-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
}
.inputGroup label input:checked + .inputholder::before {
background-color: transparent;
width: 30px;
height: 30px;
border-width: 2px;
}
.inputGroup label input:checked + .inputholder::after {
width: 20px;
height: 20px;
}
.formfldouter{
display: block;
margin-top: 86px;
margin-left: 60px;
padding: 15px 20px;
border: 1px solid #eee;
background-color: #eee;
float: left;
width: calc(100% - 60px);
color: #333;
}
.formfldouter .form-group{
}
.formfldouter label{
font-weight: 400;
font-size: 14px;
margin-bottom: 2px;
}
.formfldouter .form-control{
border-radius: 0;
border: 1px solid #d4d4d4;
height: auto;
color: #000;
padding: 8px 10px;
}
.formfldouter .limperoffer{
background-color: #ddd;
padding: 10px 15px;
border-radius: 3px;
}
.formfldouter .limperoffer h5{
margin-top: 0;
margin-bottom: 5px;
}
.formfldouter .limperoffer .offer{
padding: 7px 10px;
background-color: rgba(255, 255, 255, .7);
border-radius: 3px;
font-size: 12px;
margin-bottom: 6px;
}
.formfldouter .limperoffer .offer span{
color: green;
font-weight: bold;
}
.formfldouter .limperoffer .small{
margin-bottom: 0;
font-size: 12px;
}
.formfldouter .paymtdetls{
}
.formfldouter .paymtdetls h3{
margin-top: 0;
font-family: 'Barlow';
font-size: 16px;
font-weight: bold;
}
.paymtdetls ul{
margin-bottom: 20px;
padding-left: 0;
list-style: none;
}
.paymtdetls li{
display: flex;
margin-bottom: 10px;
}
.paymtdetls li p{
margin-bottom: 0;
}
.paymtdetls li strong{
margin-left: auto;
min-width: 100px;
text-align: right;
}
.paymtdetls li.totlfld{
font-weight: bold;
padding-top: 10px;
margin-top: 10px;
border-top: 1px solid #333;
font-size: 16px;
}
.paymtdetls li.totlfld p{
}
.paymtdetls li.totlfld strong{
}
.headinhidemobi{
display: none;
}
.eventhelpline{
display: none !important;
}
.hidebtnmobilfl2{
display: none;
}
/* register fold */
.registerbaner .heading{
margin-bottom: 0;
color: #fff;
}
.registerbaner .heading span:after{
opacity: .3;
}
/* Content pages */
.contentfldreblo{
padding: 30px 0;
}
.contentfldreblo h2{
color: #283747;
font-size: 20px;
font-family: 'Barlow';
font-weight: bold;
margin-top: 0;
margin-bottom: 10px;
}
.contentfldreblo .continpreg{
border-left: 1px solid #F15A22;
padding-left: 30px;
font-size: 16px;
padding-right: 20px;
letter-spacing: 0;
}
.contentfldreblo p{
text-align: justify;
}
.contentfldreblo p:last-child{
margin-bottom: 0;
}
.contefoldesflds{
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid rgba(221, 221, 221, .6);
display: block;
}
.contefoldesflds:last-child{
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}
/* Social icons */
.socialshareicon {
position: fixed;
left: 0;
top: 50%;
z-index: 9999;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.socialshareicon > label {
float: left;
color: #fff;
font-weight: 500;
font-size: 12px;
line-height: 28px;
padding: 0 5px;
background-color: #ee6723;
display: none;
}
.socialshareicon > a {
clear: both;
display: block;
}
.socialshareicon .fa {
clear: none;
float: left;
width: 28px;
line-height: 28px;
text-align: center;
-webkit-transition: ease-in-out 0.3s;
-moz-transition: ease-in-out 0.3s;
-o-transition: ease-in-out 0.3s;
transition: ease-in-out 0.3s;
color: white;
}
.socialshareicon .fa-facebook {
background: #3B5998;
}
.socialshareicon .fa-twitter {
background: #55ACEE;
}
.socialshareicon .fa-linkedin {
background: #007bb5;
}
.socialshareicon .fa-instagram {
background: #cb2027;
}
.socialshareicon .fa-whatsapp {
background: #199c0e;
}
/* Dinner register */
.dinerpagefld{
}
.dinerpagefld .formfldouter{
margin-top: 0;
}
.deinerpgefldscon{
}
.deinerpgefldscon ul{
float: left;
margin: 0;
padding: 0;
}
.deinerpgefldscon li{
float: left;
width: 31%;
margin-right: 3%;
border: 1px solid #ddd;
display: flex;
flex-direction: column;
border-radius: 3px;
margin-bottom: 20px;
}
.deinerpgefldscon li:nth-child(3n){
margin-right: 0;
}
.deinerpgefldscon .userimg{
}
.deinerpgefldscon .userimg img{
width: 100%;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.dineconfld{
padding: 15px;
text-align: center;
}
.deinerpgefldscon h3{
font-size: 16px;
margin-top: 0;
color: #1c1c24;
margin-bottom: 5px;
font-family: 'Barlow';
font-weight: bold;
}
.deinerpgefldscon p{
margin-bottom: 5px;
min-height: 38px;
letter-spacing: 0.5px;
font-size: 12px;
}
.dineconfld .imagefldcon{
}
.dineconfld .imagefldcon img{
max-height: 30px;
}
.dineconfld span{
display: block;
margin-top: 10px;
background-color: green;
color: #fff;
line-height: 30px;
font-weight: bold;
font-size: 13px;
letter-spacing: 0;
border-radius: 3px;
}
/* Repsonsive css */
@media only screen and (max-width:767px){
.headerregion{
padding-top: 8px;
padding-bottom: 8px;
}
.headerregion .navbar-header .navbar-brand {
padding-left: 15px;
}
.navbar-header .navbar-brand img {
height: 30px;
}
.bannerarea{
margin-top: 46px;
overflow: hidden;
}
.bannerarea .imgfld img{
width: initial;
height: 400px;
max-width: initial;
}
.textfold{
padding-top: 20px;
display: block;
padding-bottom: 20px;
}
.textfold h2{
font-size: 14px;
line-height: 1.3;
}
.textfold h3{
font-size: 14px;
min-height: 33px;
}
.cursor{
height: 14px;
}
.textfold .logoimg{
padding-top: 15px;
padding-bottom: 15px;
margin-top: 11px;
margin-bottom: 0;
}
.textfold .logoimg img{
max-height: 90px;
}
.textfold h4{
display: none;
}
.textfold .logoimg:after{
width: 300px;
margin-left: -150px;
}
.textfold .logoimg:before {
width: 300px;
margin-left: -150px;
display: block;
}
.innerlefthe strong{
}
.textfold ul{
margin-top: 15px;
}
.textfold ul li{
clear: both;
}
.textfold ul li + li{
}
.aboutcontsefl{
padding-right: 0;
}
.globalregion{
padding: 30px 0;
}
.heading{
font-size: 24px;
margin-bottom: 15px;
}
.heading span:after{
height: 4px;
}
.aboutcontsefl .contspan{
font-size: 14px;
padding-left: 10px;
border-width: 1px;
}
.aboutimgouter{
display: none;
}
.sepreatoradded{
padding-top: 60px;
background-size: auto 60px;
}
.timeline li{
display: flex;
flex-direction: column;
}
.leftfldtim{
width: 100%;
padding: 5px 10px;
text-align: left;
padding-top: 10px;
}
.leftfldtim .iconfld{
float: left;
margin-bottom: 0;
}
.leftfldtim .iconfld img{
max-height: 20px;
margin-right: 10px;
}
.leftfldtim p{
float: left;
width: calc(100% - 30px);
}
.rightfldtim{
width: 100%;
margin-left: 0;
border-top: 0;
border-bottom: 1px solid rgba(51, 51, 51, 0.2);
padding: 0 10px;
padding-left: 40px;
background: #fff9f0;
padding-bottom: 10px;
}
.rightfldtim h3{
margin-bottom: 0;
font-size: 16px;
}
.imagepostiing > div{
margin-top: 0;
margin-bottom: 15px;
width: 49%;
margin-right: 2%;
padding: 10px 5px;
}
.contentpost .fildconflimg{
padding-right: 0;
padding-left: 10px;
border-width: 1px;
font-size: 14px;
}
.carerchiiner li{
margin-top: 10px;
width: 49%;
margin-right: 2%;
padding: 15px 10px;
min-height: 155px;
}
.carerchiiner li:nth-child(3n){
margin-right: 2%;
}
.carerchiiner li:nth-child(2n){
margin-right: 0;
}
.registerbtnfld .secondbtn{
margin-left: 0;
}
.registerbtnfld .moreneditwocol{
margin-left: 15px;
}
.telegramgroup{
display: none;
}
.dinnerregion .carerchiiner li{
width: 49%;
}
.dinnerregion .carerchiiner li:nth-child(2n){
}
.dinnerregion .carerchiiner h3{
font-size: 14px;
}
.venuedetlfld p{
margin-bottom: 15px;
}
.profilespekrs .conteflddiv h2{
font-size: 15px;
}
.thanlkyou{
margin-top: 46px;
padding-top: 30px
}
.thanlkyou h2{
font-size: 28px;
}
.thanlkyou p span{
display: block;
}
.thanlkyou p span:after{
display: none;
}
.imgouterf{
position: relative;
margin-top: 15px;
margin-bottom: 0;
}
.registerbaner{
margin-top: 46px;
padding-top: 20px;
padding-bottom: 30px;
}
.registfoldbane2{
padding-left: 15px;
padding-right: 15px;
padding-top: 40px;
padding-bottom: 5px;
margin-top: 20px;
}
.registfoldbane2 .inerrebtn{
font-size: 14px;
}
.registfoldbane2 .inerrebtn strong{
padding-left: 0;
min-width: 100px;
}
.registfoldbane2 .headingdivfld{
}
.registfoldbane2 .headingdivfld p br{
display: block;
}
.registfoldbane2 .headingdivfld p{
font-size: 20px;
line-height: 1.2;
padding-right: 20px;
padding-left: 20px;
z-index: 1;
}
.inpugriouter h2{
font-size: 20px;
}
.formfldouter{
margin-top: 10px;
margin-left: 0;
width: 100%;
}
.registfoldbane2 .lastvalue strong{
font-size: 14px;
margin-bottom: 0px;
}
.registfoldbane2 .lastvalue strong strong{
font-size: 24px;
}
.sessionrightfld .registerbtnfld{
margin-bottom: 20px;
}
.imgouterf img{
width: 40px;
height: 40px;
}
.navbar-toggle{
margin-top: 0;
margin-bottom: 0;
background: #F15A22;
padding: 8px 5px;
}
.navbar-toggle .icon-bar{
background: #fff;
}
.navbar-nav>li{
padding: 0 15px;
}
.eventhelpline{
display: block !important;
}
.phonemobile{
display: none !important;
}
.headerregion .navbar-nav>li>a{
padding: 0;
background-color: transparent !important;
border-bottom: 1px solid #ddd;
}
.navbar-nav .open .dropdown-menu>li>a{
font-size: 13px;
padding-left: 10px;
border-bottom: 1px solid #ddd;
}
.headerregion .navbar-nav>li>a.helpline{
background-color: #F15A22 !important;
color: #fff !important;
border-radius: 5px;
border-bottom: 0;
}
.profilespekrs .conteflddiv{
padding: 10px 5px;
}
.speakeregion .slick-arrow{
top: 40%;
}
.deinerpgefldscon li {
margin-top: 10px;
width: 49%;
margin-right: 2%;
padding: 0;
}
.deinerpgefldscon li:nth-child(2n) {
margin-right: 0;
}
.deinerpgefldscon li:nth-child(3n) {
margin-right: 2%;
}
.dineconfld{
padding: 8px 5px;
}
.deinerpgefldscon h3{
font-size: 14px;
}
}
@media only screen and (max-width:991px){
.hidebtnmobilfl2{
display: block;
}
.hidebtnmobilfl{
display: none;
}
.headinhidemobi{
display: block;
}
.headinhidemobi2{
display: none;
}
}
@media only screen and (min-width:1100px) and (max-width:1200px){
.globalregion{
padding: 40px 0;
}
.heading{
font-size: 35px;
margin-bottom: 10px;
}
.aboutcontsefl .contspan{
font-size: 13px;
}
.sepreatoradded{
background-size: auto 110px;
padding-top: 50px;
}
.imgouterf img{
width: 45px;
height: 45px;
}
.imagepostiing > div{
min-height: 259px;
}
.carerchiiner li{
min-height: 175px;
}
}
@media only screen and (min-width:991px) and (max-width:1100px){
.globalregion{
padding: 30px 0;
}
.heading{
font-size: 30px;
margin-bottom: 10px;
}
.heading br{
}
.aboutcontsefl .contspan{
font-size: 13px;
}
.sepreatoradded{
background-size: auto 70px;
padding-top: 50px;
}
.imgouterf img{
width: 40px;
height: 40px;
}
.imagepostiing > div{
min-height: 260px;
}
.carerchiiner li{
min-height: 180px;
}
}
@media only screen and (min-width:767px) and (max-width:991px){
.textfold .logoimg img {
max-height: 100px;
}
.textfold h2{
font-size: 16px;
}
.textfold h3{
font-size: 16px;
}
.textfold .logoimg{
margin-top: 10px;
}
.textfold ul{
margin-bottom: 10px;
margin-top: 10px;
}
.heading{
font-size: 35px;
}
.aboutimgouter{
display: none;
}
.globalregion{
padding: 30px 0;
}
.heading {
font-size: 28px;
margin-bottom: 15px;
}
.aboutcontsefl .contspan{
font-size: 14px;
}
.sepreatoradded{
background-size: auto 60px;
padding-top: 40px;
}
.leftfldtim{
width: 180px;
}
.rightfldtim{
width: calc(100% - 180px);
}
.imgouterf{
margin-bottom: 0;
margin-top: 0;
position: relative;
}
.profilespekrs .conteflddiv{
min-height: 138px;
}
.imagepostiing > div{
width: 32%;
margin-right: 2%;
margin-top: 0;
margin-bottom: 20px;
}
.imagepostiing > div:nth-child(2n){
margin-right: 2%;
}
.imagepostiing > div:nth-child(3n){
margin-right: 0%;
}
.detsilspe{
min-height: 118px;
}
.heading br {
display: none;
}
.telegramgroup{
display: none;
}
}
@media only screen and (min-width:651px) and (max-width:767px){
.textfold h2 {
font-size: 19px;
}
.textfold h3 {
font-size: 19px;
min-height: initial;
}
.cursor {
height: 19px;
}
.textfold .logoimg img {
max-height: 150px;
}
.heading{
font-size: 30px;
}
.profilespekrs .conteflddiv{
min-height: 135px;
}
.profilespekrs .logocompnay img {
max-height: 25px;
}
.imagepostiing > div{
width: 32%;
}
.imagepostiing > div:nth-child(2n){
margin-right: 2%;
}
.detsilspe h3{
font-size: 14px;
}
.detsilspe .logimgfld img {
max-height: 25px;
}
.imagepostiing > div:nth-child(3n){
margin-right: 0;
}
.detsilspe .logimgfld {
min-height: initial;
}
.carerchiiner li{
width: 32%;
}
.carerchiiner li:nth-child(2n){
margin-right: 2%;
}
.carerchiiner li:nth-child(3n){
margin-right: 0;
}
}
@media only screen and (min-width:550px) and (max-width:650px){
.heading{
font-size: 30px;
}
.textfold h2 {
font-size: 18px;
}
.textfold h3 {
font-size: 18px;
min-height: initial;
}
.textfold .logoimg img {
max-height: 120px;
}
.profilespekrs .logocompnay img {
max-height: 25px;
}
.profilespekrs .conteflddiv h2 {
font-size: 13px;
}
.profilespekrs .conteflddiv p {
margin-bottom: 5px;
min-height: 57px;
}
.profilespekrs .conteflddiv{
min-height: 130px;
}
.cursor {
height: 18px;
}
.textfold .logoimg {
margin-top: 21px;
margin-bottom: 10px;
}
.textfold .logoimg img {
max-height: 150px;
}
.globalregion {
padding: 20px 0;
}
}
@media only screen and (min-width:401px) and (max-width:550px){
.textfold .logoimg img {
max-height: 110px;
}
.textfold h2{
font-size: 15px;
}
.textfold h3{
font-size: 15px;
}
.profilespekrs .conteflddiv p{
min-height: 38px;
margin-bottom: 5px;
}
.profilespekrs .conteflddiv {
min-height: 135px;
}
.imagepostiing > div{
min-height: 240px;
}
.globalregion{
padding: 20px 0;
}
.profilespekrs .logocompnay img {
max-height: 25px;
}
.profilespekrs .conteflddiv{
min-height: 130px;
}
.profilespekrs .conteflddiv h2{
margin-bottom: 5px;
}
.detsilspe p{
font-size: 11px;
}
.detsilspe .logimgfld{
min-height: initial;
}
.detsilspe .logimgfld img {
max-height: 25px;
}
.sepreatoradded{
padding-top: 60px;
}
}
@media only screen and (min-width:320px) and (max-width:400px){
.profilespekrs .conteflddiv{
min-height: 135px;
}
.profilespekrs .logocompnay img{
max-height: 25px;
}
.imagepostiing > div{
min-height: 233px;
}
.profilespekrs .conteflddiv h2 {
font-size: 14px;
margin-bottom: 3px;
}
.profilespekrs .conteflddiv p{
font-size: 11px;
min-height: 51px;
margin-bottom: 2px;
}
.heading{
font-size: 20px;
}
.detsilspe h3{
font-size: 14px;
}
.detsilspe p{
font-size: 11px;
letter-spacing: 0;
}
.detsilspe .logimgfld{
min-height: initial;
}
.detsilspe .logimgfld img{
max-height: 25px;
}
}
@media only screen and (max-width:320px){
.globalregion {
padding: 15px 0;
}
.textfold ul li{
font-size: 12px;
}
.heading{
font-size: 20px;
}
.profilespekrs .conteflddiv{
min-height: 132px;
}
.profilespekrs .conteflddiv h2 {
font-size: 13px;
margin-bottom: 3px;
letter-spacing: 0;
}
.profilespekrs .conteflddiv p{
margin-bottom: 5px;
font-size: 11px;
letter-spacing: 0;
min-height: 52px;
}
.profilespekrs .logocompnay img{
max-height: 20px;
}
.imagepostiing > div{
min-height: 230px;
}
.detsilspe h3{
font-size: 13px;
}
.detsilspe p{
font-size: 11px;
}
.detsilspe .logimgfld{
min-height: initial;
}
.detsilspe .logimgfld img{
max-height: 20px;
}
}
/* Master class Pages */
.masterclassregion{
background-color: #fff;
color: #333;
margin-top: 65px;
}
.masterclassregion h1{
margin-top: 0;
margin-bottom: 25px;
font-size: 40px;
font-family: 'Barlow';
font-weight: bold;
}
.masterclassregion p{
font-size: 18px;
font-weight: 300;
margin-bottom: 25px;
}
.masterclassregion .datefldcon{
display: block;
margin-bottom: 25px;
font-size: 15px;
}
.datefldcon > *{
display: inline-block;
vertical-align: top;
margin-right: 20px;
padding-left: 25px;
background-position: left center;
background-repeat: no-repeat;
background-size: auto 16px;
}
.dateiocn{
background-image: url(../images/claendericon.png);
}
.liveonl{
background-image: url(../images/locationicon.png);
}
.locationic{
background-image: url(../images/clockicon.png);
}
.registerbtnfld{
}
.registerbtnfld .wacthbtn{
background-image: url(../images/watchtrailer.png);
margin-left: 15px;
}
.registerbtnfld .giftbtn{
background-image: url(../images/gifticon.png);
margin-left: 15px;
}
.inerprogdeta{
text-align: center;
border-radius: 2px;
margin-top: 20px;
width: 100%;
}
.inerprogdeta > img{
max-height: 140px;
border-radius: 50%;
box-shadow: 0 20px 30px 0 rgba(40,55,71,.15);
}
.inerprogdeta .detsilspe{
margin-top: 20px;
}
.inerprogdeta .detsilspe h3{
font-size: 18px;
}
.inerprogdeta .detsilspe p{
min-height: initial;
color: #888;
font-size: 14px;
margin-bottom: 10px;
}
.inerprogdeta .detsilspe .logimgfld{
min-height: initial;
}
.inerprogdeta .detsilspe .logimgfld img{
max-height: 50px;
}
.masteclpaglo {
padding: 50px 0;
}
.masteclpaglo .heading{
font-size: 30px;
}
.masteclpaglo .heading span:after{
height: 5px;
}
.borderleftcon{
display: block;
padding-left: 20px;
border-left: 2px solid #F15A22;
font-size: 15px;
margin-bottom: 20px;
text-align: justify;
}
.boxesineriner{
text-align: center;
border-radius: 3px;
margin-top: 20px;
}
.boxesineriner img{
max-height: 60px;
}
.boxesineriner p{
margin-bottom: 0;
margin-top: 10px;
}
.vidoeframefdl{
display: block;
border: 1px solid #ddd;
padding: 5px;
border-radius: 3px;
background-color: #fff;
}
.vidoeframefdl iframe{
width: 100%;
height: 160px;
display: block;
}
.vidoeframefdl h3{
margin-top: 10px;
font-size: 14px;
font-weight: 300;
line-height: 1.5;
margin-bottom: 0;
min-height: 84px;
}
.desciomakregion, .watchhimregion{
background-color: #eee;
}
.desciomakregion img{
max-height: 180px;
}
.aboutdetalspe{
}
.aboutdetalspe h2{
margin-top: 0;
font-size: 16px;
color: #fff;
font-family: 'Barlow';
font-weight: bold;
margin-bottom: 5px;
}
.aboutdetalspe span{
display: block;
margin-bottom: 10px;
font-weight: 300;
}
.masterimg2{
}
.masterimg2 img{
box-shadow: 0 20px 30px 0 rgba(40,55,71,.15);
border-radius: 50%;
max-height: 160px;
}
.coloregionfld{
background-color: #283747;
color: #fff;
}
.coloregionfld .heading{
color: #fff;
}
.coloregionfld .heading span:after{
opacity: .3;
}
@media only screen and (max-width:767px){
.masterclassregion{
margin-top: 48px;
}
.masterclassregion h1{
margin-bottom: 10px;
font-size: 24px;
}
.masterclassregion p {
font-size: 14px;
margin-bottom: 10px;
}
.masterclassregion .datefldcon > *{
display: block;
margin-bottom: 5px;
}
.inerprogdeta{
text-align: left;
margin-top: 10px;
margin-bottom: 20px;
}
.inerprogdeta .detsilspe {
margin-top: 10px;
}
.inerprogdeta .detsilspe h3 {
font-size: 16px;
}
.inerprogdeta > img{
border-radius: initial;
}
.masteclpaglo {
padding: 20px 0;
}
.masteclpaglo .heading {
font-size: 20px;
}
.borderleftcon{
font-size: 14px;
}
.hidemobliecon, .masterimg2{
display: none;
}
.vidoeframefdl h3{
min-height: initial;
}
.vidoeframefdl{
margin-bottom: 20px;
}
}
#r1{
margin-left: 60px;
padding: 15px 20px;
border: 1px solid #eee;
background-color: #eee;
float: left;
width: calc(100% - 60px);
text-align: center;
margin-top: 0;
font-size: 20px;
font-weight: bold;
color: red;
}
.giftregion{
}
.giftregion .formfldouter{
margin-top: 0;
}
.giftregion .formfldouter h3{
margin-top: 0;
font-size: 16px;
font-family: 'Barlow';
font-weight: bold;
clear: both;
float: left;
width: 100%;
}
.giftregion .formfldouter .form-group{
clear: both;
float: left;
width: 100%;
}
.giftregion .formfldouter .twocolumfld{
clear: none;
width: 49%;
}
.giftregion .formfldouter .twocoulmright{
float: right;
}
.allpaidboxes{
margin-bottom: 0;
font-weight: 400;
display: block;
width: 100%;
box-shadow: 0 0.5rem 1rem rgba(0, 0, 16, 0.11), 0 0.3rem 0.3rem rgba(0, 0, 16, 0.12);
background-color: #fbd1c2;
padding: 15px;
border: 1px solid rgba(0, 0, 0, .1);
border-bottom: 0;
position: relative;
color: #525050;
cursor: pointer;
}
.allpaidboxes h2{
margin-top: 0;
font-size: 24px;
color: #1c1c24;
font-family: 'Barlow';
font-weight: bold;
}
.allpaidboxes h3{
margin-top: 0;
font-size: 16px;
color: #1c1c24;
font-family: 'Barlow';
font-weight: bold;
}
.allpaidboxes .totalpaid{
display: flex;
margin-top: 15px;
padding-top: 10px;
border-top: 1px solid #333;
color: #1c1c24;
}
.allpaidboxes .totalpaid p{
}
.allpaidboxes .totalpaid span{
margin-left: auto;
font-size: 18px;
}
.discountfldivi .form-control{
width: 70%;
float: left;
}
.discountfldivi .btn-sm{
float: right;
width: 27%;
border: 0px;
line-height: 38px;
padding: 0 10px;
border-radius: 0;
letter-spacing: 0.7px;
font-size: 14px;
}
.discountfldivi #data{
clear: both;
float: left;
width: 100%;
margin-top: 3px;
font-size: 13px;
color: red;
}
/* Session page */
/* Session page */
.sepratodegfldcon {
padding-top: 30px;
padding-bottom: 30px;
background-size: 50px auto;
}
.bannersession{
display: block;
background-image: url(../images/banner-big.jpg);
background-size: cover;
background-repeat: no-repeat;
margin-top: 65px;
color: #fff;
padding-top: 50px;
padding-bottom: 50px;
position: relative;
}
.bannersession:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(5, 24, 45, .8);
}
.leftbanse{
text-align: center;
}
.leftbanse h1{
margin-top: 0;
font-size: 60px;
font-family: 'Barlow';
font-weight: bold;
margin-bottom: 30px;
}
.leftbanse h1 span{
display: block;
font-size: 28px;
font-weight: 500;
}
.leftbanse h1.onelineheading{
font-size: 40px;
}
.leftbanse .logoregion{
}
.leftbanse .logoregion a{
}
.leftbanse .logoregion a img{
max-height: 150px;
}
.leftbanse ul{
padding: 0;
margin-top: 30px;
display: block;
list-style: none;
margin-bottom: 0px;
}
.leftbanse ul li{
display: inline-block;
vertical-align: top;
background-repeat: no-repeat;
background-position: left 4px;
background-image: url(../images/calender.png);
padding-left: 23px;
margin-right: 20px;
}
.leftbanse ul li a{
color: #fff;
}
.leftbanse ul li.date{
}
.leftbanse ul li.location{
background-image: url(../images/location.png);
}
.formsession{
margin-top: 0;
padding-top: 0;
margin-left: 0;
width: 100%;
}
.formsession h4{
margin-top: 10px;
font-size: 20px;
text-align: center;
font-family: 'Barlow';
font-weight: bold;
margin-bottom: 10px;
}
.formsession label{
font-size: 13px;
}
.formsession .form-control{
padding: 5px 10px;
}
.sessimasterimg{
margin-bottom: 15px;
}
.sessimasterimg img{
width: 100%;
box-shadow: 0 20px 30px 0 rgba(40,55,71,.15);
padding: 5px;
border: 1px solid rgba(0, 0, 0, .1);
background-color: #fff;
}
.sessimaster{
}
.sessimaster h3{
font-size: 20px;
margin-top: 0;
color: #1c1c24;
margin-bottom: 5px;
font-family: 'Barlow';
font-weight: bold;
}
.sessimaster p{
margin-bottom: 10px;
letter-spacing: 0.5px;
font-size: 14px;
}
.sesssiconoute{
}
.logofldses{
margin-bottom: 30px;
}
.logofldses img{
max-height: 35px;
}
.contbordleffld{
display: block;
padding-left: 20px;
border-left: 2px solid #F15A22;
font-size: 15px;
line-height: 1.8;
margin-bottom: 20px;
}
.contbordleffld p{
}
.contbordleffld strong{
color: #1c1c24;
}
.registerpage{
padding-bottom: 30px;
}
.registerpage .registerbtnfld{
align-items: center;
justify-content: center;
}
.aprtoff{
position: relative;
margin-bottom: 20px;
font-size: 20px;
font-weight: bold;
}
.aprtoff:after{
position: absolute;
content: "";
left: 0;
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #fff;
top: 12px;
}
.aprtoff:before{
position: absolute;
content: "";
right: 0;
top: 12px;
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #fff;
}
.aprtoff > span{
}
.aprtoff > span:after{
position: absolute;
left: 0;
width: 100%;
height: 1px;
content: "";
background-color: #fff;
top: 18px;
}
.aprtoff > span span{
display: inline-block;
vertical-align: top;
background-color: #F15A22;
padding: 2px 30px;
border-radius: 5px;
z-index: 1;
position: relative;
}
.formoneline .form-group{
clear: both;
float: left;
width: 100%;
}
.discounvoucher{
display: block;
font-size: 13px;
color: #58585a;
padding-top: 3px;
clear: both;
font-style: italic;
}
.footeregion{
background-color: #283747;
color: #fff;
padding-top: 15px;
padding-bottom: 15px;
font-size: 13px;
}
.footeregion .leftfoot{
float: left;
}
.footeregion .rightfoo{
float: right;
}
@media only screen and (max-width:767px){
.bannersession{
margin-top: 48px;
}
.leftbanse h1{
font-size: 25px;
margin-bottom: 20px;
}
.leftbanse h1.onelineheading{
font-size: 25px;
}
.leftbanse h1 span{
display: initial;
font-size: 25px;
}
.leftbanse .logoregion a img{
max-height: 90px;
}
.leftbanse ul{
margin-top: 20px;
}
.formsession{
margin-top: 20px;
}
.sepratodegfldcon{
background-size: 25px auto;
}
.giftregion .formfldouter .twocolumfld{
width: 100%;
}
.giftregion .formfldouter .twocoulmright {
float: left;
}
.discountfldivi .form-control{
width: 55%;
}
.discountfldivi .btn-sm{
width: 40%;
}
}
@media only screen and (max-width:670px){
.journey-tabs .nav-tabs li a {
padding: 8px;
font-size: 13px;
}
}
@media only screen and (max-width:530px){
.journey-tabs .nav-tabs li a{
max-width: 160px;
}
}
@media only screen and (max-width:480px){
.registerbtnfld .simplebtn{
font-size: 13px;
}
}
@media only screen and (max-width:360px){
.journey-tabs .nav-tabs li a {
max-width: 140px;
font-size: 12px;
}
}