/* Template: 69 Studio Author: TrendyTheme Version: 1.0 Designed and Development by: TrendyTheme */
/* ==================================== [ CSS TABLE CONTENT ] ------------------------------------ 1.0 - General 2.0 - Typography 3.0 - Global Style 4.0 - Navigation 5.0 - Search Box 6.0 - Slider Section 6.1 - Caption style 6.2 - Next and previous button 6.3 - Text animation delay 7.0 - Creative Section 8.0 - Recent Project Section 8.1 - Overlay and hover effect 8.2 - Carousel navigation 9.0 - Feature Section 10.0 - CTA one section 11.0 - About Section 11.1 - Progress Bar 11.2 - Accordion 12.0 - Counter Section 13.0 - Team Section 14.0 - Video Section 14.1 - Play/Pause Button 15.0 - Call to action section 16.0 - Service Section 17.0 - Responsive preview section 18.0 - Process Section 19.0 - Portfolio Section 19.1 - Portfolio overlay 20.0 - Testimonial Section 21.0 - Partner Section 22.0 - Case study section 23.0 - Contact Section 24.0 - Footer Section 25.0 - Preloader 26.0 - Single project page ------------------------------------- [ END CSS TABLE CONTENT ] ===================================== */
/* =-=-=-=-=-=-= General =-=-=-=-=-=-= */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900);
@import url("../fonts/font-awesome.css");
@font-face {
    font-family: 'Roboto-Medium';
    src:url(../fonts/Roboto-Medium.eot);
    src: url('../fonts/Roboto-Medium.otf') format('embedded-opentype'), url('../fonts/Roboto-Medium.ttf') format('truetype'), url('../fonts/Roboto-Medium.svg') format('svg');
}
@font-face {
    font-family: 'Roboto-Regular';
    src: url('../fonts/Roboto-Regular.eot');
    src: url('../fonts/Roboto-Regular.otf') format('embedded-opentype'), url('../fonts/Roboto-Regular.ttf') format('truetype'), url('../fonts/Roboto-Regular.svg') format('svg');
}
@font-face {
    font-family: 'Roboto-Bold';
    src: url('../fonts/Roboto-Bold.eot');
    src: url('../fonts/Roboto-Bold.otf') format('embedded-opentype'), url('../fonts/Roboto-Bold.ttf') format('truetype'), url('../fonts/Roboto-Bold.svg') format('svg');
}
@font-face {
    font-family: 'Roboto-Light';
    src: url('../fonts/Roboto-Light.eot');
    src: url('../fonts/Roboto-Light.otf') format('embedded-opentype'), url('../fonts/Roboto-Light.ttf') format('truetype'), url('../fonts/Roboto-Light.svg') format('svg');
}
body{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 30px;
    font-weight: 300;
    color: #0f0f0f;
    background-color: #fff;
    -webkit-text-size-adjust: 100%;
    -webkit-overflow-scrolling: touch;
    -webkit-font-smoothing: antialiased !important;
    
}
html, body {
    width: 100%;
    height: 100%;
}
/* Link style 
/* ------------------------------ */
a {
    color: #000;
}
a, a > * {
    outline: none;
    cursor: pointer;
    text-decoration: none;
}
a:focus, a:hover {
    outline: none;
    text-decoration: none;
}
/* Transition elements 
/* ------------------------------ */
.navbar a, .form-control {
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}
a, .btn {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
/* Reset box-shadow 
/* ------------------------------ */
.btn, .form-control, .form-control:hover, .form-control:focus, .navbar-custom .dropdown-menu {
    -webkit-box-shadow: none;
    box-shadow: none;
}
button:focus {
    outline: none !important;
}
/* =-=-=-=-=-=-= Typography =-=-=-=-=-=-= */
h1, h2, h3, h4, h5, h6{
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    margin: 0;
}
h1 {
    font-size: 50px;
    line-height: 75px;
    text-align: center;
}
a.navbar-brand.page-scroll h1 {
    line-height: 1px;
    font-size: 20px;
    margin: 0;
    padding: 0;
}
a.navbar-brand img {
    width: 100px;
    position: absolute;
    top: 0;
}
h2 {
    font-size: 25px;
    color: #202020;
}
h2.innersub {
    font-size: 32px;
    color: #000;
    margin-bottom: 15px;
}
h3 {
    font-size: 20px;
    line-height: 25px 
}
h3.combination {
    font-size: 40px;
    color: #000000;
    background: #fc6b00;
    padding: 15px;
    font-style: italic;
}
h3.lbh3, h4.lbh3 {
    font-size: 20px;
    line-height: 40px;
    background: #e4f5f7;
    padding: 10px;
    margin-top: 20px;
}
h3.smmh3 {
    font-size: 33px;
    line-height: 40px;
    background: #99d4dc;
    padding: 10px;
    margin: 0 0 20px 0;
}
p.smmtxt {
    padding: 15% 0 0 18%;
}
h4 {
    font-size: 18px;
    line-height: 20px
}
h5 {
}
h6 {
}
p {
    margin: 0 0 10px 0;
}
p img {
    margin: 0;
}
ul {
    margin:0;
    padding:0;
    list-style: none;
}
.lead.head {
    background: #ffffff;
    color: #1e90cb;
    padding: 15px;
    font-weight: 400;
    margin-top: 15px;
}
.mt-20 {
    margin-top: 20px;
}
/* Button 
/* ------------------------------ */
.btn {
    padding: 14px 45px;
}
.btn-group-lg>.btn, .btn-lg {
    padding: 17px 35px;
}
.btn-primary {
    background-color: #F6891F;
    border-color: #F6891F;
}
.btn-primary:hover {
    background-color: #cb6a0b !important;
    border-color: #cb6a0b !important;
}
/* Form Style 
/* ------------------------------ */
.form-group {
    margin-bottom: 30px;
}
.form-control {
    height: 60px;
    padding: 20px;
    font-size: 18px;
    line-height: 25px;
    font-weight: 300;
    color: #202020;
    border-radius: 0;
}
.form-control:focus {
    border-color: #000;
}
/* =-=-=-=-=-=-= Global Style =-=-=-=-=-=-= */
.section-padding {
    padding: 5px 0;
}
.section-title {
    font-size: 35px !important;
    line-height: 30px;
    color: #000;
    margin-bottom: 10px;
    
    margin-top: 20px;
    font-family: 'Roboto', sans-serif !important;
}
.section-head {
    font-size: 35px !important;
    line-height: 40px;
    color: #FFFFFF;
    margin-bottom: 25px;
    
    margin-top: 20px;
    font-family: 'Roboto', sans-serif !important;
    background: #BC0003;
    padding: 15px;
}
.section-title.greyhead {
    color: #202020;
}
.section-title.ofwhite{
    color: #EFEFEF;
    text-align: center;
    font-weight: 300;
}
.sub-title {
    margin: 0;
    line-height: 25px;
}
.row-content{
    margin-top: 80px;
}
.margin-top-50 {
    margin-top: 50px;
}
.margin-top-20 {
    margin-top: 20px;
}
.margin-top-30 {
    margin-top: 30px;
}
.mt-80 {
    margin-top: 80px;
}
.margin-bot-15 {
    margin-bottom: 15px;
}
.margin-bottom-20 {
    margin-bottom: 20px;
}
.margin-bottom-40 {
    margin-bottom: 40px;
}
.margin-bottom-90 {
    margin-bottom: 90px;
}
.margin-top-n150 {
    margin-top: -150px;
}
.margin-top-100 {
    margin-top: 100px;
}
.margin-top-120 {
    margin-top: 120px;
}
.margin-right-30 {
    margin-right: 30px;
}
.no-padding {
    padding: 0;
}
.paddingt30 {
    padding-top: 30px;
}
.paddingt210 {
    padding-top: 210px !important;
}
.margin-bot-0 {
    margin-bottom: 0;
}
.border-bot-0 {
    border-bottom: 0;
}
.align-center {
    text-align: center;
}
.allcap {
    text-transform: uppercase !important;
}
.orange {
    color: #F6891F !important;
}
.red {
    color: #000 !important 
}
.visonsmall {
    display: none;
}
/* =-=-=-=-=-=-= Navigation =-=-=-=-=-=-= */
@media(min-width:767px) {
    .navbar-default .navbar-nav>li>a {
        padding: 15px 20px;
        margin: 20px 0;
        border-bottom: 5px solid #FFF;
        -webkit-transition: padding .5s ease-in-out;
        -moz-transition: padding .5s ease-in-out;
        -ms-transition: padding .5s ease-in-out;
        -o-transition: padding .5s ease-in-out;
        transition: padding .5s ease-in-out;
   }
   a.navbar-brand.page-scroll img {
    width: 180px;
   }

   .navbar-default.sticky .navbar-brand img { 
    width: 100px;
   }

   .navbar-default.sticky .navbar-nav>li>a {
        padding: 5px 20px;
        margin: 0px 0;
    }

    .navbar-default.sticky .navbar-nav>li>a {
        padding: 20px;
   }
    .navbar-default .navbar-brand {
        line-height: 40px;
        padding: 22px 0px;
   }
    .navbar-default.sticky .navbar-brand {
        line-height: 60px;
        padding: 2px 15px;
        font-size: 30px;
   }
}
.navbar-nav{
    margin:0 -15px;
}
.navbar {
    margin: 0;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    box-shadow: 0 0 1px 0px #BBBBBB;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 300;
}
.navbar.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 998;
}
li.sub-nav ul {
    display: none;
    position: absolute;
    z-index: 9999;
    
}
li.sub-nav:hover ul {
    display: block;
}
.request {
    padding: 13px !important;
    border: 1px solid #F6891F;
    margin-top: 22px;
    margin-left: 20px;
    border-radius: 5px;
    width: 163px;
    cursor: pointer;
    color: #000;
    background: rgba(237,237,237,1);
    background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,0.9) 53%, rgba(255,255,255,0.81) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,237,237,1)), color-stop(53%, rgba(246,246,246,0.9)), color-stop(100%, rgba(255,255,255,0.81)));
    background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,0.9) 53%, rgba(255,255,255,0.81) 100%);
    background: -o-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,0.9) 53%, rgba(255,255,255,0.81) 100%);
    background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,0.9) 53%, rgba(255,255,255,0.81) 100%);
    background: linear-gradient(to bottom, rgba(237,237,237,1) 0%, rgba(246,246,246,0.9) 40%, rgba(255,255,255,0.81) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=0 );
}
.rfq-sub {
    width: 163px;
    background: #D31923;
    color: #fff;
    margin-top: -3px;
}
.rfq-sub li {
    border-bottom: 1px solid #FFFFFF;
    padding-left: 15px;
}
.rfq-sub li a {
    color: #fff;
    font-size: 16px;
}
.rfq-sub li a:hover {
    color: #B3B3B3;
}
nav.navbar.navbar-default.sticky.animated.fadeInDown .request {
    margin-top: 6px;
    padding: 8px 12px !important;
}
.request:hover {
    background: #D31923;
    border: 1px solid #D31923;
    color: #FFFFFF;
}
.request a {
    padding: 0 !important;
    color: #000;
}
.request a:hover {
    background-color: transparent !important;
    color: #FFFFFF;
}
.mega-menu {
   /* width: 850px;
    margin-left: -169px;
   */
    background: #000;
    min-height: 288px;
    padding-top: 15px;
    -webkit-box-shadow: 0px 10px 25px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 10px 25px 1px rgba(0,0,0,0.75);
    box-shadow: 0px 10px 25px 1px rgba(0,0,0,0.75);
}
.mega-menu li {
    width: 210px;
    margin-right: 10px;
    padding-left:0;
    
}
.mega-menu li.has-child {
    width: 280px;
}
.sub-menu-image {
    width: 300px;
    height: 260px;
    margin-left: 530px;
    float: right;
    position: absolute;
    top: 10px;
    display: none;
}
ul.sub-menu {
    margin-left: 280px;
    display: none !important;
    position: absolute !important;
    top: 40px;
}
.sub-menu-image.active {
    display: block;
}
li.has-child:hover .sub-menu-image {
    display: block !important;
}
li.has-child:hover ul.sub-menu {
    display: block !important;
}
ul.sub-menu.mactive {
    display: block !important;
}
.mega-menu li h3 {
    color : #f4f4f4;
    /* border-bottom: 1px solid #D31923; */
    font-size: 17px;
    line-height: 45px;
    margin-left: 16px;
    padding-left: 8px;
}
/*.mega-menu li h3:before {
    content: "";
    position: absolute;
    top: 9px;
    right: 10px;
    width: 21px;
    height: 21px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: #ccc;
}
*/
/*.mega-menu li h3:after {
    content: "\f105";
    font-family: "FontAwesome";
    font-size: 16px;
    position: absolute;
    top: 8px;
    right: 7px;
    width: 15px;
    height: 15px;
    color: #fff;
}*/
.mega-menu li:last-child h3 {
    border: none;
}
@keyframes nav-animation {
    from {
       padding-left: 8px;
   }
    to {
       padding-left: 14px;
   }
}
.mega-menu li h3:hover {
    background: gold;
    transition: all ease 0.5s;
    animation-name: nav-animation;
    animation-duration: .3s;
    padding-left: 14px;
    color: #000;
}
.mega-menu li ul {
    max-width: 222px;
    min-height: 260px;
    background: red;
    margin-top: -25px;
}
.mega-menu li ul li {
    float: none;
   /* border-bottom: 1px solid #F6891F;
    */
    padding-left: 10px;
}
.mega-menu li ul li a {
    padding : 6px 2px;
    display: block;
    font-weight : 400;
    line-height : 20px;
    font-size:15px;
    color : #333;
    white-space : nowrap;
    text-decoration: none ;
    
}
.mega-menu li ul li a:hover {
    color: #D31923;
}
.mega-menu li ul li a:hover {
}
.mega-menu li ul li:last-child {
    border-bottom: 0px solid #ccc;
}
.navbar-default .navbar-nav>li>a {
    color: #000;
    background-color: transparent;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
li.rfq a {
    padding: 14px !important;
}
li.rfq {
    margin-top: -10px;
}
li.rfq:hover, li.rfq a:hover {
    background: none !important;
}
.rfqform input {
    border-radius: 5px;
    height: 45px;
}
button.rfqform {
    padding: 9px 35px;
    width: 220px;
}
button.rfqform:hover {
    color: #c83539;
    border: 1px solid #d7d7d7 !important;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #000;
    background-color: transparent !important;
}
.navbar-default .navbar-nav>li>a:hover {
    border-bottom: 5px solid #000;
}
.navbar-toggle {
    padding: 7px;
    margin-top: 12px;
    border-radius: 3px;
}
.navbar-toggle .icon-bar{
    width:15px;
}
.navbar-toggle .icon-bar+.icon-bar{
    margin-top: 2px;
}
.navbar-default .navbar-toggle{
    border-color: #000;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
    background-color: #000;
}
.navbar-default .navbar-toggle .icon-bar{
    background-color: #000;
}
.navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar{
    background-color: #ffffff;
}
/* =-=-=-=-=-=-= Search Box =-=-=-=-=-=-= */
.search-icon {
    position: relative;
    top:35px;
    left:20px;
}
.search-icon:hover{
    cursor: pointer;
}
.sticky .search-icon {
    top:15px;
}
.search-icon:after {
    content: "\f002";
    position: absolute;
    top:0;
    right:0;
    font-family: fontawesome;
}
.search-icon.active:after {
    content: "\f00d";
    position: absolute;
    top:0;
    right:0;
    font-family: fontawesome;
    color:#000;
}
#search-box {
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    color: #555;
    font-family: sans-serif;
    padding: 0 15px;
    outline: none;
    font-size: 20pt;
    text-align: center;
    background-color: #ccc;
    position: absolute;
    right: 0;
    display: none;
    width: 100%;
    top: 100px;
    z-index: 1;
    line-height: 70px;
    height: 70px;
}
.sticky #search-box{
    top:60px;
}
/* =-=-=-=-=-=-= Slider Section =-=-=-=-=-=-= */
/* =-=-=-=-=-=-= Slider Section Home One =-=-=-=-=-=-= */
/*Revolution slider customization homepage creative*/
.tt-container {
    width:100%;
    position:relative;
    padding:0;
}
.tt-banner{
    width:100%;
    position:relative;
}
.tt-slider-title {
    font-family: 'Roboto', sans-serif;
    font-size: 50px;
    line-height: 50px;
    font-weight: 300;
    color: #fff;
    
}
.tt-slider-title span {
    font-weight: 300;
}
.tt-slider-title.dark {
    color: #202020;
}
.tt-slider-subtitle {
    font-family: 'Roboto', sans-serif;
    font-size: 25px;
    line-height: 40px;
    font-weight: 300;
    color: #fff;
    
}
.tt-slider-subtitle.dark {
    color: #202020;
}
.tp-caption.tt-slider-title.sft.text-center {
    margin: 11.5% 35% !important;
    font-size: 2.8vw !important;
    font-weight: 200;
}
.tp-caption.tt-slider-title.sft.web {
    font-size: 2.8vw !important;
    font-weight: 200;
    margin: 2% 0 !important;
    line-height: 1.2em !important;
}
.tp-caption.tt-slider-subtitle.sft.web {
    margin: 2% 0% !important;
}
.tp-caption.tt-slider-title.sft.intro {
    font-size: 2.8vw !important;
    font-weight: 200;
    margin: 2% 0 !important;
    line-height: 1.2em !important;
}
.tp-caption.tt-slider-subtitle.sft.intro {
    margin: 2% 0% !important;
}
ul.slider-list li {
    font-size: 27px;
    font-weight: 200;
    line-height: 50px;
    margin: 0;
}
.tp-caption.tt-slider-title.sft.mob {
    font-size: 2.8vw !important;
    font-weight: 200;
    margin: -4.9% 0% !important;
    line-height: 1.2em;
}
.tp-caption.tt-slider-title.sft.film {
    font-size: 2.8vw !important;
    font-weight: 200;
    margin: -6% 0% !important;
    line-height: 1.2em;
}
.tp-caption.tt-slider-subtitle.sft.film {
    margin: 7% 0% !important;
}
.tp-caption.tt-slider-title.sft.grphic {
    font-size: 2.8vw !important;
    font-weight: 200;
    margin: -6% 0% !important;
    line-height: 1.2em;
}
.tp-caption.tt-slider-subtitle.sft.grphic {
    margin: 7% 0% !important;
}
.tp-caption.tt-slider-subtitle.sft.text-center {
    margin: -.50% 2.7% !important;
    font-size:2.4vw !important;
    font-weight: lighter;
}
.tp-caption.sft.readmoreweb {
    margin: -6% 1% !important;
    z-index: 99999999;
}
.tp-caption.tt-slider-subtitle.sft.mob {
    margin: -4.2% 0% !important;
}
.tp-simpleresponsive ul.slider-list li:before, ul.slider-list li:before {
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #ee8f23;
    display: block;
    float: left;
    margin: 23px 20px 0 0 !important;
}
.tp-simpleresponsive ul.slider-list.mob li:before, ul.slider-list.mob li:before {
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #ee8f23;
    display: block;
    float: left;
    margin: 15px 20px 0 0;
}
ul.slider-list.mob li:before {
    margin: 20px 20px 0 0 !important;
}
.tt-btn {
    font-size: 16px;
    
    padding: 10px 35px;
    border-radius: 30px;
    display: block;
}
/*light btn*/
.btn-solid.light {
    color: #ff2a40;
    background-color: #fff;
}
.btn-solid.light:hover {
    color: #ff2a40;
}
.btn-bordered.light {
    color: #fff;
    border: 1px solid #fff;
}
.btn-bordered.light:hover {
    color: #ff2a40;
    background-color: #fff;
    border: 1px solid transparent;
}
/*dark btn*/
.btn-solid.dark {
    color: #fff;
    background-color: #202020;
}
.btn-solid.dark:hover {
    color: #fff;
}
.btn-bordered.dark {
    color: #202020;
    border: 1px solid #202020;
}
.btn-bordered.dark:hover {
    color: #fff;
    background-color: #202020;
    border: 1px solid transparent;
}
/*Particle Homepage*/
.particle-bg {
    background: transparent url(../images/slider/slider-bg1.jpg) 0 0 no-repeat;
    background-size: cover;
}
#particles-js {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 99;
}
/*Common class in multi Homepages*/
.hero-section {
    width: 100%;
    height: 100%;
    position: relative;
}
.hero-section::before {
    content: '';
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
div#home.hero-section.tt-container.tt-fullHeight.particle-bg {
    max-height: 73vh !important;
}
.slider-caption {
    position: absolute;
    top: 50%;
    width: 100%;
    left: 0;
    text-align: center;
    text-transform: uppercase;
    z-index: 15;
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}
.slider-caption h1{
    color:#FFFFFF;
    font-size: 75px;
    line-height: 80px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: -5px;
    margin-bottom: 40px;
    font-family: 'Open Sans', sans-serif;
}
.slider-caption h1 span{
    font-weight: 900;
}
.slider-caption p{
    color:#FFFFFF;
    font-size: 25px;
    text-transform: uppercase;
    margin-bottom: 70px;
}
.slider-caption .btn {
    font-size: 20px;
    line-height: 18px;
    font-weight: 300;
    color: #fff;
    background-color: transparent;
    border-color: #fff;
    border-radius: 30px;
    padding: 20px 58px;
}
.slider-caption .btn:hover {
    background: #fff;
    border-color: transparent;
    color: #ff2a40;
}
@media (max-width : 767px) {
    .video-slider{
        max-height: 400px;
   }
    .slider-caption h1 {
        font-size: 22px;
        line-height: 35px;
        letter-spacing: 0;
        margin-bottom: 0;
   }
    .slider-caption p {
        font-size: 10px;
        margin-bottom: 15px;
   }
    .slider-caption .btn {
        font-size: 14px;
        padding: 10px 30px;
   }
}
@media only screen and (min-width : 480px) and (max-width : 767px) {
    .slider-caption h1 {
        font-size: 33px;
        line-height: 56px;
   }
    .slider-caption p {
        font-size: 14px;
        margin-bottom: 25px;
   }
}
.trendy-slider {
    overflow: hidden;
    position: relative;
}
.trendy-slider img{
    width: 100%;
    background-size: cover;
}
.carousel-fade .carousel-inner .item {
    max-height: 700px;
    opacity:.8;
    -webkit-transition-property:opacity;
    -moz-transition-property:opacity;
    -o-transition-property:opacity;
    transition-property:opacity 
}
.carousel-fade .carousel-inner .active {
    opacity: 1 
}
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
    opacity: 1 
}
.carousel-fade .carousel-inner .item:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.7);
}
.carousel-fade .carousel-control {
    z-index: 20 
}
/* Caption style 
/* ------------------------------ */
.trendy-slider .carousel-caption {
    position: absolute;
    top: 50%;
    margin-top: -165px;
    left: 0;
    right: 0;
    text-align: center;
    
    z-index: 15;
    color: #fff;
    bottom: inherit;
}
.trendy-slider .carousel-caption h1{
    color:#FFFFFF;
    font-size: 75px;
    line-height: 80px;
    font-weight: 300;
    
    letter-spacing: -5px;
    margin-bottom: 40px;
    font-family: 'Open Sans', sans-serif;
}
.trendy-slider .carousel-caption h1 span{
    font-weight: 400;
}
.trendy-slider .carousel-caption p{
    color:#FFFFFF;
    font-size: 25px;
    
    margin-bottom: 70px;
}
/* next and previous control button style 
/* --------------------------------------------- */
/*control button style one*/
.control-one .carousel-control {
    width: 50px;
    height: 50px;
    line-height: 46px;
    font-size: 40px;
    top: 50%;
    margin-top: -25px;
    border-radius: 50%;
    color: #000;
    background-color: #ddd;
    background-image: none;
    text-shadow: none;
    opacity: 0;
    visibility: hidden;
}
.control-one:hover .carousel-control {
    opacity: 1;
    visibility: visible;
}
.control-one .carousel-control:hover {
    background-color: #ff2a40;
    color: #fff;
}
.control-one .left.carousel-control {
    left: 30px;
}
.control-one .right.carousel-control {
    right: 30px;
}
/*control button style two*/
.control-two .carousel-control {
    width: 30px;
    height: 60px;
    line-height: 58px;
    font-size: 30px;
    top: 50%;
    margin-top: -25px;
    color: #202020;
    background-color: rgba(255, 255, 255, 0.4);
    background-image: none;
    text-shadow: none;
    opacity: 0;
    visibility: hidden;
}
.control-two:hover .carousel-control {
    opacity: 1;
    visibility: visible;
}
.control-two:hover .carousel-control:hover {
    color: #ff2a40;
    background-color: rgba(255, 255, 255, 0.9);
}
/* Text animation delay for first slider 
/* ------------------------------------- */
.delay-1 {
    -webkit-animation-delay: 300ms;
    -moz-animation-delay: 300ms;
    animation-delay: 300ms;
}
.delay-2 {
    -webkit-animation-delay: 600ms;
    -moz-animation-delay: 600ms;
    animation-delay: 600ms;
}
.delay-3 {
    -webkit-animation-delay: 1200ms;
    -moz-animation-delay: 1200ms;
    animation-delay: 1200ms;
}
.delay-4 {
    -webkit-animation-delay: 1500ms;
    -moz-animation-delay: 1500ms;
    animation-delay: 1500ms;
}
/* Typed */
.typed-cursor{
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}
@keyframes blink{
    0% {
        opacity:1;
   }
    50% {
        opacity:0;
   }
    100% {
        opacity:1;
   }
}
@-webkit-keyframes blink{
    0% {
        opacity:1;
   }
    50% {
        opacity:0;
   }
    100% {
        opacity:1;
   }
}
@-moz-keyframes blink{
    0% {
        opacity:1;
   }
    50% {
        opacity:0;
   }
    100% {
        opacity:1;
   }
}
<!--typed--> .slider-section {
    top: 0%;
    left: 0%;
    max-height: 700px;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.slider-section::before{
    content: "";
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-caption {
    position: absolute;
    top: 50%;
    margin-top: -165px;
    left: 0;
    right: 0;
    text-align: center;
    
    z-index: 15;
    color: #fff;
    bottom: inherit;
}
.carousel-caption h1{
    color:#FFFFFF;
    font-size: 75px;
    line-height: 80px;
    font-weight: 300;
    
    letter-spacing: -5px;
    margin-bottom: 40px;
    font-family: 'Open Sans', sans-serif;
}
.carousel-caption h1 span{
    font-weight: 900;
}
.carousel-caption p{
    color:#FFFFFF;
    font-size: 25px;
    
    margin-bottom: 70px;
}
.carousel-caption .btn {
    font-size: 20px;
    line-height: 18px;
    font-weight: 300;
    color: #fff;
    background-color: transparent;
    border-color: #fff;
    border-radius: 30px;
    padding: 20px 58px;
}
.carousel-caption .btn:hover {
    background: #fff;
    border-color: transparent;
    color: #000;
}
/* =-=-=-=-=-=-= Creative Section =-=-=-=-=-=-= */
.creative-section-tabs {
    padding: 100px 0 100px 0;
    background: #fbfbfb;
}
.service-tab{
    position: relative;
}
.service-tab .nav-tabs{
    border-bottom: 0;
}
.service-tab li {
    position: relative;
    text-align: center;
    padding:0;
}
.service-tab li > a{
    padding:10px 40px;
    color:#000000;
    border:0;
    width: 100%;
}
.service-tab li > a:hover {
    background: #eaeaea;
}
.service-tab .nav-tabs>li.active>a, .service-tab .nav-tabs>li.active>a:focus, .service-tab .nav-tabs>li.active>a:hover{
    border:0;
    background-color: #ffffff;
}
.nav-tabs.nav-justified>li>a{
    border:0;
    border-radius: 0;
}
.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover{
    border:0;
}
.service-tab li:first-child {
    
}
.service-tab li i:before{
    font-size: 30px;
    color:#202020;
}
.service-tab li.active i:before, .service-tab li:hover i:before{
    color:#000;
}
.service-tab li span{
    display:block;
    font-size: 14px;
    color:#202020;
    padding-top: 7px;
}
.service-tab li.active:after, .service-tab li:hover:after {
    content:"";
    border-bottom:10px solid #021d68;
    position: absolute;
    bottom:0;
    left:0;
    width:100%;
}
.service-tab .tab-content{
    margin-top:50px;
}
.tablist li {
    float: left;
    clear: both;
    border: none !important;
    text-align: left;
}
.tablist li:hover {
    border: none !important;
}
.tablist li:hover:after {
    display: none;
}
ul.tablist {
    border: none !important;
}
ul.tablist li i {
    margin: 0 10px;
}
ul.tablist li i:before {
    font-size: 18px;
}
.tablist li span {
    display: inline !important;
    color: #666666;
}
ul.expertiseSection li {
    max-width: 110px;
    float: left;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #eae6e6;
    margin-right: 10px;
}
ul.expertiseSection li:last-chld {
    margin-right: 0;
}
.creative-section-tabs h2 {
    font-weight: 600;
    margin-bottom: 45px;
    position: relative;
}
.creative-section-tabs h2::after {
    content: "";
    background-color: #000;
    width: 100px;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: -16px;
}
.creative-section-tabs .btn {
    margin-top: 42px;
}
.mac-screenshot {
    padding-top: 60px;
}
.mac-screenshot img{
    width: inherit;
}
/*SERVICES TAB SECTION*/
.nav-tabs li .icons img {
    opacity: 0.6;
}
.nav-tabs li.active .icons img {
    opacity: 1;
}
.icons.active img, .icons img:hover {
    opacity: 1 !important;
}
/* =-=-=-=-=-=-= Recent Project Section =-=-=-=-=-=-= */
.recent-project-section {
    background-color: #fafafa;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
}
.project-container {
    margin-top: 50px;
    position: relative;
}
.recent-project {
    position: relative;
    overflow: hidden;
}
.recent-project img {
    width: 100%;
}
.project-info {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -32px;
    color: #fff;
    width: 100%;
    text-align: center;
}
.project-info h3 {
    font-size: 18px;
    line-height: 18px;
}
ul.project-meta {
    margin-top: 15px;
}
ul.project-meta li{
    display: inline-block;
    padding: 0 10px;
    border-right: 1px solid #fff;
}
ul.project-meta li:last-child{
    margin-right: 0;
    padding-right: 0;
    border-right: 0;
}
ul.project-meta li a{
    display: block;
    color: #fff;
}
ul.project-meta li a:hover{
    color: #000;
}
.full-project {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 16px 30px;
    line-height: 18px;
    text-transform: capitalize;
    background: #000;
}
.full-project:hover {
    background: #C02232;
}
.full-project a {
    color: #fff;
}
.full-project a i{
    float: right;
    line-height: 20px;
}
/* Overlay and hover effect 
/* ------------------------------ */
.recent-project::before {
    content: "";
    background-color: rgba(44, 62, 80, 0.9);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.recent-project:hover::before {
    opacity: 1;
}
.project-info h3, ul.project-meta, .full-project {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px);
}
.project-info h3, ul.project-meta{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.full-project {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.recent-project:hover .project-info h3, .recent-project:hover ul.project-meta, .recent-project:hover .full-project {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
/* Carousel navigation 
/* ------------------------------ */
.project-navigation .btn-prev{
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -40px;
    width: 20px;
    height: 80px;
    background-color: rgba(0, 0, 0, 0.5);
    color: #ffffff;
    line-height: 80px;
    text-align: center;
    font-size: 18px;
    opacity:0;
    z-index: 997;
}
.project-navigation .btn-next{
    position: absolute;
    right:0;
    top:50%;
    margin-top:-40px;
    width:20px;
    height:80px;
    background-color: rgba(0, 0, 0, 0.5);
    color:#ffffff;
    line-height: 80px;
    text-align: center;
    font-size: 18px;
    opacity:0;
    z-index: 997;
}
.project-navigation a:hover{
    width:30px;
}
.project-container:hover .project-navigation .btn-prev, .project-container:hover .project-navigation .btn-next{
    opacity: 1;
}
/* =-=-=-=-=-=-= Feature Section =-=-=-=-=-=-= */
@media (min-width : 992px) {
    .feature-section {
        background: url(../../assets/images/feature-bg.png) no-repeat scroll 100% 80px;
        position: relative;
   }
}
.feature-section .media{
    margin-top: 40px;
}
.feature-section .media:first-child {
    margin-top: 0;
}
.feature-section .media a i::before {
    display: block;
    font-size: 28px;
    line-height: 50px;
    text-align: center;
    width: 50px;
    height: 50px;
    color: #000;
    border: 1px solid #000;
    border-radius: 4px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.feature-section .media a i:hover::before {
    background-color: #000;
    color: #fff;
    border: 1px solid transparent;
}
.feature-section .media-left, .feature-section .media>.pull-left {
    padding-right: 30px;
    float: left;
}
.feature-section .media-heading {
    font-size: 18px;
    line-height: 25px;
    text-transform: capitalize;
}
.feature-section .media-heading a{
    color: #202020;
}
.feature-section .media-heading a:hover{
    color: #000;
}
.feature-section .media-body p{
    color: #a7a7a7;
    line-height: 25px;
}
/* =-=-=-=-=-=-= CTA one section =-=-=-=-=-=-= */
.cta-one-section {
    background-color: #f4f7f9;
}
@media(min-width:768px) {
    .cta-one-section {
       /*background-image: url(../../assets/images/cta-one-bg.jpg);
       */
        -webkit-background-size: cover;
        background-size: cover;
   }
}
.cta-one-section h2{
    font-size: 30px;
    color: #202020;
    
    margin-bottom: 30px;
}
.cta-one-section h2 span {
    color: #000;
}
.cta-one-section .btn {
    margin-top: 30px;
}
/* =-=-=-=-=-=-= Page Title Section =-=-=-=-=-=-= */
.page-title-section {
    background: url(../../assets/images/cover-one.jpg) no-repeat center center #000;
    background-size: cover;
    position: relative;
    min-height: 350px;
}
.page-title-section.about-us-one {
    background: url(../../assets/images/about-bg.jpg) no-repeat center center #000;
    background-size: cover;
}
.page-title-section.blog-page-cover {
    background: url(../../assets/images/blog-cover.jpg) no-repeat center center #000;
    background-size: cover;
}
.page-title-section.portfolio-cover {
    background: url(../../assets/images/cover-one.jpg) no-repeat center center #000;
    background-size: cover;
}
.page-title-section.shortcode-cover {
    background: url(../../assets/images/cover-six.jpg) no-repeat center center #000;
    background-size: cover;
}
.page-title-section.homepage-blog {
    background: url(../../assets/images/slider/slide-1.jpg) no-repeat center center #000;
    background-size: cover;
    min-height: 450px;
}
.page-title-section.case-study-page {
    background: url(../../assets/images/slider/slide-1.jpg) no-repeat center center #000;
    background-size: cover;
    min-height: 460px;
    overflow: hidden;
}
.page-title-section.case-study-page.gradient-bottom {
    min-height: 600px;
}
.conector {
    display: block;
    width: 1px;
    height: 125px;
    background: #dedede;
    margin: 0 auto;
}
.page-title-section::before {
    content: "";
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.page-header {
    font-family: 'Roboto-Bold';
    font-size: 19px;
    padding-bottom: 9px;
    margin: 20px 0 0;
    border-bottom: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    left: 0;
    text-align: center;
    z-index: 15;
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}
.case-study-page .page-header {
    padding: 120px 0 0;
}
.page-header h1 {
    font-size: 50px;
    line-height: 50px;
    font-weight: 700;
    color: #fff;
    text-transform: capitalize;
    margin: 0;
}
.case-study-page .page-header h1{
    margin-bottom: 15px;
}
.page-header p {
    font-size: 16px;
    line-height: 30px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 60px;
}
.page-header a.btn {
    font-size: 20px;
    line-height: 18px;
    font-weight: 300;
    padding: 20px 57px;
    color: #fff;
    border-radius: 30px;
    background-color: transparent;
    border-color: #fff;
}
.page-header a.btn:hover {
    background-color: #fff;
    color: #ff2a40;
}
/* =-=-=-=-=-=-= About Section =-=-=-=-=-=-= */
.about-section.section-padding {
    padding: 100px 0 0;
}
.about-section .row-content h2 {
    font-weight: 700;
}
.about-info h2 {
    margin-bottom: 36px;
}
.aboutcolumn {
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #8E8D8D;
    height: 430px;
}
.aboutcolumn img {
    margin: auto;
}
.aboutcolumn h2 {
    color: #BC0003;
}
.aboutcolumn h2, .aboutcolumn p {
    text-align: center;
}
.aboutcolumn .icon2 {
    margin: auto;
    max-width: 60px;
}
.aboutcolumn i:before {
    font-size: 50px;
    color: #BC0003;
}
.flaticon-document28:before, .flaticon-certificate3:before {
    padding: 10px 0;
}
.creative-skills h2, .faq-section h2 {
    margin-bottom: 30px;
}
.video-wrap iframe{
    border: 0;
    width: 100%;
    height: 310px;
}
/* Progress Bar 
/* ------------------------------ */
.skill-title {
    font-size: 16px;
    display: block;
    margin-bottom: 8px;
}
.progress {
    padding: 6px 8px;
    border-radius: 10px;
    box-shadow: none;
    margin-bottom: 14px;
}
.progress-bar {
    background-color: #000;
    box-shadow: none;
    border-radius: 10px;
}
.progress .progress-bar.six-sec-ease-in-out {
    -webkit-transition: width 2s ease-in-out;
    -moz-transition: width 2s ease-in-out;
    -o-transition: width 2s ease-in-out;
    transition: width 2s ease-in-out;
}
/* Accordion 
/* ------------------------------ */
.panel {
    box-shadow: none;
    border:0;
    border-radius: 0;
}
.panel-default>.panel-heading {
}
.panel-default>.panel-heading h3{
    font-family: 'Open Sans', sans-serif;
}
.panel .panel-heading-link {
    position: relative;
    padding: 0;
}
.panel-title a.collapsed{
    display: block;
    color: #fff;
    background-color: #666666;
    border-color: #666666;
    padding: 17px 15px;
    border-radius: 4px;
}
.panel-title a{
    display: block;
    color: #fff;
    border-color: #666666;
    padding: 17px 15px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #000;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border: 1px solid #EEEEEE;
}
.panel .panel-heading-link a:after {
    font-family: 'FontAwesome';
    content: "\f107";
    font-size: 24px;
    width: 50px;
    height: 60px;
    line-height: 58px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
}
.panel .panel-heading-link a.collapsed:after {
    content: "\f105";
}
.mocup-bg {
}
.mocup-bg img {
    margin: 60px auto 0;
    display: block;
}
/* =-=-=-=-=-=-= Counter Section =-=-=-=-=-=-= */
.counter-section {
    background: url(../images/counter-bg.jpg) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    font-family: 'Roboto Slab', serif;
}
.css-overlay {
    background-color: rgba(26, 1, 1, 0.6);
}
.counter-section strong {
    display: block;
    font-size: 60px;
    line-height: 48px;
    color: #fff;
}
span.count-description {
    display: block;
    color: #fff;
    font-size: 20px;
    line-height: 40px;
    text-transform: capitalize;
    padding-top: 10px;
}
.counter-wrap{
    padding:100px 0;
}
.counter-section .selected{
    background-color: rgba(255, 0, 0, 0.5);
}
/* =-=-=-=-=-=-= Team Section =-=-=-=-=-=-= */
.team-thumb {
    position: relative;
    overflow: hidden;
}
.team-thumb img {
    width: 100%;
}
.team-thumb::before {
    content: "";
    background-color: rgba(44, 62, 80, 0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.team-thumb:hover::before {
    opacity: 1;
}
.member-info {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #000;
    color: #fff;
    padding: 16px 0;
}
.member-info {
    opacity: 0;
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: all 0.2s ease-out .2s;
    -moz-transition: all 0.2s ease-out .2s;
    -o-transition: all 0.2s ease-out .2s;
    transition: all 0.2s ease-out .2s;
}
.team-thumb:hover .member-info{
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.member-info h3 {
    font-size: 22px;
    line-height: 25px;
    font-weight: 700;
    
}
.member-info .title{
    display: block;
    font-size: 18px;
    line-height: 25px;
    font-weight: 300;
}
.member-info .social-link {
    margin-top: 25px;
}
.member-info .social-link li a {
    display: block;
    width: 35px;
    height: 35px;
    font-size: 18px;
    line-height: 35px;
    background: #fff;
    color: #000;
    text-align: center;
    border-radius: 50%;
}
.member-info .social-link li a:hover {
    background: #D51428;
    color: #fff;
}
/* =-=-=-=-=-=-= Video Section =-=-=-=-=-=-= */
.video-section {
    top: 0%;
    left: 0%;
    height: 400px;
    width: 100%;
    overflow: hidden;
    position: relative;
}
/* Play/Pause Button 
/* ------------------------------ */
.video-button {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
}
.video-button a i{
    display: inline-block;
    font-size: 44px;
    line-height: 87px;
    text-align: center;
    font-style: normal;
    color: #fff;
    background: none;
    border: 5px solid #fff;
    width: 100px;
    height: 100px;
    border-radius: 50%;
}
.video-button .pause i{
    opacity:0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.video-button .play i:before{
    left: 1px;
    position: relative;
    top: 1px;
}
.video-section:hover .video-button .pause i{
    opacity:1;
}
.video-button a i:before {
    content: "\f04b";
    z-index: 10;
    font-family: FontAwesome;
}
.video-button a.pause i:before {
    content: "\f04c";
}
/* =-=-=-=-=-=-= Call to action section =-=-=-=-=-=-= */
.cta-two-section {
   /*padding: 17px 0;
   */
    background-color: #000328;
    color: #fff;
}
.cta-two-section h2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 25px;
    line-height: 27px;
    font-weight: 900;
    
    color: #fff;
    margin-bottom: 5px;
}
.cta-two-section p {
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
    margin: 0;
}
.cta-two-section .btn {
    background-color: transparent;
    border-color: #fff;
    font-size: 16px;
}
.cta-two-section .btn:hover {
    background-color: #fff;
    border-color: #fff;
    color: #000;
}
/* =-=-=-=-=-=-= Service Section =-=-=-=-=-=-= */
.smallscreenaccordion {
    display: none 
}
/*accordion small screen*/
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.smallscreenaccordion ul {
    list-style:none;
    padding:0;
    width: 98%;
    margin:0 auto;
    -moz-box-shadow: 0 0 5px #111;
    -webkit-box-shadow: 0 0 5px #111;
    box-shadow: 0 0 5px #111;
}
.smallscreenaccordion ul li label {
    background: #FFFFFF;
   /* fallback colour */
    color: #F6891F;
    letter-spacing: 0.09em;
    font-size: 20px;
    font-weight: 400;
    cursor: pointer;
}
.smallscreenaccordion ul li input[type='checkbox'] {
    display: none;
}
.smallscreenaccordion ul li label {
    display:block;
    padding:12px;
    width: 100%;
}
li.block label:after {
    content: '+';
    float: right;
    font-size: 20px;
}
.smallscreenaccordion ul li input[type='checkbox']:checked ~ label:after {
    content: '-';
    float: right;
    font-size: 50px;
    font-weight: lighter;
    margin-top: -6px;
}
.smallscreenaccordion ul li i {
    font-size:18px;
    vertical-align: middle;
    width:20px;
    display:inline-block;
}
.smallscreenaccordion ul li span {
    display:inline;
    float:right;
    background:#48515c;
    border:1px solid #3c434c;
    border-bottom:1px solid #707781;
    padding:4px 6px;
    font-size:10px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: inset 0 0 10px #111;
    -webkit-box-shadow: inset 0 0 10px #111;
    box-shadow: inner 0 0 10px #111;
    position:relative;
}
.smallscreenaccordion ul li label:hover {
    background: #f6891f;
   /* fallback colour */
    color: #FFFFFF;
}
.smallscreenaccordion ul li label:hover span {
    background:#3e505e;
}
.smallscreenaccordion ul li input[type='checkbox']:checked ~ label {
    background: #44c6eb;
   /* fallback colour */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F6891F), to(#C76709));
    background: -webkit-linear-gradient(top, #F6891F, #C76709);
    background: -moz-linear-gradient(top, #F6891F, #C76709);
    background: -ms-linear-gradient(top, #F6891F, #C76709);
    background: -o-linear-gradient(top, #F6891F, #C76709);
    color: #FFFFFF;
}
.smallscreenaccordion ul li input[type='checkbox']:checked ~ label span {
    background: #2173a1;
   /* fallback colour */
    border-top:1px solid #1b5f85;
    border-bottom:1px solid #4cb1e4;
    -moz-box-shadow: inset 0 0 5px #111;
    -webkit-box-shadow: inset 0 0 5px #111;
    box-shadow: inner 0 0 5px #111;
}
.smallscreenaccordion ul li input[type='checkbox']:checked ~ .options {
    height: auto;
    display:block;
    min-height:40px;
}
.smallscreenaccordion ul ul {
    background:#fff;
    margin:0;
    padding:0;
    -moz-box-shadow: inset 0 2px 2px #b3b3b3;
    -webkit-box-shadow: inset 0 2px 2px #b3b3b3;
    box-shadow: inner 0 2px 2px #b3b3b3;
}
.smallscreenaccordion ul ul li a {
    display:block;
    padding:6px 12px;
    color:#999;
    text-decoration:none;
}
.smallscreenaccordion ul ul li a:hover {
    color:#44c6eb;
}
.smallscreenaccordion ul ul li a span {
    color:#999;
    background:none;
    border:1px solid #ccc;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.smallscreenaccordion ul ul li {
    border-bottom:1px solid #ccc;
}
.smallscreenaccordion ul ul li:first-child {
    padding-top:6px;
}
.smallscreenaccordion ul ul li:last-child {
    padding-bottom:6px;
    border:0;
}
.options {
    height: 0;
    display: block;
    overflow: hidden;
}
/* Abridged icomoon font styles 
/* (Hosted on Frecosse - Please don't hotlink!) =============================================== */
.smallscreenaccordion .icon-music:before, .smallscreenaccordion .icon-search:before, .smallscreenaccordion .icon-fire:before, .smallscreenaccordion .icon-dribbble:before, .smallscreenaccordion .icon-flickr:before, .smallscreenaccordion .icon-deviantart:before, .smallscreenaccordion .icon-picassa:before, .smallscreenaccordion .icon-reddit:before, .icon-android:before, .icon-users:before, .icon-film:before, .icon-eye:before, .icon-point-right:before, .icon-microphone:before, .icon-download:before, .icon-warning:before, .smallscreenaccordion .icon-images:before, .smallscreenaccordion .icon-movie:before, .smallscreenaccordion .icon-cloud:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
/*accordion small screen ends*/
.white {
    color: #FFFFFF !important;
}
.black{
    color: #000000 !important;
}
.services-section {
    background: #f6891f;
}
.services-section h2.section-title {
    color: #FFFFFF;
}
.ouricons {
    margin: 75px auto;
}
.row.ouricons h3 {
    margin: 24% 14%;
    font-size: 22px;
    text-align: center;
    color: #FFFFFF;
}
.row.ouricons ul li.active h3, .row.ouricons ul li:hover h3 {
    color : #F6891F;
}
.ouricons ul li {
    width: 19%;
    height: 200px;
    border-radius: 6px;
    float: left;
    padding: 27px 15px;
    cursor: pointer;
    margin-right: 1%;
    background: #f6891f;
    -webkit-box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.75);
}
.ouricons ul li:hover, .ouricons ul li.active {
    background: #fff;
}
.circle {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #f6891f;
    margin: -40% 0 0 30%;
    -webkit-box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.75);
    box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.75);
    padding-top: 25px;
}
.circle i:before {
    font-size: 35px !important;
    color: #FFFFFF;
}
.ouricons ul li i {
    margin-left: 28%;
}
.row.ourservices {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.ourservices {
    min-height: 570px;
}
.servicedesc {
    float: left;
    min-height: 570px;
    background: #FFFFFF;
    position: absolute;
}
.servicecontent {
    margin: 15% 0 0 40%;
}
.servicecontent h3 {
    font-size: 2.6vw;
    color: #F6891F;
}
.servicecontent p {
    margin-top: 8%;
    margin-right: 12%;
}
.viewmore {
    width: 170px;
    height: 60px;
    background: #F6891F;
    padding: 15px;
    border-radius: 7px;
    font-size: 23px;
    color: #FFFFFF;
}
.viewmore:after {
    content: '\2192';
    margin-left: 5px;
}
.serviceimagewraper {
    position: relative;
}
.serviceimage {
    background: #FFFFFF;
    width: 100%;
    margin-top: 7%;
    -webkit-box-shadow: 0px 2px 21px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 21px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 21px 0px rgba(0,0,0,0.75);
}
.sbox-gutter {
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
}
.sbox-gutter:nth-child(3), .sbox-gutter:nth-child(6) {
    border-right: 0;
}
.sbox-gutter:nth-child(4), .sbox-gutter:nth-child(5), .sbox-gutter:nth-child(6) {
    border-bottom: 0;
}
.sbox-gutter:hover {
    background-color: #000;
}
.sbox-gutter, .sbox-gutter i::before, .sbox-gutter h3, .sbox-gutter p {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}
.sbox-gutter:hover i::before, .sbox-gutter:hover h3, .sbox-gutter:hover p {
    color: #fff;
}
.service-box {
    padding: 30px 15px;
}
.service-box i::before {
    font-size: 40px;
    margin-bottom: 20px;
    color: #000;
}
.service-box h3 {
    color: #000;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 20px;
}
.service-box p {
    line-height: 22px;
}
/* =-=-=-=-=-=-= Responsive preview section =-=-=-=-=-=-= */
.responsive-preview {
}
.responsive-preview h2{
    font-size: 30px;
    line-height: 45px;
    font-weight: 700;
    
    margin-bottom: 38px;
}
.responsive-preview h2 span{
    display: block;
    font-size: 45px;
    color: #000;
}
.responsive-preview p{
    font-size: 16px;
    line-height: 35px;
    margin-bottom: 35px;
}
.responsive-preview img {
    width: initial;
}
/* =-=-=-=-=-=-= Initiate a project discussion Section =-=-=-=-=-=-= */
.process-section {
    background: #fff;
   /*background: url(../images/process-bg.jpg) no-repeat #dedede;
    -webkit-background-size: cover;
    background-size: cover;
   */
}
.process-box {
    background-color: #000;
    color: #fff;
    padding: 30px;
    border-radius: 10px;
}
.process-box i::before {
    font-size: 30px;
}
.process-box h3{
    font-size: 16px;
    line-height: 45px;
    color: #fff;
    margin: 0;
}
section.process-section.section-padding, section.partner-section.section-padding {
    padding-top: 0 !important;
}
.proj-disc-pad h1 {
    color: #EFEFEF;
    padding: 5px 0;
    text-align: center;
}
.proj-disc-pad.white {
    border: none !important;
}
.proj-disc-pad.white h1 {
    color: #EFEFEF;
}
.mail-phone {
    padding: 28px 30px;
    border-top: 1px solid #c6c9cb;
    width: 90%;
    text-align: center;
    margin: 0 auto;
}
.mail-phone a, .mail-phone span {
    color: #ffffff;
    padding: 0 20px;
    font-size: 22px;
}
.mail-phone.white a, .mail-phone.white span {
    color: #ffffff !important;
}
.mail-phone img {
    margin-right: 12px;
}
.red-button, .white-button {
    margin : 15px auto 20px auto;
    width : 100%;
    float : left;
    text-align : center;
}
.white-button a {
    background : #ffffff;
    color : #000;
    
    font-size : 15px;
    padding : 20px 3%;
    text-align : center;
    letter-spacing : 1.5px;
    border-radius : 5px;
    text-decoration : none;
}
.red-button a:hover, .white-button a:hover {
    opacity : 0.8;
}
/* =-=-=-=-=-=-= Portfolio Section =-=-=-=-=-=-= */
/* =-=-=-=-=-=-= Portfolio Section =-=-=-=-=-=-= */
section#portfolio, section.hero-block-v4 {
    background: rgb(239, 240, 243);
}
section#technology {
    background: url(../images/responsive-porfolio-bg.jpg) no-repeat;
}
ul.technologyl {
    font-size: 0;
    margin-bottom: 20px;
}
ul.technologyl li {
    float: left;
    margin-right: 15px;
}
ul#filter {
    margin-bottom: 50px;
}
ul#filter li{
    font-size: 16px;
    line-height: 25px;
    padding: 7px 20px;
    border-radius: 20px;
    cursor: pointer;
}
ul#filter li.active{
    background-color: #ff2a40;
    color: #fff;
}
/*Filter Square Style*/
ul#filter.filter-square li{
    border: 1px solid #ccc;
    border-radius: 0;
    padding: 5px 20px;
    margin: 2px;
}
ul#filter.filter-square li.active{
    border: 1px solid transparent;
}
/*End Filter Square Style*/
/*Filter Rounded Style*/
ul#filter.filter-rounded li{
    border: 0;
    border-radius: 3px;
    background-color: #E0E0E0;
    padding: 5px 20px;
    margin: 2px;
}
ul#filter.filter-rounded li.active{
    background-color: #1B2E3F;
}
/*End Filter Square Style*/
/*Filter Transparent Style*/
ul#filter.filter-transparent li{
    color: #a9a8a8;
    padding: 5px 15px;
    font-size: 14px;
    text-transform: uppercase;
}
ul#filter.filter-transparent li.active{
    background-color: transparent;
    color: #ff2a40;
}
/*End Filter Transparent Style*/
ul#portfolio-grid {
    overflow: hidden;
}
ul#portfolio-grid li img{
    width: 100%;
}
ul#portfolio-grid>li{
    float: left;
    display: block;
    height: auto;
}
/*Five Column Portfolio*/
ul#portfolio-grid.five-column>li{
    width: 20%;
}
/*Four Column Portfolio*/
ul#portfolio-grid.four-column>li{
    width: 25%;
}
/*Three Column Portfolio*/
ul#portfolio-grid.three-column>li{
    width: 33.33%;
}
/*Two Column Portfolio*/
ul#portfolio-grid.two-column>li{
    width: 50%;
}
@media (max-width: 1199px) {
    ul#portfolio-grid.five-column>li{
        width: 25%;
   }
}
@media (max-width: 991px) {
    ul#portfolio-grid.five-column>li, ul#portfolio-grid.four-column>li{
        width: 33.33%;
   }
}
@media (max-width: 767px) {
    ul#portfolio-grid.five-column>li, ul#portfolio-grid.four-column>li, ul#portfolio-grid.three-column>li{
        width: 50%;
   }
}
@media (max-width: 480px) {
    ul#portfolio-grid.five-column>li, ul#portfolio-grid.four-column>li, ul#portfolio-grid.three-column>li, ul#portfolio-grid.two-column>li{
        width: 100%;
   }
}
.portfolio-item.gutter {
    margin-bottom: 20px!important;
}
.portfolio {
    position: relative;
    overflow: hidden;
}
/* Portfolio overlay default 
/* ------------------------------ */
.portfolio .tt-overlay {
    background-color: rgba(255, 42, 64, 0.1);
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.98s ease-out;
    -moz-transition: opacity 0.98s ease-out;
    -o-transition: opacity 0.98s ease-out;
    transition: opacity 0.98s ease-out;
}
.portfolio:hover .tt-overlay{
    opacity: 0.2;
    visibility: visible;
}
.portfolio-info .project-title, .portfolio-info .links {
    position: absolute;
    left: 0;
    color: #fff;
    width: 100%;
    opacity: 0;
    visibility: hidden;
}
.portfolio-info .project-title {
    top: 60%;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    margin-top: 2%;
    font-size: 20px;
}
.portfolio:hover .portfolio-info .project-title {
    top: 35%;
    opacity: 1;
    visibility: visible;
}
.portfolio-info .links {
    top: 90%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    margin-top: 13%;
}
.portfolio:hover .portfolio-info .links {
    top: 55%;
    opacity: 1;
    visibility: visible;
}
.portfolio-info .btn {
    background-color: transparent;
   ;
    border-color: #fff;
    padding: 12px 22px;
    border-radius: 20px;
}
.portfolio-info .btn:hover {
    background-color: #fff;
   ;
    border-color: #fff;
    color: #ff2a40;
}
.portfolio-container .btn.view-more {
    margin-top: 40px;
}
/* Portfolio Hover Style Two 
/* ------------------------------ */
.hover-two .portfolio:hover .portfolio-info .links {
    top: 46%;
}
.hover-two .portfolio .tt-overlay {
    background-color: rgba(0, 0, 0, 0.7);
}
.portfolio-details {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
.portfolio-details li {
    display: inline-block;
    position: relative;
    bottom: -40px;
    opacity: 0;
    visibility: hidden;
    transform: translateZ(0);
}
.portfolio:hover .portfolio-details li {
    bottom: 0;
    opacity: 1;
    visibility: visible;
}
.portfolio:hover .portfolio-details li:nth-child(1) {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.portfolio:hover .portfolio-details li:nth-child(2){
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.portfolio-details li a{
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: rgba(255, 255, 255, 0.9);
}
/* =-=-=-=-=-=-= Portfolio Single Page =-=-=-=-=-=-= */
.portfolio-nav{
    padding: 40px 0;
}
.portfolio-nav a {
    margin-right: 20px;
    color: #a7a7a7;
}
.portfolio-nav a:hover {
    color: #ff2a40;
}
.project-overview {
    padding: 90px 0;
}
.single-project-section.alter .project-overview {
    padding: 0;
}
.project-overview h2{
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 20px;
}
.project-overview p{
    margin-bottom: 25px;
}
.client-testimonial blockquote {
    font-size: 17px;
    border-left: 5px solid #ff2a40;
    background: #fafafa;
    font-style: italic;
}
.portfolio-meta li {
    margin: 15px 0;
    color: #666;
}
.portfolio-meta li{
    margin: 15px 0;
}
.portfolio-meta li span {
    display: inline-block;
    width: 130px;
    letter-spacing: 1px;
    color: #202020;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
}
.portfolio-meta li a {
    margin-right: 10px;
    color: #a7a7a7;
}
.portfolio-meta li a:hover {
    color: #ff2a40;
}
.quick-overview .btn {
    padding: 9px 20px;
    text-transform: capitalize;
    margin-top: 20px;
}
@media (max-width: 991px) {
    .project-overview {
        padding: 60px 0;
   }
    .quick-overview {
        margin-top: 30px;
   }
    .single-project-section.alter .project-overview {
        padding-bottom: 90px;
   }
    .single-project-section.alter .pb-100 {
        padding-bottom: 60px;
   }
}
.web-graphic, .apps-digital, .identity-video {
    position: relative;
}
.web-graphic .title , .apps-digital .title{
    position: absolute;
    top: 5%;
    left: 18%;
}
.identity-video .title {
    position: absolute;
    top: 23%;
    right: 1%;
}
.purple {
    color: #7C419D !important;
}
.web-graphic h2, .apps-digital h2, .identity-video h2 {
    color: #fff;
    text-align: right;
    font-family: 'Ubuntu', sans-serif !important;
    font-size: 34px !important;
}
.web-graphic h2 .special, .apps-digital h2 .special {
    font-size:96px;
    color: #F6891F !important;
}
.identity-video h2 .special {
    font-size:96px;
    color: #F6891F !important;
}
.web-graphic .explore, .apps-digital .explore {
    padding: 1px 20px;
    border: 1px solid #fff;
    color: #fff;
    float: right;
    cursor: pointer;
    
    margin-top: 10px;
    font-family: 'Ubuntu', sans-serif !important;
}
.identity-video .explore {
    padding: 1px 20px;
    border: 1px solid #fff;
    color: #fff;
    float: right;
    cursor: pointer;
    
    margin-top: 10px;
    font-family: 'Ubuntu', sans-serif !important;
    margin-right: 11%;
}
.portfolio-container {
    padding-top: 20px;
}
.portfolio-container ul#filter {
    margin-bottom: 50px;
}
.portfolio-container ul#filter li{
    display: inline-block;
    font-size: 16px;
    line-height: 25px;
    padding: 7px 20px;
    border-radius: 20px;
    cursor: pointer;
}
.portfolio-container ul#filter li.active{
    background-color: #000;
    color: #fff;
}
.portfolio-container ul#grid {
    overflow: hidden;
}
.portfolio-container ul#grid li img{
}
.portfolio-container ul#grid li{
    float: left;
    display: block;
    width: 20%;
    height: auto;
}
.portfolio-item {
    min-height: 200px;
}
.portfolio {
    position: relative;
    overflow: hidden;
    border-right: 2px solid #d2c1c1;
}
/* Portfolio overlay 
/* ------------------------------ */
.portfolio::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(255, 42, 64, 0.9);
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.portfolio:hover::before {
    opacity: 1;
}
.portfolio-info {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -50px;
    color: #fff;
    width: 100%;
}
.project-title, .links {
    opacity: 0;
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px);
}
.portfolio:hover .project-title, .portfolio:hover .links {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.project-title {
    -webkit-transition: all 0.4s ease-out .2s;
    -moz-transition: all 0.4s ease-out .2s;
    -o-transition: all 0.4s ease-out .2s;
    transition: all 0.4s ease-out .2s;
    margin-bottom: 25px;
}
.links {
    -webkit-transition: all 0.3s ease-out 0.4s;
    -moz-transition: all 0.3s ease-out 0.4s;
    -o-transition: all 0.3s ease-out 0.4s;
    transition: all 0.3s ease-out 0.4s;
}
.portfolio-info .btn {
    background-color: transparent;
   ;
    border-color: #fff;
    padding: 12px 22px;
    border-radius: 20px;
}
.portfolio-info .btn:hover {
    background-color: #fff;
   ;
    border-color: #fff;
    color: #000;
}
.portfolio-container .btn.view-more {
    margin-top: 30px;
}
.portfolio-container .btn.view-more:hover {
    color: #000;
}
/* =-=-=-=-=-=-= Testimonial Section =-=-=-=-=-=-= */
.testimonial-section {
    background-color: #fafafa;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
}
#quote-carousel {
    padding: 0 10px 30px 10px;
   /* Control buttons */
   /* Previous button */
   /* Next button */
   /* Changes the position of the indicators */
   /* Changes the color of the indicators */
}
#quote-carousel .carousel-control {
    background: none;
    top:auto;
    bottom: 40px;
    z-index: 100;
    text-shadow: none;
}
#quote-carousel .carousel-control i{
    color: rgba(0, 0, 0, 0.7);
    font-size: 12px;
    border: 1px solid rgba(0, 0, 0, 0.7);
    border-radius: 50%;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
}
#quote-carousel .carousel-control:hover i, #quote-carousel .carousel-control:focus i {
    color: #000;
    border-color: #000;
}
#quote-carousel .carousel-control.left {
    left: 30%;
}
#quote-carousel .carousel-control.right {
    right: 30%;
}
#quote-carousel .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
}
#quote-carousel .carousel-indicators li {
    width: 50px;
    height: 50px;
    margin: 5px;
    cursor: pointer;
    opacity: 0.4;
    overflow: hidden;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
