.black{color:#000;}
#features{background:rgb(59,74,228);//color:#fff;overflow:hidden;padding-top:247px;position:relative;}
/*#services::before{background-size:cover;border-right:3000px solid transparent;border-top:152px solid #4B53F7;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1;}*/
#features::after{background-size:cover;border-bottom:152px solid #3b4ae4;border-left:3000px solid transparent;bottom:0;content:"";left:0;pointer-events:none;position:absolute;width:100%;z-index:1;}
#features::before{background-size:cover;border-right:3000px solid transparent;border-top:152px solid #060F34;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1;}
#features .features{}
.clutch-area{background:#060F34;font-family:'Montserrat', sans-serif;color:#fff;overflow:hidden;padding-top:175px;position:relative;}
.row-centered{text-align:center;}
.col-centered{display:inline-block;float:none;font-family:'Montserrat', sans-serif;margin-right:-4px;text-align:center;}
.clutch-area .col-centered img{height:auto;width:120px;}
.service-area{background:#ffffff;font-family:'Montserrat', sans-serif;color:black;overflow:hidden;padding-bottom:10px;position:relative;}
/*.service-area::after{background-size:cover;border-bottom:152px solid #4B53F7;border-left:3000px solid transparent;bottom:0;content:"";left:0;pointer-events:none;position:absolute;width:100%;z-index:1;}*/
.view{overflow:hidden;position:relative;text-align:center;cursor:default;background:transparent;padding-top:10px;margin-top:15px;}
.view h3{font-family:'Montserrat', sans-serif;color:#fff;}
.view .mask, .view .content{width:auto;height:530px;position:absolute;overflow:hidden;top:0;left:0;}
.view img{display:block;position:relative;}
.view h4{text-transform:uppercase;color:#fff;text-align:center;position:relative;font-size:50px;padding-top:60px;font-family:'Montserrat', sans-serif;}
.view p{font-style:normal;font-size:20px;position:relative;color:#fff;padding:15px 20px 15px;text-align:center;}
.view a.info{display:inline-block;text-decoration:none;padding:7px 14px;background:#000;color:#fff;text-transform:uppercase;-webkit-box-shadow:0 0 1px #000;-moz-box-shadow:0 0 1px #000;box-shadow:0 0 1px #000;}
.view a.info:hover{-webkit-box-shadow:0 0 5px #000;-moz-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000;}
.view-seventh img{-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;transition:all 0.5s ease-out;-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;}
.view-seventh .mask{background-color:#ff4f81;-webkit-transform:rotate(0deg) scale(1);-moz-transform:rotate(0deg) scale(1);-o-transform:rotate(0deg) scale(1);-ms-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1);-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
.view-seventh h4{padding-top:140px;font-weight:500;-webkit-transform:translateY(-200px);-moz-transform:translateY(-200px);-o-transform:translateY(-200px);-ms-transform:translateY(-200px);transform:translateY(-200px);-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.view-seventh p{-webkit-transform:translateY(-200px);-moz-transform:translateY(-200px);-o-transform:translateY(-200px);-ms-transform:translateY(-200px);transform:translateY(-200px);-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.view-seventh a.info{-webkit-transform:translateY(-200px);-moz-transform:translateY(-200px);-o-transform:translateY(-200px);-ms-transform:translateY(-200px);transform:translateY(-200px);-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.view-seventh:hover img{-webkit-transform:rotate(720deg) scale(0);-moz-transform:rotate(720deg) scale(0);-o-transform:rotate(720deg) scale(0);-ms-transform:rotate(720deg) scale(0);transform:rotate(720deg) scale(0);-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;}
.view-seventh:hover .mask{-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;-webkit-transform:translateY(0px) rotate(0deg);-moz-transform:translateY(0px) rotate(0deg);-o-transform:translateY(0px) rotate(0deg);-ms-transform:translateY(0px) rotate(0deg);transform:translateY(0px) rotate(0deg);-webkit-transition-delay:0.4s;-moz-transition-delay:0.4s;-o-transition-delay:0.4s;-ms-transition-delay:0.4s;transition-delay:0.4s;}
.view-seventh:hover h4{-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);-webkit-transition-delay:0.7s;-moz-transition-delay:0.7s;-o-transition-delay:0.7s;-ms-transition-delay:0.7s;transition-delay:0.7s;}
.view-seventh:hover p{-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);-webkit-transition-delay:0.6s;-moz-transition-delay:0.6s;-o-transition-delay:0.6s;-ms-transition-delay:0.6s;transition-delay:0.6s;}
.view-seventh:hover a.info{-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);-webkit-transition-delay:0.5s;-moz-transition-delay:0.5s;-o-transition-delay:0.5s;-ms-transition-delay:0.5s;transition-delay:0.5s;}
#why{background-size:cover;color:#fff;background:#060f34;overflow:hidden;}
#why .content h2{font-size:50px;line-height:70px;margin-top:0;font-weight:100;}
html,
body,
#bubbles{height:auto;position:relative;}
body{overflow:x-scroll}
#bubbles{padding:100px 0}
.bubble{width:140px;height:140px;background:#ffb200;border-radius:200px;-moz-border-radius:200px;-webkit-border-radius:200px;position:absolute;text-align:center;line-height:125px;color:#fff;font-size:31px;font-family:'Roboto', sans-serif;}
.x1{-webkit-transform:scale(0.9);-moz-transform:scale(0.9);transform:scale(0.9);-webkit-animation:moveclouds 15s linear infinite, sideWays 4s ease-in-out infinite alternate;-moz-animation:moveclouds 15s linear infinite, sideWays 4s ease-in-out infinite alternate;-o-animation:moveclouds 15s linear infinite, sideWays 4s ease-in-out infinite alternate;background:rgba(212, 16, 16,0.3) none repeat scroll 0 0}
.x2{left:200px;-webkit-transform:scale(0.6);-moz-transform:scale(0.6);transform:scale(0.6);-webkit-animation:moveclouds 25s linear infinite, sideWays 5s ease-in-out infinite alternate;-moz-animation:moveclouds 25s linear infinite, sideWays 5s ease-in-out infinite alternate;-o-animation:moveclouds 25s linear infinite, sideWays 5s ease-in-out infinite alternate;background:rgba(255, 178, 0,0.2) none repeat scroll 0 0}
.x3{left:350px;-webkit-transform:scale(0.8);-moz-transform:scale(0.8);transform:scale(0.8);-webkit-animation:moveclouds 20s linear infinite, sideWays 4s ease-in-out infinite alternate;-moz-animation:moveclouds 20s linear infinite, sideWays 4s ease-in-out infinite alternate;-o-animation:moveclouds 20s linear infinite, sideWays 4s ease-in-out infinite alternate;background:rgba(12, 216, 79,0.1) none repeat scroll 0 0}
.x4{left:470px;-webkit-transform:scale(0.75);-moz-transform:scale(0.75);transform:scale(0.75);-webkit-animation:moveclouds 18s linear infinite, sideWays 2s ease-in-out infinite alternate;-moz-animation:moveclouds 18s linear infinite, sideWays 2s ease-in-out infinite alternate;-o-animation:moveclouds 18s linear infinite, sideWays 2s ease-in-out infinite alternate;background:rgba(174, 51, 230,0.2) none repeat scroll 0 0}
.x5{left:900px;-webkit-transform:scale(0.8);-moz-transform:scale(0.8);transform:scale(0.8);-webkit-animation:moveclouds 15s linear infinite, sideWays 1s ease-in-out infinite alternate;-moz-animation:moveclouds 15s linear infinite, sideWays 1s ease-in-out infinite alternate;-o-animation:moveclouds 15s linear infinite, sideWays 1s ease-in-out infinite alternate;background:rgba(255, 185, 38,0.2) none repeat scroll 0 0}
.x6{left:950px;-webkit-transform:scale(0.8);-moz-transform:scale(0.8);transform:scale(0.8);-webkit-animation:moveclouds 10s linear infinite, sideWays 1s ease-in-out infinite alternate;-moz-animation:moveclouds 10s linear infinite, sideWays 1s ease-in-out infinite alternate;-o-animation:moveclouds 10s linear infinite, sideWays 1s ease-in-out infinite alternate;background:rgba(242, 87, 120,0.2) none repeat scroll 0 0}
.x7{left:900px;-webkit-transform:scale(0.6);-moz-transform:scale(0.6);transform:scale(0.6);-webkit-animation:moveclouds 25s linear infinite, sideWays 5s ease-in-out infinite alternate;-moz-animation:moveclouds 25s linear infinite, sideWays 5s ease-in-out infinite alternate;-o-animation:moveclouds 25s linear infinite, sideWays 5s ease-in-out infinite alternate;background:rgba(255, 231, 33,0.2) none repeat scroll 0 0}
@-webkit-keyframes moveclouds{0%{top:500px;}
100%{top:-500px;}
}
@-webkit-keyframes sideWays{0%{margin-left:0px;}
100%{margin-left:50px;}
}
@-moz-keyframes moveclouds{0%{top:500px;}
100%{top:-500px;}
}
@-moz-keyframes sideWays{0%{margin-left:0px;}
100%{margin-left:50px;}
}
@-o-keyframes moveclouds{0%{top:500px;}
100%{top:-500px;}
}
@-o-keyframes sideWays{0%{margin-left:0px;}
100%{margin-left:50px;}
}
#main-features{background:#060F34;//color:#fff;overflow:hidden;padding-top:192px;position:relative;}
#main-features::after{background-size:cover;border-bottom:152px solid purple;border-left:3000px solid transparent;bottom:0;content:"";left:0;pointer-events:none;position:absolute;width:100%;z-index:1;}
#main-features::before{background-size:cover;border-right:3000px solid transparent;border-top:152px solid #3b4ae4;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1;}
.text-big h2{font-size:77px !important;font-weight:900;}
#main-features .btn.btn-lg.btn-white{background:#e8c547 none repeat scroll 0 0;color:white;font-size:16px;letter-spacing:1px;margin-top:60px;padding:23px 56px;}
.main-feature-gray{background:#ecf0f1;}
.startup-area{background:#4B53F7;font-family:'Montserrat', sans-serif;color:White;overflow:hidden;padding-top:70px;padding-bottom:38px;position:relative;}
#testimonial{width:100%;background:purple;}
.title-medium{letter-spacing:1px;margin-bottom:30px;line-height:1.5em;text-align: center;font-size: 16px;font-weight: 300;font-family: 'Raleway', sans-serif !important;}
.col-sm-offset-2{margin-left:0;}
.vertical .carousel-inner{height:100%;}
.carousel.vertical .item{-webkit-transition:0.6s ease-in-out top;-moz-transition:0.6s ease-in-out top;-ms-transition:0.6s ease-in-out top;-o-transition:0.6s ease-in-out top;transition:0.6s ease-in-out top;}
.carousel.vertical .active{top:0;}
.carousel.vertical .next{top:400px;}
.carousel.vertical .prev{top:-400px;}
.carousel.vertical .next.left,
.carousel.vertical .prev.right{top:0;}
.carousel.vertical .active.left{top:-400px;}
.carousel.vertical .active.right{top:400px;}
.carousel.vertical .item{left:0;}
#testimonial .carousel-inner p{color:#fff;letter-spacing:1px;font-size:18px;}
.img-slider > img{margin-top:15%;height:150px;}
#testimonial .btn.btn-lg.btn-white{padding:15px 30px;background:#e8c547 none repeat scroll 0 0;color:white;font-size:16px;letter-spacing:1px;margin-top:60px;}
#testimonial .carousel-inner p a{color:#fff;}
#testimonial .carousel-inner .meta{margin-top:50px;}
#testimonial .carousel-inner .meta p{color:#ccc;}
#testimonial .carousel-inner .meta p a{color:#fff;}
#testimonial .carousel-indicators{position:absolute;bottom:-240px;}
#testimonial .carousel-indicators li{border-color:#fff;height:20px;width:20px;display:block;margin-top:10px;}
#testimonial .carousel-indicators .active{background-color:#fff;border-color:#fff;height:20px;width:20px;}
#blog{background:#3B4FE1;color:#fff;overflow:hidden;padding-top:200px;padding-bottom:200px;position:relative;}
#blog::after{background-size:cover;border-bottom:265px solid purple;border-left:3000px solid transparent;bottom:0;content:"";left:0;pointer-events:none;position:absolute;width:100%;z-index:1;}
#blog::before{background-size:cover;border-right:3000px solid transparent;border-top:152px solid purple;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1;}
.text-detail p{font-size:17px;}
#blog .btn.btn-lg.btn-white{padding:15px 30px;background:#3B4FE1 none repeat scroll 0 0;color:#fff;font-size:16px;letter-spacing:1px;}
.listing-item{list-style:none;display:block;width:100%;padding:0;margin:0;}
.wrap-card{position:relative;box-shadow:0px 0px 0px #818181;transition:all 0.2s ease 0s;-webkit-transform:translateY(0px) translateX(0px);}
.wrap-card:before,
.wrap-card:after{display:inline-block;position:absolute;content:" ";width:100%;height:3px;background:purple;-webkit-transform:scaleX(0);transition:all 0.2s ease;}
.wrap-card:before{top:0;left:0;-webkit-transform-origin:0 0;}
.wrap-card:after{bottom:0;left:0;-webkit-transform-origin:100% 0;}
.wrap-card:hover{box-shadow:20px 20px 0px purple;-webkit-transform:translateY(-10px) translateX(-10px);transition:all 0.2s ease 0.4s;}
.wrap-card:hover:after,
.wrap-card:hover:before{-webkit-transform:scaleX(1);}
.card{background:#ffffff;padding:30px 35px 45px 35px;border:1px solid rgba(129, 129, 129, 0.1);position:unset !important;}
.blog-img > img{height:473px;width:100%;object-fit:cover;}
.card:before,
.card:after{display:inline-block;position:absolute;content:" ";width:3px;height:100%;background:purple;-webkit-transform:scaleY(0);transition:all 0.2s ease 0.2s;}
.card:before{top:0;left:0;-webkit-transform-origin:0 100%;}
.card:after{top:0;right:0;-webkit-transform-origin:0 0;}
.card:hover:after,
.card:hover:before{-webkit-transform:scaleY(1);}
#portfolio{width:100%;background:purple;}
#portfolio .btn-primary:not(.btn-link):not(.btn-flat){background-color:#000;}
#portfolio .btn-primary:not(.btn-link):not(.btn-flat){padding:15px 30px;background:#fff none repeat scroll 0 0;color:black;font-size:16px;letter-spacing:1px;margin-top:13px;}
#portfolio a{color:#000;font-weight:500;}
ul.portfolio-image{list-style:none;position:relative;width:100%;padding:0;margin:0;}
ul.portfolio-image li{float:left;display:block;list-style:none;position:relative;display:inline-block;overflow:hidden;padding-top:26%;}
ul.portfolio-image li:hover{cursor:pointer;}
ul.portfolio-image li:hover img{-webkit-filter:grayscale(20%);transform:scale(1.15);}
ul.portfolio-image li:hover .image-bg{opacity:1;}
ul.portfolio-image li:hover .description-wrap{background:rgba(186, 186, 186, 0.6);}
ul.portfolio-image li img{position:absolute;width:100%;height:100%;left:0;top:0;transition:filter, transform, 0.5s;}
ul.portfolio-image li .decription-wrap{position:absolute;width:100%;height:100%;top:0;left:0;padding:20px;transition:background, 0.5s;}
ul.portfolio-image li .image-bg{color:#2f2f2f;background:#ffffff;background:rgba(255, 255, 255, 0.9);font-size:14px;text-transform:uppercase;width:100%;height:100%;display:inline-block;-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);top:50%;left:50%;padding:10px 0;position:relative;margin:0 auto;text-align:center;opacity:0;transition:opacity, 0.5s;letter-spacing:1.5px;font-weight:300;color:transparent;}
ul.portfolio-image li .desc{position:absolute;z-index:1;top:24%;left:0;display:table-cell;right:0;text-align:center;color:#2f2f2f;font-size:14px;}
.clutch-area::before{background-size:cover;border-right:3000px solid transparent;border-top:152px solid white;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1;}
.clutch-area1::before{background-size:cover;border-right:3000px solid transparent;border-top:152px solid purple;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1;}
.feature::before{background-size:cover;border-right:3000px solid transparent;border-top:152px solid purple;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1;}
.clutch-area1{background:#060F34;font-family:'Montserrat', sans-serif;color:#fff;overflow:hidden;padding-top:175px;position:relative;}