@charset "utf-8";
 @import url("https://fonts.googleapis.com/css?family=Righteous");
@import url("https://fonts.googleapis.com/css?family=Cambay:400,400i,700,700i"); body {
padding: 0 !important;
margin: 0 !important;
font-family: 'Cambay', sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
font-style: normal !important;
color: #000000 !important;
}
h1 {
margin: 0 0 10px 0 !important;
padding: 0 !important;
font-family: 'Righteous', cursive !important;
font-size: 60px !important;
font-weight: 400 !important;
font-style: normal !important;
}
h2 {
margin: 0 0 20px 0 !important;
padding: 0 !important;
font-family: 'Cambay', sans-serif !important;
font-size: 30px !important;
font-weight: 700 !important;
font-style: normal !important;
}
h3 {
margin: 0 0 15px 0 !important;
padding: 0 !important;
font-family: 'Righteous', cursive !important;
font-size: 21px !important;
font-weight: 400 !important;
font-style: normal !important;
text-transform: uppercase !important;
}
h4 {
margin: 0 0 10px 0 !important;
padding: 0 !important;
font-family: 'Cambay', sans-serif !important;
font-size: 18px !important;
font-weight: 700 !important;
font-style: normal !important;
}
h5 {
margin: 0 0 10px 0 !important;
padding: 0 !important;
font-family: 'Cambay', sans-serif !important;
font-size: 18px !important;
font-weight: 700 !important;
font-style: normal !important;
}
p {
margin: 0 0 20px 0 !important;
padding: 0 !important;
font-family: 'Cambay', sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
font-style: normal !important;
line-height: 24px !important;
}
.container {
position: relative;
} header {
float: left;
width: 100%;
}
#head-top {
float: left;
width: 100%;
background: #000000;
padding: 30px 0;
color: #FFF !important;
}
#head-bottom {
float: left;
width: 100%;
padding: 30px 0;
background: #13bcc2;
border-bottom: 20px solid #e991a1;
}
.brand-logo {
margin-top: 20px;
float: left;
}
#access {
display: block;
float: left;
width: 100%;
}
#access ul {
margin: 0;
padding: 0;
list-style: none;
}
#access li {
float: left;
position: relative;
padding: 0;
margin: 0 30px 0 0;
}
#access a {
text-transform: uppercase;
color: #FFF !important;
display: block;
float: left;
line-height: 30px;
padding: 0;
text-decoration: none;
border-bottom: 2px solid #000000 !important;
}
#access ul ul {
display: none;
float: left;
margin: 0;
position: absolute;
left: 0;
top: 100%;
width: 260px;
z-index: 999;
}
#access ul ul ul {
left: 100%;
top: 0;
}
#access ul ul a {
background: #3d4246;
color: #FFF !important;
height: auto;
line-height: normal;
padding: 12px 18px !important;
width: 260px;
border-bottom: 1px solid #555;
margin: 0 !important;
}
#access li:hover > a, #access ul ul :hover > a, #access a:focus {
color: #FFF !important;
border-bottom: 2px solid #FFF !important;
}
#access li:hover > a, #access a:focus {
color: #FFF !important;
}
#access ul li:hover > ul {
display: block;
} #mob-menu {
display: none;
}
#mob-menu-container {
display: none;
float: left;
position: relative;
}
.search-form input {
float: left;
width: 100%;
border: 1px solid #7a7a7a;
line-height: 30px;
text-align: center;
background: none;
font-family: 'Cambay', sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
color: #FFF !important;
}
.search-form label {
margin: 0 !important;
} article {
float: left;
width: 100%;
}
#content-area {
float: left;
width: 100%;
padding: 60px 0;
}
#tab-area {
float: left;
width: 100%;
padding: 60px 0;
background: #FFF;
}
ul.tab-list {
float: left;
width: 100%;
margin: 0 0 15px 0;
padding: 0;
}
ul.tab-list li {
float: left;
margin: 0 20px 20px 0;
padding: 0;
font-family: 'Righteous', cursive !important;
font-size: 15px !important;
font-weight: 400 !important;
list-style: none;
display: inline-block;
}
ul.tab-list li a {
color: #000 !important;
}
#tab-area .special-text {
display: block;
font-family: 'Cambay', sans-serif !important;
font-size: 24px !important;
font-weight: 400 !important;
text-align: center !important;
}
#tab-area .item {
float: left;
width: 100%;
margin-bottom: 60px;
}
#tab-area .item .img-holder {
float: left;
width: 100%;
border: 1px solid #000;
}
#tab-area .item .img-holder img {
display: block;
width: 100%;
}
#tab-area .item .content {
float: left;
width: 100%;
margin-left: 5%;
background: #f9f8f8;
border: 1px solid #ccc3c3;
padding: 15px;
margin-top: -25px;
}
#tab-area .item .content h3 {
float: left !important;
width: 100% !important;
margin-bottom: 5px !important;
font-weight: 700 !important;
color: #000 !important;
}
#tab-area .item .content p {
float: left !important;
width: 100% !important;
margin-bottom: 10px !important;
color: #000 !important;
}
#tab-area .item .content .event-label {
float: left !important;
width: 100% !important;
margin-bottom: 5px !important;
font-weight: 700 !important;
color: #000 !important;
}
#tab-area .item .content .event-label a {
color: #000 !important;
}
#tab-area .item .content .date-time {
float: left !important;
width: 100% !important;
margin-bottom: 5px !important;
font-weight: 700 !important;
color: #000 !important;
}
#experience-area {
float: left;
width: 100%;
background: #9396a5;
padding-bottom: 60px;
}
#explore-area {
float: left;
width: 100%;
padding: 60px 0;
background: #e991a1;
}
#engage-area {
float: left;
width: 100%;
padding: 60px 0;
background: #feeb4f;
}
#partners-area {
float: left;
width: 100%;
padding: 60px 0;
background: #FFF;
}
#partners-area h2 {
text-align: center;
}
#partners-area .name-section {
display: none;
text-align: center;
}
ul.design-forum-list {
float: left;
width: 100%;
margin: 0;
padding: 0 15px;
}
ul.design-forum-list li {
margin: 0 0 10px 0;
padding: 0;
list-style: disc;
display: list-item;
font-family: 'Cambay', sans-serif !important;
font-size: 15px !important;
font-weight: 400 !important;
font-style: normal !important;
line-height: normal !important;
}
.event-item {
float: left;
width: 100%;
}
.event-item .event-img {
float: left;
width: 100%;
}
.event-item .event-img img {
display: block;
width: 100%;
}
.event-item .event-content {
float: left;
width: 100%;
background: #FFF;
margin-left: 5%;
padding: 15px;
margin-top: -15px;
min-height: 185px;
position: relative;
}
.event-item .event-content h3 {
float: left !important;
width: 100% !important;
margin-bottom: 5px !important;
font-weight: 700 !important;
}
.event-item .event-content .venue-field {
float: left !important;
width: 100% !important;
font-weight: 700 !important;
}
.event-item .event-content p {
float: left !important;
width: 100% !important;
margin-bottom: 10px !important;
}
.event-item .event-content .event-label {
bottom: 10px;
left: 15px;
width: 100% !important;
margin-bottom: 5px !important;
font-weight: 700 !important;
position: absolute;
}
.event-item .event-content .event-label a {
color: #000 !important;
}
.event-item .event-content .date-time {
float: left !important;
width: 100% !important;
margin-bottom: 5px !important;
font-weight: 700 !important;
}
.partner-box {
float: left;
width: 100%;
border: 1px solid #efefef;
margin-bottom: 30px;
}
.partner-box p {
margin: 0 0 10px 0 !important;
font-weight: 600 !important;
font-size: 13px !important;
}
.signup-section {
float: left;
width: 100%;
margin-bottom: 60px;
}
.signup-section .gform_wrapper {
margin: 0 !important;
}
.signup-section .card-body {
padding: 0 !important;
border: 0 none !important;
border-radius: 0 none !important;
background: none !important;
}
a.sign-up-form {
background: #479a9e;
color: #000 !important;
float: left;
padding: 10px 20px;
font-size: 16px !important;
font-weight: 700 !important;
}
div#signform {
float: left;
width: 70%;
clear: both;
background: #479a9e;
padding: 20px;
margin-top: 2px;
}
.signup-section .gform_button {
background: #000 !important;
color: #FFF !important;
border: 0 none !important;
line-height: 36px !important;
padding: 0 20px !important;
cursor: pointer !important;
font-size: 16px !important;
font-weight: 700 !important;
}
div#signform .ginput_container_select select {
line-height: 35px;
min-height: 35px;
}
.bbd-button {
float: left;
width: 100%;
}
.bbd-button a {
float: left;
width: 100%;
background: #000 !important;
color: #FFF !important;
border: 0 none !important;
line-height: normal !important;
padding: 10px 20px !important;
cursor: pointer !important;
font-size: 16px !important;
font-weight: 700 !important;
text-align: center !important;
margin-bottom: 30px !important;
} .speakers-btn {
margin-top: 60px;
}
.speakers-btn .btn-1 {
float: left;
width: 100%;
text-align: center;
background: #231f20;
color: #FFF !important;
font-size: 30px !important;
font-weight: 300 !important;
line-height: 70px !important;
}
.speakers-btn .btn-2 {
float: left;
width: 100%;
text-align: center;
background: #dbe0d3;
color: #231f20 !important;
font-size: 30px !important;
font-weight: 300 !important;
line-height: 70px !important;
}
.speakers-title {
margin-bottom: 60px;
margin-top: 60px;
}
.speakers-title .title {
float: left;
width: 100%;
text-align: center;
font-size: 30px !important;
font-weight: 700 !important;
color: #231f20 !important;
}
.speakers-title .date {
float: left;
width: 100%;
font-size: 21px !important;
font-weight: 300 !important;
color: #231f20 !important;
text-align: center;
margin-bottom: 15px;
}
.speakers-title .location {
float: left;
width: 100%;
font-size: 24px !important;
font-weight: 400 !important;
color: #231f20 !important;
text-align: center;
}
.speakers-pages {
float: left;
width: 100%;
}
.speaker-item {
float: left;
width: 100%;
margin-bottom: 30px;
}
.speaker-item .speaker-photo {
float: left;
width: 100%;
min-height: 220px;
background: #000;
margin-bottom: 10px;
}
.speaker-item .speaker-name {
float: left;
width: 100%;
margin-bottom: 5px;
font-family: 'Cambay', sans-serif !important;
font-size: 18px !important;
font-weight: 700 !important;
color: #231f20 !important;
}
.speaker-item .speaker-details {
float: left;
width: 100%;
font-size: 14px !important;
margin-bottom: 5px;
} .gform_wrapper div.validation_error {
display: none !important;
}
body .gform_wrapper .top_label div.ginput_container {
margin-top: 0 !important;
}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
display: none !important;
}
.su-list ul li {
line-height: 24px !important;
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
outline: 0;
width: 32px;
height: 32px;
text-indent: -9999px;
z-index: 9999;
}
.bx-wrapper .bx-prev {
left: -60px;
background: url(//www.bengalurubydesign.com/wp-content/themes/bengalurudesign/images/prev.png) 0 0 no-repeat;
}
.bx-wrapper .bx-next {
right: -60px;
background: url(//www.bengalurubydesign.com/wp-content/themes/bengalurudesign/images/next.png) 0 0 no-repeat;
}
.press-box {
float: left;
width: 100%;
margin-bottom: 30px;
}
.press-box .press-image {
float: left;
width: 100%;
margin-bottom: 15px;
border: 1px solid #efefef;
}
.press-box .press-name {
float: left;
width: 100%;
font-weight: 700 !important;
margin-bottom: 5px;
}
.press-box .press-date {
float: left;
width: 100%;
font-size: 13px !important;
} footer {
float: left;
width: 100%;
background: #000000;
padding: 80px 0;
}
.copy-right-text {
float: left;
color: #FFF !important;
line-height: 20px !important;
}
ul.social-media {
float: right;
margin: 0;
padding: 0;
}
ul.social-media li {
float: left;
margin: 0 0 0 15px;
padding: 0;
list-style: none;
display: block;
}
ul.social-media li a {
float: left;
} @media only screen and (min-width : 320px) and (max-width : 767.98px) {
h1 {
font-size: 42px !important;
}
h3 {
font-size: 18px !important;
}
.search-form input {
margin-top: 15px;
}
#access {
display: none;
}
#mob-menu-container {
display: block;
}
#head-top {
padding: 15px 0;
}
#head-bottom {
padding: 15px 0;
}
.brand-logo {
margin: 0 0 30px 0;
}
footer {
padding: 40px 0;
}
.copy-right-text {
text-align: center;
margin-bottom: 15px;
}
.bx-wrapper .bx-prev {
left: 0;
}
.bx-wrapper .bx-next {
right: 0;
}
.event-item .event-content {
margin-left: 0;
}
#tab-area .item .content {
margin-left: 0;
}
#tab-block .nav-tabs .nav-link { 
width: 100% !important;
border-radius: 0px !important;
margin: 0 !important;
}
}
.pay-now-form .gform_button {
float: left;
width: 100%;
background: #000 !important;
color: #FFF !important;
border: 0 none !important;
line-height: normal !important;
padding: 10px 20px !important;
cursor: pointer !important;
font-size: 16px !important;
font-weight: 700 !important;
text-align: center !important;
margin-bottom: 30px !important;
}
.title-programe {
float: left;
background: #e991a1;
padding: 10px 30px 0 30px;
top: -48px;
border-radius: 8px 8px 0 0;
position: relative;
line-height: 40px;
font-size: 21px !important;
font-family: 'Righteous', cursive !important;
font-weight: 400 !important;
} #tab-block {
float: left;
width: 100%;
}
#tab-block a { 
color: #000 !important;
text-decoration: none !important;
}
#tab-block #nav-01 { 
float: left;
width: 100%;
padding: 60px 0 0 0;
background: #e991a1;
}
#tab-block #nav-02 { 
float: left;
width: 100%;
padding: 60px 0 0 0;
background: #9396a5;
}
#tab-block .nav-tabs .nav-link { 
width: 160px;
text-align: center;
margin-right: 25px;
border: 0 none !important;
border-radius: 8px 8px 0 0;
position: relative;
line-height: 40px;
font-size: 21px !important;
font-family: 'Righteous', cursive !important;
font-weight: 400 !important;
color: #050708 !important;
}
#tab-block #nav-01-tab { 
background: #e991a1;	
}
#tab-block #nav-02-tab { 
background: #9396a5;	
}
#tab-block #nav-01 .img-02 { 
float: left;
width: 100%;
text-align: right;
margin-top: 60px;
margin-bottom: 80px;
}
#tab-block #nav-01 .img-03 { 
float: left;
width: 100%;
text-align: right;
margin-bottom: 30px;
}
#tab-block #nav-01 .renow-btn { 
float: right;
} .speaker-item .speaker-details {
float: left;
width: 100%;
margin-bottom: 5px;
font-size: 14px !important;
font-weight: 300 !important;
color: #231f20 !important;
}  .mfp-container {
position: fixed !important;
}
.white-popup {
position: relative;
background: #FFF;
padding: 20px;
width: auto;
max-width: 500px;
margin: 20px auto;
}
.white-popup p {
margin: 0 0 15px 0;
font-size: 13px;
line-height: 20px;
text-align: center;
}
.spl-popup {
max-width: 1170px !important;
padding: 0 !important;
}
.popup-2016 {
float: left;
width: 100%;
}
.popup-2016 .col01 {
float: left;
width: 30%;
}
.popup-2016 .col01 img {
width: 100%;
display: block;
}
.popup-2016 .col02 {
float: right;
width: 65%;
padding: 50px 50px 0 0;
}
.popup-2016 .speaker-name {
float: left;
width: 100%;
color: #d62e29 !important;
font-weight: 500 !important;
font-size: 19px !important;
margin-bottom: 5px !important;
}
.popup-2016 .speaker-details {
float: left;
width: 100%;
color: #999999 !important;
font-weight: 400 !important;
font-size: 18px !important;
margin-bottom: 10px !important;
}
.popup-2016 .date-popup {
float: left;
width: 100%;
color: #d42129 !important;
font-family: 'Fira Sans', sans-serif !important;
font-weight: 400 !important;
font-size: 16px !important;
margin-bottom: 10px !important;
}
.popup-2016 p {
font-size: 14px !important;
color: #58595b !important;
line-height: 24px !important;
font-family: 'Fira Sans', sans-serif !important;
font-weight: 400 !important;
text-align: left !important;
padding-right: 10px !important;
}
.popup-2016 p a {
font-weight: 400 !important;
color: #58595b !important;
}
.text-space { 
padding-top: 10px;
font-size: 18px !important;
}