.icons li [class^="icon-"],
 .icons li [class*=" icon-"] {
     display: inline-block;
     width: 1.2857142857142858em;
     text-align: center;
     margin-right: 3px;
 }
 /**** TOOLTIP ****/
 
 .tooltip-inner {
     margin: 0 0 10px;
     padding: 7px 12px;
     color: #fff;
     background-color: #E84E41;
     font-weight: 400;
 }
 
 .tooltip.top .tooltip-arrow {
     margin: 0 0 10px;
     border-top-color: #E84E41;
 }
 /**** BLOCKQUOTE ****/
 
 blockquote {
     border-left: 4px solid #8e939a !important;
     color: #8e939a !important;
     padding: 10px;
 }
 /**** VIDEO ****/
 
 .vendor {
     position: relative;
     padding: 0 0 56.25%;
     height: 0;
     margin 0 0;
 }
 
 .vendor iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
 }
 
 .font-24 {
     font-size: 24px !important;
     font-weight: 600;
 }
 /**** PADDING ****/
 
 .container-custom {
     max-width: 1024px;
     margin-right: auto;
     margin-left: auto;
     padding-left: 15px;
     padding-right: 15px;
 }
 
 .pad120 {
     padding-top: 100px;
 }
 
 .pad100 {
     padding-top: 90px;
 }
 
 .pad60 {
     padding-top: 50px;
 }
 
 .pad45 {
     padding-top: 30px;
 }
 
 .pad30 {
     padding-top: 30px;
 }
 
 .pad25 {
     padding-top: 20px;
 }
 
 .pad15 {
     padding-top: 12px;
 }
 
 .pad10 {
     padding-top: 10px;
 }
 
 .pad5 {
     padding-top: 5px;
 }
 
 .pad-right5 {
     padding-right: 5%;
 }
 
 .pad-left5 {
     padding-left: 5px;
 }
 
 .pad-left12 {
     padding-left: 12px;
 }
 
 .pad-left17 {
     padding-left: 17px;
 }
 
 .pad-left50 {
     padding-left: 50px;
 }
 
 .pad-bottom5 {
     padding-bottom: 15px;
 }
 
 .pad-bottom60 {
     padding-bottom: 60px;
 }
 
 .pad-bottom40 {
     padding-bottom: 40px;
 }
 
 .pad-bottom45 {
     padding-bottom: 45px;
 }
 
 .pad-bottom30 {
     padding-bottom: 8px;
 }
 
 .pad2 {
     padding-top: 2px;
 }
 
 .pad-both-two {
     padding: 2% 0% 2% 0%;
 }
 
 .pad-bottom-11 {
     padding: 0% 0% 11% 0%;
 }
 
 .margin-60 {
     margin-top: 60px;
 }
 
 .margin-30 {
     margin-top: 30px;
 }
 
 .margin-16 {
     margin-top: -16px;
 }
 
 .margin-10 {
     margin-top: -10px;
 }
 
 .margin-top20 {
     margin-top: 20px;
 }
 
 .margin-left100 {
     margin-left: 100px;
 }
 
 .margin-left50 {
     margin-left: -50px;
 }
 
 .margin-bottom0 {
     margin-bottom: 0;
 }
 
 .margin-top0 {
     margin-top: 0;
 }
 
 .margin-bottom10 {
     margin-bottom: 10px;
 }
 
 .margin-right-4 {
     margin: 0% 0% 0% -4%;
 }
 
 .margin15 {
     margin-top: 15px;
 }
 
 .margin-bottom30 {
     margin-bottom: 30px;
 }
 
 .pad-side18 {
     padding: 0% 18% 0% 18%;
 }
 
 .pad-side3 {
     padding: 0% 3% 0% 3%;
 }
 /**** COLOURS ****/
 
 .asphalt {
     background: #384049;
 }
 
 .asphalt2 {
     color: #384049;
 }
 
 .red {
     background: #E84E41;
 }
 
 .red2 {
     color: #E84E41;
 }
 
 .grey {
     color: #818181 !important;
 }
 
 .yellow {
     background: #F4A62A;
 }
 
 .yellow2 {
     color: #F4A62A;
 }
 
 .blue {
     color: #43576b;
 }
 
 .azure {
     background: #3bb3e0;
 }
 
 .green {
     color: #83c240;
 }
 
 .emerald {
     background: #2ECC71;
 }
 
 .orange {
     color: #ff6600 !important;
 }
 
 .blueTheme {
     color: #AA1111;
 }
 
 .darkgrey {
     color: #666;
 }
 
 .white {
     color: #fff !important;
 }
 
 .black {
     background: #000 !important;
 }
 /**** TYPOGRAPHY ****/
 
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-weight: 300;
 }
 
 h1 {
     font-size: 44px;
     margin-bottom: 20px;
     font-weight: 400;
 }
 
 h2 {
     font-size: 30px;
     line-height: 1.3em;
     margin-bottom: 20px;
     font-weight: 300 !important;
 }
 
 h3 {
     font-size: 26px;
     line-height: 1.2em;
     font-weight: 300;
 }
 
 h4 {
     font-size: 22px;
     line-height: 1.4em;
     margin-bottom: 20px;
     *font-weight: 300 !important;
     color: #222222!important;
 }
 
 h5 {
     font-size: 20px;
     line-height: 1.4em;
     margin-bottom: 20px;
     *font-weight: 300 !important;
     color: #222222!important;
 }
 
 h6 {
     font-size: 18px;
     line-height: 1.4em;
     margin-bottom: 15px;
     color: #222222;
 }
 
 p {
     font-size: 15px;
     line-height: 22px;
     margin-bottom: 20px;
     /* color:#878787!important; */
     font-weight: 400;
 }
 
 .lead {
     font-size: 24px;
     line-height: 36px;
     font-weight: 300;
     margin: 20px auto 70px;
     color: #555;
 }
 
 .jumbotron_title {
     line-height: 1.2em;
     font-size: 35px;
     color: #555;
     margin-bottom: 25px;
     font-weight: 700 !important;
 }
 
 .jumbotron {
     border-radius: 0 !important;
 }
 
 h2.contact_title {
     font-size: 28px;
     line-height: 38px !important;
     margin: 0 0 20px;
     font-weight: 300 !important;
 }
 
 h6.skill {
     font-weight: 400 !important;
     font-size: 13px;
     color: #8e939a !important;
     line-height: 10px;
 }
 
 h6.project_title {
     font-size: 16px;
     font-weight: 400 !important;
     color: #fff !important;
     text-transform: uppercase;
     margin: 20px auto 30px;
     letter-spacing: 2px;
 }
 
 .counter {
     color: #E84E41;
     font-size: 48px;
     font-weight: 800 !important;
     line-height: 60px;
 }
 
 .float-right {
     float: right;
 }
 
 .side-pad {
     padding: 1% 25% 2% 25%;
 }
 
 .centered-div {
     margin: 0 auto;
 }
 
 .btn.btn-primary.btn-lg {
     background: #e74c3c;
     border: none;
     font-size: 17px;
     border-radius: 3px;
 }
 
 .text-underline {
     text-decoration: underline;
 }
 
 .relative {
     position: relative;
 }
 
 .absolute {
     position: absolute;
 }
 
 .text-justify {
     text-align: justify;
 }
 
 .active {
     color: #e74c3c!important;
 }
 
 .italic {
     font-style: italic;
     font-weight: 700;
 }

 .navbar {
     position: relative;
     min-height: 60px;
     padding-right: 15px;
     padding-left: 15px;
     background-color: #ffffff;
     margin-bottom: 0px;
 }
 
 .navbar > .container .navbar-brand {
     margin-left: -15px;
     margin-top: 12px;
 }
 
 .navbar-brand .logo {
     display: block;
     height: auto;
     width: 300px;
     max-width: 130%;
 }
 
 .navbar h2 {
     margin-bottom: 0px !important;
     text-align: center;
 }
 
 .navbar h4 {
     font-size: 28px;
     font-weight: 500;
 }
 /*----HERO-UNIT CODE =------*/
 
 .hero-unit {
     background: #AA1111;
 }
 
 .hero-unit h1 {
     font-size: 95px;
     text-align: center;
     font-weight: 300;
     line-height: 100px;
 }
 /*--VIDEO SECTION STARTS --*/
 
 .video {
     background-color: #EBEBEB;
 }
 
 .video .img-res {
     max-width: 100%;
 }
 /*-- INTERESTED SECTION STARTS ---*/
 
 .interested-form {
     /* background: #81A594; */
 }
 /*-- COMPONENTS SECTION STARTS --*/
 
 .components {
     background-color: #000000;
     color: white !important;
 }
 
 .components .col-md-2 {
     width: 19.966667%;
 }
 
 .components .box {
     background: #f7751f;
     color: white;
     height: 140px;
     width: 100%;
     line-height: inherit;
     font-size: 40px!important;
     transition: all 0.3s ease-in-out;
     border: 1px solid #f7751f;
     margin: 10px;
 }
 
 .components .box h6 {
     font-size: 18px;
     margin: 10px;
     color: white;
     font-weight: 400;
     text-align: center;
     padding-top: 20%;
 }
 
 .components .box:hover {
     background: #FF4511;
     background-size: 33%;
     background-repeat: no-repeat;
     background-position: center center;
     color: black;
 }
 /*.components .heading{background-size: 33%;background-repeat: no-repeat;background-position: center center;}*/
 /*.components .heading1:hover{background: gray; background-image: url(images/heading1.png);background-size: 33%;background-repeat: no-repeat;background-position: center center;}.components .heading2:hover{background: gray; background-image: url(images/heading2.png);background-size: 33%;background-repeat: no-repeat;background-position: center center;}.components .heading3:hover{background: gray; background-image: url(images/heading3.png);background-size: 33%;background-repeat: no-repeat;background-position: center center;}.components .heading4:hover{background: gray; background-image: url(images/heading4.png);background-size: 33%;background-repeat: no-repeat;background-position: center center;}*/
 /*--FLEXIBILITIES SECTION START----*/
 
 .flexibilities {
     border-top: 2px solid #AA1111;
     background: #EBEBEB;
 }
 
 .flexibilities li {
     list-style-type: circle;
     font-size: 20px;
     text-align: justify;
     line-height: 40px;
 }
 
 .flexibilities h1 {
     font-size: 105px;
     margin-bottom: 20px;
     font-weight: 500;
     text-align: center;
     margin-top: -20px!important;
     color: #AA1111;
     text-shadow: 3px 3px 3px #333333;
 }
 
 .flexibilities h2 {
     font-size: 62px!important;
     text-transform: uppercase;
     font-weight: 500!important;
     margin-top: 0px;
     color: #AA1111;
     text-shadow: 2px 2px 2px #333333;
 }
 
 .flexibilities h3 {
     font-size: 40px!important;
     text-transform: uppercase;
     margin-bottom: 0px;
     font-weight: 500!important;
     color: #AA1111;
     text-shadow: 1px 1px 1px #333333;
 }
 /*-- OUTCOME SECTION STARTS--*/
 
 .outcome {
     border-top: 2px solid #AA1111;
 }
 /*--EXPERT SECTION STARTS--*/
 
 .expert {
     background-color: rgb(253, 253, 253);
 }
 
 .expert .box-ind {
     background: #EBEBEB;
     height: 320px;
     margin-bottom: 3px;
     border: 1px solid rgb(216, 216, 216);
     border-radius: 3px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     -ms-border-radius: 3px;
     padding: 12%;
 }
 
 .expert .box-ind i {
     font-size: 40px;
     /* color: rgb(155, 153, 153); */
     padding: 4%;
 }
 
 .expert h6 {
     color: #00628B;
     font-weight: bold;
     font-size: 15px;
 }
 
 .plus {
     position: absolute;
     top: 36%;
     left: 86%;
     z-index: 999;
 }
 /*--TRAINEES SECTION STARTS --*/
 
 .trainees {}
 
 .trainees .col-4-border {
     border-right: 1px dotted #DDDDDD;
 }
 
 .trainees .quotation-mark {
     clear: both;
     color: #A6AEB4;
     float: left;
     font-size: 400%;
     height: 20px;
     margin: 10px -5px -25px 0px;
     line-height: 20px;
 }
 /*--INFO SECTION STARTS --*/
 
 .info {}
 
 .info .mainbox {
     padding: 26px;
     margin-bottom: 20px;
     /* background-color: #EBEBEB;border: 1px solid #e3e3e3;box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);*/
     border-radius: 4px;
     min-height: 255px;
 }
 
 .info img {
     display: block;
     height: auto;
     max-width: 119%;
     margin-top: -19px;
 }
 /*--GAIN SECTION STARTS--*/
 
 .gain {}
 
 .gain li {
     font-size: 20px;
     line-height: 30px;
     padding: 20px 48px 10px 45px;
     margin-left: -3px;
     left: 0;
 }
 
 .gain li span {
     padding: 9px 0px 0px 20px;
     color: orangered;
     position: absolute;
     left: 0;
 }
 
 .border-right-red {
     border-right: 1px solid #AA1111;
 }
 /*--BUSINESS SECTION STARTS--*/
 
 .business {
     background: #f0edea;
     border-top: 1px solid rgb(211, 201, 201);
 }
 
 .business h1 {
     line-height: 65px;
     color: #000;
 }
 /*----Footer Section Starts---------------*/
 
 .footer {
     font-size: 12px;
     line-height: 1.2em;
     margin: 5px;
 }
 /*-------------------------------------MEDIA QUERIES STARTS----------------------------------------------------------------*/
 
 @media screen and (min-width: 960px) {
     .components .col-md-offset-5 {

         margin-left: 38.666667%;
     }
     .components .col-md-offset-3 {
         margin-left: 26%;
     }
 }
 
 @media screen and (max-width: 1024px) {}
 /*--960px--*/
 
 @media screen and (max-width: 960px) {
     .hero-unit h1 {
         font-size: 49px;
         text-align: center;
         font-weight: 300;
         line-height: 74px;
     }
     .flexibilities h1 {
         font-size: 45px;
         margin-bottom: 20px;
         font-weight: 500;
         text-align: center;
         line-height: 70px;
     }
     .plus {
         display: none;
     }
     .info .mainbox {
         text-align: center;
     }
     .info img {
         margin: 0 auto;
     }
     .arrowsection .col-md-5 {
         display: none;
     }
     .trainees .col-4-border {
         border-right: none;
     }
     .flexibilities li {
         list-style-type: circle;
         font-size: 21px;
         line-height: 35px;
         padding-bottom: 18px;
     }
     .components .col-md-2 {
         width: 99.966667%;
     }
     .gain li {
         font-size: 24px;
         line-height: 38px;
         padding: 19px 15px 20px 45px;
     }
 }
 /*--768px---*/
 
 @media screen and (max-width: 768px) {
     .form-group {
         padding-bottom: 0px;
     }
     .text-center-res {
         text-align: center;
     }
     .navbar .float-right {
         float: center;
     }
     .border-right-red {
         border: 0px solid white;
     }
     .btn-primary {
         color: #ffffff;
         background-color: orange;
         background: linear-gradient(orange, orangered);
         width: 265px;
         height: 76px;
         font-size: 20px;
         margin-top: 5px;
         margin-bottom: 10px;
         border: 1px solid orangered;
         line-height: 60px;
         border-radius: 8px;
     }
     .components .box h6 {
         font-size: 18px;
         margin: 10px;
         color: white;
         font-weight: 400;
         text-align: center;
         padding-top: 5%;
     }
     .components .box {
         background: #AA1111;
         color: white;
         height: 140px;
         width: 98%;
         line-height: inherit;
         font-size: 40px!important;
         transition: all 0.3s ease-in-out;
         border: 1px solid orangered;
         margin: 10px;
     }
     .flexibilities h1 {
         font-size: 100px;
         margin-bottom: 20px;
         font-weight: 500;
         text-align: center;
         line-height: 70px;
     }
 }
 /*--640px--*/
 
 @media screen and (max-width: 640px) {
     .btn-primary {
         color: #ffffff;
         background: linear-gradient(orange, orangered);
         width: 265px;
         height: 76px;
         font-size: 20px;
         margin-bottom: 20px;
         border: 1px solid orangered;
         line-height: 60px;
         border-radius: 8px;
     }
     h1 {
         font-size: 30px;
         margin-bottom: 20px;
         font-weight: 400;
     }
     .flexibilities h1 {
         line-height: 75px;
         font-size: 96px;
         margin: 20px 0px;
         font-weight: 500;
         text-align: center;
     }
     .business h1 {
         line-height: 50px;
     }
 }
 /*--320px--*/
 
 @media screen and (max-width: 320px) {
     .navbar-brand .logo {
         display: block;
         height: auto;
         width: 250px;
         max-width: 130%;
     }
     .btn-primary {
         color: #ffffff;
         background-color: orange;
         background: linear-gradient(orange, orangered);
         width: 265px;
         height: 76px;
         font-size: 20px;
         margin-bottom: 20px;
         border: 1px solid orangered;
         line-height: 60px;
         border-radius: 8px;
     }
     .flexibilities h1 {
         font-size: 85px;
         margin: 15px 0px !important;
         font-weight: 500;
         text-align: center;
         line-height: 56px;
     }
     .flexibilities h2 {
         font-size: 55px !important;
         text-transform: uppercase;
         font-weight: 500!important;
         margin: 4px 0px;
         color: #AA1111;
         text-shadow: 2px 2px 2px black;
     }
     .flexibilities h3 {
         font-size: 37px!important;
         text-transform: uppercase;
         margin: 5px 0px !important;
         font-weight: 500!important;
         color: #AA1111;
         text-shadow: 1px 1px 1px black;
     }
     .components .box:hover {
         background: orangered;
         background-size: 33%;
         background-repeat: no-repeat;
         background-position: center center;
         color: black;
     }
     .components .box {
         background: #AA1111;
         color: white;
         height: 140px;
         width: 94%;
         line-height: inherit;
         font-size: 40px!important;
         transition: all 0.3s ease-in-out;
         border: 1px solid orangered;
         margin: 10px;
     }
     .border-right-red {
         border-right: 0px solid white
     }
 }