/************************ 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: 300;
    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;
}



body {word-break: break-word;font:14px/20px 'Montserrat-Regular', sans-serif;color:#a3a3a3; font-weight:bold;}
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:200%;}

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

.section-one-bg {
    float: left;
    width: 100%;
    background: url(../images/bannerBg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: top;
    /*height: 800px;*/
}
.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%;
   
}
.banner-heading h1 {
    width: 100%;
    float: left;
    margin: 0;
    color: #000;
    font-size: 48px;
    text-align: left;
    margin: 0 0 10px 0;
    font-family: 'Montserrat-Bold';
}

.login {
    float: right;
}
.login a {
    float: left;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 30px;
    padding: 6px 20px;
    background: #fff;
    font-family: 'Montserrat-Bold';
    text-transform: uppercase;
    margin: 0px 6px;
    min-width: 130px;
    text-align: center;
}
.login a:hover{
    background:yellow;
    color: #010101;
    border: 2px solid black;
    transition: all 0.05s;
}
/*.banner-heading h1 span{
    font-family: 'Montserrat-Bold';
}*/
.banner-heading h3 {
    width: 100%;
    margin: 0;
    padding-top: 10px;
    text-align: left;
    color: #525b6c;
    font-size: 20px;
    display: inline-block;
    /*line-height: 40px;*/
    font-family: 'Montserrat-semibold';
    /*margin-bottom: 18px;*/
    line-height: 27px;
}
.banner-heading p {
    width: 100%;
    margin: 0;
    text-align: left;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    line-height: 24px;
    margin:10px 0;
}
.banner-heading a{
    background: #000000;
    color: #fff;
    border:1px solid #505b6d;
    border-radius: 50px;
    padding: 10px 0px;
    margin: 20px 12px 10px 0;
    float: left;
    font-size: 14px;
    font-family: 'Montserrat-SemiBold';
    width: 160px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s!important;
    text-align: center;
}
.banner-heading a:hover{
    box-shadow: 0 24px 38px rgba(0,0,0,.2);
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    -o-transform: translateY(-6px);
    transform: translateY(-6px);
    background: #32c1ff;
    color: #fff;
    border:1px solid #32c1ff;
}
.banner-heading a:hover i{
    color: #fff;
}
.banner-heading2 a{
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
    color: white;
    border:1px solid #505b6d;
    border-radius: 50px;
    padding: 10px 0px;
    margin: 35px 12px 10px 0;
    float: left;
    font-size: 22px;
    font-family: 'Montserrat-SemiBold';
    width: 45px;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    -ms-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s!important;
    text-align: center;
}
.banner-heading2 a:hover{
    box-shadow: 0 24px 38px rgba(0,0,0,.2);
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -o-transform: translateY(-3px);
    transform: translateY(-3px);
    /*background:yellow;*/
    /*background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);*/
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
    color: white;
    border:2px solid black;
}

.banner-heading3 a{
    background:#3b5998;
    color: white;
    border:1px solid #505b6d;
    border-radius: 50px;
    padding: 10px 0px;
    margin: 35px 12px 10px 0;
    float: left;
    font-size: 22px;
    font-family: 'Montserrat-SemiBold';
    width: 45px;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    -ms-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s!important;
    text-align: center;
}
.banner-heading3 a:hover{
    box-shadow: 0 24px 38px rgba(0,0,0,.2);
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -o-transform: translateY(-3px);
    transform: translateY(-3px);
    background:#3b5998;
    color: white;
    border:2px solid black;
}

.banner-heading4 a{
    background:#1da1f2;
    color: white;
    border:1px solid #505b6d;
    border-radius: 50px;
    padding: 10px 0px;
    margin: 35px 12px 10px 0;
    float: left;
    font-size: 22px;
    font-family: 'Montserrat-SemiBold';
    width: 45px;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    -ms-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s!important;
    text-align: center;
}
.banner-heading4 a:hover{
    box-shadow: 0 24px 38px rgba(0,0,0,.2);
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -o-transform: translateY(-3px);
    transform: translateY(-3px);
    background:#1da1f2;
    color: white;
    border:2px solid black;
}

.sectionHeading{
    display: inline-block;
    width: 100%;
    margin: 0 0 50px 0;
}
.sectionHeading h2{
    margin-bottom: 10px;
    float: right;
    width: 100%;
    color: #3cafff;
    font-family: 'Montserrat-SemiBold';
    font-size: 36px;
    /*text-transform: uppercase;*/
    text-align: center;
    margin-bottom: 0;
}
.sectionHeading h1{
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #111111;
    font-family: 'Montserrat-Bold';
    margin-bottom: 0;
    text-transform : capitalize;
    margin: 16px 0;
}
.sectionHeading p{
    text-align: center;
    font-size: 18px;
    line-height: 27px;
}
/*.bgBlue{
        background: #004c83 !important;
}*/
.banner-heading a i{
    margin-right: 6px;
    font-size: 20px;

}