#quote-carousel .carousel-indicators .active {
    background: #333333;
    width: 85px;
    height: 85px;
    opacity: 1;
    overflow: hidden;
}
#quote-carousel .carousel-inner {
    min-height: 300px;
}
#quote-carousel .item blockquote {
    border-left: none;
    margin: 0;
}
.testimonial-content {
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 30px;
    font-size: 16px;
    font-weight: 300;
    border-radius: 6px;
}
.testimonial-content .author{
    font-weight: 700;
}
.testimonial-content .author a:hover{
    color:#ffffff;
}
/*Home page gallery*/
/*.hGal .mask1 {
    margin-left: 15px;
    margin-right: 15px;
}
*/
.hGal .view-sixth1 h2 {
    font-size: 22px;
}
.ourGal h2{
    text-align: center;
}
/*Home page gallery*/
/* =-=-=-=-=-=-= Partner Section =-=-=-=-=-=-= */
.bwWrapper {
    position:relative;
    display:block;
}
/*Client Slider Version Four*/
.client-slider-v4 {
    position: relative;
}
.str_wrap img {
    border: 1px solid;
    margin: 0 3px;
    border-color: rgba(144,144,144, .1) 
}
.marquee-with-options {
    width: 100%;
    overflow: hidden;
}
.client-slider-v4 blockquote {
    padding: 0;
    margin: 0 0 35px;
    font-size: 18px;
    line-height: 30px;
    border-left: 0;
    color: #666666;
    font-family: 'Roboto Slab', serif;
    font-weight: 300;
    border: 0;
}
.client-slider-v4 blockquote::before {
    display: none;
}
.client-slider-v4 blockquote p {
    margin-bottom: 14px;
}
.client-slider-v4 blockquote .small:before, .client-slider-v4 blockquote footer:before, .client-slider-v4 blockquote small:before {
    content: '';
}
.client-slider-v4 .client-info {
    font-family: 'Open Sans', sans-serif;
}
.client-slider-v4 .client-info .client-name{
    display: block;
    font-size: 16px;
    line-height: 27px;
    font-weight: 700;
    color: #2e2e2e;
}
.client-slider-v4 .client-info .client-name span{
    color: #ff2a2a;
}
.client-slider-v4 .client-info .client-title{
    font-size: 12px;
    color: #666666;
}
.client-slider-v4 .flex-control-thumbs li {
    width: auto;
    margin: 7px;
}
.client-slider-v4 .flex-control-thumbs img {
    width: 176px;
    border: 1px solid #eee;
}
@media (max-width: 1199px) {
    .client-slider-v4 .flex-control-thumbs img {
        width: 105px;
   }
}
.flex-control-thumbs img {
    opacity: .5;
}
.flex-control-thumbs img:hover, .flex-control-thumbs .flex-active {
    opacity: 1;
}
/* =-=-=-=-=-=-= Case study section =-=-=-=-=-=-= */
.case-study-section {
    color: #fff;
}
.case-study-left {
    background-color: #000;
    padding: 60px 40px 60px 110px;
}
.case-study-right {
    background-color: #2c3e50;
    padding: 60px 110px 60px 40px;
}
.case-study-section h1 {
    font-weight: 700;
    margin-bottom: 15px;
}
.case-study-section p {
    font-size: 18px;
    margin-bottom: 30px;
}
.case-study-section .btn {
    font-weight: 300;
    
    background-color: transparent;
    border-color: #fff;
}
.case-study-section .btn:hover {
    background-color: #fff;
    border-color: #fff;
}
.case-study-left .btn:hover {
    color: #000;
}
.case-study-right .btn:hover {
    color: #2c3e50;
}
/* =-=-=-=-=-=-= Map Section =-=-=-=-=-=-= */
#myMap {
    height: 250px;
}
#mapcontent p{
    margin: 0;
    font-size: 16px;
}
/* =-=-=-=-=-=-= Contact Section =-=-=-=-=-=-= */
.contact-section {
    padding: 50px 0 150px;
}
.contact-section .btn{
    font-weight: 600;
    min-width: 200px;
    border-radius: 30px;
    background-color: #000;
    border-color: #000;
}
.contact-section .btn:hover{
    background-color: #C02232;
    border-color: #C02232;
}
address i {
    margin-right: 7px;
}
address i:before {
    font-size: 16px;
}
/* =-=-=-=-=-=-= Footer Section =-=-=-=-=-=-= */
.footer-section {
   /* padding: 135px 0;
   */
    background-color: #040016;
    color: #fff;
    position: relative;
}
.backToTop i{
    /*font-size: 70px;
    line-height: 85px;
    background: #000;
    color: #fff;
    width: 100px;
    height: 100px;
    position: absolute;
    bottom: 0;
    right: 0;
    margin-left: -50px;
    border: 5px solid #fff;
    border-radius: 50%;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;*/
    font-size: 33px;
background: #000;
color: #fff;
width: 50px;
height: 50px;
position: absolute;
bottom: 0;
right: 0;
margin: 15px;
/*border: 5px solid #fff;*/
border-radius: 0%;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
address.title {
    font-size: 25px;
    font-weight: bold;
}
.backToTop i:hover{
    background: gold;
    border: 5px solid gold;
}
.footer-section p{
    font-size: 16px;
    line-height: 30px;
    color: #b5b5b5;
}
.footer-logo p{
    margin-bottom: 26px;
}
.footer-logo p span{
    color: #000;
    font-weight: 600;
}
.footer-logo img{
    width: initial;
    margin-bottom: 30px;
    width: 250px;
}
.footer-section h3 {
    font-size: 22px;
    padding: 10px 25px 25px 25px;
}
.footer-section address {
    margin-bottom: 6px;
}
.copyright {
    margin-top: 26px;
}
.copyright p {
    margin: 0;
}
.social-icon ul li a i{
    font-size: 24px;
    line-height: 50px;
    color: #fff;
    width: 50px;
    height: 50px;
    border: 1px solid #fff;
    border-radius: 50%;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.social-icon ul li a i:hover{
    color: #000;
    border: 1px solid #000;
}
/* =-=-=-=-=-=-= Preloader =-=-=-=-=-=-= */
#preloader {
    background: #FFF;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}
#status, .status-mes {
    background-image: url(../images/preloder.gif);
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
    left: 50%;
    margin: -100px 0 0 -100px;
    position: absolute;
    top: 50%;
    width: 200px;
}
.status-mes {
    background: none;
    left: 0;
    margin: 0;
    text-align: center;
    top: 65%;
}
/* =-=-=-=-=-=-= Single project page =-=-=-=-=-=-= */
.single-project-section {
}
.single-project-section .row-content{
    margin-top: 50px;
}
.project-overview {
}
.project-overview h3, .client-testimonial h3{
    margin-bottom: 20px;
}
.project-details-wrapper {
}
.project-details {
    margin-bottom: 15px;
}
.project-details a{
    color: #666666;
}
.project-details a:hover{
    color: #000;
}
.client-testimonial {
    margin-top: 30px;
}
.client-testimonial h3{
}
.client-testimonial blockquote {
    font-size: 17px;
    border-left: 5px solid #000;
    background: #fafafa;
    font-style: italic;
}
/*Responsive CSS Tabs starts*/
.tabs main {
    min-width: 320px;
    max-width: 100%;
    padding: 50px;
    margin: 0 auto;
    background: #fff;
}
.tabs section {
    display: none;
    padding: 20px 0 0;
    border-top: 1px solid #ddd;
}
.tabs input {
    display: none;
}
.tabs label {
    display: inline-block;
    margin: 0 0 -1px;
    padding: 15px 25px;
    font-weight: 600;
    text-align: center;
    color: #bbb;
    border: 1px solid transparent;
}
.tabs label:before {
    font-family: fontawesome;
    font-weight: normal;
    margin-right: 10px;
}
.service-list li:before {
    content: '\2192';
    margin-left: 8px;
    margin-right: 10px;
    color: #F6891F;
}
/*.tabs label[for*='1']:before {
    content: '\f1cb';
}
.tabs label[for*='2']:before {
    content: '\f17d';
}
.tabs label[for*='3']:before {
    content: '\f16b';
}
.tabs label[for*='4']:before {
    content: '\f1a9';
}
*/
.tabs label:hover {
    color: #888;
    cursor: pointer;
}
.tabs input:checked + label {
    color: #555;
    border: 1px solid #ddd;
    border-top: 2px solid orange;
    border-bottom: 1px solid #fff;
}
#tab1:checked ~ #content1, #tab2:checked ~ #content2, #tab3:checked ~ #content3, #tab4:checked ~ #content4, #tab5:checked ~ #content5 {
    display: block;
    min-height: 420px;
}
.tabs .viewmore {
    width: 146px;
    height: 38px;
    background: #F6891F;
    padding: 4px 0 0 15px;
    border-radius: 7px;
    font-size: 18px;
    color: #FFFFFF;
    margin-top: 15px;
}
@media screen and (max-width: 650px) {
    .tabs label {
        font-size: 0;
   }
    .tabs label:before {
        margin: 0;
        font-size: 18px;
   }
}
@media screen and (max-width: 400px) {
    .tabs label {
        padding: 15px;
   }
}
/*Responsive Css Tabs ends*/
/*Inner pages*/
.inner-container {
    position: relative;
    z-index: 0;
}
.inner-head {
    width: 100%;
    margin: 0;
    padding: 9px 0 !important;
    height: 98px;
    background: #707070;
}
.inner-head.cloud {
    background: #99d4dc;
}
.inner-head.green {
    background: #8aad00;
}
.inner-head.blue {
    background: #1685bf;
}
.inner-head.webapp {
    background: #37b1ea;
}
.website-sec .inner-head h1, .inner-head h1 {
    float: left;
    padding-left: 0 !important;
    text-align: left !important;
    color: #ffffff;
    font-weight: 100;
}
.submenu {
    width : 100%;
    margin : 0 auto;
    background-color : #f6891f;
    padding : 8px 0;
    float: left;
   /*position: fixed;
   */
    z-index: 9999;
}
.submenu a {
    color : #fff;
    font-size : 17px;
    padding : 0 20px;
    border-right: 1px solid #ffffff;
}
.submenu a:first-child {
    padding: 0 20px 0 0;
}
.submenu a:last-child {
    border-right: none;
}
.submenu a:hover {
    color : #000;
    text-decoration : none;
}
.submenu a.menuon {
    color : #000;
}
.submenu-mobile {
    display : none;
}
.submenu .orangemenu a:first-child {
    padding: 0 10px 0 0;
}
.container.orangemenu, .inner-head .container, .innerContent.col-lg-8, .innerContent.col-md-8 {
    padding-left: 0;
}
.enterprise-mob {
    padding: 30px 0 0 0;
}
.enterprise-mob h1 {
    font-family: 'Open Sans', sans-serif;
    font-size: 50px;
    line-height: 75px;
    padding: 5px 0;
}
.enterprise-mob .font-29 {
    line-height: 35px;
    letter-spacing: 0px;
    padding-bottom: 15px;
}
.font-29 {
    font-size: 29px;
    line-height: 35px;
    color: #363636;
    font-family: 'Open Sans', sans-serif;
}
.text-pad {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 26px;
    text-align: left;
    padding-right: 50px;
}
a.get-started {
    background: #000;
    color: #fff;
    font-size: 15px;
    padding: 10px 5%;
    text-align: center;
    border-radius: 5px;
    text-decoration: none;
    border: #e15331 solid 1px;
}
a.view-casestudy {
    background: #fff;
    color: #e15331;
    font-size: 15px;
    padding: 10px 5%;
    text-align: center;
    border-radius: 5px;
    text-decoration: none;
    border: #e15331 solid 1px;
    margin-left: 20px;
}
.margin-bot-0 {
    margin-bottom: 0;
}
.iconcept-expertise-sec {
    background-color: #f4f7f9;
    padding: 62px 0 0 0;
    height: auto;
}
.iconcept-expertise-sec.inner.lgreen {
    background-color: #f8fbeb !important;
    padding: 62px 0 0 0;
    height: auto;
}
.iconcept-expertise-sec.inner.lblue {
    background-color: #d6f1ff !important;
    padding: 62px 0 0 0;
    height: auto;
}
.iconcept-expertise-sec.inner, .enterprise-mob.inner {
    padding: 0 !important;
}
.iconcept-mobile-app-sec {
    background-color: #0c3956;
    padding: 62px 0 0 0;
    height: auto;
}
.iconcept-mobile-app-sec h3 {
    font-size: 30px;
}
.iconcept-mobile-app-sec.lightb {
    background-color: #def0fc;
    padding: 62px 0 0 0;
    height: auto;
}
.appscreen {
    height: auto;
    min-height: 680px;
    background: #def0fc;
    border-radius: 8px;
    margin: 25px 0 70px 0;
}
.lightb .appscreen {
    height: auto;
    min-height: 680px;
    background: #c0d6e5;
    border-radius: 8px;
    margin: 25px 0 70px 0;
    border: 1px solid #0c3956;
}
.appDesc {
    width: 90%;
    background: #0c748c;
    margin: 10px auto;
    padding: 10px;
    color: #ffffff;
    font-weight: 300;
    font-size: 18px;
    line-height: 24px;
}
.appLogo {
    width: 100%;
    height: 68px;
    border-bottom: 1px solid #0c3956;
    text-align: center;
    padding-top: 8px;
}
ul.appspec {
    width: 90%;
    margin: 0 auto;
}
ul.appspec li {
    font-size: 17px;
    color: #0c3956 !important;
    font-weight: 400;
}
ul.appspec i {
    margin-right: 15px;
}
.appLogo img {
    margin: auto;
}
.appScreenbutton {
    width: 90%;
    margin: 10px auto;
}
.morede {
    padding: 8px 15px;
    background: #0c748c;
    width: 43%;
    float: left;
    color: #fff;
    font-size: 18px;
    border-radius: 5px;
    cursor: pointer;
}
.morede:hover {
    background: #0693b3;
}
.reqdem {
    padding: 8px;
    background: #82bacb;
    width: 51%;
    float: right;
    color: #0c3956;
    font-size: 18px;
    border-radius: 5px;
    cursor: pointer;
}
.reqdem:hover {
    background: #95ddf3;
}
.padding-left-0 {
    padding-left: 0px;
}
.expertise-left {
    padding-top: 50px;
}
.margin-bot-0 {
    margin-bottom: 0;
}
/*.expertise-left img {
    padding-top: 48 px;
}
*/
.smm {
    background: #f4f7f9;
}
.smmbl {
    border-radius: 10px;
    padding: 15px;
    background: #f4f7f9;
    float: left;
    width: 90%;
    margin-left: 0;
}
.vrOne {
    border-radius: 10px;
    padding: 15px;
    background: #f4f7f9;
    float: left;
    width: 100%;
    margin-left: 0;
}
.iconcept-expertise-sec h1 {
    color: #363636;
    font-size: 32px;
    line-height: 40px;
    text-align: left;
}
.expert-col-sec {
    padding-top: 40px;
}
.expert-col {
    float: left;
    padding: 20px 0 0px 10px;
    border-bottom: 1px dashed #ccc;
    min-height: 120px;
}
.expert-col-icon {
    float: left;
    width: 35%;
    padding-right: 10%;
}
.icon-multi-platform {
    background: url(../images/sprite.png) -367px -312px no-repeat;
    width: 80px;
    height: 58px;
    float: left;
    zoom: 1;
    -moz-transform: scale(1);
    -moz-transform-origin: 0 0;
}
.expert-col-text {
    float: left;
    width: 50%;
}
.expert-col {
    float: left;
    padding: 20px 0 0px 10px;
    border-bottom: 1px dashed #ccc;
    min-height: 120px;
}
.icon-geomapping {
    background: url(../images/sprite.png) -457px -312px no-repeat;
    width: 63px;
    height: 61px;
    zoom: 1;
    -moz-transform: scale(1);
    -moz-transform-origin: 0 0;
}
.icon-branded {
    background: url(../images/sprite.png) -529px -311px no-repeat;
    width: 60px;
    height: 60px;
    float: left;
    zoom: 1;
    -moz-transform: scale(1);
    -moz-transform-origin: 0 0;
}
.icon-migration {
    background: url(../images/sprite.png) -366px -386px no-repeat;
    width: 67px;
    height: 63px;
    float: left;
    zoom: 1;
    -moz-transform: scale(1);
    -moz-transform-origin: 0 0;
}
.icon-audience {
    background: url(../images/sprite.png) -449px -391px no-repeat;
    width: 66px;
    height: 63px;
    float: left;
    zoom: 1;
    -moz-transform: scale(1);
    -moz-transform-origin: 0 0;
}
.icon-app-promotion {
    background: url(../images/sprite.png) -529px -391px no-repeat;
    width: 67px;
    height: 63px;
    float: left;
    zoom: 1;
    -moz-transform: scale(1);
    -moz-transform-origin: 0 0;
}
.key-enterprise-sec {
    padding: 50px 0 0 0;
    color: #6b6a6a;
    line-height: 22px;
    font-size: 13px;
}
.key-enterprise-sec h1 {
    font-size: 31px;
    font-family: 'Open Sans', sans-serif;
    line-height: 38px;
    text-align: left;
}
.key-icon {
    float: left;
    width: 14%;
    padding-right: 4%;
}
.key-text {
    float: left;
    width: 82%;
}
key-enterprise-sec h2 {
    font-size: 22px;
    font-family: 'Open Sans', sans-serif;
    margin: 0 0 10px 0;
}
.icon-fieldforce {
    background: url(../images/sprite.png) -2px -123px no-repeat;
    width: 65px;
    height: 66px;
    float: left;
    zoom: 1;
    -moz-transform: scale(1);
    -moz-transform-origin: 0 0;
}
.icon-scm {
    background: url(../images/sprite.png) -74px -123px no-repeat;
    width: 65px;
    height: 66px;
    float: left;
    zoom: 1;
    -moz-transform: scale(1);
    -moz-transform-origin: 0 0;
}
.icon-hr {
    background: url(../images/sprite.png) -148px -123px no-repeat;
    width: 65px;
    height: 66px;
    float: left;
    zoom: 1;
    -moz-transform: scale(1);
    -moz-transform-origin: 0 0;
}
.mob-enterprise-sec {
    background-color: #494b54;
    padding: 60px 0 60px 0;
    display: none;
}
.mob-enterprise-sec h1 {
    width: 60%;
    margin: 0 auto 40px auto;
    text-align: center;
    color: #FFF;
    line-height: 50px;
}
.mobility-sec {
    margin: 0 auto 25px auto;
    background: #fff;
    text-align: center;
    width: 94%;
}
.mobility-col {
    padding: 20px 18%;
    color: #0087c3;
}
.mobility-col p {
    height: 60px;
}
.project-discussion-sec {
    background-color: #D31923;
    text-align: center;
}
.location-sec {
    background: url(../images/location-bg.gif) left top;
    padding: 60px 0 40px 0;
    color: #ededee;
    line-height: 23px;
    font-family: 'Open Sans', sans-serif;
}
.social {
    margin: 0 25% 20px 25%;
    width: 50%;
    float: left;
    text-align: center;
}
a.facebook {
    background: url(../images/sprite.png) 0px 0px no-repeat;
    width: 57px;
    height: 57px;
    float: left;
    zoom: 1;
    -moz-transform: scale(1);
    -moz-transform-origin: 0 0;
}
a.facebook:hover {
    background: url(../images/sprite.png) 0px -57px no-repeat;
    width: 57px;
    height: 57px;
    float: left;
    zoom: 1;
    -moz-transform: scale(1);
    -moz-transform-origin: 0 0;
}
a.twitter {
    background: url(../images/sprite.png) -67px 0px no-repeat;
    width: 57px;
    height: 57px;
    float: left;
    zoom: 1;
    -moz-transform: scale(1);
    -moz-transform-origin: 0 0;
}
a.twitter:hover {
    background: url(../images/sprite.png) -67px -57px no-repeat;
    width: 57px;
    height: 57px;
    float: left;
    zoom: 1;
    -moz-transform: scale(1);
    -moz-transform-origin: 0 0;
}
a.linked {
    background: url(../images/sprite.png) -134px 0px no-repeat;
    width: 57px;
    height: 57px;
    float: left;
    zoom: 1;
    -moz-transform: scale(1);
    -moz-transform-origin: 0 0;
}
a.linked:hover {
    background: url(../images/sprite.png) -134px -57px no-repeat;
    width: 57px;
    height: 57px;
    float: left;
    zoom: 1;
    -moz-transform: scale(1);
    -moz-transform-origin: 0 0;
}
a.google {
    background: url(../images/sprite.png) -201px 0px no-repeat;
    width: 57px;
    height: 57px;
    float: left;
    zoom: 1;
    -moz-transform: scale(1);
    -moz-transform-origin: 0 0;
}
a.google:hover{
    background: url(../images/sprite.png) -201px -57px no-repeat;
    width: 57px;
    height: 57px;
    float: left;
    zoom: 1;
    -moz-transform: scale(1);
    -moz-transform-origin: 0 0;
}
a.pinterest {
    background: url(../images/sprite.png) -266px 0px no-repeat;
    width: 57px;
    height: 57px;
    float: left;
    zoom: 1;
    -moz-transform: scale(1);
    -moz-transform-origin: 0 0;
}
a.pinterest:hover {
    background: url(../images/sprite.png) -266px -57px no-repeat;
    width: 57px;
    height: 57px;
    float: left;
    zoom: 1;
    -moz-transform: scale(1);
    -moz-transform-origin: 0 0;
}
a.blog {
    background: url(../images/sprite.png) -333px 0px no-repeat;
    width: 57px;
    height: 57px;
    float: left;
    zoom: 1;
    -moz-transform: scale(1);
    -moz-transform-origin: 0 0;
}
a.youtube {
    background: url(../images/sprite.png) -333px 0px no-repeat;
    width: 57px;
    height: 57px;
    float: left;
    zoom: 1;
    -moz-transform: scale(1);
    -moz-transform-origin: 0 0;
}
a.youtube:hover {
    background: url(../images/sprite.png) -333px -57px no-repeat;
    width: 57px;
    height: 57px;
    float: left;
    zoom: 1;
    -moz-transform: scale(1);
    -moz-transform-origin: 0 0;
}
.location-sec a {
    color: #c83539;
}
footer {
    background: url(../images/footer-bg.gif) left top;
    padding: 80px 0 0 0;
    color: #797f84;
}
footer a.h5 {
    color: #fff;
    font-size: 13px;
    line-height: 16px;
    padding-bottom: 20px;
}
footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
footer a {
    font-size: 12px;
    color: #797f84;
    line-height: 26px;
}
.copyright {
    border-top: 1px solid #3c3e40;
    padding: 20px 25px;
    font-size: 12px;
}
.copyright ul li:first-child {
    padding: 0 10px 0 0px;
}
.copyright ul li {
    display: inline;
    border-right: 1px solid #797f84;
    padding: 0 10px 0 10px;
}
.copyright ul li a {
    color: #797f84;
}
.copyright a {
    padding-left: 0;
}
/*Website */
.website-sec {
   /* padding: 30px 0 0px 0;
   */
   /* background: linear-gradient(to right, #249fdb, #524998);
   */
    color: #363636;
}
.website-sec h1 {
    color: #363636;
    font-size: 45px;
    line-height: 75px;
   /* padding-left: 45%;
    */
}
.website-sec-col-left {
    padding-left: 20%;
}
.website-sec-col-leftt {
    padding-right: 10%;
}
.font-29 {
    font-size: 29px;
    line-height: 35px;
    color: #363636;
    font-family: 'Roboto', sans-serif;
}
.website-sec .font-29 {
    color: #363636;
}
a.view-samples {
    background-color: transpaernt;
    color: #000000;
    font-size: 15px;
    padding: 10px 5%;
    text-align: center;
    border-radius: 5px;
    text-decoration: none;
    border: #99c2e3 solid 1px;
    margin-left: 20px;
}
.why-iconcept-sec {
    padding: 35px 0 50px 0;
    background: #f4f7f9;
    color: #4f4d4d;
    font-family: 'Roboto', sans-serif;
    line-height: 26px;
}
.why-iconcept-sec h1 {
    padding-bottom: 30px;
}
.whyiconcept-bullet {
    background: url(../images/website-bullet.png) no-repeat 20px 25px;
    float: left;
    font-size: 15px;
    padding: 30px 80px 0px 120px;
    min-height: 140px;
    border-bottom: 1px dashed #ccc;
    border-right: 1px dashed #ccc;
    margin-bottom: 0;
}
.whyiconcept-bullet1 {
    background: url(../images/website-bullet.png) no-repeat 80px 25px;
    float: left;
    font-size: 15px;
    padding: 30px 20px 0px 175px;
    min-height: 140px;
    border-bottom: 1px dashed #ccc;
    border-right: 0px dashed #ccc;
    margin-bottom: 0;
}
.whyiconcept-bullet:nth-last-of-type(2) {
    border-bottom: 0px dashed #ccc;
}
.whyiconcept-bullet1:nth-last-of-type(1) {
    border-bottom: 0px dashed #ccc;
}
.bg-white {
    background: #FFF;
}
.recent-logo-sec {
    background: #f2f2f2;
    padding: 40px 0 70px 0;
}
.recent-logo-sec h1 {
    line-height: 45px;
    text-align: center;
    color: #363636;
}
.full-portfolio .items {
    width: 88%;
    clear: both;
    list-style: none;
}
.full-portfolio ul {
    margin: 0 auto;
    list-style: none;
    padding: 0;
}
.isotope {
    transition-property: height, width;
}
.full-portfolio .items li {
    float: left;
    position: relative;
    background: none;
    padding: 0;
    width: 16.666666667%;
}
.isotope .isotope-item {
    transition-property: transform, opacity;
}
.isotope, .isotope .isotope-item {
    transition-duration: 0.8s;
}
.isotope-item {
    z-index: 2;
    float: left;
   /* width: 25% !important;
    */
}
.full-portfolio .items:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
a.visit-web {
    background-color: transparent;
    color: #e15331;
    font-size: 15px;
    padding: 14px 2%;
    text-align: center;
    border-radius: 5px;
    text-decoration: none;
    border: #d2d2d2 solid 1px;
    margin: 0 auto;
    float: none !important;
}
.iconcept-adv-sec {
    padding: 0px 0 50px 0;
    color: #6b6a6a;
    line-height: 25px;
    font-size: 15px;
    border-top: 1px solid #ccc;
}
.advantage-icon {
    float: left;
    width: 14%;
    padding-right: 4%;
}
.advantage-text {
    float: left;
    width: 82%;
    min-height: 220px;
}
.iconcept-adv-sec h2 {
    font-size: 22px;
    margin: 0 0 10px 0;
}
.advantage-icon {
    float: left;
    width: 14%;
    padding-right: 4%;
}
.iconcept-adv-sec h2 {
    font-size: 22px;
    margin: 0 0 10px 0;
}
.project-discussion-sec {
    background-color: #e6e8e9;
    text-align: center;
}
.proj-disc-pad {
    padding: 25px 0 20px 0;
    border-top: 4px solid #c83539;
}
.proj-disc-pad h2 {
    color: #7b7d83;
    font-size: 35px;
}
.mail-phone a, .mail-phone span {
    color: #484b54;
    padding: 0 20px;
    font-size: 22px;
}
.red-button {
    margin : 45px auto 20px auto;
    width : 100%;
    float : left;
    text-align : center;
}
.red-button a {
    background : #c83539;
    color : #fff;
    text-transform : uppercase;
    font-size : 15px;
    padding : 20px 3%;
    text-align : center;
    letter-spacing : 1.5px;
    border-radius : 5px;
    text-decoration : none;
}
.red-button a:hover {
   /*opacity : 0.8;
    */
}
.application-dev-sec {
    padding: 30px 0 0px 0;
    background: #f4f7f9;
    color: #363636;
}
.application-dev-sec h1 {
    color: #363636;
    font-size: 50px;
    line-height: 75px;
    text-align: center;
}
.application-dev-sec .font-29 {
    color: #363636;
}
.portfolio .fa-play-circle:before {
    font-size: 70px;
}
.full-portfolio .filter {
    display : none;
}
.full-portfolio .items {
    width : 100%;
    clear : both;
   /*margin : 0 6%;
    */
   list-style : none;
}
.full-portfolio ul {
    margin : 0 auto;
    list-style : none;
    padding : 0;
}
.full-portfolio .items li {
    float : left;
    position : relative;
    background : none;
    padding : 0;
    width : 16.666666667%;
}
.full-portfolio .items li img {
    display : block;
    width : 100%;
    height : auto;
    margin-bottom : -1px;
    opacity : 1.0;
}
.full-portfolio .items:after {
    content : '';
    display : block;
    height : 0;
    clear : both;
    visibility : hidden;
}
.full-portfolio ul.items li a div h5 a.interest {
    position : absolute;
    left : 0;
    top : 0;
    z-index : 1111111;
}
.isotope-item {
    z-index : 2;
}
.isotope-hidden.isotope-item {
    z-index : 1;
}
.isotope, .isotope .isotope-item {
    transition-duration : 0.8s;
}
.isotope {
    transition-property : height, width;
}
.isotope .isotope-item {
    transition-property : transform, opacity;
}
.view1 .mask1, .view1 .content {
    width : 100%;
    height : 100%;
    position : absolute;
    overflow : hidden;
    top : 0;
    left : 0;
}
.view1 .mask1.mask1-multimedia{
   width : 93%;
    margin:0 15px
}
.mask1 img {
    text-align : center;
    margin : 0 auto;
}
.view1 img {
    display : block;
    position : relative;
    text-align : center;
}
.view1 h2 {
    color : #fff;
    text-align : center;
    position : relative;
    font-size : 25px;
    padding : 5% 0 0 10px;
    margin : 5% 0 0 0;
    text-decoration: none 
}
.view1 a {
    color: #fff 
}
.view1 a:hover {
    text-decoration: none 
}
.view1 p {
    font-size : 13px;
    position : relative;
    color : #fff;
    padding : 10px 8% 0 8%;
    text-align : center;
}
.view1 a.info {
    display : inline-block;
    text-decoration : none;
    padding : 0% 5%;
    color : #fff;
    text-align : center;
}
.view-sixth1 img {
    transform: scale(1);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out;
    -ms-transition: -ms-transform .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    text-align : center;
}
.view-sixth1 .mask1, .view-sixth > div.mask1 {
    background-color : rgba(45, 45, 45, 0.6);
    opacity : 0;
}
.view-sixth1 h2 {
    opacity : 0;
    font-size : 24px;
    letter-spacing : 1px;
    font-family : 'Roboto-Bold';
    margin : 3% 40px 5% 40px;
}
.view-sixth1 p {
    opacity : 0;
}
.view-sixth1 p span{
    opacity : 0;
}
/*.view-sixth1 a.info {
    opacity : 0;
    transform : translateY(100px);
    transition : all 0.3s 0.1s ease-in-out;
}
*/
.view-sixth1 .image {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    -moz-transform: translateZ(0px);
    -webkit-transform: translateZ(0px) 
}
.view-sixth1:hover .image img {
    transform: scale(1.1);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out;
    -ms-transition: -ms-transform .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out;
    transition: transform .3s ease-in-out 
}
.view-sixth1:hover img {
    transform: scale(1);
    text-align : center;
}
.view-sixth1:hover .mask1 {
    opacity : 1;
    transition-delay : 0s;
}
.view-sixth1:hover .mask1 img {
    width : 68px;
    margin-top: 15px 
}
.view-sixth1:hover .mask1 span {
    height:50px;
    overflow:hidden 
}
.view-sixth1:hover h2 {
    opacity : 1;
}
.view-sixth1:hover p {
    opacity : 1;
}
.view-sixth1:hover p span{
    opacity : 1;
}
/*.view-sixth1:hover a.info {
    opacity : 1;
    transform : translateY(0);
    transition-delay : 0.3s;
}
/*CMS*/
.content-management-sec {
    padding: 10px 0 10px 0;
    text-align: center;
    background: linear-gradient(to right, #03a6a5, #018281);
    color: #fff;
}
.e-comm-bg-left h1 {
    color: #000000;
    font-family: 'Roboto', sans-serif;
    font-size: 50px;
    line-height: 75px;
    padding: 5px 0;
    text-align: center;
    margin: 0;
}
.e-comm-bg-left h2 {
    color: #000000;
    font-family: 'Roboto', sans-serif;
    font-size: 40px;
    line-height: 45px;
    padding: 5px 0;
    text-align: left;
    margin: 0;
}
.portal-bg-left h1 {
    color: #000000;
    font-family: 'Roboto', sans-serif;
    font-size: 45px;
    line-height: 75px;
    padding: 5px 0;
    text-align: left;
    margin: 0;
}
.portal-bg-left h2 {
    color: #000000;
    font-family: 'Roboto', sans-serif;
    font-size: 40px;
    line-height: 45px;
    padding: 5px 0;
    text-align: left;
    margin: 0;
}
.content-management-sec h1 {
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 45px;
    line-height: 75px;
    padding: 5px 0;
    text-align: center;
    margin: 0;
    font-weight: 100;
}
.font-28 {
    font-size: 28px;
    font-family: 'Roboto', sans-serif;
    line-height: 34px;
}
.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
    font-size: 13px;
}
.common-pad-sec {
    padding: 53px 0 30px 0;
    color: #6b6a6a;
    line-height: 25px;
    font-size: 15px;
}
/*E Commerce*/
.enterprise-mob {
    padding: 30px 0 0 0;
}
section#videoportfolio {
    width: 100%;
}
#videoportfolio .img-responsive {
    width: 100% !important;
}
#videoportfolio .col-lg-4 {
    padding: 15px 15px 15px 0;
}
#videoportfolio .vpitem {
    background: #E8E8E8;
    padding: 4% 0;
    width: 100%;
    height: auto;
}
figure, .vpitem .videotitle {
    width: 92%;
    height: auto;
    margin: auto;
}
.videotitle {
    padding-top: 10px;
}
figure button[name="play"] {
    position: absolute;
    width: 50px;
    height: 50px;
    background: red;
    border: none;
    border-radius: 100%;
    cursor: pointer;
    margin: -28% 0 0 41%;
}
figure button[name="play"]:focus {
    outline: 0;
    border: 1px solid hsl(210, 58%, 69%);
    box-shadow: 0 0 0 3px hsla(210, 76%, 57%, 0.5);
}
figure button[name="play"]::after {
    content: '';
    display: inline-block;
    position: relative;
    top: 4px;
    left: 3px;
    border-style: solid;
    border-width: 10px 0 10px 20px;
    border-color: transparent transparent transparent white;
}
#videoportfolio figure {
    -webkit-box-shadow: 0px 10px 14px -2px rgba(0,0,0,0.46);
    -moz-box-shadow: 0px 10px 14px -2px rgba(0,0,0,0.46);
    box-shadow: 0px 10px 14px -2px rgba(0,0,0,0.46);
}
.videotitle {
    width: 100%;
    height: 30px;
}
.darkblue {
    width: 100%;
    height: auto;
    background: #213a62;
    padding: 60px 0;
    color: #ffffff;
}
.darkblue p {
    font-size: 16px;
    line-height: 22px;
    padding-top: 15px;
}
.darkblue h3 {
    color: #ffffff;
    font-size: 40px;
    line-height: 50px;
}
h4.h4head {
    font-size: 28px;
    line-height: 32px;
}
.salesprocess {
    width: 200px;
    height: 151px;
    margin: 25px auto;
    border-radius: 10px;
    padding-top: 15px;
}
.salesprocess img {
    margin:auto;
    max-width: 140px;
}
.salesprocess h4 {
    color: #ffffff;
    font-weight: 300;
    font-size: 23px;
    margin: 10px 9px;
}
.salesprocess.sm {
    background: #0073b7;
}
.salesprocess.pr {
    background: #ff1900;
}
.salesprocess.fn {
    background: #fe8900;
}
.salesprocess.as {
    background: #d9f1fa;
}
.salesprocess.as h4 {
    color: #1f1f1f;
}
.salesprocess.pr h4, .salesprocess.fn h4{
    margin: 10px 53px;
}
.salesprocess.as.rp h4 {
    margin: 10px 70px;
}
.matblue {
    background: #335480;
    width: 100%;
    height: auto;
    padding: 60px 0;
    color: #ffffff;
}
.matblue h3, .advantages h3 {
    color: #ffffff;
    font-size: 40px;
    line-height: 50px;
}
.advantages {
    width: 100%;
    height: auto;
    padding: 60px 0;
    color: #666666;
}
ul.advantage {
    padding: 50px 70px;
    background: #123e65;
}
ul.advantage li {
    color: #ffffff;
    font-size: 18px;
    line-height: 30px;
    list-style-image: url(../images/hand-icon.png);
}
.advantages h3 {
    color: #666666 !important;
}
ul.innerlist {
    margin: 20px 0px;
}
ul.innerlist li {
    font-size: 16px;
    font-weight: 300;
}
ul.innerlist li:before {
    content: "\2713\0020";
    color: #ea933f;
    font-weight: bold;
}
.module {
    margin-bottom: 15px;
    clear: both;
}
h4.module-sub {
    font-size: 24px;
    font-weight: 300;
    padding: 15px 0;
}
.matblue .col-lg-6, .matblue .col-lg-8 {
    padding-left: 0;
}
.matblue h4.lead {
    background: #ffffff;
    color: #0F0606;
    padding: 15px;
    font-size: 25px;
}
.modimg {
    width: 116px;
    height: 113px;
    float: left;
}
.modtxt {
    overflow: hidden;
}
.modtxt h5 {
    font-size: 17px;
    color: #5ec3fa;
    font-weight: 400;
}
.modtxt p {
    line-height: 17px;
}
.enterprise-mob h1, .iconcept-expertise-sec h1 {
    font-family: 'Roboto', sans-serif;
    font-size: 50px;
    line-height: 75px;
    padding: 5px 0;
    text-align: center;
}
.enterprise-mob .font-29 {
    line-height: 35px;
    letter-spacing: 0px;
    padding-bottom: 15px;
}
.text-pad-0 {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    line-height: 26px;
    text-align: left;
    padding-right: 0px;
}
.bg-ec {
    background: linear-gradient(to right, #d6e7e9, #e7f2f3);
}
.e-comm-bg-left {
    background: url(../images/ecommerce-left-bg.jpg) no-repeat left bottom;
    height: 738px;
}
.portal-bg-left {
    background: url(../images/portals.png) no-repeat left bottom;
    height: 678px;
}
.expertise-left {
    padding-top: 50px;
}
.expert-col {
    float: left;
    padding: 20px 0 0px 10px;
    border-bottom: 1px dashed #ccc;
    min-height: 120px;
}
.expert-col-icon {
    float: left;
    width: 35%;
    padding-right: 10%;
}
.e-com-strategy-icon {
    background: url(../images/ecom-strategy.png) no-repeat;
    width: 80px;
    height: 58px;
    float: left;
    zoom: 1;
    -moz-transform: scale(1);
    -moz-transform-origin: 0 0;
}
.expert-col-text {
    float: left;
    width: 50%;
}
.e-com-dollor-icon {
    background: url(../images/ecommerce-doll.png) no-repeat;
    width: 80px;
    height: 58px;
    float: left;
    zoom: 1;
    -moz-transform: scale(1);
    -moz-transform-origin: 0 0;
}
.e-com-mcom-icon {
    background: url(../images/ecom-mcom.png) no-repeat;
    width: 80px;
    height: 58px;
    float: left;
    zoom: 1;
    -moz-transform: scale(1);
    -moz-transform-origin: 0 0;
}
.e-com-omni-icon {
    background: url(../images/ecom-omni.png) no-repeat;
    width: 80px;
    height: 58px;
    float: left;
    zoom: 1;
    -moz-transform: scale(1);
    -moz-transform-origin: 0 0;
}
.e-com-seo-icon {
    background: url(../images/ecom-seo.png) no-repeat;
    width: 80px;
    height: 58px;
    float: left;
    zoom: 1;
    -moz-transform: scale(1);
    -moz-transform-origin: 0 0;
}
.key-enterprise-sec {
    padding: 50px 0 0 0;
    color: #6b6a6a;
    line-height: 22px;
    font-size: 13px;
}
.e-com-margetplace-icon {
    background: url(../images/ecom-marketplace.png) no-repeat;
    width: 80px;
    height: 58px;
    float: left;
    zoom: 1;
    -moz-transform: scale(1);
    -moz-transform-origin: 0 0;
}
.key-enterprise-sec h1 {
    font-size: 31px;
    font-family: 'Roboto', sans-serif;
    line-height: 38px;
    text-align: left;
}
.key-icon {
    float: left;
    width: 14%;
    padding-right: 4%;
}
.key-text {
    float: left;
    width: 82%;
}
.key-enterprise-sec h2 {
    font-size: 22px;
    font-family: 'Roboto', sans-serif;
    margin: 0 0 10px 0;
}
.seo-sec {
    padding: 50px 0 78px 0;
    text-align: center;
    background: #5861b5;
    color: #fff;
}
.common-pad-sec {
    padding: 53px 0 30px 0;
    color: #6b6a6a;
    line-height: 25px;
    font-size: 15px;
}
.logo-design-sec {
    padding: 53px 0 60px 0;
    color: #6b6a6a;
    line-height: 25px;
    font-size: 15px;
}
.logo-design-sec h1 {
    font-family: 'Roboto', sans-serif;
    font-size: 32px;
    text-align: left;
}
.search-engine-samples {
    padding: 30px 0 50px 0;
    background: linear-gradient(to right, #4b4aa2, #4e1b6c);
    color: #fff;
}
.search-engine-samples h1 {
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    line-height: 35px;
    padding: 20px 0;
    text-align: center;
    margin: 0;
}
.search-engine-samples ul {
    list-style: none;
}
.search-engine-samples li {
    background: url(../images/icon-bullet-sm.png) no-repeat 5px 14px;
    padding: 5px 0px 5px 20px;
}
.appstore-optimization {
    padding: 50px 0 78px 0;
    font-size: 19px;
    font-family: 'Roboto', sans-serif;
    line-height: 29px;
}
.appstore-optimization h1 {
    text-align: left;
    margin-bottom: 20px;
    font-size: 30px;
}
.appstore-optimization h1:after {
    width: 150px;
    height: 4px;
    content: "";
    display: block;
    position: relative;
    padding-bottom: 10px;
    border-bottom: 4px solid #5861b5;
}
.faq-section {
    padding: 50px 0 78px 0;
    background: #f5f5f5;
}
.faq-section h1 {
    font-family: 'Roboto', sans-serif;
    font-size: 30px;
    line-height: 75px;
    text-align: left;
    padding: 5px 0;
    margin: 0;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ddd;
}
.faq-section .panel-group .panel-heading a {
    display: block;
    background: #fff;
    color: #4b49a1;
    padding: 15px;
    text-decoration: none;
    position: relative;
}
.faq-section .panel-group .panel-heading a.collapsed {
    background: #eeeeee;
    color: inherit;
}
.faq-section .panel-group .panel-heading a:after {
    content: '-';
    position: absolute;
    right: 20px;
    top:5px;
    font-size:22px;
    color:#4b49a1 
}
.faq-section .panel-group .panel-heading a.collapsed:after {
    content: '+';
}
.faq-section{
   padding : 50px 0 78px 0;
    background: #f5f5f5;
}
.faq-section h1 {
    font-family : 'Roboto', sans-serif;
    font-size : 30px;
    line-height : 75px;
    text-align:left;
    padding : 5px 0;
    margin: 0 
}
.faq-section h1 {
   font-size : 2.0em;
    line-height : 40px;
}
.faq-section h1 {
   font-size : 1.5em;
}
.panel-body {
    padding: 15px;
}
.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
    width: 80%;
}
section.accordion-v3-wrapper.pb-100 .panel-group .panel {
    width: 100%;
}
.accordion-v3 .panel {
    box-shadow: none;
    border: 0;
    border-radius: 0;
}
.accordion-v3 .panel-default>.panel-heading h3 {
    font-family: 'Open Sans', sans-serif;
}
.accordion-v3 .panel .panel-heading {
    position: relative;
    padding: 0;
}
.accordion-v3 .panel-title a.collapsed {
    display: block;
    color: #fff;
    background-color: #999;
    border-color: #999;
    padding: 17px 15px;
    border-radius: 4px;
}
.accordion-v3 .panel-title a {
    display: block;
    color: #fff;
    border-color: #999;
    padding: 17px 15px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #333;
}
.accordion-v3 .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border: 1px solid #EEEEEE;
}
.accordion-v3 .panel .panel-heading a:after {
    font-family: 'FontAwesome';
    content: "\f068";
    font-size: 14px;
    width: 50px;
    height: 60px;
    line-height: 58px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
}
.accordion-v3 .panel .panel-heading a.collapsed:after {
    content: "\f067";
}
.mission-tab .tab-pane {
    padding-top: 15px;
}
.mission-tab .nav-tabs {
    border-top: 1px solid #f1f1f1;
    border-bottom: 0;
    margin-bottom: 5px;
}
.mission-tab .nav-tabs>li>a {
    margin-right: 0;
    font-size: 18px;
    line-height: 25px;
    color: #a0a0a0;
    border: 0;
    border-radius: 0;
    font-weight: 400;
}
section.accordion-v3-wrapper.pb-100 .panel-heading {
    padding: 0;
}
.accordion-v3 .panel .panel-heading a:after {
    font-family: 'FontAwesome';
    content: "\f068";
    font-size: 14px;
    width: 50px;
    height: 60px;
    line-height: 58px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
}
.accordion-v3 .panel .panel-heading a.collapsed:after {
    content: "\f067";
}
.mobile-expertise-sec {
    background: linear-gradient(to right, #99a2a8, #525d65);
    padding: 62px 0 0 0;
    min-height: 678px;
    height: 100%;
    color: #fff;
}
.expertise-left {
    padding-top: 50px;
}
.mobile-expertise-sec h1 span {
    font-family: 'Roboto-Medium';
}
.mobile-expertise-sec h1 {
    color: #fff;
    font-size: 32px;
    line-height: 40px;
    text-align: left;
}
.expert-col-sec {
    padding-top: 40px;
}
.expert-col {
    float: left;
    padding: 20px 0 0px 10px;
    border-bottom: 1px dashed #ccc;
    min-height: 120px;
}
.expert-col-icon {
    float: left;
    width: 35%;
    padding-right: 10%;
}
.icon-android {
    background: url(../images/icon-android-app.png) no-repeat;
    width: 63px;
    height: 54px;
    zoom: 1;
    -moz-transform: scale(1);
    -moz-transform-origin: 0 0;
}
.expert-col-text {
    float: left;
    width: 50%;
}
.icon-ios-app {
    background: url(../images/icon-ios-app.png) no-repeat;
    width: 65px;
    height: 56px;
    float: left;
    zoom: 1;
    -moz-transform: scale(1);
    -moz-transform-origin: 0 0;
}
.icon-hybrid {
    background: url(../images/icon-hybrid.png) no-repeat;
    width: 75px;
    height: 60px;
    float: left;
    zoom: 1;
    -moz-transform: scale(1);
    -moz-transform-origin: 0 0;
}
.icon-mob-integrated {
    background: url(../images/icon-mob-integrated.png) no-repeat;
    width: 71px;
    height: 54px;
    float: left;
    zoom: 1;
    -moz-transform: scale(1);
    -moz-transform-origin: 0 0;
}
.icon-app-discovery {
    background: url(../images/icon-app-discovery.png) no-repeat;
    width: 72px;
    height: 60px;
    float: left;
    zoom: 1;
    -moz-transform: scale(1);
    -moz-transform-origin: 0 0;
}
.icon-community {
    background: url(../images/icon-community.png) no-repeat;
    width: 75px;
    height: 50px;
    float: left;
    zoom: 1;
    -moz-transform: scale(1);
    -moz-transform-origin: 0 0;
}
.mobile-technology {
    background: url(../images/mobile-technology.jpg) no-repeat 85% 0px;
    width: 100%;
    height: 100%;
}
.key-enterprise-sec {
    padding: 50px 0 0 0;
    color: #6b6a6a;
    line-height: 22px;
    font-size: 13px;
}
.key-enterprise-sec .title-h1 {
    text-align: center;
    margin: 0 auto;
    display: block;
}
.key-enterprise-sec h3 {
    font-size: 22px;
    letter-spacing: 0;
    color: #000;
}
.icon-apps-inbuilt {
    background: url(../images/icon-apps-inbuilt.png) no-repeat;
    width: 67px;
    height: 68px;
    float: left;
    zoom: 1;
    -moz-transform: scale(1);
    -moz-transform-origin: 0 0;
}
.key-enterprise-sec h2 {
    font-size: 22px;
    font-family: 'Roboto', sans-serif;
    margin: 0 0 10px 0;
}
.icon-utility {
    background: url(../images/icon-utility.png) no-repeat;
    width: 67px;
    height: 68px;
    float: left;
    zoom: 1;
    -moz-transform: scale(1);
    -moz-transform-origin: 0 0;
}
.icon-business {
    background: url(../images/icon-business.png) no-repeat;
    width: 67px;
    height: 68px;
    float: left;
    zoom: 1;
    -moz-transform: scale(1);
    -moz-transform-origin: 0 0;
}
.ourwork-sec, .ourwork-portfolio {
    background: #e7ecea;
}
.ourwork-sec h1 {
    font-size: 50px;
    line-height: 75px;
    padding: 5px 0;
    text-align: center;
}
.ourwork-sec h2 {
    font-family: 'Roboto', sans-serif;
    color: #585858;
    font-size: 22px;
    line-height: 35px;
    padding: 0 15% 10px 15%;
    text-align: center;
}
a.view-casestudy {
    background: #fff;
    color: #e15331;
    font-size: 15px;
    padding: 10px 5%;
    text-align: center;
    border-radius: 5px;
    text-decoration: none;
    border: #e15331 solid 1px;
    margin-left: 20px;
}
#mobAppGal, #webSolGal, #graphicDesGal, #videoPr {
    display: none;
}
#mobAppGal.active, #webSolGal.active, #graphicDesGal.active, #videoPr.active {
    display: block;
}
.black_overlay{
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
}
.white_content {
    display: none;
    position: absolute;
    top: 25%;
    left: 100%;
    width: 600px;
    height: 400px;
    z-index: 1002;
    overflow: auto;
}
#lightm1.white_content {
    left: -2% !important;
}
#light a, #lightm a {
    float: right;
    color: #000000;
}
.ourwork-nav {
    float: left;
    width: 100%;
    padding: 20px 0 0px 0;
    line-height: 26px;
    text-align: center;
}
.ourwork-nav ul {
    list-style: none;
    margin: 0;
    padding-bottom: 21px;
   /* background: url(../images/nav-line.png) repeat-x left bottom;
    */
}
.ourwork-nav.woborder ul {
    background: none !important;
    margin: auto;
    max-width: 700px;
}
.ourwork-nav.woborder ul li a {
    padding: 45px 2% 51px 2%;
    border: 1px solid #e4e6e5;
   ;
    border-right: none;
    float: left;
    border-top: 0;
    border-bottom: 0;
    background: #f6f8f7;
}
ul.ourportfolio li {
    border-bottom: 1px solid #dadfdd;
    border-left: 1px solid #dadfdd;
}
ul.ourportfolio li a {
    padding: 20px 2% !important;
    height: 30px;
    background: #dee3e1;
}
ul.ourportfolio li a.active, ul.ourportfolio li a:hover {
    border-top: 2px solid #000;
    background: #e7ecea;
    border-left: 1px solid #dadfdd;
}
.ourwork-nav.woborder ul li a:before {
    height: 6px;
}
.ourwork-nav.woborder ul li:last-child a {
    border-right: 1px solid #e4e6e5;
   ;
}
.ourwork-nav.woborder ul li a.active, .ourwork-nav.woborder ul li a:hover {
    background-color: #fdfdfd;
}
.ourwork-nav ul li {
    display: inline;
}
.ourwork-nav ul li a {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 300;
    padding: 20px 2% 26px 2%;
    color: #1f1f1f;
    text-decoration: none;
    text-align: center;
    display: inline;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
   /* border-left: 1px solid #848484;
    border-top: 1px solid #848484;
   */
}
/*.ourwork-nav ul li a:before {
    content: "";
    position: absolute;
    z-index: 100;
    left: 100%;
    right: 100%;
    bottom: 0;
    background: #fa0f08;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
*/
.ourwork-nav ul li a:hover:before, .ourwork-nav ul li a:focus:before, .ourwork-nav ul li a.active:before {
    left: 0;
    right: 0;
}
.product-detail-sec {
    background-color: #edeeef;
    padding: 50px 0 60px 0;
    font-family: 'Roboto', sans-serif;
}
.product-detail-sec .grd {
    margin-top: 5px;
}
.product-detail-sec h1 {
    color: #979798;
    margin: 0 auto;
    padding: 0;
    line-height: 32px;
    font-size: 45px;
}
prod-det-pad {
    padding: 50px 0;
    font-size: 14px;
    line-height: 26px;
}
.page-header a {
    color: #000;
    text-transform: uppercase;
}
.prod-button a {
    background: #c83539;
    color: #fff;
    text-transform: uppercase;
    margin: 25px 0;
    float: left;
    font-size: 13px;
    padding: 10px 5%;
    text-align: center;
    border-radius: 5px;
    text-decoration: none;
}
.prod-det-shadow {
    box-shadow: 0px 0px 5px #ddd;
}
.prod-det-img {
    padding: 30px 0;
    text-align: center;
}
.prod-det-img-col1 {
    margin-top: 30px;
    float: left;
    padding-right: 27px;
}
.prod-det-shadow {
    box-shadow: 0px 0px 5px #ddd;
}
.prod-det-pad {
    padding: 50px 0;
    font-size: 14px;
    line-height: 26px;
}
.webdesign-cost-sec {
    padding: 16px 0 0px 0;
    text-align: center;
    background: #f6891f;
   /*background: linear-gradient(to right, #36a25b, #2489c0);
   */
    color: #fff;
}
.webdesign-cost-sec h1 {
    font-size: 50px;
    color: #fff;
}
.logo-form-sec {
    padding: 50px 0% 50px 0%;
    background: #f4f7f9;
    text-align: center;
}
.estimate-text-pad {
    margin: 0 20%;
    text-align: center;
    padding: 20px 0 30px 0;
    line-height: 29px;
}
.logo-form-sec .nav-tabs {
    border-bottom: 0px solid #ddd;
    margin: 0 14%;
}
.logo-form-sec .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #363636 !important;
   /* padding: 12% 12%;
    */
    cursor: default;
    background-color: #fff;
    border-top: #e15331 solid 5px;
}
.logo-form-sec .nav > li.active > a, .nav > li > a:focus {
    text-decoration: none;
    color: #e70c06;
    font-family: 'Roboto', sans-serif;
}
.logo-form-sec .nav-tabs > li > a {
    margin-right: 2px;
    width: 418px;
    padding: 12% 12%;
    font-size: 20px;
    color: #848d93;
    border-top: #dee2e5 solid 5px;
    background: #eaeef1;
}
.icon-tab-mail {
    background: url(../images/sprite.png) -386px -279px no-repeat;
    width: 37px;
    padding: 0px 0 10px 50px;
}
.icon-tab-skype {
    background: url(../images/sprite.png) -451px -279px no-repeat;
    width: 30px;
    padding: 0px 0 10px 50px;
}
.cost-estimate-pad {
    margin: 0 14%;
    text-align: left;
    background: #fff;
    padding: 50px 35px;
    line-height: 26px;
}
.tab-content > .active {
    display: block;
}
.icon-form-name {
    background: url(../images/sprite.png) -567px -176px no-repeat #fff;
    padding-left: 45px;
}
.hide-row {
    display: none;
}
input, select, textarea {
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    width: 100%;
    padding: 8px 10px;
    font-family: inherit;
    font-size: inherit;
    line-height: 23px;
    -webkit-transition: border 0.5s ease-in-out;
    -moz-transition: border 0.5s ease-in-out;
    -o-transition: border 0.5s ease-in-out;
    transition: border 0.5s ease-in-out;
    margin-bottom: 12px;
}
.icon-form-email {
    background: url(../images/sprite.png) -572px -209px no-repeat #fff;
    padding-left: 45px;
}
.icon-form-phone {
    background: url(../images/sprite.png) -567px -242px no-repeat #fff;
    padding-left: 45px;
}
.icon-form-loc {
    background: url(../images/sprite.png) -567px -270px no-repeat #fff;
    padding-left: 45px;
}
textarea {
    resize: none;
}
button, input[type="submit"] {
    padding: 8px 15px;
    border: 1px solid #d7d7d7;
    width: auto;
    border-radius: 5px;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    background-color: #E15331;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
    background: #c83539;
    color: #FFF;
}
/*************************************************************Mobile App Development****************************/
.application-dev-sec {
    padding : 30px 0 0px 0;
    background: linear-gradient(to right, #0e5895, #1f94cf);
    color : #fff;
}
div#web-application-development.application-dev-sec {
    padding: 0px !important;
}
.application-dev-sec h1 {
    color: #fff;
    font-size : 45px;
    line-height : 75px;
}
.application-dev-sec .font-29, .mobile-app-cost-sec .font-29 {
    color: #fff 
}
.iconcept_edge {
    background: #fff;
    padding: 25px 25px 40px 25px;
    box-shadow: 0px 0px 7px #ddd;
    display: inline-block;
    color: #6b6a6a;
    min-height: 290px 
}
.iconcept_edge img {
    margin-top: 25px 
}
.iconcept_edge a h3 {
    font-size: 21px;
    color: #000;
    text-decoration: none 
}
.iconcept_edge:hover {
    background: #648cc8 !important;
    color: #fff;
    text-decoration: none 
}
.iconcept_edge:hover img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1) 
}
.iconcept_edge:hover a h3 {
    color: #fff;
    text-decoration: none 
}
.iconcept_edge:hover a>h3:hover {
    color: #fff;
    text-decoration: none 
}
.edge_bottom_sec {
    float: left;
    width: 100% 
}
.edge_bottom_col {
    width: 20%;
    float: left;
    font-size: 13px;
    padding-right: 1.7% 
}
.shadow {
    background: url(../images/edge-shadow.png) no-repeat left top;
    padding-left: 2%;
}
.edge_bottom_col h3 {
    text-transform: uppercase;
    font-size: 19px;
    font-family : 'Roboto-Bold';
    color: #47494a 
}
.edge_delivering_sec {
    background: url(../images/edge_delivering.jpg) no-repeat left top #3e7fb4;
    color: #fff;
    padding: 80px 0 100px 0;
    line-height: 29px;
    min-height: 517px 
}
.edge_delivering_sec h1 {
    font-family : 'Roboto', sans-serif;
    font-size : 30px;
    color : #fff;
    text-align: left 
}
.edge_delivering_sec h1:after {
    width: 120px;
    height: 5px;
    content: "";
    display: block;
    position: relative;
    padding-bottom: 15px;
    border-bottom: 3px solid #e0282d;
}
/* mobile app cost */
.mobile-app-cost-sec {
    padding : 30px 0 0px 0;
    background: linear-gradient(to right, #2589be, #2589be);
    color : #fff;
}
.mobile-app-cost-sec h1 {
    color: #fff;
    font-size : 50px;
    line-height : 75px;
    text-align: center;
}
.padding-left-0 {
    padding-left: 0px;
}
.mobile-app-cost {
}
.mobile-app-checkbox input {
    width: 30px;
}
strong {
    font-weight: normal;
    font-family : 'Roboto-Bold';
}
.mobile-app-cost .choose-file {
    padding-top: 10px;
    padding-bottom: 10px;
}
.mobile-app-cost input[type="file"] {
    width: 220px;
    float: left;
}
.mobile-app-cost .format {
    float: left;
    padding: 8px 0px 20px 10px;
   /* font-size:13px;
    */
}
/* mobile app cost end */
/********** general enquiry Page**********/
.inner-banner-sec {
    padding: 25px 0 0px 0;
    font-size: 16px;
    color: #fff;
}
.estimate-text-pad {
    margin: 0 20%;
    text-align: center;
    padding: 20px 0 30px 0;
    line-height: 29px;
}
.genral_enq_form {
    max-width: 800px;
    margin: 0 auto;
}
.career_inner_banner {
    background: #f6891f 
}
.career_inner_banner h2 {
    color: #fff;
    font-size: 25px;
    font-family: 'Roboto-Light';
    line-height: 1.5 
}
.career_inner_banner h3 {
    color: #fff;
    font-size: 25px;
    font-family: 'Roboto';
    line-height: 1.5 
}
.career_section {
    padding: 50px 0 
}
.career_section .panel-default>.panel-heading {
    background: none;
    padding: 0;
    border: 0 
}
.career_section .panel-group .panel {
    margin-bottom: 20px 
}
.career_section .panel-title > a {
    display: block;
    padding: 20px 260px 20px 15px;
    background: #f5f5f5;
    line-height: 1;
    text-decoration: none 
}
.career_section .panel-title {
    position: relative 
}
.career_section .panel-title .job_id_loc {
    display: inline-block;
    font-family: 'Roboto-Medium' 
}
.career_section .panel-title .job_id_loc:before {
    content: '—';
    padding: 0 10px;
    font-family: 'Roboto-Light' 
}
.career_section .panel-title .button_acc_field {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px 15px 
}
.career_section .panel-title .button_acc_field .btn {
    padding: 7px 20px;
    border-radius: 0;
    background: #20232A;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease 
}
.career_section .panel-title .button_acc_field .btn:hover {
    background: #fff;
    border: solid 1px #20232A;
    color: #20232A 
}
.career_section .panel-title .button_acc_field a.btn {
    margin-left: 10px;
    background: #E15331;
    color: #fff 
}
.career_section .panel-title .button_acc_field a.btn:hover {
    background: #fff;
    border: solid 1px #E15331;
    color: #E15331 
}
.career_section .panel-title .button_acc_field .btn:focus {
    outline: 0 none;
    color: #fff 
}
.career_section .panel-title .button_acc_field .btn:hover:focus {
    color: #20232A 
}
.career_section .panel-title .button_acc_field a.btn:hover:focus {
    color: #E15331 
}
.career_section .panel-body {
    padding: 15px 30px 
}
.career_section .panel-body h3 {
    font-family: 'Roboto-Medium';
    font-size: 18px 
}
.career_section .panel-body a {
    color: #e70c06 
}
.career_section h1 {
    margin-bottom: 20px 
}
/*********General Enquiries*******/
.hid {
    display: none 
}
.genral_enq_form {
    max-width: 800px;
    margin: 0 auto 
}
.enquiry_section {
    padding: 50px 0 
}
.mand_req {
    text-align: right;
    font-size: 13px;
    color: #f00;
    margin: 10px 0 
}
.genral_enq_form .group {
    position: relative;
    margin-bottom: 15px;
    padding-top: 30px 
}
.genral_enq_form input[type="submit"] {
    text-align: left;
    border-radius: 5px;
    width: auto 
}
.genral_enq_form input[type="text"], .genral_enq_form textarea {
    font-size: 14px;
    padding: 10px 10px 10px 10px;
    -webkit-appearance: none;
    display: block;
    background: #F3F3F3;
    color: #444;
    width: 100%;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #aaa;
}
.genral_enq_form textarea {
    height: 150px;
    resize: none 
}
.genral_enq_form input:focus, .genral_enq_form textarea:focus {
    outline: none;
    border-bottom: 1px solid #fff 
}
.genral_enq_form label {
    color: #7D7D7D;
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 25px;
    top: 40px;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease 
}
.genral_enq_form input:focus ~ label, .genral_enq_form input.used ~ label, .genral_enq_form textarea:focus ~ label, .genral_enq_form textarea.used ~ label {
    top: 0px;
    left: 15px;
    color: #E15331 
}
.genral_enq_form .bar {
    position: relative;
    display: block;
    width: 100% 
}
.genral_enq_form .bar:before, .genral_enq_form .bar:after {
    content: '';
    height: 2px;
    width: 0;
    bottom: 1px;
    position: absolute;
    background: #E15331;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease 
}
.genral_enq_form .bar:before {
    left: 50% 
}
.genral_enq_form .bar:after {
    right: 50% 
}
.genral_enq_form input:focus ~ .bar:before, .genral_enq_form input:focus ~ .bar:after, .genral_enq_form textarea:focus ~ .bar:before, .genral_enq_form textarea:focus ~ .bar:after {
    width: 50%;
}
.genral_enq_form .highlight {
    position: absolute;
    height: 60%;
    width: 100px;
    top: 25%;
    left: 0;
    pointer-events: none;
    opacity: 0.5;
}
.genral_enq_form input:focus ~ .highlight, .genral_enq_form textarea:focus ~ .highlight {
    animation: inputHighlighter 0.3s ease 
}
@keyframes inputHighlighter {
    from {
        background: #4a89dc;
   }
    to {
        width: 0;
        background: transparent;
   }
}
label.captchanumber {
    font-size: 20px;
    padding: 10px 0 0 0;
}
/*Inner pages end*/
.video-container {
    position: relative;
}
.play-button {
    width: 120px;
    height: 119px;
    position: absolute;
    background: url(../images/play-button.png) no-repeat center;
    margin: auto;
    top: 45%;
    left: 30%;
    cursor: pointer;
}
.play-button.second {
    top:30%;
}
.video-container h3 {
    margin-bottom: 5px;
}
#video-popup {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999999;
    background: rgba(0, 0, 0, .85);
}
.popup {
    width: 50%;
    height: 450px;
    margin: 12% auto;
    position: relative;
}
.popup iframe {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
}
.popup-close {
    width: 40px;
    height: 35px;
    background: #000;
    color: #fff;
    z-index: 999999;
    position: relative;
    right: -40px;
    float: right;
    font-size: 25px;
    padding: 0px 10px;
    cursor: pointer;
}
ul.lififty li {
    width: 49%;
    float: left;
    margin-right: 1%;
}
.videoWraper{
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0,0,0,0.8);
    z-index:999;
}
.videoWraper .videoContainer {
    width: 854px;
    height: 480px;
    max-width: 100%;
    max-height: 480px;
    margin: 17% auto;
    position: relative;
}
.videoClose {
    width: 30px;
    height: 30px;
    color: #fff;
    background: #000000;
    position: absolute;
    right: 5px;
    top: 5px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    border-radius: 50%;
    line-height: 25px;
}
/*404 Page*/
.error-wrapper {
    padding: 200px 0;
}
.error-wrapper i {
    font-size: 145px;
    line-height: 170px;
    text-align: center;
    display: block;
    color: #a7a7a7;
}
.error-info {
    padding-left: 60px;
    border-left: 1px solid #eee;
}
.error-info h1{
    text-align: left;
    color: #ff2a40;
    font-size: 90px;
    line-height: 90px;
    font-weight: 700;
}
.error-sub {
    display: block;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
}
.error-info .btn {
    padding: 10px 30px;
}
@media (max-width: 767px) {
    .error-info {
        padding-left: 0;
        border-left: 0;
        text-align: center;
   }
}
/*404 alter*/
.error-wrapper-alt {
    background: url(../../assets/images/not-found-cover.jpg) 0 0 no-repeat;
    background-size: cover;
    position: relative;
}
.error-wrapper-alt::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}
.error-info-alt {
    position: absolute;
    top: 50%;
    width: 100%;
    left: 0;
    text-align: center;
    text-transform: uppercase;
    z-index: 15;
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}
.error-info-alt h1 {
    color: #ff2a40;
    font-size: 150px;
    font-weight: 700;
    line-height: 150px;
}
.error-info-alt .error-sub {
    margin-bottom: 10px;
}
.error-info-alt .error-sub, .error-info-alt p {
    color: #fff;
}
.error-info-alt .btn {
    background: #fff;
    color: #ff2a40;
    border-color: #fff;
}
.error-info-alt .btn:hover {
    background: #ff2a40;
    color: #fff;
    border-color: #ff2a40;
}
.seoPage h2 a, .seoPage h2 a:hover {
    color: #202020;
}
.seoPage p.lead a, .seoPage p.lead a:hover {
    color: #666666;
}
.seoTags h2 {
    width: auto;
    text-align: center;
    padding: 10px 15px;
    border: 1px solid #c83539;
    margin-right: 10px;
    margin-bottom: 15px;
    border-left: 5px solid #c83539;
    color: #c83539;
    float: left;
    font-size: 16px;
}
form#seoQuote input[type="submit"]{
    float: right;
}
/* Alerts */
.alert {
    padding: 15px;
    margin-bottom: 30px;
    text-shadow: none;
    background-color: #9cc902;
    border: 0;
}
.alert p {
    margin: 0;
}
.text-bigger {
    font-size: 18px;
    line-height: 30px;
    line-height: 1.6em;
    color: #262626;
}
.alert, .alert .alert-heading {
    color: #ffffff;
}
.alert-heading {
    margin: 0 0 10px;
}
.alert-warning, .alert-danger, .alert-error {
    background-color: #e10000;
    border-color: #e10000;
    color: #ffffff;
}
.alert-info, .alert-notice {
    background-color: #0293c9;
}
#form-messages {
    color: white;
    padding: 5px;
    margin-bottom: 10px;
}
.success{
    background:green
}
.error{
    background:red;
}	
div#success-message p {
    /*background: #006d12;*/
    color: #006d12;
    padding: 10px 20px 3px;
    font-size: 24px;
	padding-top: 150px;
}
#contactForm.hide, #rfq.hide {
	display: none;
	opacity: 0;
	visibility: hidden;
}

