/************************ CUSTOM STYLESHEET ************************/


/***** General CSS *****/

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on June 27, 2018 */

@font-face{font-family:'Fonts Awesome';src:url(../fonts/fontawesome-webfont.eot);src:url(../fonts/fontawesome-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/fontawesome-webfont.woff) format("woff"),url(../fonts/fontawesome-webfont.ttf) format("truetype"),url(../fonts/fontawesome-webfont.svg#fontawesome-webfont) format("svg");font-weight:400;font-style:normal}


/***** General CSS *****/

@font-face {
    font-family: 'Montserrat-SemiBoldItalic';
    src: url('../fonts/Montserrat-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat-Black';
    src: url('../fonts/Montserrat-Black.woff2') format('woff2'),
        url('../fonts/Montserrat-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-BoldItalic';
    src: url('../fonts/Montserrat-BoldItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat-Thin';
    src: url('../fonts/Montserrat-Thin.woff2') format('woff2'),
        url('../fonts/Montserrat-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-Medium';
    src: url('../fonts/Montserrat-Medium.woff2') format('woff2'),
        url('../fonts/Montserrat-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-BlackItalic';
    src: url('../fonts/Montserrat-BlackItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat-ExtraLight';
    src: url('../fonts/Montserrat-ExtraLight.woff2') format('woff2'),
        url('../fonts/Montserrat-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-ExtraBoldItalic';
    src: url('../fonts/Montserrat-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-ExtraBoldItalic.woff') format('woff');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('../fonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('../fonts/Montserrat-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-Regular';
    src: url('../fonts/Montserrat-Regular.woff2') format('woff2'),
        url('../fonts/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-Light';
    src: url('../fonts/Montserrat-Light.woff2') format('woff2'),
        url('../fonts/Montserrat-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-ExtraLightItalic';
    src: url('../fonts/Montserrat-ExtraLightItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat-Bold';
    src: url('../fonts/Montserrat-Bold.woff2') format('woff2'),
        url('../fonts/Montserrat-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-Italic';
    src: url('../fonts/Montserrat-Italic.woff2') format('woff2'),
        url('../fonts/Montserrat-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat-LightItalic';
    src: url('../fonts/Montserrat-LightItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat-ExtraBold';
    src: url('../fonts/Montserrat-ExtraBold.woff2') format('woff2'),
        url('../fonts/Montserrat-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-MediumItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat-ThinItalic';
    src: url('../fonts/Montserrat-ThinItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
}



*{
    list-style: none;
    text-decoration: none;
    box-sizing: border-box;
    margin:0;
    padding: 0;

}


body {word-break: break-word;font:13px/20px 'Montserrat-Regular', sans-serif;color:#a3a3a3;}
a {text-decoration:none;color:#2988c9;}
a:hover, a:focus {text-decoration:none;color:#9e9fa0; outline: none;}
a:hover {-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
img {max-width:100%;}

ul {margin:0 0 0 20px;padding:0;list-style-type:none;}

header{
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 999;
}
.section-one-bg {
    float: left;
    width: 100%;
    background: url(../images/banner-bg2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
   /* height: 662px;*/
       margin-top: 74px;
}
.bannerSec{
    display: inline-block;
    width: 100%;
}

/*banner content */

.cntr-aling {
    height: 540px;
    display: flex;
    align-items: center;
    float: left;
    width: 100%;
    text-align: center;
}
.banner-heading {
    display: inline-block;
    align-items: center;
    float: left;
    width: 100%;
    z-index: 99;
}
.banner-heading img{
    float: left;
    width: 14%;
    margin-bottom: 20px;
}
.banner-heading h1 {
    width: 100%;
    float: left;
    margin: 0;
    color: #000;
    font-size: 36px;
    text-align: left;
    margin: 0 0 4px 0;
    font-family: 'Montserrat-Bold';
    margin-bottom: 10px;
}
.banner-heading h1 span{
    font-family: 'exobold';
}

.banner-heading p {
    width: 100%;
    margin: 0;
    text-align: left;
    color: #8a8a8a;
    font-size: 14px;
    display: inline-block;
    line-height: 26px;
    margin-bottom: 20px;
}
.banner-heading a{
    background: #000;
    color: #fff;
    border-radius: 50px;
    padding: 11px 0;
    margin: 10px 12px 10px 0;
    float: left;
    font-size: 14px;
    display: inline-block;
    width: 140px;
    font-family: 'Montserrat-SemiBold';
}
.banner-heading a i{
    margin-right: 6px;
}
/*header{
    padding: 16px 0;
}*/
.bannerMobile{
    bottom: -70px;
    position: absolute;
}
.logo{
    display: inline-block;
    width: 30%;
    margin: 10px 0;
}
.logo img{
    width: 100%
}
/*.navbar-header{
    text-align: center;
}*/
.navbar-right{
    margin-right: 0 !important;
    padding: 16px 0px;
}
.navbar-default{
    background: #fff;
}
nav{
    display: block;
    /* margin: 25px 0;*/
    padding: 10px 0px;
    border-radius: 0px;
    width: 100%;
}
nav ul{
    display: inline-block;
    margin: 0;
}
nav ul li{
    display: inline-block;
    padding: 0 24px;
}
nav ul li a{
    display: inline-block;
    color: #8a8a8a !important;
    font-family: 'Montserrat-SemiBold';
    text-transform: uppercase;

}
nav ul li a:hover, nav ul li a:focus{
    color:#8a8a8a !important;
    border-bottom: 2px solid #d22616;
    }

.nav>li>a{
padding: 0
}

h1 {/* font-size:30px; *//* line-height:35px; */margin:0 0 20px;}
h2 {font-size:26px;line-height:30px;margin:0 0 18px;}
h3 {font-size:22px;line-height:27px;margin:0 0 16px;}
h4 {font-size:18px;line-height:23px;margin:0 0 14px;}
h5 {font-size:14px;line-height:20px;margin:0 0 12px;}
h6 {font-size:10px;line-height:15px;margin:0 0 10px;}
h1, h2, h3, h4, h5, h6 {color:#808080;}


/* Feature section */

.featureSec{
    display: inline-block;
    width: 100%;
    margin-top: 60px;
}

.featureHeading{
    display: inline-block;
    width: 100%;
}
.featureHeading h1{
    display: inline-block;
    width: 100%;
    text-align: center;
    color:#4d6075;
    font-family: 'exobold';
    color: #2c2c2c;
}
.featureHeading h2{
    display: inline-block;
    width: 100%;
    text-align: center;
    color:#4d6075;
    color: #ff5500;
    font-family: 'exodemibold';
}
.featureHeading p{
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-family: 'exolight';
    color: #4d6075;
}
.bgManage{
    display: inline-block;
    width: 100%;
    background: #fff;
    padding: 30px 0;
}
.featureUse{
    display: inline-block;
    text-align: center;
}
.featureUse img{
    margin:14px 0;
}
.featureUse h3{
   color: #2c2c2c;
   text-align: center;
   font-family: 'Montserrat-SemiBold';
}
.featureUse p{
   color: #4d6075;
   text-align: center;
}

.workCreate {
    display: inline-block;
    width: 100%;
    padding: 30px 0;
}
.createText {
    display: table-cell;
    vertical-align: middle;
    height: 650px;
}
.workCreate h1 {
    color: #2c2c2c;
    font-family: 'Montserrat-Bold';
    font-size: 24px;
}
.workCreate p {
    color: #4d6075;
    font-size: 14px;
}
.workCreate p i{
    color: #37c978;
    font-size: 18px;
    margin-right: 8px;
}
.workCreate .greatFeatureImg{
    width: 80%;

}
.workCreate .borderImg{
    width: 40%;
    margin-bottom: 30px;

}
.appWork{
    display: inline-block;
    width: 100%;
    margin: 20px 0;
}
.appWorkIcon{
    /* display: inline-block; */
    /* width: auto; */
    float: left;
    width: 20%;
}
.appWorkText{
    display: inline-block;
    width: 80%;
}
.appWorkText h3 {
    color: #2c2c2c;
    font-family: 'Montserrat-Bold';
    font-size: 20px;
    margin-bottom: 3px;
}
.appWorkText p {
    color: #4d6075;
    font-size: 13px;
}


.featureWork{
    display: inline-block;
    width: 100%;
    margin: 30px 0;
}
.featureWorkIcon{
    /* display: inline-block; */
    /* width: auto; */
    float: left;
    width: 20%;
}
.featureWorkIcon i{
    width: 52px;
    height: 52px;
    background: #fff;
    border-radius: 50px;
    font-size: 22px;
    color: #cb0d00;
    box-shadow: 0px 1px 8px #e4e4e4;
    padding: 15px;
    text-align: center;
}
.featureWorkText{
    display: inline-block;
    width: 80%;
    padding-right: 14px;
}
.featureWorkText h3 {
    color: #2c2c2c;
    font-family: 'Montserrat-Bold';
    font-size: 18px;
    margin-bottom: 14px;
}
.featureWorkText p {
    color: #4d6075;
    font-size: 13px;
    text-align: justify;
}
.featureWork:hover i{
    background: #cb0d00;
    color: #fff;
    transition: all 0.9s ease;
}
.banner-heading a:hover{
    background: #cb0d00;
    color: #fff;
    transition: all 0.6s ease;
}
.downloadButton a:hover{
    background: #cb0d00;
    color: #fff;
    transition: all 0.6s ease;
}
.subscribeInput a:hover{
    background: #fff;
    color: #000;
    transition: all 0.6s ease;
}
.padding-right{
    padding-right: 14px;
}
.padding-left{
    padding-left: 14px;
}

.marginleft56{
    margin-left: 56px;
}
.heightcoolFeature{
    height: 380px !important;
}
.slanted-bg-image {
  display: block;
  width: 100%;
  background: #f0f2f8;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: right;
}
/*.industrySlider {
    margin: 20px 0;
    float: left;
    width: 100%;
    background: url(../images/frame.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
}*/
.industrySlider {
    margin: 20px 0;
    float: left;
    width: 100%;
    background: url(../images/frame.png);
    background-position: center -7px;
    background-repeat: no-repeat;
    background-size: auto 100%;
    padding-top: 47px;
}
.owl-theme .owl-controls .owl-buttons div:hover{
    background: #cb0d00;
    color: #fff;

}
.askSec {
    display: inline-block;
    width: 100%;
    padding: 60px 0;
}
.secHead {
    display: inline-block;
    width: 100%;
    margin-bottom: 50px;
    position: relative;
}
.secHead h1 {
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #4d6075;
    font-family: 'Montserrat-Bold';
    color: #2c2c2c;
    font-size: 30px;
}
.secHead h1:before{
    content: "";
    position: absolute;
    width: 8%;
    height: 1px;
    top: 45px;
    left: 46%;
    border-bottom: 1px solid #cccccc;
}
.secHead h1:after{
    content: "";
    position: absolute;
    width: 6%;
    height: 1px;
    top: 50px;
    left: 47%;
    border-bottom: 1px solid #cccccc;
}
.askSecBg {
    float: left;
    width: 100%;
    background: url(../images/askSecBg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
}

.askStone {
    display: inline-block;
    width: 100%;
    margin: 30px 0;
    height: 100px;
}
.askStone h1 {
    display: inline-block;
    width: 100%;
    color: #000000;
    font-family: 'Montserrat-SemiBold';
    font-size: 16px;
    position: relative;
    background-color: white;
}
.askStone p {
    display: inline-block;
    width: 100%;
    color: #545454;
}

/*Download */

.download {
    display: block;
    width: 100%;
    padding-top: 60px;
    background: #fff
}
.downloadText {
    float: left;
    margin: 66px 0;
}
.downloadText p {
    color: #4d6075;
    text-align: justify;
}

.downloadButton a {
    background: #000;
    color: #fff;
    border-radius: 50px;
    padding: 11px 0;
    margin: 10px 12px 10px 0;
    float: left;
    font-size: 14px;
    display: inline-block;
    width: 140px;
    font-family: 'Montserrat-SemiBold';
    text-align: center;
}
.downloadButton a i {
    margin-right: 6px;
}
.downloadText h1 {
    display: inline-block;
    width: 100%;
    color: #4d6075;
    font-family: 'Montserrat-Bold';
    color: #2c2c2c;
    font-size: 30px;
}
.downloadImg{
    display: inline-block;
    position: relative;
    bottom: 0px;
}
.downloadImg img{
    
}

/*Counter */
.countSec{
    display: inline-block;
    width: 100%;
}
.secHead h2{
    color: #a3a3a3;
    text-align: center;
    font-weight: lighter;
    font-size: 13px;
    line-height: 18px;
    margin-top: 20px;
}

.secHead span{
    color: #cb0d00;
}
.counter
{
    background-color: #eaecf0;
    text-align: center;
    padding:60px 0;
}
.downloads,.employees,.award,.coffee,.photo
{
    margin: 20px 0;
}
.counter-count
{
    font-size: 34px;
    border-radius: 50%;
    position: relative;
    color: #000;
    text-align: center;
    line-height: 40px;
    width: 92px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: inline-block;
    font-family: 'Montserrat-Bold';
}

.employee-p,.customer-p,.order-p,.design-p,.photo-p,.download-p,.award-p,.coffee-p
{
    font-size: 14px;
    color: #99999b;
    line-height: 24px;
}
/*subscribe*/
.secHead p{
    margin-top: 20px;
}
.subscribeSec{
    display: inline-block;
    width: 100%;
    background: #202020;
    padding: 60px 0;
}
.subscribeInput{
    display: inline-block;
    width: 100%;
}
.subscribeInput input{
    display: inline-block;
    width: 100%;
    height: 40px;
    border-radius: 50px;
    background: #fff;
    padding: 0 10px;
    border: none;
    outline: none;
    margin: 6px 0;
}
.subscribeInput a{
    display: inline-block;
    width: 100%;
    height: 40px;
    border-radius: 50px;
    background: #cb0d00;
    padding: 0 10px;
    border: none;
    text-align: center;
    color: #fff;
    line-height: 40px;
    margin: 6px 0;
}
.colorWhite{
    color: #fff !important
}


/*video slider */
.videoSliderSec{
    float: left;
    background: #202020;
    width: 100%;
    padding-top: 60px;
}

#carousel video { 
    min-height: 100% !important;
    min-width: 100% !important;
    height: 450px !important;
    width: auto !important;
    overflow: hidden;
    display: inherit;
}

#carousel img {
  width: 100%;
  max-width: 100%;
  height: 500px;
  vertical-align: middle;
  border: 0;
}

.carousel-inner>.item>img {
  display: block;
  line-height: 1;
}

/* button to display if user choses to not autoplay the video: */
#slider-play-button button { 
    display: inline-block;
    border: 0.06666em solid #fff;
    font-size: 2rem;
    background: rgba(255,255,255,0.23);
    color: #fff;
    cursor: pointer;
    transition: .3s background;
    line-height: 1.3em;
    height: 1.5em;
    width: 2.5em;
    border-radius: 0.3em;
    position: absolute;
    opacity: .7;
    right: 1em;
    top: 20%;
}
.play-video-button:before {
    font-family: FontAwesome;
    content: "\f04b";
}
.pause-video-button:before {
    font-family: FontAwesome;
    content: "\f04c";
}  


/*about sec */

.aboutSec {
    display: inline-block;
    width: 100%;
    padding : 60px 0;
}
.aboutBox{
    display: inline-block;
    width: 100%;
    background: #fff;
    box-shadow: 0 11px 50px -2px #ddd;
    -webkit-box-shadow: 0 11px 50px -2px #ddd;
    -moz-box-shadow: 0 11px 50px -2px #ddd;
    border-radius: 6px;
    padding: 40px;
    margin: 45px 0 16px 0px;
}
.aboutEmp {
    display: inline-block;
    width: 100%;
}
.aboutEmp h3{
    display: inline-block;
    width: 100%;
    text-align: left;
    font-family: 'exobold';
    color: #2c2c2c;
    margin-bottom: 30px;
}
.aboutEmp p {
    font-family: 'exolight';
    color: #919191;
    margin-bottom: 20px;
}
.aboutBlueBox{
    display: inline-block;
    width: 100%;
    background: #4f74c0;
    box-shadow: 0 11px 50px -2px #ddd;
    -webkit-box-shadow: 0 11px 50px -2px #ddd;
    -moz-box-shadow: 0 11px 50px -2px #ddd;
    border-radius: 6px;
    padding: 40px;
}
.empowered {
    display: inline-block;
    width: 100%;
}
.empowered h3{
    display: inline-block;
    width: 100%;
    text-align: left;
    color: #fff;
    font-family: 'exobold';
    margin-bottom: 30px;
}
.empowered p {
    font-family: 'exolight';
    color: #fff;
    margin-bottom: 20px;
}
.empowered a{
    background: #fff;
    color: #3b5998;
    border-radius: 50px;
    padding: 16px 30px;
    margin: 10px 12px 10px 0;
    float: left;
    font-size: 14px;
    font-family: 'exodemibold';
    width: 100%;
    text-align: center;
}

/* testimonial slider */

@import url(https://fonts.googleapis.com/css?family=Raleway:400,900,700,600,500,300,200,100,800);

.testimonialSec{
    padding:60px 0px;
}

.ion-minus{
    padding:0px 10px;
}

blockquote{
      border:none;
}

blockquote p{
    font-size:14px;
    font-family: 'exolight';
    color: #2c2c2c;
}

#testimonial  #carousel{
    margin:30px 0px;
}

#testimonial .left.carousel-control{
    display: inline-block;
    position: absolute;
    top:100%;
    left:20%;
    font-size:30px;
    font-weight:bolder;
    color:#5db4c0; 
}

#testimonial .right.carousel-control{
    display: inline-block;
    position: absolute;
    top:100%;
    right:20%;
    font-size:30px;
    font-weight:bolder;
    color:#5db4c0; 
}

#testimonial .fa.fa-quote-right{
    color:#5db4c0;
    font-size:13px; 
    padding-right:10px;
}
.bgWhiteShadow{
    box-shadow: 0px 1px 10px 3px rgba(0, 0, 0, 0.11);
    background: #fff;
    margin: 10px 4px 14px 4px;
    float: left;
    width: 98%;
}
.testiImg img{
    width: 40px;
    float: left;
    border-radius: 50px;
    margin-right:10px;
}
.testiImg{
    display: inline-block;
    width: 100%;
}
.testiImg h1{
    font-family: 'exobold';
    display:block;
    width: 100%;
    text-align: left;
    color: #2c2c2c;
    margin-top: 14px;
    font-size: 14px;
}
.testiImg h1 span{
    font-family: 'exolight';
}
.carousel-indicators{
    width: auto;
    margin-left: 0;
    bottom:0;
    z-index: 1;
}
.carousel-indicators .active{
        background-color: #cb0d00;
}
.carousel-indicators li{
    background-color: #eff2f6;
    border: 1px solid #eff2f6;
}
#carousel .left.carousel-control{
    color: #d8dfe3;
    display: inline-block;
    zoom: 1;
    margin: 5px;
    font-size: 12px;
    width: 30px;
    height: 30px;
    background: transparent;
    filter: Alpha(Opacity=100);
    opacity: 1;
    box-shadow: inset 0 0 6px;
    border-radius: 50px;
    font-size: 30px;
    font-weight: lighter;
    padding:1px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 6%;

}
#carousel .right.carousel-control{
    color: #d8dfe3;
    display: inline-block;
    zoom: 1;
    margin: 5px;
    font-size: 12px;
    width: 30px;
    height: 30px;
    background: transparent;
    filter: Alpha(Opacity=100);
    opacity: 1;
    box-shadow: inset 0 0 6px;
    border-radius: 50px;
    font-size: 30px;
    font-weight: lighter;
    padding:1px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 6%;
}
#carousel .left.carousel-control:hover{
    background: #cb0d00;
    color: #fff;
}
#carousel .right.carousel-control:hover{
    background: #cb0d00;
    color: #fff;
}
/* footer */
footer{
    width: 100%;
    display: block;

}
.footerTop{
    width: 100%;
    display: block;
    background:#fff;
    padding: 30px 0; 
}
.footerLogo img{
    width: 10%;
}
.footerLogo p{
    font-size: 15px;
    margin:14px 0;
}
.footerMenu{
    display: inline-block;
    width: 100%;
}
.footerMenu a{
    display: inline-block;
    width: 100%;
    color: #000000;
    margin:6px 0;
}
.border:after {
    content: "";
    display: block;
    /*margin: 0 auto;*/
    width: 50%;
    padding-top: 4px;
    border-bottom: 1px solid #e2e2e2;
}
.footerbottom{
    width: 100%;
    display: block;
    background:#f0f2f8;
    padding: 20px 0; 
}
.socialIcon{
    display: inline-block;
}
.socialIcon a {
    display: inline-block;
    border-radius: 50px;
    width: 36px;
    height: 36px;
    margin: 0 30px;
}
.footerMenu a:hover{
    color: #cb0d00;
}

.socialIcon a:hover i{
    color: #cb0d00;
}
.socialIcon a i{
    color:#948c8c;
    padding: 9px 0;
    width: 36px;
    text-align: center;
    font-size: 18px;
}
.copyright {
    display: inline-block;
    padding: 14px 0;
    width: 100%;
}
.copyright p {
    display: inline-block;
    width: 100%;
    font-family: 'exolight';
    color: #2c2c2c;
    text-align: center;
    margin:0;
}

.slanted-img {
    display: block;
    width: 100%;
    background: url(../images/bg.png) no-repeat left bottom;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
}

/* header scroll */

.fixed-header .logo {
  background-image: url("../images/logo.png") !important;
  background-size: 100% auto;
  width: 44px;
  height: 31px;
  float: left;
  /* z-index: 9999; */
}
.fixed-header .logo img{
 display:none;
}

.fixed-header {
    left: 0;
    right: 0;
    top: 0;
    /* left: 0;
    width: 100%; */
    background: #fff;
    padding: 16px 0;
    z-index: 10;
    /* overflow: hidden; */
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .2s ease-in-out;
    box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.2);
    /* margin: 0; */
    width: 100%;
    /* border-radius: 0; */
    display: initial;
}

.visible-title {
    visibility: visible;
}


#scroll-to-top {
    display: none;
    position: fixed;
    right: 30px;
    bottom: 30px;
    cursor: pointer;
    opacity: .7;
    z-index: 99999;
    padding: 15px;
    border-radius: 5px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    text-shadow: 0 1px 0 #fff;
    background-image: -webkit-linear-gradient(top, #666 0, #333 100%);
    background-image: -o-linear-gradient(top, #666 0, #333 100%);
    background-image: linear-gradient(to bottom, #666 0, #333 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333', endColorstr='#666', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
}
#scroll-to-top span.small-hex-btn {
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 17px solid #FFF;
    display: block;
}
.img-responsive{
    margin: 0 auto;
}

@media only screen and (min-width: 300px) and (max-width: 479px)
{

     .logo{
        width: 40%;
    margin: 16px 0;
   }

.bannerMobile {
    top: 170px;

   }
      .cntr-aling{
      margin-top: 40px;
   }
.secHead h1:after{
        top: 82px;
}
.secHead h1:before{
        top: 78px;
}

}

@media only screen and (min-width: 480px) and (max-width: 639px)
{

    .featureUse {
    display: block;
}

.secHead h1:after{
        top: 82px;
}
.secHead h1:before{
        top: 78px;
}
    .logo{
        width: 30%;
    margin: 16px 0;
   }
}
@media only screen and (min-width: 640px) and (max-width: 767px)
{


    .industrySlider{
        background: none;
    }
.logo{
        width: 20%;
    margin: 16px 0;
   }
}

@media only screen and (min-width: 768px) and (max-width: 966px)
{
    nav ul li {
        padding: 0 18px;
    }
    .logo {
    width: 70%;
    margin: 10px 0;
}
}

@media only screen and (min-width: 967px) and (max-width: 1200px)
{
    
}

@media only screen and (min-width: 300px) and (max-width: 1024px)
{
   
}

@media only screen and (min-width: 300px) and (max-width: 768px)
{
   .askSecBg{
    background: none;
   }
  

   
}

/*contact us */

.contact {
    padding: 60px 0;
    background: #fff;
}
.form-group {
    position: relative;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}
.form-group textarea {
    display: inline-block;
    background: none;
    padding: 0.125rem 0.125rem 0.0625rem;
    border-width: 0;
    border-color: transparent;
    width: 100%;
    color: #4f4f4f;
    -webkit-transition: all 0.28s ease;
    transition: all 0.28s ease;
    box-shadow: none;
    resize: none;
    outline: none;
    margin-top: 15px;
    height: 34px;
    border-bottom: 1px solid #d9dee0;
    border-radius: 0;
    font-size: 12px;
    line-height: 30px;
}
.form-group input{
    display: inline-block;
    background: none;
    padding: 0.125rem 0.125rem 0.0625rem;
    font-size: 1rem;
    border-width: 0;
    border-color: transparent;
    width: 100%;
    color: #4f4f4f;
    -webkit-transition: all 0.28s ease;
    transition: all 0.28s ease;
    box-shadow: none;
    resize: none;
    outline: none;
    margin-top: 15px;
    font-size: 12px;
}
.form-group .control-label {
    position: absolute;
    top: 0rem;
    pointer-events: none;
    padding-left: 0.125rem;
    z-index: 1;
    color: #b3b3b3;
    left: 0px;
    font-size: 12px;
    font-weight: normal;
    -webkit-transition: all 0.28s ease;
    transition: all 0.28s ease;
}

.form-group .bar {
    position: relative;
    border-bottom: 1px solid #d9dee0;
    display: block;
}
.form-group .bar::before {
    content: '';
    height: 0.125rem;
    width: 0;
    left: 50%;
    bottom: -0.0625rem;
    position: absolute;
    background: #337ab7;
    -webkit-transition: left 0.28s ease, width 0.28s ease;
    transition: left 0.28s ease, width 0.28s ease;
    z-index: 2;
}
.process-btn-fill {
    background-color: #4f74c0;
    color: #fff;
    border: 1px solid #4f74c0;
    display: inline-block;
    padding: 10px 20px 10px 20px;
    border-radius: 50px;
    min-width: 140px;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    text-transform: capitalize;
    margin: 14px 0;
    text-align: center;
}
.process-btn-fill i{
    float: right;
        margin: 3px 0;

}
.process-btn-fill:hover{
    background: #fff;
    color: #4f74c0;

}
.form-control:focus{
    box-shadow: none;
}
.form-group {
    position: relative;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}

.form-group input:focus, .form-group textarea:focus{
    border-bottom: 1px solid #4f74c0;
    border-radius: 0;
    transition: all 0.28s ease;
}
.form-group select:focus ~ .control-label, .form-group input:focus ~ .control-label, .form-group textarea:focus ~ .control-label {
    color: #4f74c0;
    font-weight: 600;
}
.color-text{
color: #23cbdb;
}
 .featureHeading h1 i{
    margin-right: 8px;
 }

 /*mobile frame slider*/
 .slick-slide img {
    display: block;
    width: 70%;
    height: 400px;
    margin: 0 auto;
}
.slick-current.slick-active.slick-center {
    opacity:1;

}
.slick-slide  {
    opacity:0.5;
    background: transparent;
    /*border-left:3px solid #fff;
    border-right:3px solid #fff;*/
}

.slick-active { 
  padding: 20px 0; 
}

.slick-center { 
  transform: scale(1.08) 
}

.slick-slide:not(.slick-active) { 
  margin: 20px 0; 
}

.child { 
  width:100%; 
}

.slide:not(.slick-active) { 
  cursor: pointer; 
}

.pagination {
  text-align: center; 
  color: $white;
  font-family: $raleway;
  font-size: 1.2rem;
}
.mobileframe {
    width: 100%;
    height: 481px;
    position: relative;
    background-image: url(samsung-galaxy-note-3-glass-lens-screen-white-1z.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    width: 100%;
    height: 536px;
    background-size: 21% 93%;
    background-position: 50% 24px;
}
@keyframes bounce {
    0%, 20%, 60%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
}
.appWork:hover .appWorkIcon{
    animation: bounce 1s;
    transition: all 0.9s ease;
}


/*.swing-2 {
    -webkit-animation: swing 3.5s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-animation: swing 3.5s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation: swing 3.5s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
}*/

.sloganBox2 {
    position: absolute;
    top: 50px;
    left: 88px;
    z-index: 8;
}
.hoverImg:hover .ani {
    -webkit-animation: swing 3.5s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-animation: swing 3.5s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation: swing 3.5s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.gallery{
    display: inline-block;
    width: 100%;
    padding:60px 0;
}



@keyframes bounce {
 0%, 20%, 60%, 100% {
   -webkit-transform: translateY(0);
   transform: translateY(0);
 }
 40% {
   -webkit-transform: translateY(-20px);
   transform: translateY(-20px);
 }
 80% {
   -webkit-transform: translateY(-10px);
   transform: translateY(-10px);
 }
}

.bannerMobile:hover img{
     animation: bounce 1.5s;

}