.clientImg{
    display: inline-block;
    width: 100%;
     box-shadow: 0 11px 50px -2px #ddd;
     background: white;
     border-radius: 10px;
 }  
 .clientImg h1{
    color: #000;
    text-align: center;
    width: 100%;
    font-size: 16px;
        margin: 20px 0;
 } 
/*.clientImg img{
    display: inline-block;
    width: 100%;
}*/
header{
    padding: 16px 0;
}
.logo{
    display: inline-block;
    width: 55%
}
.logo img{
    width: 100%
}
/*.navbar-header{
    text-align: center;
}*/
.navbar-right{
    margin-right: 0 !important;
    margin: 12px 0;
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
    padding: 8px 10px;
}

.portfolio_img_1 {
    position: absolute;
    right: 740px;
    top: 534px
}
.portfolio_img_2 {
    position: absolute;
    right: 310px;
    top: 499px
}
.portfolio_img_3 {
    position: absolute;
    right: -84px;
    top: 444px
}
.portfolio_img_4 {
    position: absolute;
    right: 710px;
    top: 296px
}
.portfolio_img_5 {
    position: absolute;
    right: 320px;
    top: 240px
}
.portfolio_img_6 {
    position: absolute;
    right: -160px;
    top: 220px
}
.portfolio_img_7 {
    position: absolute;
    left: -163px;
    top: 37px
}
.portfolio_img_8 {
    position: absolute;
    left: 309px;
    top: 16px
}
.portfolio_img_9 {
    position: absolute;
    right: -170px;
    top: -20px
}


nav{
    /* display: block; */
    /* margin: 25px 0; */
    /* padding: 10px 0px; */
    /* border-radius: 6px; */
    width: 100%;
    background-color: transparent !important;
}
nav ul{
    display: inline-block;
    margin: 0;
}
nav ul li{
    display: inline-block;
    padding: 0 10px;
}
nav ul li a{
    display: inline-block;
    color: #3d3d3d;
    font-family: 'Montserrat-SemiBold';
    text-transform: uppercase;

}
nav ul li a:hover, nav ul li a:focus{
    color:#3b5998 !important;
    }
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
    /*background-color: white;
    box-shadow: 0px 1px 10px 3px rgba(0, 0, 0, 0.11);
    border-radius: 50px;*/
    /*color: #2c2c2c !important;*/
    color: #fff !important;
}

/*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:27px;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%;
    padding: 20px 0;
    background: #fff;
    position: relative;
}

.featureHeading{
    display: inline-block;
    width: 100%;
}
.featureHeading h1{
    display: inline-block;
    width: 100%;
    text-align: center;
    color:#4d6075;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 6px;
    font-family: 'Montserrat-Bold';
}
.featureHeading h2{
    display: inline-block;
    width: 100%;
    text-align: center;
    color:#4d6075;
    color: #ff5500;

}
.featureHeading p{
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #fff;
}
.featureUse{
    margin: 0 auto;
    display: block;
    text-align: center;
}
.featureUse img{
    margin:14px 0;
}
.featureUse h3{
     color: #2c2c2c;
    text-align: center;
    font-size: 20px;
    font-family: 'Montserrat-SemiBold';
    margin: 10px 0;
}
.featureUse p{
   color: #4d6075;
   text-align: center;
}


.slanted-bg-image {
    float: left;
    width: 100%;
    background: #f0f2f8;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: right;
    position: relative;
}

.workCreate {
    display: inline-block;
    width: 100%;
    padding: 30px 0;
}

.workCreate .greatFeatureImg {
    width: 80%;
}
.createText {
    display: table-cell;
    vertical-align: middle;
    /* height: 549px; */
    padding-top: 120px;
}
.workCreate h1 {
    color: #2c2c2c;
    font-family: 'Montserrat-Bold';
    font-size: 24px;
    margin-bottom: 10px;
}
.workCreate p {
    color: #4d6075;
    font-size: 14px;
}
.appWork {
    display: inline-block;
    width: 100%;
    margin: 10px 0;
}
.appWorkIcon {
    /* display: inline-block; */
    /* width: auto; */
    float: left;
    width: 10%;
    margin-right: 10px;
}
.appWorkIcon i{
    font-size: 40px;
    color: #2c2c2c;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s!important;
}
.appWorkText {
    display: inline-block;
    width: 80%;
}
.appWorkText h3 {
    color: #2c2c2c;
    font-family: 'Montserrat-Bold';
    font-size: 20px;
    margin-bottom: 0px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s!important;
}
.appWorkText p {
    color: #4d6075;
    font-size: 13px;
}
.appWork:hover .appWorkIcon i {
    color: #27abcc;
    /*box-shadow: 0 24px 38px rgba(0,0,0,.2);*/
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
}
.appWork:hover .appWorkText h3 {
    color: #27abcc;
}
.appWork:hover i h3 {
    color: #27abcc;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s!important;
}

.mobImg1{
    float: right;
    width: 60%;
    position: absolute;
    left: -23px;
    bottom: 0;
}
.mobImg2{
    float: right;
    width: 70%;
    /* position: absolute; */
}
.mobileImg{
    float: right;
    position: relative;
    bottom: -112px;
}


/*feature */

