/*
Copyright (c) 2017
[Master Stylesheet]
Template Name : App Landing-Multipurpose Landing Page-UiSumo
Version    : 1.0
Author     : UISuMo Team
Author URI : https://uisumo.com
Support    : uisumo@gmail.com
*/


body { overflow-x: hidden; font-family: 'poppinsregular'; padding-top: 50px;}
p { font-size: 20px; font-size: 14px; line-height: 24px; }
p.small { font-size: 16px; }
a, .btn{-webkit-transition: all .2s ease-in-out;  -moz-transition: all .2s ease-in-out;  -o-transition: all .2s ease-in-out;  transition: all .2s ease-in-out;}
a, a:hover, a:focus, a:active, a.active { outline: 0; color: #4edbff; }
h1, h2, h3, h4, h5, h6 {font-family: 'montserratextra_bold';}
.btn{font-size: 13px; text-transform: uppercase; font-family: 'montserratbold';}

.heading h2{font-size: 36px; line-height: 46px; color: #212121; position: relative; margin: 0 0 30px; padding: 0 0 55px;}
.heading h2:before, .heading h2:after{position:absolute; height:10px; content: '';}
.heading h2:after{width:170px; bottom: 0}
.heading h2:before{width: 60px;bottom: 20px;}
.heading.heading-right h2{text-align: right;}
.heading.heading-left h2{text-align: left;}
.heading.heading-right h2:before, .heading.heading-right h2:after{right: 0px;}
.heading.heading-left h2:before, .heading.heading-left h2:after{left: 0px;}
.heading.heading-yellow h2:before, .heading.heading-yellow h2:after{background-color: #f5c605;}
.heading.heading-green h2:before, .heading.heading-green h2:after{background-color:#3ad166;}
.heading.heading-red h2:before, .heading.heading-red h2:after{background-color:#f21d44;}
.heading.heading-dark h2:before, .heading.heading-dark h2:after{background-color:#0c0c6c;}
.heading.heading-green-blue h2:before, .heading.heading-green-blue h2:after{background-color:#2fe2d9;}
.heading.heading-blue h2:before, .heading.heading-blue h2:after{background-color:#34c2da;}




.applicationLanding{padding: 30px;}
.navbar-default, .navbar-inverse{background: #fff;}
.navbar-default .navbar-nav>li>a{font-size: 14px; color: #212121;}
.navbar-default .navbar-nav>li>a:hover{color: #4edbff;}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{color: #4edbff; background: none;}

.content-header h1{line-height: 46px;font-size: 36px; color: #212121; margin-bottom: 30px;}
.content-header p{line-height: 24px; color: #797a7d; font-size: 14px;}
.content-header [class*="col-"]{margin-top: 30px;}
.content-header .btn-custom{min-height: 45px; line-height: 45px; padding: 0; border-radius: 0px; padding-left: 40px; padding-right: 40px; background-color: #4edbff; color: #fcfcfc; }
.btn-watch-video{line-height: 45px;}
.btn-watch-video i{float: left; margin-right: 20px; font-size:36px; color: #212121; margin-top: 3px;}
.btn-watch-video:hover i{color: #4edbff}
.applicationLanding .owl-item img{max-width: 100%; width: auto;}
section.application{padding: 0; position: relative;}
section.application .controls{right: 30px; bottom: 30px; z-index: 999}
section.application .controls a{display: inline-block;background: #fff; font-size: 48px; }
section.application .controls a + a{margin-left: 10px;}
section.application .controls a:hover{text-decoration: none; color: #212121; cursor: pointer}
@media(min-width:768px) {
.content-header{ margin-top: 80px;}
	.applicationLanding{width: 90%; margin: 0 auto; text-align: right;}
	section.application .controls{position: absolute; right: calc(5% + 30px);}
}




.morein-thisapp .more-app .app-box{padding-left: 100px; position: relative; min-height: 70px; cursor: pointer;-webkit-transition: all .2s ease-in-out;  -moz-transition: all .2s ease-in-out;  -o-transition: all .2s ease-in-out;  transition: all .2s ease-in-out; margin-bottom: 50px;}
.morein-thisapp .more-app .app-box .icon{ -webkit-transition: all .2s ease-in-out;  -moz-transition: all .2s ease-in-out;  -o-transition: all .2s ease-in-out;  transition: all .2s ease-in-out;position: absolute; left: 0; top: 0; width: 70px; height: 70px; background-color: #3ad166; border: 8px solid #fff; color: #fff; box-shadow: 0 0 1px rgba(0,0,0,.2); line-height: 54px; font-size: 36px; text-align: center;}
.morein-thisapp .more-app .app-box .icon:before{line-height: 54px;}
.morein-thisapp .more-app .app-box h3{font-size: 18px;-webkit-transition: all .2s ease-in-out;  -moz-transition: all .2s ease-in-out;  -o-transition: all .2s ease-in-out;  transition: all .2s ease-in-out;}
.morein-thisapp p{color: #797a7d; font-size: 14px; line-height: 24px;}
.morein-thisapp .more-app .app-box:hover .icon{border-color: #3ad166; box-shadow: none;}
.morein-thisapp .more-app .app-box:hover h3{color: #3ad166}


.application-features .more-features{margin-top: 50px;}
.application-features .more-features .app-box{padding-left: 100px; position: relative; min-height: 70px; cursor: pointer;-webkit-transition: all .2s ease-in-out;  -moz-transition: all .2s ease-in-out;  -o-transition: all .2s ease-in-out;  transition: all .2s ease-in-out; margin-bottom: 50px;}
.application-features .more-features .app-box .icon{ -webkit-transition: all .2s ease-in-out;  -moz-transition: all .2s ease-in-out;  -o-transition: all .2s ease-in-out;  transition: all .2s ease-in-out;position: absolute; left: 0; top: 0; width: 70px; height: 70px; background-color: #f21d44; border: 8px solid #fff; color: #fff; box-shadow: 0 0 1px rgba(0,0,0,.2); line-height: 54px; font-size: 36px; text-align: center;}
.application-features .more-features .app-box .icon:before{line-height: 54px;}
.application-features .more-features .app-box h3{font-size: 18px; color: #f21d44; -webkit-transition: all .2s ease-in-out;  -moz-transition: all .2s ease-in-out;  -o-transition: all .2s ease-in-out;  transition: all .2s ease-in-out;}
.application-features p{color: #797a7d; font-size: 14px; line-height: 24px;}
.application-features .more-features .app-box:hover .icon{border-color: #f21d44; box-shadow: none;}
.application-features .more-features .app-box:hover h3{color: #212121}


.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}


.share-app{background-color: #2c3e50;}

.plane-heading h2{font-size: 36px; color: #fcfcfc;}
@media(min-width:990px) {
.img-top-negative{position: relative; margin-top: -150px;}
.morein-thisapp{margin-top: 100px;}
	.application-features img{margin-top: 80px;}
	.share-app{margin-top: -256px; padding-top: 130px;}
	.plane-heading{float: left;    width: 100%;    margin-top: -50px; margin-bottom: 70px;}
}
.share-app .share{min-width: 170px; margin-bottom: 30px;}
.share-app .share .icon-social{background-color: #fcfcfc; border-radius: 2px; padding: 20px; min-height: 140px; display: flex; align-items: center; justify-content: center}
.share-app .share .icon-social p{color: #9d9fa2; font-family: 'montserratbold'; margin: 10px 0 0	}
.share-app .share a{margin: 0 15px; display: block; background-color: #4edbff; line-height: 30px; color: #fff; border-radius: 0px 0px 2px 2px; font-size: 12px; font-family: 'montserratbold';}
.share-app .share .fa{font-size: 18px; -webkit-transition: all .2s ease-in-out;  -moz-transition: all .2s ease-in-out;  -o-transition: all .2s ease-in-out;  transition: all .2s ease-in-out;}
.share-app .share:hover .fa{font-size: 26px;}
.share-app .share.facebook .fa{color: #0c0c6c;}
.share-app .share.twitter .fa{color: #4099ff;}
.share-app .share.google .fa{color: #dc042c;}
.share-app .share.pintrest .fa{color: #e74c3c;}
.share-app .share.instagram .fa{color: #2c3e50;}
.showcase {background-color: #faf9fb;}
.showcase h5{font-size: 16px; color: #212121;}
.showcase p, .showcase li{color: #797a7d; line-height: 24px;}
.showcase ul{margin: 0; padding: 0; list-style: none;}
.showcase ul li{padding: 7px 0 7px 26px; position: relative;}
.showcase ul li:before{width: 8px; height: 8px; background-color: #0c0c6c; border-radius: 50%; content: ''; left:0; top: 16px; position: absolute;}



.goapp p{color: #797a7d;}
.goapp .platform{margin-top: 50px;}
.goapp .platform a{width: 70px; height: 70px; background: #2fe2d9; display: inline-block}
.goapp .platform a .fa{float: left; width: 68px; height: 68px;-webkit-transition: all .2s ease-in-out;  -moz-transition: all .2s ease-in-out;  -o-transition: all .2s ease-in-out;  transition: all .2s ease-in-out; color: #fff; font-size: 36px; line-height:58px; text-align: center; border: 5px solid #fff; margin: 1px 0 0 1px;}
.goapp .platform a:hover .fa{color: #2fe2d9; background-color: #fff;}

.navbar-default .navbar-brand{height: auto; padding-top: 3px; padding-bottom: 0px;}
@media(min-width:768px) {
	
header .container { padding-top: 200px; padding-bottom: 100px; }
header .intro-text .name { font-size: 4.75em; }
header .intro-text .skills { font-size: 1.75em; }
}

@media(min-width:768px) {
.navbar-fixed-top { padding: 30px 0; -webkit-transition: padding .3s; -moz-transition: padding .3s; transition: padding .3s; }
.navbar-fixed-top .navbar-brand { font-size: 2em; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
.navbar-fixed-top.navbar-shrink { padding: 5px 0; }
.navbar-fixed-top.navbar-shrink .navbar-brand { font-size: 1.5em; }
}
.navbar { font-family: 'montserratsemi_bold'; }
.navbar a:focus { outline: 0; }
.navbar .navbar-nav { letter-spacing: 1px; }
.navbar .navbar-nav li a:focus { outline: 0; }
.navbar-default, .navbar-inverse { border: 0; }
section { padding: 100px 0; }
section h2 { margin: 0; font-size: 3em; }
section.success { color: #fff; background: #18bc9c; }
section.success a, section.success a:hover, section.success a:focus, section.success a:active, section.success a.active { outline: 0; color: #2c3e50; }

@media(max-width:767px) {
section { padding: 75px 0; }
section.first { padding-top: 75px; }
}
footer .from p{line-height: 24px;color: #797a7d; margin-bottom: 30px;}
footer form{margin-top: 60px;}
footer form .form-control{border-radius: 0px; border: none; box-shadow: none; padding: 20px 30px; border-bottom: #34c2da 2px solid; resize: none}
footer .from p.help-block{margin: 0;}
ul[role="alert"]{margin: 0; padding: 0; list-style: none; color: #f00; font-size: 12px;}
footer form button.btn{border: 3px solid #34c2da; background-color: #fff; border-radius: 0px; min-height: 45px; padding:0 30px; line-height: 45px; margin-bottom: 70px;}
footer form button.btn:hover{background-color:#34c2da; color: #FFFFFF; }
#map {width: 100%; min-height: 300px;height: 100%;}
.footer-below{background-color: #292728; text-align: center; height: 60px; line-height: 60px; color: #FFFFFF}
@media(min-width:990px) {
	#map{position: absolute !important}
	footer .container .row{display: flex;}
	.footer-below{ height: 98px; line-height: 98px; }
}

.page-scroll.scroll-top{position: fixed; right: 2%; bottom: 2%; z-index: 9999}
.page-scroll.scroll-top a{width: 40px; height: 40px; border-radius: 50%; padding: 0; line-height: 36px;background-color: #f21d44; border: none; }

@media (max-width: 991px) {
	.owl-item .heading{ margin-top: 30px;}
	.showcase img{margin-top: 30px;}
    .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;
    }
    .collapsing {
        overflow: hidden!important;
    }
	section.application .controls {
    position: static;
    text-align: center;
}
}