html,
body {
margin: 0;
padding: 0;
height: 100%;
width: 100%;
font-family: 'Roboto', sans-serif;
}
h1 {
font-size: 42px;
font-weight: bold;
color: #fff;
text-align: center;
}
h3 {
font-size: 20px;
font-weight: bold;
text-align: center;
font-weight: normal;
}
.no-padding {
padding: 0px;
}
.mt-minus-20 {
margin-top: -20px;
}
.mt-30 {
margin-top: 30px;
}
.mt-60 {
margin-top: 60px;
}
.mt-75 {
margin-top: 75px;
}
.mt-100 {
margin-top: 100px;
}
.mb-30 {
margin-bottom: 30px;
}
.mr-100 {
margin-right: 100px !important;
}
.mtb-50 {
margin: 50px 0px;
}
.ptb-30 {
padding: 30px 0px;
}
.ptb-50 {
padding: 50px 0px;
}
.plr-50 {
padding: 0px 50px;
}
.padding-15 {
padding: 15px;
}
.padding-30 {
padding: 30px;
}
.padding-50 {
padding: 50px;
}
.pt-15 {
padding-top: 15px;
}
.pt-30 {
padding-top: 30px;
}
.text-10 {
font-size: 10px;
}
.clearfix {
clear: both;
}
.white-text {
color: #fff;
}
.red-text {
color:#F16136;
}
.grey-bg {
background: #f2f2f2;
}
.white-bg {
background: #fff;
height: 60px;
clear: both;
}
.blue-bg {
background: #42aeaf;
}
.red-btn {
background: #464646;
color: #fff;
text-align: center;
border: none;
height: 30px;
padding: 0 40px;
font-size: 12px;
line-height: 13px;
}
.grey-btn {
background: #676767;
color: #fff;
border: none;
height: 35px;
}
.light-grey-btn {
background: #eeeeee;
color: #000;
border: none;
height: 35px;
width: 100px;
}
.blue-btn {
background: #00447c;
color: #fff;
border: none;
height: 35px;
width: 100px;
}
.blue-btn:hover, .blue-btn:focus {color:#fff;}
.height-70 {
height: 70%;
min-height: 500px;
}
.full-height {
height: 100%;
min-height: 700px;
}
.caption {
font-size: 10px;
}
.z-index-overlay {
z-index: 99999;
}
.box-overlay {
position: absolute;
left: 24%;
}
.width-20 {
width: 20%;
float: left;
}
.full-width {
width: 100%;
}
.full-height {
height: 100%;
}
.m-height-350 {
height: 350px;
}
.m-height-400 {
height: 260px;
}
a,
a:hover {
text-decoration: none;
}
/*login box css here*/
.logo-box {
height: 100px;
}
.logo-box .logo-left {
width: 135px;
padding: 10px;
float: right;
margin-right: 25px;
margin-top:6px;
}
.logo-intel-outer {
float: right;
margin-right: 40px;
text-align: center;
padding-top: 10px;
}
.logo-intel-outer > .head {
font-weight: bold;
font-size:12px;
}
.logo-intel-outer > img {
width: 95px;
margin: 5px auto;
}
.logo-box .logo-right {
padding: 5px;
width: 80px;
}
.logo-box .logo-right {
padding: 5px;
width: 80px;
}
.glyphicon-chevron-left:before {
content: "\e257"
}
.glyphicon-chevron-right:before {
content: "\e258";
}
.validate {
font-size: 10px;
font-weight: normal !important;
display: block;
margon-top: -13px;
}
.input-group .form-control::placeholder {
font-size: 10px;
}
#myCarousel.carousel {
background: url(../../assets/img/banner.jpg);
background-size: cover;
height: 100%;
top: 0px;
}
#myCarousel .carousel-caption {
top: 20%;
position: relative;
left: 0px;
margin-top: 60px;
height: 250px;
}
#myCarousel .carousel-caption .red-btn {
margin-top: 80px;
}
#myCarousel .carousel-indicators {
top: 65%;
height: 20px;
}
#myCarousel-act.carousel {
background: url(../../assets/img/BannerPic.jpg);
background-size: cover;
height: 100%;
top: 0px;
padding: 20px 0px;
}
#myCarousel-act .carousel-caption {
top: 20%;
position: relative;
left: 0px;
margin-top: 20px;
}
#myCarousel-act .carousel-caption h2 {
margin-bottom: 60px;
text-align: left;
margin-left: 65px;
}
#myCarousel-act .carousel-caption .red-btn {
margin-top: 80px;
}
#myCarousel-act .carousel-indicators {
top: 60%;
height: 20px;
}
#myCarousel-media.carousel {
background: url(../../assets/img/Banner_Pic.jpg);
background-size: cover;
height: 400px;
top: 80px;
}
#myCarousel-media .carousel-caption {
top: 20%;
position: relative;
left: 0px;
margin-top: 50px;
}
#myCarousel-media .carousel-caption .red-btn {
margin-top: 80px;
}
#myCarousel-media .carousel-indicators {
top: 60%;
height: 20px;
}
@-webkit-keyframes blinker {
from {opacity: 1.0;}
to {opacity: 0.0;}
}
.blink{
text-decoration: blink;
-webkit-animation-name: blinker;
-webkit-animation-duration: 0.8s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:ease-in-out;
-webkit-animation-direction: alternate;
font-size: 16px;
color: #F16136;
}
.spp-wrapper{background: url(../../assets/img/Banner_Image1.jpg); background-size: cover; padding: 100px 0px;}
.navbar {
margin-bottom: 0px;
border: none
}
.navbar-nav {
margin: 0;
width: 90%;
margin: 0 auto;
float: none;
}
.navbar-inverse {
background-color: #F16136;
border-radius: 0px;
}
.navbar-nav>li{margin: 15px 0px 15px;}
.navbar-inverse .navbar-nav>li>a {
color: #fff;
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
color: #fff;
background: #b10418;
}
.nav>li>a {
position: relative;
display: block;
padding: 10px 15px;
}
.navbar-nav>li>a.dell-futurist {
padding: 25px 10px;
background: #27486b;
background: linear-gradient(#07628f, #2ea7ec);
margin: -15px 5px -15px;
}
.blue-btn-save{
background: #00447c;
color: #fff;
border: none;
height: 35px;
padding: 5px 15px;
width: auto;
}
.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover {
color: #fff;
background: #b10418;
}
.navbar-inverse .navbar-toggle {
border-color: transparent;
}
.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
background: transparent;
}
video {
width: 100%;
height: auto;
border: 3pt solid #fff;
box-shadow: 0 1px 7px rgba(0, 0, 0, 0.6);
}
.fb_iframe_widget iframe {
width: 100%;
height: 100%;
}
.fb_iframe_widget {
display: block !important;
margin: 10px 0px;
}
/*second section start here*/
.second-bg {
background: url("../../assets/img/second-banner-1.png");
background-position: center;
background-size: cover;
padding: 80px 150px;
}
.dell-text {
display: inline-block;
font-size: 20px;
font-weight: bold;
padding: 3px 30px;
}
.second-bg h2 {
font-size: 45px;
font-weight: bold;
}
.second-bg p {
font-size: 14px;
line-height: 18px;
margin-top: 25px;
}
.second-bg-2 {
background: url("../../assets/img/futurist-bg.jpg");
height: 450px;
background-size: cover;
padding: 250px 60px 50px;
}
.second-bg-2 h2 {
font-size: 45px;
font-weight: bold;
}
.second-bg-2 p {
font-size: 14px;
line-height: 18px;
margin-top: 25px;
margin-bottom: 25px;
color: #000;
}
.second-bg-right {
display: table;
}
.second-bg-right .nav-tabs>li>a {
margin-right: 0;
line-height: 1.42857143;
border: none;
border-radius: 4px;
color: #fff;
}
.second-bg-right .nav-tabs {
border-bottom: none;
}
.second-bg-right .nav-tabs>li.active>a, .second-bg-right .nav-tabs>li.active>a:focus, .second-bg-right .nav-tabs>li.active>a:hover {
color: #F16136 !important;
cursor: default;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent;
}
.second-bg-right .nav-tabs>li {
margin-bottom: -1px;
background: #F16136;
color: #fff;
border-radius: 4px;
margin: 1% 3%;
float: none;
display: inline-block;
}
.about-tab-wrapper .tab-content{background: #f2f2f2; padding: 50px; clear: both;}
.about-tab-wrapper h3{text-align: left;
color: #F16136;}
.about-tab-wrapper p{font-size: 16px;}
.bottom-text {
display: table-cell;
vertical-align: middle;
}
.second-bg-right h3 {
font-size: 23px;
font-weight: normal;
}
.second-bg-right h4 {
font-size: 15px;
margin-top: 45px;
font-weight: normal;
}
.second-bg-right input {}
/*second section end here*/
/*about section*/
.about-bg {
background: url(../../assets/img/banner-6.jpg);
background-attachment: fixed;
background-size: cover;
background-position: center;
padding: 0px;
}
.about-bg .dell-voice {
background: rgba(0, 0, 0, 0.6);
padding: 75px 0px 105px 0px;
height: 260px;
text-align:center;
}
.about-bg .head {
font-size: 20px;
font-weight: bold;
color: #f2f2f2;
}
.about-bg .para {
font-size: 14px;
color: #f2f2f2;
}
.about-bg .about-section {
margin-top: 50px;
display: inline-block;
text-align: left;
width: 35%;
font-size: 26px;
font-weight: normal;
}
.about-bg .about-section span {
display: block;
font-size: 16px;
font-weight: normal;
}
.map-section{background: #fff; padding: 0px 0px;}
.map-section h4{font-size: 18px;
font-weight: bold;
text-align: center;
}
.map-section h2{ font-size: 22px; margin-bottom: 50px;
margin-top: 10px;
color: #F16136;
text-align: center;}
.map-section .left-side{}
.map-section .right-side{}
.map-section .head{color: #289bdc; font-size: 18px; margin-bottom: 20px;}
.map-section .sub-head{}
.map-section .map-img{position: relative; width: 445px; height: 503px;}
.map-section .north{position: absolute; top: 110px; left: 162px; color: #F16136; font-weight: bold; cursor: pointer;}
.map-section .east{position: absolute; top: 230px; right: 170px; color: #F16136; font-weight: bold; cursor: pointer;}
.map-section .central{position: absolute; top: 260px; left: 180px; color: #F16136; font-weight: bold; cursor: pointer;}
.map-section .west{position: absolute; top: 300px; left: 113px; color: #F16136; font-weight: bold; cursor: pointer;}
.map-section .south{position: absolute; bottom: 80px; left: 170px; color: #F16136; font-weight: bold; cursor: pointer;}
.map-section #west, #central, #south, #east{display: none;}
/*about section*/
/*third section start here*/
.third-bg {
background: url("../../assets/img/third-banner-1.png");
background-position: top center;
background-size: cover;
display: table;
height: 250px;
}
.third-bg .bottom-text {
display: table-cell;
padding-left: 50px;
padding-bottom: 25px;
vertical-align: bottom;
}
.activity-box {
padding: 30px 0px 30px 65px;
}
.video-box {
position: absolute;
left: 17%;
margin-top: 50px;
}
.video-box:last-child {
margin-top: 120px;
left: 32%;
}
/*third section end here*/
/*terms wrapper start here*/
.terms-wrapper {
padding-top: 120px;
padding-bottom: 0px;
}
.terms-wrapper h1 {
color: #f58220;
margin-bottom: 20px;
font-size: 26px;
font-weight: normal;
text-align: left;
}
.terms-wrapper ul {
list-style-type: none;
}
.terms-wrapper ul li {
text-indent: -20px;
font-size: 12px;
}
.terms-wrapper ul li a {
color: blue;
text-decoration: underline;
}
.terms-wrapper ul li:before {
content: '-';
color: #ccc;
font-size: 20px;
margin-right: 10px;
}
.terms-wrapper p {
margin-top: 5px;
margin-bottom: 0px;
}
/*terms wrapper end here*/
/*faqs wrapper start here*/
.faqs-wrapper {
padding-top: 120px;
padding-bottom: 0px;
}
.faqs-wrapper h1 {
color: #f58220;
margin-bottom: 20px;
font-size: 26px;
font-weight: normal;
text-align: left;
}
.faqs-wrapper ul {
list-style-type: none;
}
.faqs-wrapper ul li {
text-indent: -20px;
}
.faqs-wrapper ul li a {
color: blue;
text-decoration: underline;
}
.faqs-wrapper ul li:before {
content: '-';
color: #ccc;
font-size: 20px;
margin-right: 10px;
}
.faqs-wrapper p {
margin-top: 5px;
margin-bottom: 0px;
}
.panel-default>.panel-heading {
background: #f2f2f2;
border-color: #f2f2f2;
font-weight: bold;
text-indent: -10px;
}
.panel-default {
border-color: #f2f2f2;
}
.panel-title>.small,
.panel-title>.small>a,
.panel-title>a,
.panel-title>small,
.panel-title>small>a,
.panel-title>.small>a:hover,
.panel-title>a:hover {
color: #777;
font-weight: bold;
text-decoration: none;
font-size: 12px;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
border-color: transparent;
font-size: 12px;
}
.panel {
box-shadow: none;
}
.panel-body {
color: #777;
}
.panel-title>a:before {
content: '- ';
}
/*terms wrapper end here*/
.audio-video-wrapper{clear: both; padding: 50px 0px 0px;}
.audio-video-wrapper .container > .head{text-align: center; font-size: 25px; margin-bottom: 20px;}
.audio-video-wrapper div > .head1{background: #e10b0b;
padding: 5px 10px;
color: #fff;
text-align: center;
margin: 10px 18px 20px 10px;}
.audio-video-wrapper audio{height: 150px;
background: #fafafa;}
.audio-video-wrapper .img-audio{position: absolute; left: 40%; width: 60px; top: 45%;}
pre {
tab-size: 8;
}
header {
z-index: 9;
width: 100%;
background: #fff;
margin-bottom: 80px;
}
.fade {
opacity: 0;
-webkit-transition: opacity .15s linear;
-o-transition: opacity .15s linear;
transition: opacity .15s linear;
background: rgba(0,0,0,0.5);
height: 100%;
}
/*.side-collapse-container{width:100%; position:relative; left:0; transition:left .4s;}
.side-collapse-container.out{left:200px;}
.side-collapse{top:83px; bottom:0; left:0; width:350px; position:fixed; overflow:hidden; transition:width .4s;}
.side-collapse.in {width:0;}
.navbar{margin-bottom: 0px; border-radius: 0px; position: fixed; box-shadow: 2px 3px 9px #ccc;}
.navbar-toggle{display: block; border-color: transparent; padding: 0px 0px 0px 40px;}
.navbar-toggle .icon-bar{background-color: #000; width: 47px; height: 1px; border-radius: 0px; margin-bottom: 10px;}
.navbar-toggle .icon-bar:first-child{margin-top: 16px;}
.side-collapse{z-index: 99;}
.navbar-inverse{background: #F16136; color: #fff; opacity: 0.8;}
.navbar-inverse .navbar-nav>li>a{color: #fff;}
.navbar-nav>li{width: 100%;}
.navbar-nav>li:first-child{margin-top: 50px;}
.navbar-nav>li>a{padding-top: 15px; padding-bottom: 15px; font-size: 20px; font-weight: bold;}
.nav>li>a>img{max-width: 35px;}*/
.carousel {
padding-top: 80px;
}
.fa.fa-facebook {
border: 3pt solid;
padding: 5px 10px;
border-radius: 100px;
}
.fa.fa-phone {
border: 1pt solid;
border-radius: 50px;
padding: 3px 4px;
}
/*.nav.navbar-nav.left-text{border-top: 1pt solid; width: 100%;}
.nav.navbar-nav.left-text li{margin-top: 0px; width: calc(100% / 3); text-align: center; margin-top: 15px;}
.nav.navbar-nav.left-text li a{font-size: 10px; padding: 0;}
.side-nav{box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2);}*/
#about_video_player {
background-color: #000;
}
.fullwidth {
position: relative;
width: 100%;
float: left;
clear: both;
}
.add-border-radius {
border-radius: 3px !important;
}
.start-video-btn {
position: absolute;
width: 50px;
left: 50%;
top: 50%;
margin-top: -25px;
margin-left: -25px;
cursor: pointer;
}
.thumb {
width: 37%;
margin-left: 30px;
}
.thumb:first-child {
margin-left: 90px;
}
.thumb h2 {
color: #1c5889;
font-size: 16px;
font-weight: bold;
}
.thumb img {} .thumb p {
font-size: 11px;
color: #777;
margin-top: 15px;
font-weight: bold;
}
/* register section*/
.red-bg {
background: #F16136;
}
.futurist-event-wrapper{background: url(../../assets/img/Futurist-Collage.jpg); background-attachment: fixed;}
.futurist-event-wrapper .div-overlay{background: rgba(0, 135, 203,0.5); padding: 50px 0px;}
.futurist-event-wrapper .div-overlay .form-wrapper{background: #fff; border: 2pt solid #e22f44; padding: 10px 50px 30px;}
.futurist-event-wrapper .div-overlay h2{color: #e22f44;
font-size: 22px;
margin-bottom: 25px;}
.futurist-event-wrapper .div-overlay input{border-radius: 0px;}
.futurist-event-wrapper .div-overlay .red-btn{margin-top: 20px;}
#dell-camp-register {
background: url(../../assets/img/regester-bg.jpeg);
background-position: top;
background-size: 100%;
padding: 150px 80px;
}
#dell-camp-register .dell-text {
display: block;
font-size: 20px;
font-weight: bold;
padding: 3px 15px;
margin-bottom: 30px;
}
#dell-camp-register .red {
padding: 10px;
color: #fff;
background: #F16136;
}
#dell-camp-register .blue {
padding: 10px;
color: #fff;
background: #42aeaf;
}
.m-height-330 {
height: 330px;
}
.second-bg-right-register {
display: table;
}
.second-bg-right-register h2 {
margin-top: 90px;
}
.second-bg-right-register .bottom-text {
padding-left: 30px;
}
.register-box > div,
.register-box > div > div {
width: 48%;
margin-right: 10px;
float: left;
}
.register-box h3 {
color: #F16136;
font-size: 16px;
font-weight: bold;
text-align: left;
}
.register-box .left-row {
width: 45%;
margin-right: 2%;
float: left;
margin-bottom: 0px;
}
.register-box .right-row {
width: 45%;
margin-left: 2%;
float: left;
margin-bottom: 0px;
}
.register-box .form-control,
.register-box select {
background: transparent;
border: none;
box-shadow: none;
border-bottom: 1pt solid #ccc;
border-radius: 0px;
margin-bottom: 15px;
color: #000;
width: 100%;
height: 34px;
padding: 6px 12px;
}
.register-box .form-control::placeholder {
color: #ccc;
font-size: 12px;
}
.register-box select {
margin-bottom: 0px;
}
.register-wrapper.container {
display: block;
clear: both;
}
.register-wrapper.container h2 {
margin: 35px 0px;
font-size: 20px;
font-weight: bold;
text-align: center;
}
.register-footer img {
width: 98%;
margin: 20px 1% 2px 1%;
}
.padding-10 {
padding: 0px 20px;
}
/*regiter section*/
.activites-page-wrapper {
padding: 30px 0px 30px;
text-align: center;
}
.media-page-wrapper {
padding: 30px 0px 0px;
text-align: center;
}
/*image-thumbnail section css start here*/
.carousel-showmanymoveone .carousel-control {
width: 4%;
background-image: none;
}
.carousel-showmanymoveone .carousel-control.left {
margin-left: -50px;
}
.carousel-showmanymoveone .carousel-control.right {
margin-right: -50px;
}
.carousel-showmanymoveone .cloneditem-1,
.carousel-showmanymoveone .cloneditem-2,
.carousel-showmanymoveone .cloneditem-3 {
display: none;
}
/* Medium Devices, Desktops */
/*compassdor program wrapper css start here*/
.program-wrapper {
text-align: center;
padding: 40px 0px 40px;
background: #f2f2f2;
width:100%;
float:left;
}
.program-wrapper h2 {
font-size: 26px;
margin-bottom: 20px;
}
.program-wrapper .comp-img {
width: 50%;
}
.program-wrapper p.para {
font-weight: bold;
width: 100%;
font-weight: 500;
}
.program-wrapper .know-btn {
font-size: 12px;
padding: 10px 20px;
margin-bottom: 50px;
}
.program-wrapper .look-back-bg {
background: url(../../assets/img/banner-5.jpg);
background-size: cover;
width: 70%;
margin: 20px auto;
padding: 80px 0px;
background-position: 100%;
}
.program-wrapper .look-back-bg .background-overlay {
background: rgba(84, 179, 179, 0.8);
width: 70%;
margin: 0 auto;
padding: 50px 0px;
color: #fff;
}
.program-wrapper .look-back-bg .background-overlay h5 {
font-weight: normal;
}
.program-wrapper .look-back-bg .background-overlay h2 {
margin-top: 5px;
font-weight: 400;
margin-bottom: 20px;
}
.program-wrapper .look-back-bg .background-overlay p {
font-weight: normal;
font-size: 15px;
margin-top: 0px;
margin-bottom: 70px;
}
.program-wrapper .look-back-bg .background-overlay button {
margin: 0px 20px;
font-size: 12px;
}
.program-wrapper1 {
text-align: center;
}
.program-wrapper1 .buzz-wrapper {
padding-top: 30px;
padding-bottom: 50px;
}
.program-wrapper1 .buzz-wrapper h4 {
font-size: 14px;
font-weight: bold;
}
.program-wrapper1 .buzz-wrapper h2 {
font-size: 28px;
margin-top: 10px;
}
/*compassdor program wrapper css start here*/
#myCarousel-event {
padding-top: 20px;
}
.activity-carousel{
float: left;
width: 100%;
background-position: 100%;
background: url(../../assets/img/bg.png);
margin-bottom: 50px;
}
.activity-carousel .well{background: transparent;}
.activity-carousel .div-overlay{background: rgba(59, 164, 162, 0.8);}
#eventCarousel {
padding: 30px;
}
.well {
box-shadow: none;
border: none;
}
#myCarousel-event .carousel-control .glyphicon-chevron-left,
#myCarousel-event .carousel-control .icon-prev {
margin-left: -100px;
margin-top: -20px;
}
#myCarousel-event .carousel-control .glyphicon-chevron-right,
#myCarousel-event .carousel-control .icon-next {
margin-right: -100px;
margin-top: -20px;
}
#myCarousel-act .head {
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
text-align: left;
}
#myCarousel-act .para {
text-align: left;
}
#myCarousel-act ul{padding-left: 18px;}
.center-block {
width: 250px;
}
.block {
background: #F16136;
color: #fff;
width: 250px;
margin: 10px auto;
}
.media-body,
.media-left,
.media-right {
text-align: left;
vertical-align: middle;
}
.media {
width: 80%;
margin: 10px auto;
padding: 20px 0;
}
.media-heading {
border-bottom: 1pt solid #777;
}
.media-heading span.date {
font-size: 12px;
color: #777;
display: block;
margin-top: 5px;
margin-bottom: 5px;
}
.media .speaker {
font-weight: bold;
}
.media .speaker-sub {
font-size: 12px;
color: #777;
margin-top: -5px;
}
.media-left,
.media>.pull-left {
padding-right: 20px;
}
.media-page-wrapper h2 {
margin-bottom: 30px;
color: #27486b;
text-align: left;
margin-left: 100px;
}
#myCarousel-media .head {
font-size: 30px;
font-weight: bold;
margin-bottom: 20px;
text-align: left;
}
#myCarousel-media .para {
text-align: left;
}
.center-block {
width: 85px;
display: inline-block;
margin-top: -20px;
}
.block {
background: #F16136;
color: #fff;
width: 185px;
margin: 0px auto;
display: inline-block;
padding: 6px 0px;
}
.media-body,
.media-left,
.media-right {
text-align: left;
vertical-align: middle;
}
.media {
width: 80%;
margin: 10px auto;
padding: 20px 0;
}
.media a, .media a:hover, .media a:active{color: #000; text-decoration: none; }
.media-heading {
border-bottom: 1pt solid #777;
}
.media-heading span.date {
font-size: 12px;
color: #777;
display: block;
margin-top: 5px;
margin-bottom: 5px;
}
.media .speaker {
font-weight: bold;
}
.media .speaker-sub {
font-size: 12px;
color: #777;
margin-top: -5px;
}
.media-left,
.media>.pull-left {
padding-right: 20px;
}
.futurist-wrapper {
background: url(../../assets/img/Backdrop.jpg);
background-size: cover;
padding: 40px 0px;
width: 100%;
float: left;
height: 100%;
}
.futurist-wrapper .head{font-size: 20px; margin-bottom: 20px;}
.futurist-wrapper .left-border{border-top: 1pt solid; border-bottom: 1pt solid; padding: 30px 0px;}
.futurist-wrapper .left-border .col-md-4{padding-left: 0px;}
.futurist-wrapper img{border: 5pt solid #fff;}
.futurist-wrapper .mt-39{margin-top: 39px;}
.futurist-wrapper input {
border-radius: 0;
margin: 0 auto;
width: 100%;
margin-bottom: 10px;
}
#myCarousel-banner.carousel{padding-top: 0px;}
#myCarousel-banner .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
margin-left: -130px;
}
#myCarousel-banner .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
margin-right: -130px;
}
.futurist-wrapper input::placeholder {
color: #;
}
#myCarousel-futurist {
padding-top: 20px;
}
.futurist-wrapper .right-side .dell-logo {
width: 55%;
margin: 0 auto;
}
.futurist-wrapper .left-side {
background: rgba(0, 51, 106, 0.9);
border-radius: 8px;
box-shadow: 5px 4px 5px #c7c7c7;
text-align: center;
}
.futurist-wrapper .left-side1, .futurist-wrapper .right-side1{background: #fff; width: 48%; margin: 4% 1%;}
.futurist-wrapper .left-side1 .name, .futurist-wrapper .right-side1 .name {
padding-left: 50px;
font-weight: bold;
margin-bottom: 5px;
}
.futurist-wrapper .left-side1 .detail, .futurist-wrapper .right-side1 .detail {
padding-left: 50px;
margin-bottom: 5px;
height: 50px;
}
.futurist-wrapper .left-side img {
margin: 10px auto;
padding-top: 20px;
margin-bottom: 0;
}
.futurist-reg-head{margin: 10px 15px 30px; width: 38%; border: none !important;}
.futurist-wrapper .right-side {padding: 0px; padding-top: 10px;}
.futurist-wrapper .right-side .head {
font-size: 16px;
font-weight: bold;
margin: 10px 0px;
text-align: left;
}
.futurist-wrapper .right-side .head1 {
font-size: 16px;
font-weight: normal;
margin: 10px 0px;
text-align: left;
}
.futurist-wrapper .right-side .red-btn{width: 150px; float: left;}
.futurist-wrapper .right-side .head2 {
font-size: 14px;
font-weight: bold;
margin: 20px 0px;
text-align: left;
}
.futurist-wrapper .right-side button {
background: #F16136;
color: #fff;
padding: 5px 20px;
border: none;
}
#myModal-login.modal {
bottom: auto;
}
#myModal-login .modal-content,
#myModal-login input,
#myModal-login .red-btn {
border-radius: 0px;
}
#myModal-login .modal-content{border: none;}
#myModal-login .modal-body {
padding: 45px 90px;
}
#myModal-login .red-btn {
margin-top: 20px;
}
#myModal-login .modal-header {
padding: 15px;
/* border-bottom: 1px solid #e5e5e5; */
background: #F16136;
color: #fff;
text-align: center;
}
.media-right,
.media>.pull-right {
padding-left: 20px;
}
/*about compassdor program wrapper css start here*/
.about-wrapper {
text-align: center;
padding: 30px 0px 40px;
background: linear-gradient(180deg, #f2f2f2 100%, #ffffff 0%);
}
.about-wrapper h2 {
font-size: 26px;
margin-bottom: 20px;
}
.about-wrapper .comp-img {
width: 50%;
}
.about-wrapper p.para {
font-weight: bold;
width: 20%;
margin: 80px auto 20px;
font-weight: 500;
}
.about-wrapper .know-btn {
font-size: 12px;
padding: 10px 20px;
margin-bottom: 50px;
}
.about-wrapper .look-back-bg {
background: url(../../assets/img/banner-4.jpg);
width: 100%;
margin: 40px auto;
padding: 80px 0px 0px;
height: 500px;
background-size: cover;
background-position: 100%;
}
.background-overlay {
background: rgba(84, 179, 179, 0.8);
width: 60%;
margin: 0 auto;
padding: 50px 40px;
color: #fff;
margin-top: -470px;
}
.background-overlay h5 {
font-size: 21px;
font-weight: bold;
margin-bottom: 20px;
margin-top: 0;
}
.background-overlay h2 {
margin-top: 5px;
font-weight: 400;
margin-bottom: 20px;
}
.background-overlay p {
font-size: 17px;
font-weight: normal;
margin-bottom: 0;
margin-top: 0;
text-align: left;
text-indent: initial;
}
.background-overlay button {
margin: 0px 10px;
font-size: 12px;
}
.buzz-wrapper {
padding: 50px 0px;
}
.buzz-wrapper h4 {
font-size: 18px;
font-weight: bold;
text-align: center;
}
.buzz-wrapper h2 {
font-size: 22px;
margin-top: 10px;
color: #F16136;
text-align: center;
}
.grey-bg.m-height-350 {
height: 250px;
}
/*about compassdor program wrapper css start here*/
/*season section css start here*/
.second-bg-left-season {
display: table;
}
.second-bg-left-season h4 {
margin-top: 90px;
}
.second-bg-left-season h2 {
margin-top: 10px;
font-size: 60px;
}
.second-bg-left-season .bottom-text {
padding-left: 30px;
}
#second-bd-right-season {
background: url(../../assets/img/banner-3.jpg);
background-size: cover;
padding: 150px 80px;
}
.slider-container .nav-tabs>li>a {
color: #000;
font-size: 11px;
border: 1pt solid #42aeaf;
padding: 5px 15px;
border-radius: 0px;
margin: 5px;
}
.slider-container .nav-tabs>li>a:hover,
.slider-container .nav-tabs>li.active>a {
color: #fff;
font-size: 11px;
border: 1pt solid #42aeaf;
background: #42aeaf;
padding: 5px 15px;
border-radius: 0px;
margin: 5px;
}
.slider-container .nav-tabs {
border-bottom: none;
margin-bottom: 15px;
}
/*season section css end here*/
input:-webkit-autofill {
background-color: transparent;
font-size: 12px !important;
}
/*dell-debut-wrapper css start here*/
.dell-debut-wrapper {
padding: 50px 0px;
}
.dell-debut-wrapper .head {
font-size: 16px;
font-weight: bold;
margin-bottom: 20px;
}
.dell-debut-wrapper .para {
font-size: 12px;
width: 35%;
margin-right: 2%;
float: left;
}
.dell-debut-wrapper .para:last-child {
font-size: 12px;
width: 60%;
margin-right: 2%;
float: left;
}
.dell-debut-wrapper .num {
font-size: 25px;
color: #0987ca;
font-weight: bold;
text-align: center;
margin-top: 20px;
}
.dell-debut-wrapper .text {
font-size: 16px;
color: #F16136;
font-weight: bold;
text-align: center;
}
/*dell-debut-wrapper css end here*/
/*dell-vault-wrapper css end here*/
.dell-vault-wrapper {
padding: 30px 0px;
}
.dell-vault-wrapper .head {
color: #F16136;
font-size: 16px;
font-weight: bold;
}
.dell-vault-wrapper .para {
font-size: 12px;
margin: 10px 0 20px;
}
.dell-vault-wrapper ul {
list-style: none;
color: #000;
padding: 0px;
}
.dell-vault-wrapper ul li {
float: left;
margin-right: 10px;
}
.dell-vault-wrapper ul li a {
color: #000;
font-size: 11px;
border: 1pt solid #42aeaf;
padding: 5px 15px;
}
.dell-vault-wrapper ul li a.active,
.dell-vault-wrapper ul li a:hover {
color: #fff;
font-size: 11px;
border: 1pt solid #42aeaf;
background: #42aeaf;
padding: 5px 15px;
}
/*dell-vault-wrapper css end here*/
/*winner css start here*/
.winner-wrapper {
padding: 50px 0px;
}
.winner-wrapper .winner-img {
width: 25%;
}
.winner-wrapper h3 {
color: #0987ca;
font-size: 20px;
font-weight: normal;
}
.winner-wrapper .winner-wrapper-grey {
background: linear-gradient(180deg, #f2f2f2 80%, #ffffff 20%);
padding: 70px 250px 0px;
float: left;
width: 100%;
margin: 20px 0px;
text-align: center;
}
.winner-wrapper .winner-wrapper-grey img {
width: 98%;
}
.winner-wrapper .winner-wrapper-grey .name {
color: #F16136;
font-weight: bold;
margin-top: 15px;
margin-bottom: 0px;
}
.winner-wrapper .winner-wrapper-grey .designation {
color: #;
font-size: 10px;
font-weight: bold;
margin-bottom: 15px;
}
.winner-wrapper .winner-wrapper-grey .date {
background: #42aeaf;
color: #fff;
margin: 10px 0px;
padding: 15px 30px;
font-size: 10px;
vertical-align: middle;
display: table-cell;
height: 170px;
}
#myCarousel.carousel.winner-slider {
background-image: none;
background: #f2f2f2;
top: 0px;
}
#myCarousel.carousel.winner-slider .item {
padding: 0 100px;
}
#myCarousel.carousel.winner-slider .item .mt-minus-160 {
margin-top: -160px;
}
#myCarousel.carousel.winner-slider .item .mt-20 {
margin-top: 20px;
}
#carousel-c.carousel.winner-slider {
background-image: none;
background: #f2f2f2;
}
#carousel-c.carousel.winner-slider .item {
padding: 0 100px;
}
#carousel-c.carousel.winner-slider .item .mt-minus-160 {
margin-top: -160px;
}
#carousel-c.carousel.winner-slider .item .mt-20 {
margin-top: 20px;
}
#carousel-c.carousel {
height: 500px;
}
#myCarousel-act1 {
background: url(../../assets/img/teal-book.jpg);
margin-top: 40px;
background-size: cover;
background-attachment: fixed;
padding: 0px;
}
#myCarousel-act1 .div-overlay{background: rgba(181, 181, 181, 0.8); padding: 100px 0px;}
#myCarousel-act1 .left-side {
text-align: center;
background: rgba(255,255,255,0.6);
padding: 50px 0px;
height: 315px;
}
#myCarousel-act1 .left-side img {
margin: 0 auto;
}
#myCarousel-act1 .right-side {
text-align: left;
background: rgba(255,255,255,0.6);
padding: 50px 0px;
height: 315px;
}
#myCarousel-act1 .carousel-control .glyphicon-chevron-left, #myCarousel-act1 .carousel-control .icon-prev {
margin-left: -50px;
}
#myCarousel-act1 .carousel-control .glyphicon-chevron-right, #myCarousel-act1 .carousel-control .icon-next {
margin-right: -50px;
}
#myCarousel-act1 button {
background: #F16136;
color: #fff;
border: none;
padding: 5px 10px;
margin-top: 20px;
}
.slider-container .item img {
margin: 10px 5px;
border: 3px solid #fff;
box-shadow: 0 1px 7px rgba(0, 0, 0, 0.6);
}
.activity-soon-wrapper {
position: absolute;
top: 10%;
left: 10%;
font-size: 20px;
color: #fff;
opacity: 0;
cursor: pointer;
width: 80%;
right: 10%;
bottom: 10%;
}
.activity-soon {
padding: 15px 76px;
background: rgba(0, 0, 0, 0.6);
}
.home-soon-wrapper {
position: absolute;
top: 47px;
left: 15px;
font-size: 20px;
color: #fff;
opacity: 0;
cursor: pointer;
}
.home-soon {
padding: 70px 76px;
background: rgba(0, 0, 0, 0.6);
}
/*winer css start here*/
/*footer section css start here*/
.footer-wrapper {
background: #f2f2f2;
padding: 50px 0px;
clear: both;
}
.footer-wrapper .head {
font-weight: bold;
font-size:30px;
margin-bottom: 20px;
}
.footer-wrapper .para {
font-size: 10px;
}
.footer-wrapper .input-group {
width: 80%;
margin-top: 20px;
border: none;
}
.footer-wrapper .input-group .form-control:first-child {
background: #ccc;
border-radius: 0px;
margin-right: 2px;
border: none;
}
.footer-wrapper .input-group .input-group-btn button {
border-radius: 0px;
}
.footer-wrapper .input-group-btn:last-child>.btn {
margin-left: 2px;
height: 34px;
}
.footer-wrapper .fa.fa-phone {
border: none;
}
.footer-wrapper .contact-wrapper {
display: table;
}
.footer-wrapper .contact-wrapper > div {
display: table-cell;
font-size: 16px;
vertical-align: bottom;
}
.footer .copy-right {
background: #54b3b3;
color: #fff;
padding: 5px 0px;
font-size: 10px;
}
/*footer section css end here*/
#fancybox-close {
right: -35px !important;
}
#fancybox-overlay {
background: rgba(0, 0, 0, 0.9) !important;
}
/*image-thumbnail section css start here*/
/*aptitude section*/
.apptitude-wrapper {
width: 42%;
display: block;
clear: both;
}
.apptitude-wrapper h2 {
margin: 35px 0px;
font-size: 20px;
font-weight: bold;
text-align: center;
}
.apptitude-wrapper p {
font-size: 12px;
font-weight: normal;
line-height: 15px;
}
.input-group-addon,
.input-group .form-control {
background: transparent;
border: none;
box-shadow: none;
}
.input-group {
width: 48%;
float: left;
border-bottom: 1pt solid #ccc;
margin-right: 2%;
margin-top: 30px;
}
.input-group.ml-2 {
margin-left: 2%;
margin-right: 0px;
}
/*aptitude section*/
/*video section*/
.video-wrapper {
width: 45%;
display: block;
clear: both;
}
.video-wrapper h2 {
margin: 50px 0px 35px;
font-size: 20px;
font-weight: bold;
text-align: center;
}
.video-wrapper p {
font-size: 12px;
font-weight: bold;
line-height: 15px;
}
.video-wrapper .input-group {
width: 80%;
margin: 40px auto 0px;
float: none;
}
.video-wrapper .input-group .form-control:first-child {
width: 70%;
display: none;
}
.video-wrapper label {
width: 30%;
border-radius: 0;
display: inline-block;
height: 46px;
line-height: 35px;
background: #ccc;
}
.video-wrapper .caption {
margin-top: 10px;
color: #777;
font-size: 10px;
}
/*
FORM STYLING
*/
#fileselector {
margin: 10px;
}
#upload-file-selector {
display: none;
}
.margin-correction {
margin-right: 10px;
}
/*video section*/
/*video section*/
.good-job-wrapper {
width: 100%;
display: block;
margin: 100px auto;
clear: both;
float: left;
}
.good-job-wrapper h2 {
margin: 50px 0px 35px;
font-size: 20px;
font-weight: bold;
text-align: center;
}
.good-job-wrapper p {
font-size: 12px;
font-weight: bold;
line-height: 15px;
}
/*video section*/
/*test section*/
.test-wrapper {
display: block;
clear: both;
}
.test-wrapper p {
text-indent: -20px;
margin-left: 20px;
font-weight: 700;
}
.test-wrapper h5 {
font-style: italic;
margin: 30px 0px;
color: #7b7a7a;
}
.test-wrapper form {
margin-bottom: 20px;
}
.checkbox-inline,
.radio-inline,
.checkbox-inline+.checkbox-inline,
.radio-inline+.radio-inline {
margin: 20px;
font-weight: 500;
}
/*test section*/
/*aptitude test end Section*/
.test-end-wrapper {
display: block;
clear: both;
padding: 100px 0px;
}
.congrat-wrapper {
display: block;
clear: both;
padding: 30px 0px 20px;
}
.congrat-wrapper input {
width: 80px;
height: 80px;
background: #42aeaf;
color: #fff;
font-size: 20px;
font-weight: bold;
text-align: center;
box-shadow: none;
border: none;
}
.congrat-wrapper h2,
.congrat-wrapper h5 {
font-weight: 700;
}
/*aptitude test end section*/
#recommendations.carousel {
background-image: none;
padding-top: 0;
height: 100%;
}
#recommendations .carousel-control {
width: 5%;
}
.carousel-control.left,
.carousel-control.right {
background-image: none;
}
input[type=btn] {
cursor: pointer;
}
.all-about-wrapper {
float: left;
width: 100%;
background: url(../../assets/img/Futurist-Collage.jpg);
background-size: cover;
background-attachment: fixed;
background-position: 100%;
margin-top: 0px;
}
.all-about-wrapper .div-overlay {
background: rgba(0, 0, 0, 0.6);
padding: 50px 0px;
}
.all-about-wrapper .div-overlay .left-side {
width: 46%;
margin: 2%;
float: left;
background: rgba(219, 40, 46, 0.8);
color: #fff;
height: 250px;
}
.all-about-wrapper .div-overlay .left-side .head {
font-size: 20px;
padding-top: 40px;
font-weight: bold;
padding-left: 50px;
}
.all-about-wrapper .div-overlay .left-side .para {
padding: 20px 50px;
font-size: 14px;
}
.all-about-wrapper .div-overlay .right-side {
width: 46%;
margin: 2%;
float: left;
background: rgba(0, 125, 184, 0.7);
height: 250px;
}
.all-about-wrapper .div-overlay .right-side .head {
font-size: 20px;
padding-top: 40px;
font-weight: bold;
color: #fff;
padding-left: 50px;
}
.all-about-wrapper .div-overlay .right-side .para {
padding: 20px 50px;
color: #fff;
font-size: 14px;
}
.all-about-video-wrapper {
float: left;
width: 100%;
background-position: 100%;
padding-top: 50px;
padding-bottom: 50px;
background: #fff;
background: url(../../assets/img/Backdrop.jpg);
background-size: cover;
}
.all-about-video-wrapper .container{padding: 0px;}
.all-about-video-wrapper .div-overlay {
padding: 0px 0px;
float: left;
height: 100%;
}
.all-about-video-wrapper .div-overlay .left-side {
width: 50%;
margin: 0%;
float: left;
text-align: center;
color: #fff;
height: 300px;
}
.all-about-video-wrapper .div-overlay .left-side .head {
font-size: 20px;
padding-top: 40px;
font-weight: bold;
}
.all-about-video-wrapper .div-overlay .left-side .para {
padding: 20px 50px;
}
.all-about-video-wrapper .div-overlay .right-side {
width: 50%;
margin: 0%;
float: left;
height: 315px;
}
.all-about-video-wrapper .div-overlay .right-side .head {
padding: 60px 0px 10px;
color: #000;
font-size: 18px;
font-weight: 100;
font-weight: bold;
}
.all-about-video-wrapper .div-overlay .right-side .para {
padding: 10px 5px 60px 0px;
color: #000;
font-size: 16px;
font-weight: 100;
line-height: 28px;
}
.people-section{margin: 0px 0px 50px; background: url(../../assets/img/banner-people.png)}
.people-section .head{margin: 10px auto 25px; font-size: 22px;}
.people-section .para{margin: 30px auto 0px; width: 80%}
.name-wrapper1{position: absolute;
bottom: 7px;
color: #fff;
background: rgba(0,0,0,0.6);
width: 92%;
left: 21px;
padding: 5px 10px;}
.name-wrapper{position: absolute;
bottom: 7px;
color: #fff;
background: rgba(0,0,0,0.6);
width: 84%;
left: 21px;
padding: 5px 10px;}
.name-wrapper .name{font-weight: bold;}
.name-wrapper1 .name{font-weight: bold;}
.futurist-wrapper-bottom {
background: url(../../assets/img/Backdrop.jpg);
background-size: cover;
padding: 40px 0px;
width: 100%;
float: left;
height: 100%;
padding-top: 0px;
margin-top: 0px;
margin-bottom: 50px;
}
.futurist-wrapper-bottom .head img{width: 30%; margin: 30px auto;}
#myCarousel-futurist-bottom{padding-top: 30px;}
.futurist-wrapper-bottom .icon-right{width: 40%; float: right;}
.futurist-wrapper-bottom .head{font-size: 20px;}
.futurist-wrapper-bottom .name{font-size: 25px; font-weight: bold; margin-top: 30px; margin-left: 30px;}
.futurist-wrapper-bottom .detail{font-size: 18px; font-weight: bold; margin-left: 30px;}
.futurist-wrapper-bottom .item img{margin: 0px auto; width: 70%;}
hr.hr-short {
position: relative;
max-width: 60px;
margin-top: 0px;
margin-bottom: 20px;
margin-left: 0;
margin-right: auto;
border: 0;
border-top: 3px solid #bf1023;
text-align: left;
}
.futurist-wrapper-bottom .carousel-control .glyphicon-chevron-right, .futurist-wrapper-bottom .carousel-control .icon-next{margin-right: -110px;}
.futurist-wrapper-bottom .carousel-control .glyphicon-chevron-left, .futurist-wrapper-bottom .carousel-control .icon-prev{margin-left: -110px;}
.futurist-wrapper-bottom .carousel .item .col-xs-12:nth-last-child(-n+2){display: block;}
.tint {
width: 100%;
height: 100vh;
background: rgba(0, 0, 0, .7);
position: fixed;
z-index: 999999;
display: none;
top: 0;
left: 0;
}
.video-section {
width: 100%;
margin: 0 auto;
}
.white-btn {
background: #fff;
color: #F16136;
border: solid 1px #F16136;
text-align: center;
height: 35px;
margin: 20px 0;
padding: 0 25px;
font-size: 12px;
line-height: 13px;
}
.modal-dialog {
margin: 10% auto;
}
.mr-t-30 {
margin-top: 30px;
}
.bdr-b-n {
border-bottom: none !important;
}
.bdr-t-n {
border-top: none !important;
}
.modal-input-section {
width: 70%;
margin: 0 auto;
text-align: center;
display: block;
}
.user-input {
border: none;
padding: 0px 20px;
}
.user-input:focus {
border: none !important;
outline: none !important;
}
.user-input:blur {
border: none !important;
outline: none !important;
}
.input-lb {
width: 70%;
float: left;
}
.input-rb {
width: 25%;
margin-left: 10px;
float: left;
}
.fs12 {
font-size: 12px;
}
.fs20 {
font-size: 20px;
}
.modal-footer {
background: #f2f2f2;
}
.pd-t-20 {
padding-top: 40px !important;
}
.pd-b-20 {
padding-bottom: 40px !important;
}
.modal-footer1 {
display: none;
}
.modal-footer2 {
display: none;
}
.input-lb::placeholder {
font-size: 11px !important;
}
#myModal-login .modal-body {
padding: 20px;
background: #f2f2f2;
}
.center-block {
width: 100%;
display: inline-block;
margin-top: -20px;
}
.block {
background: #F16136;
color: #fff;
width: 145px;
margin: 0px auto;
display: inline-block;
padding: 28px 0px;
font-size: 10px;
}
.activity-soon {
padding: 55px 0px;
background: rgba(0, 0, 0, 0.6);
opacity: 1;
height: 100%;
width: 100%;
}
#myCarousel-event .col-md-4 {
margin-bottom: 10px;
text-align: center;
}
.navbar-nav {
margin: 0 auto;
float: none;
}
.navbar-toggle {
padding: 5px 0 15px 15px;
}
.logo-box .logo-right {
width: 180px;
padding: 23px;
margin-left: -40px;
}
.second-bg-2 {
background: url("../../assets/img/futurist-bg.jpg");
background-size: cover;
background-position: 0;
background-repeat: no-repeat;
}
.second-bg-2 p {
font-size: 16px;
line-height: 22px;
margin-top: 40px;
margin-bottom: 15px;
color: #000;
}
.futurist-wrapper .left-side .name{
padding-left: 0;
font-size: 20px;
margin: 20px auto 0px;
text-align: center;
}
.futurist-wrapper .left-side .detail {
padding-left: 0;
font-size: 26px;
margin: 10px auto;
text-align: center;
}
.futurist-wrapper .left-side .detail1
{
display: none;
position: absolute;
top: 0;
left: 0;
background: rgba(0,0,0,0.9);
color: #fff;
height: 100%;
font-size: 16px;
padding: 130px 10px;
}
.futurist-wrapper .right-side .detail1
{
display: none;
position: absolute;
top: 0;
left: 0;
background: rgba(0,0,0,0.9);
color: #fff;
height: 100%;
font-size: 16px;
padding: 130px 10px;
}
@media only screen and (max-width: 992px) {
.carousel .item .col-xs-12:nth-last-child(-n+2) {
display: none;
}
}
@media all and (min-width: 768px) {
.carousel-showmanymoveone .carousel-inner > .active.left,
.carousel-showmanymoveone .carousel-inner > .prev {
left: -50%;
}
.carousel-showmanymoveone .carousel-inner > .active.right,
.carousel-showmanymoveone .carousel-inner > .next {
left: 50%;
}
.carousel-showmanymoveone .carousel-inner > .left,
.carousel-showmanymoveone .carousel-inner > .prev.right,
.carousel-showmanymoveone .carousel-inner > .active {
left: 0;
}
.carousel-showmanymoveone .carousel-inner .cloneditem-1 {
display: block;
}
}
@media all and (min-width: 768px) and (transform-3d),
all and (min-width: 768px) and (-webkit-transform-3d) {
.carousel-showmanymoveone .carousel-inner > .item.active.right,
.carousel-showmanymoveone .carousel-inner > .item.next {
-webkit-transform: translate3d(50%, 0, 0);
transform: translate3d(50%, 0, 0);
left: 0;
}
.carousel-showmanymoveone .carousel-inner > .item.active.left,
.carousel-showmanymoveone .carousel-inner > .item.prev {
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
left: 0;
}
.carousel-showmanymoveone .carousel-inner > .item.left,
.carousel-showmanymoveone .carousel-inner > .item.prev.right,
.carousel-showmanymoveone .carousel-inner > .item.active {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
left: 0;
}
}
@media all and (min-width: 992px) {
.carousel-showmanymoveone .carousel-inner > .active.left,
.carousel-showmanymoveone .carousel-inner > .prev {
left: -16.6%;
}
.carousel-showmanymoveone .carousel-inner > .active.right,
.carousel-showmanymoveone .carousel-inner > .next {
left: 16.6%;
}
.carousel-showmanymoveone .carousel-inner > .left,
.carousel-showmanymoveone .carousel-inner > .prev.right,
.carousel-showmanymoveone .carousel-inner > .active {
left: 0;
}
.carousel-showmanymoveone .carousel-inner .cloneditem-2,
.carousel-showmanymoveone .carousel-inner .cloneditem-3 {
display: block;
}
}
@media all and (min-width: 992px) and (transform-3d),
all and (min-width: 992px) and (-webkit-transform-3d) {
.carousel-showmanymoveone .carousel-inner > .item.active.right,
.carousel-showmanymoveone .carousel-inner > .item.next {
-webkit-transform: translate3d(16.6%, 0, 0);
transform: translate3d(16.6%, 0, 0);
left: 0;
}
.carousel-showmanymoveone .carousel-inner > .item.active.left,
.carousel-showmanymoveone .carousel-inner > .item.prev {
-webkit-transform: translate3d(-16.6%, 0, 0);
transform: translate3d(-16.6%, 0, 0);
left: 0;
}
.carousel-showmanymoveone .carousel-inner > .item.left,
.carousel-showmanymoveone .carousel-inner > .item.prev.right,
.carousel-showmanymoveone .carousel-inner > .item.active {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
left: 0;
}
}
@media (max-width: 768px) {
.second-bg,
.third-bg {
padding: 80px 15px;
}
.navbar-toggle {
padding: 0 0 15px 15px;
}
.navbar-header {
display: inline-block;
float: left;
}
.navbar-toggle .icon-bar {
width: 30px;
margin-bottom: 5px;
}
.logo-box .logo-left {
width: 130px;
padding: 20px 10px;
}
.logo-box .logo-right {
width: 70px;
padding: 10px;
}
.carousel-caption {
top: 0px;
}
h1 {
font-size: 18px;
margin-bottom: 5px;
}
h3 {
font-size: 12px;
margin-top: 0px;
}
.carousel,
.carousel-inner {
height: 250px;
}
.carousel-caption {
padding-top: 0px;
padding-bottom: 0px;
}
.carousel-caption .red-btn {
margin-top: 0px;
}
.carousel-indicators {
top: 85%;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
top: 75%;
}
.carousel-inner > .item > a > img,
.carousel-inner > .item > img,
.img-responsive,
.thumbnail a > img,
.thumbnail > img {width: 60%;}
.carousel-caption {
margin-top: 30px;
}
.second-bg-2 {
padding: 10px;
}
.activity-box {
padding-left: 30px;
}
#recommendations .carousel,
#recommendations .carousel-inner {
height: 100%;
}
.third-bg .bottom-text {
padding: 0px;
}
.third-bg-right {
padding: 10px;
}
#recommendations .carousel-control .glyphicon-chevron-left,
#recommendations .carousel-control .glyphicon-chevron-right,
#recommendations .carousel-control .icon-next,
#recommendations .carousel-control .icon-prev {
top: 50%;
}
#recommendations .thumb {
width: 80%;
margin-left: 10%;
}
.apptitude-wrapper,
.apptitude-wrapper .input-group {
width: 100%;
}
/*nav*/
.side-collapse {
width: 230px;
}
.navbar-nav > li:first-child {
margin-top: 0px;
}
.navbar-nav > li > a {
padding-top: 5px;
padding-bottom: 5px;
font-size: 14px;
}
.fa.fa-facebook {
padding: 5px 8px;
}
.nav.navbar-nav.left-text li {
width: 100%;
text-align: left;
padding-left: 15px;
}
.thumb {
width: 100%;
margin-left: 0px;
}
.m-height-350,
.m-height-400 {
height: auto;
}
.bottom-text {
padding: 50px 0px;
}
.video-box {
position: relative;
left: 0px;
}
.video-box iframe {
width: 100%;
height: auto;
}
.video-box:last-child {
margin-top: 40px;
left: 0px;
}
/*nav*/
.register-box > div,
.register-box > div > div {
width: 100%;
margin-right: 0px;
margin-top: 10px;
padding: 10px;
}
#dell-camp-register {
padding: 10px 0px;
}
.m-height-330 {
height: auto;
min-height: 150px;
}
#dell-camp-register .dell-text {
margin-bottom: 5px;
}
#dell-camp-register .btn {
margin-bottom: 10px;
}
.register-box .left-row,
.register-box .right-row {
width: 100%;
}
.register-wrapper.container h2 {
margin-bottom: 0px;
}
.program-wrapper p.para {
width: 80%;
}
.program-wrapper .look-back-bg,
.program-wrapper .look-back-bg .background-overlay {
width: 90%;
}
.program-wrapper .look-back-bg .background-overlay p {
margin-bottom: 30px;
}
.program-wrapper .look-back-bg .background-overlay button {
margin: 5px;
}
.footer-wrapper {
padding: 10px 0 30px;
}
.footer-wrapper .head {
margin-top: 30px;
}
.footer-wrapper .input-group {
width: 100%;
}
#myCarousel.carousel {
height: 100%;
}
#second-bd-right-season {
padding: 0px;
}
.dell-debut-wrapper .head,
.dell-debut-wrapper .para,
.dell-vault-wrapper .head,
.dell-vault-wrapper .para {
text-align: center;
}
.dell-vault-wrapper ul li {
margin: 5px 0px;
text-align: center;
width: 100%;
}
.dell-vault-wrapper ul li a {
width: 100%;
display: block;
}
#myCarousel.carousel.winner-slider .item {
padding: 0 20px;
}
#myCarousel.carousel.winner-slider .item .mt-minus-160 {
margin-top: -45px;
}
.carousel,
.carousel-inner {
height: 100%;
}
.carousel {
padding: 30px 0px 10px;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
top: 45%;
}
.winner-wrapper .winner-img {
width: 50%;
}
.winner-wrapper .winner-wrapper-grey {
padding: 70px 0px 0px;
}
.about-bg {
text-align: center;
padding: 0px;
}
.about-wrapper .look-back-bg {
width: 95%;
}
.about-wrapper .background-overlay {
width: 90%;
padding: 50px 20px;
margin-top: -500px;
}
.about-wrapper .background-overlay p {
font-size: 9px;
margin-bottom: 10px;
}
.about-wrapper .background-overlay button {
margin: 5px 0px;
font-size: 12px;
}
.winner-wrapper .winner-wrapper-grey .date {
display: block;
height: 100%;
margin-bottom: 20px;
}
.program-wrapper .look-back-bg {
background-position: 9% center;
}
.about-bg .dell-voice {
padding: 20px 10px;
}
.footer-wrapper .contact-wrapper > div {
font-size: 13px;
vertical-align: middle;
}
.footer-wrapper .input-group-btn:last-child > .btn {
padding: 0 20px;
}
.dell-debut-wrapper .para {
width: 100%;
margin-right: 0px;
}
#carousel-c.carousel.winner-slider .item {
padding: 0 30px;
}
.dell-debut-wrapper .para:last-child {
width: 100%;
margin-right: 0%;
}
.modal {
top: 100px;
}
#myCarousel-media.carousel {
height: 100%;
}
.media-left,
.media>.pull-left,
.media-right,
.media>.pull-right {
display: block;
}
#myCarousel-event .carousel-control .glyphicon-chevron-left,
#myCarousel-event .carousel-control .icon-prev {
margin-left: -30px;
}
#myCarousel-event .carousel-control .glyphicon-chevron-right,
#myCarousel-event .carousel-control .icon-next {
margin-right: -30px;
}
.block {
width: 100%;
}
#myCarousel-act .carousel-caption {
margin-top: 60px;
}
.activites-page-wrapper {
padding: 100px 20px 30px;
text-align: center;
}
.buzz-wrapper {
padding: 90px 0px 30px;}
.about-bg .dell-voice{height: 100%;}
.media-page-wrapper h2{margin-left: 60px;}
.all-about-wrapper .div-overlay .left-side, .all-about-wrapper .div-overlay .right-side{width: 96%; height: 100%;}
.all-about-video-wrapper .div-overlay .right-side{width: 45%; height: 100%;}
.futurist-wrapper{display: none;}
}
@media (max-width: 480px) {
.futurist-wrapper{display: block;}
.futurist-wrapper .left-side .name, .futurist-wrapper .left-side .detail {
padding-left: 5px;
}
.all-about-wrapper .div-overlay .left-side,
.all-about-wrapper .div-overlay .right-side,
.all-about-video-wrapper .div-overlay .left-side,
.all-about-video-wrapper .div-overlay .right-side {
width: 96%;
height: auto;
}
.all-about-wrapper .div-overlay .left-side .para,
.all-about-wrapper .div-overlay .right-side .para {
padding: 20px;
}
.all-about-video-wrapper .div-overlay .right-side .para {
padding: 20px;
font-size: 20px;
font-weight: 100;
line-height: 30px;
}
.futurist-wrapper-bottom .carousel-control .glyphicon-chevron-right, .futurist-wrapper-bottom .carousel-control .icon-next{margin-right: -40px;}
.futurist-wrapper-bottom .carousel-control .glyphicon-chevron-left, .futurist-wrapper-bottom .carousel-control .icon-prev{margin-left: -40px;}
.futurist-wrapper .left-side1, .futurist-wrapper .right-side1 {
background: #fff;
width: 98%;
margin: 4% 1%;
}
.all-about-video-wrapper .div-overlay .left-side{
width: 96%;
height: auto;
margin: 2%;
}
.futurist-wrapper-bottom .head img {
width: 100%;
margin: 30px auto;
}
hr.hr-short{margin-left: auto;}
.futurist-wrapper-bottom .detail, .futurist-wrapper-bottom .name{text-align: center; margin-left: 0px;}
.navbar-nav{width: 100%;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
color: #fff;
background: none;
padding: 0 15px;
}
.all-about-video-wrapper .div-overlay .right-side .head {
padding: 0px 15px 0px;}
#myCarousel-banner .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
margin-left: -10px;
}
#myCarousel-banner .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
margin-right: -10px;
}
.carousel .item .col-xs-12:nth-last-child(-n+2){display: block;}
.futurist-wrapper img {margin: 20px 0px;}
#myCarousel-banner .carousel-inner {
height: 300px;
}
.name-wrapper1 {
position: absolute;
bottom: 26px;
color: #fff;
background: rgba(0,0,0,0.6);
width: 89%;
left: 21px;
padding: 5px 10px;
}
.futurist-reg-head {
margin: 10px 15px 30px;
width: 100%;
border: none !important;
}
.navbar-toggle {
padding: 15px 0px 15px 15px;
}
.all-about-wrapper .div-overlay .left-side .head, .all-about-wrapper .div-overlay .right-side .head{padding-left: 20px;}
.people-section iframe{width: 100%; height: auto;}
.people-section .para {
margin: 10px 0px; width: 100%;
}
#register, .futurist-wrapper .right-side .head, .futurist-wrapper input::placeholder, .futurist-wrapper .right-side .red-btn{text-align: center;}
.btn-futirst {
clear: both !Important;
margin: 0 auto !important;
padding: 20px 0px 0px;
text-align: center;
}
.futurist-wrapper input {
border-radius: 0;
margin: 0 auto;
margin-bottom: 0px;
width: 100%;
margin-bottom: 10px;
}
.futurist-wrapper .right-side .red-btn {
width: 50%;
float: none;
}
.logo-box .logo-left {
width: 120px;
padding: 20px 10px;
}
.logo-intel-outer{margin-right: 0px;}
.program-wrapper{padding: 40px 0px 0px;}
#recommendations.carousel{height: 260px;}
.second-bg-2 p {
font-size: 13px;
line-height: 20px;
margin-top: 165px;
margin-bottom: 15px;
color: #000;
text-align: center;
}
#myCarousel .carousel-caption{height: 100%;}
#myCarousel .carousel-caption {
top: 22%;
position: relative;
left: 0px;
margin-top: 10px;
height: 100%;
margin-bottom: 10px;
}
.about-bg .dell-voice{height: 100%;}
#myCarousel-act .carousel-caption h2 {
margin-left: 10px;
}
.activites-page-wrapper {
padding: 20px 20px 30px;
}
.activity-soon {
padding: 10px 0px 50px;
background: none;
opacity: 1;
height: 100%;
width: 100%;
}
.activity-soon-wrapper {
position: relative;
top: 0;
left: 0;
font-size: 20px;
color: #fff;
opacity: 1;
cursor: pointer;
width: 100%;
right: 10%;
bottom: 10%;
}
#myCarousel-banner .carousel-inner {
height: 250px;
}
#myCarousel-banner .carousel-control{top: 80px;}
.media-page-wrapper h2 {
margin-bottom: -20px;
margin-left: 30px;
}
#recommendations .carousel, #recommendations .carousel-inner{height: 220px !important;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{clear: both;}
.navbar-nav > li:first-child{margin-left: 0px; margin-top: 15px;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
border-color: transparent;
}
.menu.navbar.navbar-inverse.original{visibility: visible !important;}
.navbar-nav{margin: 30px auto;}
.navbar-inverse{}
.buzz-wrapper {
padding: 40px 0px 30px;
}
.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
width: 100%;
}
.about-bg{background-size: none; background-position: none;}
.people-section{background: none;}
.ans-wrapper > div{width: 95% !important;}
.ans-wrapper > div > label {
margin-top: 8px;
font-weight: normal;
font-size: 13px;
}
.ques{margin-left: 20px; text-indent: -20px;}
}
/*-----------------Custome CSS start-------------------*/
.offer-outer {
background: #001133 url("../img/offer_bg.png") no-repeat fixed center top / cover ;
padding: 70px 0;
}
.offer-outer h3 {
color: #fff;
font-size: 46px;
font-weight: 600;
text-align:left;
}.offer-outer p {
color: #fff;
font-size: 15px;
font-weight: 500;
padding: 10px 0;
}
.offer-outer a.btn {
margin-top: 10px;
}
.btn {
background: #ffd800 none repeat scroll 0 0;
border: 2px solid transparent;
border-radius: 10px;
color: #292929;
cursor: pointer;
display: inline-block;
font-size: 16px;
font-weight: 600;
padding: 10px 30px;
transition: all 0.3s ease 0s;
}.offer-list li {
border: 1px solid #ffd800;
float: left;
margin: 12px;
padding: 5px;
text-align: center;
width: calc(33.33% - 24px);
}.offer-list li figure {
padding-top: 5px;
}
figure {
margin: 0;
}
.offer-list li i{
color: #ffd800;
font-size: 50px;
}
.offer-list li span {
color: #ffd800;
display: block;
font-size: 14px;
font-weight: 600;
line-height: 20px;
padding-top: 5px;
}
/*---------------About Page-----------------*/
.step-process {
background: #fff none repeat scroll 0 0;
border: 1px solid #e0e0e0;
border-radius: 5px;
display: table;
float: none;
margin-top: 30px;
}.step-process li::after {
background: #f8f8f8 none repeat scroll 0 0;
border: 1px solid #e0e0e0;
border-radius: 50%;
color: #e0e0e0;
content: ">>";
font-family: "FontAwesome";
font-size: 28px;
height: 60px;
line-height: 57px;
padding-left: 5px;
position: absolute;
right: calc(0% - 30px);
top: calc(50% - 30px);
width: 60px;
}
.step-process li {
border-right: 1px solid #e0e0e0;
display: table-cell;
float: none;
padding: 37px 90px 25px;
position: relative;
text-align: center;
}
.step-process img {
height: auto;
width: 170px;
}
.step-process h4 {
color: #232323;
font-size: 36px;
text-align: center;
}
#about_us_bottom p{font-size: 18px; text-align: center; margin-top: 30px;}
#activity-body ul{ font-size: 18px;
line-height: 2;}
@media (max-width: 768px) {
.step-process li {
border-right: 1px solid #e0e0e0;
display: table-cell;
float: none;
padding: 37px 30px 25px;
position: relative;
text-align: center;
width: 100% !important;
float: left;
}
#myCarousel .carousel-indicators {
height: 20px;
top: 52%;
}
.offer-outer {
margin-top: 15px;
}
.offer-list li {
width: 40%;
}
.custom_h3 {
padding: 0 15px !important;
}
.process-bar li {
float: none !important;
}
}
#rew_row{margin-bottom:20px;}
#rewards_page{text-align:center;padding:60px 0 0;}
#rewards_page img{width:150px;}
#bumper_cash{margin-top:50px;}
#bumper_cash img{width:150px;}
#rewards_page h3{color:#000;}
.custom_h3{padding: 0px 100px; line-height: 2; color: #464646; text-shadow: 1px 1px #000;}
.rew{ padding: 20px;}
.process {
width: 100%;
padding-bottom: 30px;
}
.process-title {
margin: 0;
font-size: 140%;
color: #fff;
word-spacing: 5px;
color: #555;
text-align: center;
font-style: italic;
margin-bottom: 60px;
}
.process-bar {
counter-reset: step;
}
.process-bar li {
list-style-type: none;
float: left;
width: 14%;
position: relative;
text-align: center;
text-decoration: none;
font-size: 100%;
line-height: 145%;
font-style: italic;
}
.process-bar li:before {
content: counter(step);
counter-increment: step;
width: 40px;
height: 40px;
line-height: 40px;
border: 3px solid #555;
display: block;
text-align: center;
margin: 0 auto 10px auto;
border-radius: 50%;
background-color: #fff;
border-color: #1e73be;
color: #555;
}
.process-bar li:after {
content: "";
position: absolute;
width: 100%;
height: 2px;
background-color: #555;
top: 20px;
left: -50%;
z-index: -1;
background-color: #1e73be;
}
.process-bar li:first-child:after {
content: none;
}
.ion-android-arrow-dropright {
font-size: 150%;
padding-top: 10px;
position: relative;
top: 5px;
}
.ion-android-checkmark-circle {
font-size: 110%;
position: relative;
top: 3px;
}
.program-wrapper .know-btns {
font-size: 20px;
margin-bottom: 50px;
padding: 10px 20px;
}