.featureWork {
    display: inline-block;
    width: 100%;
    margin: 30px 0;
}

.featureWorkIcon {
    /* display: inline-block; */
    /* width: auto; */
    float: left;
    width: 10%;
}
.featureWork:hover i{
    box-shadow: 0 24px 38px rgba(0,0,0,.2);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
}
.featureWorkIcon i {
    /* width: 52px; */
    /* height: 52px; */
    /* background: #fff; */
    border-radius: 50px;
    font-size: 30px;
    color: #fff;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s!important;
    /* box-shadow: 0px 1px 8px #e4e4e4; */
    /* padding: 15px; */
    /* text-align: center; */
}
.padding-left {
    padding-left: 14px;
}
.featureWorkText {
    display: inline-block;
    width: 90%;
    padding-right: 14px;
}
.featureWorkText h3 {
    color: #fff;
    font-family: 'Montserrat-Bold';
    font-size: 18px;
    margin-bottom: 0px;
    text-transform: uppercase;
}
.featureWorkText p {
    color: #fff;
    font-size: 13px;
    text-align: justify;
    margin-bottom: 0;
}

.secHeading {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
}
.secHeading h1 {
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #2db6c6;
    text-transform: uppercase;
    margin-bottom: 6px;
    font-family: 'Montserrat-Bold';
}
.secHeading p {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #7e7e7e;
}

/*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;
    text-align: center;
}
.counter-count
{
    font-size: 30px;
    border-radius: 50%;
    position: relative;
    color: #000;
    text-align: center;
    line-height: 40px;
    width: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: inline-block;
    font-family: 'Montserrat-Bold';
    margin-bottom: 0;
}

.employee-p,.customer-p,.order-p,.design-p,.photo-p,.download-p,.award-p,.coffee-p
{
    font-size: 14px;
    color: #3cafff;
    line-height: 24px;
    font-weight: bold;
}
/* screens slider */

.gallery{
    float: left;
    width: 100%;
    padding: 60px 0;
    position: relative;
    float: left;
    width: 100%;
    background: url(../images/screenBg.jpg) #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

/* Newsletter sec */

.news-letter {
    float: left;
    width: 100%;
    /* height: 400px; */
    padding: 60px 0;
    background: url(../images/subcribeBg.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
}
.secheading {
    display: inline-block;
    width: 100%;
}
.secheading h1 {
    display: inline-block;
    width: 100%;
    color: #fff;
    font-family: 'Montserrat-Bold';
}
.secheading h2{
    margin-bottom: 10px;
    float: right;
    width: 100%;
    color: #fff;
    font-family: 'Montserrat-SemiBold';
    font-size: 16px;
    /* text-transform: uppercase; */
    text-align: center;
}
.secheading p {
    display: inline-block;
    width: 100%;
    color: #fff;
}
.subscribe {
    /* float: right; */
    width: 100%;
    display: inline-block;
    position: relative;
    margin: 30px 0px 0px 0px;
}
.subscribe form {
    display: inline-block;
    width: 100%;
}
.subscribe input {
    height: 44px;
    width: 100%;
    padding: 10px 28% 10px 20px;
    outline: none;
    color: #2f2f2f;
    background-color: #ffffff80;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 50px;
    border: none;
    font-weight: 100;
    /* position: relative; */
}
.subscribe a {
    float: right;
    background-color: #f5de31;
    border: none;
    font-size: 12px;
    color: #000;
    outline: none;
    line-height: 40px;
    padding: 0px 40px;
    height: 44px;
    line-height: 44px;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    -webkit-border-radius: 0px 6px 6px 0px;
    -moz-border-radius: 0px 6px 6px 0px;
    border-radius: 50px;
    font-family: 'Montserrat-Bold';
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}


/* Download Sec */

.download {
    float: left;
    width: 100%;
    background: url(../images/downloadBg.png) no-repeat left bottom;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: top;
    padding: 60px 0;
    position: relative;
}
.downloadText {
    float: left;
    margin: 66px 0;
}
.downloadText p {
    color: #fff;
    text-align: justify;
}

.downloadButton a {
    background: #1f1926;
    color: #fff;
    border-radius: 4px;
    padding: 14px 16px;
    margin: 10px 12px 10px 0;
    float: left;
    font-size: 14px;
    font-family: 'Montserrat-SemiBold';
    width: 170px;
    text-align: center;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s!important;
}
.downloadButton a:hover {
    box-shadow: 0 24px 38px rgba(0,0,0,.2);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
    }
.bgAppBtn{
    background: #74bcf7 !important;
}
.bgAndroidBtn{
    background: #ad6bff !important;
}
.downloadButton a i {
    margin-right: 6px;
    font-size: 20px;
}
.downloadText h1 {
    display: inline-block;
    width: 100%;
    color: #4d6075;
    font-family: 'Montserrat-Bold';
    color: #fff;
    font-size: 30px;
    text-transform: uppercase;
}
.downloadImg{
    display: inline-block;
    position: relative;
    bottom: -50px;
}
.downloadimgMobileResp{
    display: none;
}
.screenImg01{
    position: absolute;
    left: 60px;
    top: -20px;
}

.screenImg02{
    position: absolute;
    left: 76px;
    top: -50px;
}
.screenImg03{
    position: absolute;
    left: 83px;
    top: -86px;
}









.industrySlider {
    margin: 20px 0;
    float: left;
    width: 100%;
    background: url(../images/frame.png);
    background-position:left 0;
    background-repeat: no-repeat;
    background-size: auto 100%;
    padding-top: 47px;
}
.industrySliderTab {
    margin: 20px 0;
    float: left;
    width: 100%;
    background: url(../images/tabletFrm.jpg);
    background-position:left 0;
    background-repeat: no-repeat;
    background-size: auto 100%;
    padding-top: 47px;
}
/*about sec */

.aboutSec {
    float: left;
    width: 100%;
    background: url(../images/videoBg.png) no-repeat left bottom;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: top;
    padding: 160px 0 60px 0;
    position: relative;
}
.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: 14px;*/
    margin: 45px 0 16px 0px;
}
.featImg img{
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s!important;
}
.featImg:hover img{
    /*box-shadow: 0 24px 38px rgba(0,0,0,.2);*/
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
}

.paddin60{
    padding: 60px 0;
}
.aboutBox video{
    float: left;
    width: 100%;
    border-radius: 4px;
}
.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 */


#resource-slider {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 300px;
  margin: auto;
 /* border-radius: 3px;
  background: #fff;
  border: 1px solid #DDD;*/
  overflow: hidden;
}