.portfolio-section {
    padding: 150px 30px;
}




/* jssor slider loading skin spin css */
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }


        /*jssor slider bullet skin 132 css*/
        .jssorb132 {position:absolute;}
        .jssorb132 .i {position:absolute;cursor:pointer;}
        .jssorb132 .i .b {fill:#fff;fill-opacity:0.8;stroke:#000;stroke-width:1600;stroke-miterlimit:10;stroke-opacity:0.7;}
        .jssorb132 .i:hover .b {fill:#000;fill-opacity:.7;stroke:#fff;stroke-width:2000;stroke-opacity:0.8;}
        .jssorb132 .iav .b {fill:#000;stroke:#fff;stroke-width:2400;fill-opacity:0.8;stroke-opacity:1;}
        .jssorb132 .i.idn {opacity:0.3;}

        .jssora051 {display:block;position:absolute;cursor:pointer;}
        .jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
        .jssora051:hover {opacity:.8;}
        .jssora051.jssora051dn {opacity:.5;}
        .jssora051.jssora051ds {opacity:.3;pointer-events:none;}

.content_pages h1 {
    color: #fff;
    text-transform: capitalize;
    padding: 70px;
    text-align: left;
    font-weight: 900;
    font-size: 45px;
}
a.company-name {
    color: #041172 !important;
    font-weight: 800;
    font-size: 60px;
    text-transform: uppercase;
}