#resource-slider .arrow {
    cursor: pointer;
    position: absolute;
    width: 2em;
    height: 22px;
    padding: 0;
    margin: 0;
    outline: 0;
    background: transparent;
    top: 50%;
}

#resource-slider .arrow:hover {
  background: rgba(0, 0, 0, 0.1);
}

#resource-slider .arrow:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 0.75em;
  height: 0.75em;
  margin: auto;
  border-style: solid;
}

#resource-slider .prev {
  left: 0;
  bottom: 0;
}

#resource-slider .prev:before {
  left: 0.25em;
  border-width: 3px 0 0 3px;
  border-color: #333 transparent transparent #333;
  transform: rotate(-45deg);
}

#resource-slider .next {
  right: 0;
  bottom: 0;
}

#resource-slider .next:before {
  right: 0.25em;
  border-width: 3px 3px 0 0;
  border-color: #333 #333 transparent transparent;
  transform: rotate(45deg);
}

#resource-slider .resource-slider-frame {
  position: absolute;
  top: 0;
  left: 2em;
  right: 2em;
  bottom: 0;
  border-left: 0.25em solid transparent;
  border-right: 0.25em solid transparent;
  overflow: hidden;
}

#resource-slider .resource-slider-item {
  position: absolute;
  top: 0;
  bottom: 0;
  width:33%;
  height: 100%;
}

#resource-slider .resource-slider-inset {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0.5em 0.25em;
  overflow: hidden;
}

@media ( max-width: 60em ) {
  #resource-slider .resource-slider-item {
    width: 33.33%;
  }
  #resource-slider {
    height: 24em;
  }
}

@media ( max-width: 45em ) {
  #resource-slider .resource-slider-item {
    width: 50%;
  }
}

@media ( max-width: 30em ) {
  #resource-slider .resource-slider-item {
    width: 100%;
  }
  #resource-slider {
    height: 22em;
  }
}

.testimonialSec{
    padding:60px 0px;
}
.testimonialSec {
    float: left;
    width: 100%;
    background: url(../images/testimonialBg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    position: relative;
}
.ion-minus{
    padding:0px 10px;
}

blockquote{
      border:none;
}

blockquote p{
    font-size:14px;
    color: #898989;
    margin: 20px 0;
}
blockquote h1{
    font-size:16px;
    color: #28aeca;
    text-transform: uppercase;
    margin-bottom: 0px;
    font-family: 'Montserrat-Bold';
}
blockquote h2{
    font-size:12px;
    color: #28aeca;
    text-transform: uppercase;
    margin-bottom: 2px;
    font-family: 'Montserrat-Italic';
}
.testimonial   #carousel{
    margin:30px 0px;
}

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

.testimonial .right.carousel-control{
    display: inline-block;
    position: absolute;
    top:100%;
    right:36%;
    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 7px;
    float: left;
    width: 100%;
    position: relative;
    top: 36px;
    padding: 28px 7px;
}
.testiImg img{
    width: 70px;
    float: left;
    border-radius: 50px;
    margin-right:10px;
}
.testiImg{
    display: inline-block;
    width: 100%;
    display: inline-block;
    width: 100%;
    position: absolute;
    top: -40px;
    left: 20px;
}
.testiImg h1{
    font-family: 'Montserrat-SemiBold';
    display:block;
    width: 100%;
    text-align: left;
    color: #2c2c2c;
    margin-top: 14px;
    font-size: 14px;
}
.testiImg h1 span{
font-family: 'Montserrat-Light';
}
.carousel-indicators{
    width: auto;
    margin-left: 0;
    bottom:-44px;
    z-index: 1;
}
.carousel-indicators .active{
        background-color: #000;
}
.carousel-indicators li{
    background-color: #eff2f6;
    border: 1px solid #eff2f6;
}
.testimonial  .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: 2px;
    cursor: pointer;
}
.testimonial .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: 2px;
    cursor: pointer;
}

/* contact sec */
.contact {
    padding: 60px 0;
    background: #fff;
    float: left;
    width: 100%;
    position: relative;
    background: url(../images/contactBg.png) #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}
.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: #23cbdb;
    color: #fff;
    border: 1px solid #23cbdb;
    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: #23cbdb;

}
.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 #23cbdb;
    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: #23cbdb;
    font-weight: 600;
}
.color-text{
color: #23cbdb;
}
.productheading h5 i{
    margin-right: 10px;
}
.playStoreBtn{
    background-color: #000;
    color: #fff;
    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;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s!important;
}
.playStoreBtn i{
    margin-right: 4px;
}
.playStoreBtn:hover{
    color: #fff;
    box-shadow: 0 24px 38px rgba(0,0,0,.2);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
}

/* Newletter */
/*.news-letter {
    display: block;
    width: 100%;
    padding: 60px 0;

}
.secheading {
    display: inline-block;
    width: 100%;
}
.secheading h1 {
    display: inline-block;
    width: 100%;
    color: #fff;
    font-family: 'Montserrat-Bold';
}
.secheading p {
    display: inline-block;
    width: 100%;
    color: #fff;
}
.subscribeInput {
    display: inline-block;
    width: 100%;
    margin: 30px 0;
}
.subscribeInput input {
    display: inline-block;
    width: 100%;
    height: 40px;
    border-radius: 50px;
    background: #fff;
    padding: 0 16px;
    border: none;
    outline: none;
    margin: 6px 0;
    box-shadow: 0px 1px 10px 3px rgba(0, 0, 0, 0.11);
}
.subscribeInput a {
    display: inline-block;
    width: 100%;
    height: 40px;
    border-radius: 50px;
    background: #f15d2a;
    padding: 0 10px;
    border: none;
    text-align: center;
    color: #fff;
    line-height: 40px;
    margin: 6px 0;
}
.subscribeInput a:hover{
    background: #004c83;
}*/
.footerBg {
    float: left;
    width: 100%;
    background: url(../images/footerBg.jpg) no-repeat left bottom;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: top;
    padding: 80px 0 0px 0;
    position: relative;
}
/* footer */
footer{
    width: 100%;
    display: block;
    /*padding: 20px 0;*/
}
.socialIcon{
    display: inline-block;
    margin: 30px 0;
}
.socialIcon a {
    display: inline-block;
    background: #2db6c6;
    border-radius: 50px;
    width: 56px;
    height: 56px;
    margin-right: 10px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s!important;
}
.socialIcon a:hover {
    background: #1291be;
        box-shadow: 0 0 7px 4px rgba(0,0,0,.31)!important;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);

}


.socialIcon a i{
    color:#fff;
    padding: 18px 0;
    width: 56px;
    text-align: center;
    font-size: 20px;
}
.copyright {
    display: inline-block;
    padding: 14px 0;
    width: 100%;
}
.copyright p {
    display: inline-block;
    width: 100%;
    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;
}
.responsveMob{
    display: none;
}
/* header scroll */

nav.fixed-header-2 .logo img {
  display: none !important;
}


.fixed-header-2 .logo {
    background-image: url(../images/logoFix.png) !important;
    background-size: 100% 100%;
    width: 75px;
    height: 75px;
}


.fixed-header-2 {
    position: fixed;
    top: 0;
    background: #fff;
     padding: 16px 0; 
    z-index: 10;
    overflow: visible;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s 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%;
    left: 0px;
    padding: 0;
    border-radius: 0;
    padding-top: 8px;
    background-color: #19cffd !important; 
}

.fixed-header {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: 85%;                /* centered, not full width */
    max-width: 1200px;
    min-height: 65px;
    background-color: #19cffd !important;
    border-radius: 50px;
    padding: 0 20px;
    display: flex;              /* flexbox layout */
    align-items: center;        /* center vertically */
    justify-content: center;
    z-index: 1000;
    box-shadow: 0 4px 20px rgba(0,0,0,0.2);
}

/* LOGO inside pill */
.fixed-header .logo {
    display: none;               /* flex container */
    align-items: center;
    justify-content: center;
    width: 50px;                 /* smaller size */
    height: 50px;
    margin-right: 20px;
}
.fixed-header .logo img {
    display: none !important;
    width: 100%;
    height: auto;
    object-fit: contain;
}

/* NAV LINKS aligned next to logo */
.fixed-header .nav {
    display: flex;
    align-items: center;
    gap: 25px;   /* spacing between links */
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Center nav items inside fixed header */
.fixed-header .navbar-collapse {
  display: flex !important;
  justify-content: center !important;  /* center horizontally */
  align-items: center !important;      /* center vertically */
}

.fixed-header .navbar-nav {
  float: none !important;   /* disable bootstrap float */
  margin: 0 !important;
  display: flex !important;
  justify-content: center;  /* center the links */
  align-items: center;
  gap: 25px;                /* spacing between links */
}

.fixed-header .login {
  margin-left: 25px;        /* separate login button */
}






.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 2px 4px #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;*/
    border-radius: 50px;
    /*border: 1px solid #fff;*/
    width: 50px;
    height: 50px;
    text-align: center;
}
#scroll-to-top i{
    font-size: 30px;
        -webkit-transition: all .5s;
     -moz-transition: all .5s;
     -ms-transition: all .5s;
     -o-transition: all .5s;
     transition: all .5s!important;
         margin: 6px 0;
         color: #111111;
}
#scroll-to-top i:hover{
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
}

#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;
}
.banner-img{
        width: 90%;
    margin: 0 auto;
    /*right: -600px;
    position: fixed;
    width: 100%;
    top: 70px;*/
}
.img-responsive{
    margin: 0 auto;
}
.multi-item-carousel{
  .carousel-inner{
    > .item{
      transition: 500ms ease-in-out left;
    }
    .active{
      &.left{
        left:-33%;
      }
      &.right{
        left:33%;
      }
    }
    .next{
      left: 33%;
    }
    .prev{
      left: -33%;
    }
    @media all and (transform-3d), (-webkit-transform-3d) {
      > .item{
        // use your favourite prefixer here
        transition: 500ms ease-in-out left;
        transition: 500ms ease-in-out all;
        backface-visibility: visible;
        transform: none!important;
      }
    }
  }
  .carouse-control{
    &.left, &.right{
      background-image: none;
    }
  }
}


@media only screen and (min-width: 300px) and (max-width: 479px){
    
.featureUse p {
    display: none;
}
.responsive {
    overflow-x: hidden;
}

.img-responsive2 {
    padding-left: 0px;
    margin-left: -25px;
    margin-top: 30px;
}
.gallery {
    background-size: cover;
}

.gallery p {
    display: none;
}
.contact p {
    display: none;
}
.cntr-aling {
    height: 170px!important; 
}
.banner-heading h1{
    font-size: 28px;
    padding-top: 0px;
}
.banner-heading h3 {
    display: none;
}
.banner-heading p{
    font-size: 12px;
}
.banner-img {
    width: 110%;
}
.banner-heading a{
    font-size: 12px;
    width: 160px;
    padding: 7px 0px;
}
    .industrySlider{
    background: none;
}
.mobileImg {
    float: right;
    position: relative;
    bottom: 0;
    left: 66px;
}
.responsveDesk{
    display: none;
}
.responsveMob{
    display: block;
}
.cloneditem-1, .cloneditem-2, .cloneditem-3, .cloneditem-4, .cloneditem-5 { display: none; }
  .cloneditem-1,

  {
    display: block;
  }

.section-one-bg{
 /*   background: none;*/
}
.logo {
    display: inline-block;
    width: 80%;
    margin-left: 10px;
    margin-top: 4px;
}
.owl-prev {
    position: absolute;
    bottom: -8px !important;
    left: 0 !important;
}
.owl-next {
    position: absolute;
    bottom: -8px !important;
    right: 0 !important;
}
.testimonial .left.carousel-control{
    left: 8px !important
}
.testimonial .right.carousel-control{
    right: 8px !important;
}
}

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

.gallery {
    background-size: cover;
}

.cntr-aling {
    height: 350px;
}
.banner-heading h1{
    font-size: 22px;
}
.banner-heading h3{
    font-size: 12px;
}
.banner-heading p{
    font-size: 13px;
}
.banner-img {
    /*width: 60%;*/
margin: 40px auto;
}

    .industrySlider{
    background: none;
}
    .mobileImg {
    float: right;
    position: relative;
    bottom: 0;
    left: 66px;
}
    .responsveDesk{
    display: none;
}
.responsveMob{
    display: block;
}
    .section-one-bg{
    /*background: none;*/
}
.logo {
    width: 30%;
    display: inline-block;
    margin-left: 10px;
    margin-top: 3px;
}
.owl-prev {
    position: absolute;
    bottom: -8px !important;
    left: 0 !important;
}
.owl-next {
    position: absolute;
    bottom: -8px !important;
    right: 0 !important;
}
.testimonial .left.carousel-control{
    left: 8px !important
}
.testimonial .right.carousel-control{
    right: 8px !important;
}

.cloneditem-1, .cloneditem-2, .cloneditem-3, .cloneditem-4, .cloneditem-5 { display: none; }
  .cloneditem-1,

  {
    display: block;
  }
}
@media only screen and (min-width: 640px) and (max-width: 767px){

.gallery {
    background-size: cover;
}

.img-responsive2 {
    padding-left: 0px;
    margin-left: -25px;
    margin-top: 100px;
}

.banner-heading h1{
    font-size: 46px;
    padding-top: 0px;
}

.gallery {
    background-size: cover;
}

.cntr-aling {
    height: 350px;
}

.banner-img {
   /* width: 50%;*/
    margin: 0 auto;
}
.industrySlider{
    background: none;
}
    .mobileImg {
    float: right;
    position: relative;
    bottom: 0;
    left: 80px;
}
    .responsveDesk{
    display: none;
}
.responsveMob{
    display: block;
}
.logo {
    display: inline;
    width: 22%;
    margin-left: 10px;
}
.cloneditem-1, .cloneditem-2, .cloneditem-3, .cloneditem-4, .cloneditem-5 { display: none; }
  .cloneditem-1

  {
    display: block;
  }
}

@media only screen and (min-width: 768px) and (max-width: 966px) {
.gallery {
    background-size: cover;
}

.workCreate h1{
    font-size: 24px;
    margin-bottom: 4px; 
}
.workCreate p{
    font-size: 12px;
    margin-bottom: 4px;
}
.workCreate .borderImg {
    margin-bottom: 10px;
}
.workCreate p i {
    font-size: 14px;
}
    .navbar-nav{
        margin-bottom: 8px;
    }
    nav ul li {
    padding: 0 4px;
}
}

@media only screen and (min-width: 300px) and (max-width: 766px){
.gallery {
    background-size: cover;
}

.contact{
    padding:0;
}
.owl-pagination{
    left:0;
    right:0;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    background: #40ccfb;
    border-color: #e7e7e7;
    
}
.contact {
    background: none;
}
.section-one-bg{
    /*background: none;
    background-color: #fff;*/
}
}

@media only screen and (min-width: 50px) and (max-width: 1199px){

.gallery {
    background-size: cover;
}

    .featureUse {
        margin: auto;
        display: block;
        text-align: center;
        height: 270px;
        margin-bottom: 10px;
    }
 .logo img {
    width: 60%!important;
    margin: auto;
}
.cntr-aling {
    height: 450px;
    }
  .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    background: #40ccfb;
    border-color: #e7e7e7;
}
.logo img {
    width: 45%;
}

/*.banner-heading h1{*/
/*    font-size:  30px;*/
/*}*/

/*    .collapsing {
        overflow: hidden!important;
    }*/
    .navbar-default .navbar-nav>li>a {
    color: #fff;
    padding: 8px 0px;
}

}
.navbar-default .navbar-nav>li>a {
    color: black;
    padding: 5px 0px;
}
.login a {
    float: left;
    color: black;
    /*border: 2px solid black;*/
    border-radius: 30px;
    padding: 4px 10px;
    /*background: transparent;*/
    background: #fff;
    font-family: 'Montserrat-Bold';
    text-transform: uppercase;
    margin: 0px 6px;
    min-width: 110px;
    text-align: center;
    font-size: 14px;
}
nav ul li {
    display: inline-block;
    padding: 0 12px;
    font-size: 14px;
}


}

/*@media only screen and (min-width: 1100px) and (max-width: 1200px)
{
  .navbar-header{
    width:20%;
  }  
  .logo{
    width: 100%;
  }
  .nav ul li{
    padding: 0 6px;
  }
  .login a{
    min-width: 110px;
  }
  .navbar-default .navbar-nav>li>a {
    padding: 8px 4px;
    font-size: 10px;
}


}*/

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

 .downloadImg{
    display: none;
 } 
 .downloadimgMobileResp{
    display: block;
 } 
}



/*contact us */



.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: #19cffd;
    color: #fff;
    /*border: 4px solid #daf2f3;*/
    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;
        -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s!important;
}
.process-btn-fill i{
    float: right;
    margin: 3px 0;

}
.process-btn-fill:hover{
    background: #fff;
    color: #23a3d2;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s!important;
    box-shadow: 0 10px 38px rgba(0,0,0,.1);
}
.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 #24a6d0;
    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: #24a6d0;
    font-weight: 600;
}
.color-text{
color: #23cbdb;
}
 .featureHeading h1 i{
    margin-right: 8px;
 }

.featureUse:hover img{
    animation: bounce 1s;
}

@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);
 }
}


.errorMessage{
       display:none;
       float:left;
       width:100%;
       color:red !important;
       float: left;
       border:1px solid red;
       padding: 6px 10px;
   }

   .successMessage{
       display:none;
       float:left;
       width:100%;
       color:blue !important;
       float: left;
        border:1px solid green;
       padding: 6px 10px;
   }


.subError{
       display:none;
       float:left;
       width:100%;
       color: #111111;
       font-family: 'Montserrat-SemiBold';
       float: left;
       border:1px solid black;
       padding: 6px 10px;
       text-align: center;
       margin:10px 0;
   }

   .subSuccess{
       display:none;
       float:left;
       width:100%;
       color: #fff !important;
       font-family: 'Montserrat-SemiBold';
       float: left;
        border:1px solid #fff;
       padding: 6px 10px;
       text-align: center;
       margin:10px 0;
   }
.modal {
  text-align: center;
}

@media screen and (min-width: 768px) { 
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.loginmodal-container {
  padding: 30px;
  max-width: 350px;
  width: 100% !important;
  background-color: #F7F7F7;
  margin: 0 auto;
  border-radius: 2px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
  /*overflow: hidden;*/
}

.loginmodal-container h1 {
  text-align: center;
  font-size: 1.8em;
  margin: 0;
}

.loginmodal-container input[type=submit] {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  position: relative;
}

.loginmodal-container input[type=text], input[type=password] {
  height: 36px;
  font-size: 14px;
  width: 100%;
  margin-bottom: 10px;
  -webkit-appearance: none;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top: 1px solid #c0c0c0;
  /* border-radius: 2px; */
  padding: 0 8px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  color: #313030;
}

.loginmodal-container input[type=text]:hover, input[type=password]:hover {
  border: 1px solid #b9b9b9;
  border-top: 1px solid #a0a0a0;
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}

.loginmodal {
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  height: 36px;
  padding: 0 8px;
/* border-radius: 3px; */
/* -webkit-user-select: none;
  user-select: none; */
}

.loginmodal-submit {
  /* border: 1px solid #3079ed; */
  border: 0px;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.1); 
  background-color: #4d90fe;
  padding: 17px 0px;
  font-family: roboto;
  font-size: 14px;
  /* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#4787ed)); */
}

.loginmodal-submit:hover {
  /* border: 1px solid #2f5bb7; */
  border: 0px;
  text-shadow: 0 1px rgba(0,0,0,0.3);
  background-color: #357ae8;
  /* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#357ae8)); */
}

.loginmodal-container a {
  text-decoration: none;
  color: #000;
  font-weight: 400;
  text-align: center;
  display: inline-block;
  transition: opacity ease 0.5s;
} 

.login-help{
  font-size: 12px;
}

.change::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #fff;
}
.change:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #fff;
    opacity: 1;
}
.change::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #fff;
    opacity: 1;
}
.change:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff;
}

/* subscription table */

.demo10{padding:30px 0}
.pricingTable10{text-align:center}
.pricingTable10 .pricingTable-header{padding:30px 0;background:#4d4d4d;position:relative;transition:all .3s ease 0s}
.pricingTable10:hover .pricingTable-header{background: #28c6fa;}
.pricingTable10 .pricingTable-header:after,.pricingTable10 .pricingTable-header:before{content:"";width:16px;height:16px;border-radius:50%;border:1px solid #d9d9d8;position:absolute;bottom:12px}
.pricingTable10 .pricingTable-header:before{left:40px}
.pricingTable10 .pricingTable-header:after{right:40px}
.pricingTable10 .heading{font-family: 'Montserrat-Bold';font-size:20px;color:#3e3c3c;text-transform:uppercase;letter-spacing:2px;margin-top:0}
.pricingTable10 .price-value{font-family: 'Montserrat-SemiBold';display:inline-block;position:relative;font-size:30px;font-weight:700;color: #28c6fa;transition:all .3s ease 0s;}
.pricingTable10:hover .price-value{color:#fff}
.pricingTable10 .currency{font-size:30px;font-weight:700;/* position:absolute; *//* top:6px; *//* left:-19px; */}
.pricingTable10 .month{font-size:16px;color:#fff;position:absolute;bottom:15px;right:-30px;text-transform:uppercase}
.pricingTable10 .pricing-content{padding-top:50px;background:#fff;position:relative;border: 1px solid #d9d9d8;}
.pricingTable10 .pricing-content:after,.pricingTable10 .pricing-content:before{content:"";width:16px;height:16px;border-radius:50%;border:1px solid #7c7c7c;position:absolute;top:12px}
.pricingTable10 .pricing-content:before{left:40px}
.pricingTable10 .pricing-content:after{right:40px}
.pricingTable10 .pricing-content ul{padding:0 20px;margin:0;list-style:none}
.pricingTable10 .pricing-content ul:after,.pricingTable10 .pricing-content ul:before{content:"";width:8px;height:46px;border-radius:3px;background: linear-gradient(to bottom,#1cd2fd 50%,#28c6fa 50%);position:absolute;top:-22px;z-index:1;box-shadow:0 0 5px #707070;transition:all .3s ease 0s;}
.pricingTable10:hover .pricing-content ul:after,.pricingTable10:hover .pricing-content ul:before{background: linear-gradient(to bottom,#1cd2fd 50%,#28c6fa 50%);}
.pricingTable10 .pricing-content ul:before{left:44px}
.pricingTable10 .pricing-content ul:after{right:44px}
.pricingTable10 .pricing-content ul li{font-size:15px;font-weight:700;color:#777473;padding:10px 0;border-bottom:1px solid #d9d9d8}
.pricingTable10 .pricing-content ul li:last-child{border-bottom:none}
.pricingTable10 .read{display:inline-block;font-size:16px;color:#fff;text-transform:uppercase;background:#d9d9d8;padding:8px 25px;margin:30px 0;transition:all .3s ease 0s}
.pricingTable10 .read:hover{text-decoration:none}
.pricingTable10:hover .read{background: #28c6fa;}
.pricingTable10 .trail {
    font-size: 30px;
    font-weight: 700;
}
.pricingTable10 .pricing-content ul p{
    text-align: justify
}
@media screen and (max-width:990px){
    .pricingTable10{margin-bottom:25px}
}

@media screen and (min-width:1198px){
    .logo img {
        width: 105%;
    }
}