/*
	Author 	: 	Phoenixcoded
	Profile : 	https://themeforest.net/user/phoenixcoded
	File	:	Style.css [Must required main theme stylesheet] 
	Last  changed	:	28-01-2017
	
	01 . General CSS
	02 . preloader
	03 . Navigation
	04 . home
	05 . features
	06 . images-text
	07 . about us
	08 . download
	09 . screenshots
	10 . team
	11 . pricing
	12 . video
	13 . work
	14 . blog
	15 . testimoniol
	16 . faq
	17 . update & download
	18 . contact us
	19 . footer
*/


/* 01 . General CSS Starts */

body {
    font-family: 'Source Sans Pro', sans-serif;
    background-color: #fff;
    font-size: 15px;
	letter-spacing:0.5px;
    color: #000;
}

section {
    padding-top: 70px;
    padding-bottom: 90px;
}

h1, h2 {
    font-family: 'Chathura', sans-serif;
    line-height: 50px;
}

h1 {
    font-size: 70px;
    font-weight: 800;
    color: #fff;
}

h2 {
    font-size: 60px;
    font-weight: 700;
}

h3 {
    font-size: 35px;
    line-height: 70px;
    font-weight: 600;
}

h4 {
    font-size: 22px;
    line-height: 35px;
    font-weight: 600;
}

h5 {
    font-size: 18px;
    font-weight: 600;
    line-height: 35px;
}
p {
	font-weight:300;
	color:#222;
}

h6, p {
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 1px;
}

a, a:hover {
    text-decoration: none;
}

.theme-default-background {
    background-color: #ff3366;
}

.theme-background {
    background-color: #f3f3f3;
}

.btn {
    border-radius: 25px;
    padding: 10px 30px;
    box-shadow: 0px 2px 5px 0px #777;
    transition: all 0.3s linear;
}

.btn-theme {
    background-color: #ff3366;
    color: #fff;
}

.btn-round {
    border-radius: 50%;
    position: absolute;
    right: 15px;
    padding: 7px 10px;
    top: 0;
}

.btn-round-textarea {
    top: 75px;
}

.btn-theme:hover, .btn-theme-alternate {
    box-shadow: 0px 0px 2px 0px #777;
    background-color: #171838;
    color: #fff;
    tra
}

.btn-theme-alternate:hover {
    color: #fff;
    box-shadow: 0px 1px 5px 2px #777;
}

.btn-default:hover {
    background-color: #fff;
    color: #ff3366;
}

.btn-inverse {
    background-color: #171838;
    color: #fff;
}

.btn-inverse:hover {
    background-color: #fff;
    color: #ff3366;
}

.valign-wrapper {
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

.sub-heading {
    font-size: 18px;
    line-height: 30px;
    color: #222;
    margin-top: 30px;
    margin-bottom: 40px;
    padding-left: 30px;
    padding-right: 30px;
}

.title h2 {
    text-transform: uppercase;
}

.text-white {
    color: #fff;
}

.text-theme-color {
    color: #ff3366;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mt40 {
    margin-top: 40px;
}

.mt50 {
    margin-top: 50px;
}

.mb0 {
    margin-bottom: 0px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb50 {
    margin-bottom: 50px;
}

.p0 {
    padding: 0px;
}

.m0 {
    margin: 0px;
}

.m10 {
    margin: 0px;
}

.m50 {
    margin: 50px;
}


/*Form control start*/

.form-material .form-group {
    position: relative;
}

.form-material .form-control {
    display: inline-block;
    height: 43px;
    width: 100%;
    border: none;
    border-radius: 0 !important;
    font-size: 16px;
    font-weight: 400;
    padding: 0;
    background-color: transparent;
    box-shadow: none;
    border-bottom: 1px solid #ccc;
}

.form-material textarea {
    height: 120px !important;
}

.form-material .form-bar {
    position: relative;
    display: block;
    width: 100%;
}

.form-material .form-bar:before {
    left: 50%;
}

.form-material .form-bar:before, .form-material .form-bar:after {
    content: '';
    height: 2px;
    width: 0;
    bottom: 0;
    position: absolute;
    transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    -webkit-transition: 0.3s ease all;
}

.form-material .form-bar:after {
    right: 50%;
}

.form-material .float-label {
    left: 0;
    top: 12px;
    font-size: 14px;
    pointer-events: none;
}

.form-material label {
    position: absolute;
    top: -18px;
    color: #ccc;
    font-size: 14px;
    font-weight: 400;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.form-material .form-control:focus {
    border-color: transparent;
    outline: none;
    box-shadow: none;
}

.form-material .form-control:focus~.form-bar:before, .form-material .form-control:focus~.form-bar:after {
    width: 50%;
}

.form-material .form-control:focus~.form-bar:before, .form-material .form-control:focus~.form-bar:after {
    background: #ff3366;
}

.form-material .form-control:focus~.float-label, .form-material .form-control:valid~.float-label {
    top: -10px;
    font-size: 11px;
}

.form-material .form-control:focus~label {
    color: #ff3366;
}

.set-submit-input {
    width: 100%;
    text-align: center;
}

.set-submit-box {
    display: inline-block;
    width: 100%;
    margin-right: 15px;
}

.set-submit-box button {
    margin-top: 10px;
    padding: 10px;
}


/* form controll end*/


/* owl owl.carousel dots start*/

.testimoniol .owl-dots, .blog .owl-dots {
    margin-top: 45px;
    text-align: center;
}

.testimoniol .owl-dot, .blog .owl-dot, .about .owl-dot {
    width: 30px;
    height: 4px;
    background-color: #f1f1f1;
    display: inline-block;
    margin: 5px;
}

.blog .owl-dot {
    background-color: #fff;
}

.about .owl-dot {
    border: 1px solid rgba(255, 255, 255, 0.5);
    background-color: transparent;
    margin-bottom: 20px;
}

.testimoniol .owl-dots .active, .blog .owl-dots .active {
    background-color: #ff3366;
    border: 1px solid rgba(255, 51, 102, 1);
}

.about .owl-dots .active {
    background-color: #fff;
}

.owl-prev, .owl-next {
    margin: 30px 5px;
    position: absolute;
    top: 25px;
}

.owl-prev i, .owl-next i {
    font-size: 26px;
    padding-top: 4px;
    display: block;
    text-align: center;
    color: #777;
}

.owl-next {
    right: -2em;
}

.owl-prev {
    left: -2em;
}


/* owl owl.carousel dots end*/


/* 01 . General CSS end */


/* 02 . Preloader CSS start*/

#theme-loader {
    background: rgba(255, 51, 102, 0.9);
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    left: 0;
    position: fixed;
    z-index: 9999;
}

#theme-loader .loader {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 150px;
    margin: -75px 0 0 -100px;
}


/* 02 . Preloader CSS Ends*/


/* 03 . Navigation start */

.brand-logo {
    width: 100px;
}

.navbar {
    z-index: 1000;
    width: 100%;
    height: 70px;
    background: rgba(255, 255, 255, 0.9);
    transition: all 0.3s linear;
    margin-bottom: 0px;
    box-shadow: 0 8px 6px -10px rgba(0, 0, 0, 0.5);
    border-radius: 0px !important;
}

.navbar:hover {
    background: rgba(255, 255, 255, 1);
    transition: all 0.3s linear;
}

nav {
    left: 0;
    top: -80px;
    right: 0;
    padding: 0px;
    transition: all 0.3s linear;
    height: auto;
    z-index: 99;
}

nav.top-nav-collapse {
    box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.5);
    opacity: 0.96;
    padding-bottom: 10px;
    padding-top: 0px;
}

.navbar {
    position: fixed;
}

.default {
    top: 0;
}

.navbar-toggle .icon-bar {
    background-color: #ff3366;
}

.navbar-nav>li>a {
    padding-top: 20px;
    padding-bottom: 10px;
    transition: all 0.3s linear;
    color: #222;
}

.navbar-nav li {
    position: relative;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
}

.nav>li>a:hover {
    background: transparent;
}

.nav>li .active, .nav>li>a:focus, .navbar-collapse.in {
    background: rgba(255, 255, 255, 0.9);
}

.navbar-collapse.in {
    margin-top: 20px;
}

.navbar-nav>li:before {
    content: "";
    position: absolute;
    left: 15px;
    right: 100%;
    bottom: 0;
    background: #ff3366;
    height: 2px;
    -webkit-transition: right 0.3s ease-out;
    transition: right 0.3s ease-out;
}

.navbar-nav>li:hover:before, .navbar-nav>li:focus:before, .navbar-nav>.active:before {
    right: 15px;
}


/* 03 . Navigation End */


/* 04 . home start */

.home {
    padding-top: 70px;
}

.home-img {
    background-image: url("../images/home/home-device-shadow.png");
    background-size: 100%;
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
}

.home-mob-img {
    height: 600px;
    margin-left: 15px;
}

.store-btn {
    display: inline-block;
}

.store-btn a, .store-btn .btn {
    margin-bottom: 15px;
}

.store-btn a {
    margin-right: 15px;
}

.store-btn .btn {
    margin-right: 7px;
}

.store-btn img {
    
}

.store-btn img:hover {
  
}


/* home 1*/

.home1 {
    background-color: #ff3366;
    overflow: hidden;
}

.img-1, .img-2, .img-3 {
    position: absolute;
    max-width: 175%;
}

.img-1 {
    top: -150px;
    left: 260px;
}

.img-2 {
    top: 22px;
    left: 40px;
}

.img-3 {
    top: 190px;
    left: -190px;
}


/* home 2*/

.img-home-2-bg {
    background: url("../images/home/home-layout-2.png") #ff3366 no-repeat center;
    background-size: cover;
}

.apply {
    font-size: 118px;
    font-family: "Source Sans Pro";
    color: rgba(255, 255, 255, 0.2);
    line-height: 0.627;
    text-transform: uppercase;
}


/* home 3 */

.layout-3-bottom-bar {
    width: 100%;
    height: 1px;
    background-color: #fff;
}

.hand {
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 60%;
}


/* circuler animation start */

.round_animate_wrap {
    right: -60px;
    top: 30px;
    padding: 5px;
    overflow: hidden;
    z-index: -1;
}

.round_animate {
    width: 550px;
    height: 550px;
    position: relative;
    margin: 40px auto;
}

.round_animate .shape_1 {
    border: 1px solid #dff0ff;
    border-radius: 50%;
    position: absolute;
    width: 100%;
    height: 100%;
    transform: rotate(23deg);
    animation: shape 35s linear infinite;
}

.round_animate .shape_1 span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #96ceff;
    position: absolute;
    left: 50%;
}

.round_animate .shape_1 span.r_1 {
    top: -5px;
    margin-left: -5px;
}

.round_animate .shape_1 span.r_2 {
    margin-left: -224px;
    top: 105px;
}

.round_animate .shape_1 span.r_3 {
    margin-left: -202px;
    top: 460px;
}

.round_animate .shape_1 span.r_4 {
    margin-left: 268px;
    top: 246px;
}

.round_animate .shape_2 {
    border: 1px solid #eaf5ff;
    width: 450px;
    top: 50px;
    height: 450px;
    left: 50px;
    border-radius: 50%;
    position: absolute;
    transform: rotate(-41deg);
    animation: shape 25s linear infinite;
}

.round_animate .shape_2 span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #bbdfff;
    position: absolute;
    left: 50%;
}

.round_animate .shape_2 span.r_1 {
    top: -5px;
    margin-left: -5px;
}

.round_animate .shape_2 span.r_2 {
    margin-left: -201px;
    top: 110px;
}

.round_animate .shape_2 span.r_3 {
    margin-left: -202px;
    top: 325px;
}

.round_animate .shape_2 span.r_4 {
    margin-left: 219px;
    top: 225px;
}

.round_animate .shape_3 {
    border: 1px solid #f1f8ff;
    width: 350px;
    top: 100px;
    height: 350px;
    left: 100px;
    border-radius: 50%;
    position: absolute;
    transform: rotate(0deg);
    animation: shape 15s linear infinite;
}

.round_animate .shape_3 span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #d0e9ff;
    position: absolute;
    left: 50%;
}

.round_animate .shape_3 span.r_1 {
    top: -5px;
    margin-left: -5px;
}

.round_animate .shape_3 span.r_2 {
    margin-left: -165px;
    top: 100px;
}

.round_animate .shape_3 span.r_3 {
    margin-left: -130px;
    top: 290px;
}

.round_animate .shape_3 span.r_4 {
    margin-left: 165px;
    top: 205px;
}


/* Safari 4.0 - 8.0 */

@-webkit-keyframes shape {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


/* Standard syntax */

@keyframes shape {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


/* circuler animation end */


/* 04 . home end */


/* 05 . features start */

.features-block, .features-1-block, .features-2-block, .features-3-block {
    border: 1px solid #ccc;
    width: 100%;
    border-radius: 5px;
    margin-bottom: 50px;
    position: relative;
    line-height: 1.8;
    letter-spacing: -1px;
    transition: all 0.3s linear;
}

.features-block {
    box-shadow: 0 8px 6px -10px rgba(0, 0, 0, 0.5);
    padding-left: 70px;
    padding-right: 20px;
}

.features-1-block, .features-2-block, .features-3-block {
    box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.1);
    padding: 20px 10px 10px 10px;
    background-color: #fff;
}

.features-icon {
    width: 55px;
    height: 55px;
    top: 0;
    left: 0;
    border-radius: 3px;
    position: absolute;
    background-color: #ccc;
    color: #fff;
    padding: 10px;
    transition: all 0.3s linear;
}

.features-block i, .features-1-block i {
    font-size: 35px;
    text-align: center;
}

.features-block:hover, .features-1-block:hover, .features-2-block:hover {
    border: 1px solid #ff3366;
    box-shadow: 0 8px 6px -10px rgb(255, 51, 102);
}

.features-2-icon {
    width: 50px;
    height: 50px;
    font-size: 30px;
    border-radius: 5px;
    position: absolute;
    top: -20px;
    right: 20px;
    transition: all 0.3s linear;
}

.features-2-icon {
    width: 50px;
    height: 50px;
    font-size: 30px;
    border-radius: 5px;
    position: absolute;
    top: -20px;
    right: 20px;
    transition: all 0.3s linear;
}

.features-3-icon {
    width: 50px;
    height: 50px;
    font-size: 30px;
    border-radius: 50%;
    color: #ff3366;
    border: 1px solid #ccc;
    margin: 0 auto;
    transition: all 0.3s linear;
}

.features-3-block:hover .features-3-icon {
    color: #fff;
    background-color: #ff3366;
    box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.5);
}

.features-2-block:hover .features-2-icon {
    top: -30px;
    /*border-radius: 50%;*/
    box-shadow: 0px 0px 5px 3px #ccc;
}

.features-block:hover .features-icon {
    background-color: #ff3366;
}

.vertical-phone {
    margin-top: 50px;
    width: 100%;
}

.features-bottom-shadow {
    background-image: url("../images/feature-device-shadow.png");
    background-size: 100% 100%;
}


/* watch */

.feature-watch, .features-1-moke, .features-3-moke {
    width: 80%;
    margin: 0 auto;
}

.features-moke-shadow, .features-1-moke-shadow, .features-2-moke-shadow, .features-3-moke-shadow {
    background-size: 100% 100%;
    margin-bottom: 10px;
}

.features-moke-shadow {
    background-image: url("../images/key-feature/watch/feature-moke-shadow.png");
}

.features-1-moke-shadow {
    background-image: url("../images/key-feature/feature-1-moke-shadow.png");
}

.features-2-moke-shadow {
    background-image: url("../images/key-feature/feature-2-moke-shadow.png");
}

.features-3-moke-shadow {
    background-image: url("../images/key-feature/feature-3-moke-shadow.png");
}

.key-feature-block {
    text-transform: uppercase;
    padding: 20px;
    border-left: 1px dashed #ccc;
}

.key-feature-block:first-child {
    border-left: 1px dashed transparent;
}

.key-feature-block i {
    color: #ff3366;
    font-size: 40px;
    margin-bottom: 10px;
}

.key-feature-group {
    border-top: 1px dashed #ccc;
}


/* 05 . features end */


/* 06 . images-text start */

.images-text {
    padding-top: 0px;
}

.images-text-img {
    width: 100%;
}

.images-text-blog {
    padding-right: 0px;
    padding-left: 0px;
}

.img-text-block {
    padding: 0px 25px;
}

.images-text .img-text-block1 {
    background-color: #ff3366;
}

.images-text .img-text-block2 {
    background-color: #f1f1f1;
}


/* 06 . images-text end */


/* 07 . about start */

.about-avatar {
    margin-top: -265px;
    position: absolute;
    z-index: 999;
}

.aboutus-screen-slide {
    margin-top: 185px;
    margin-left: -140px;
    width: 620px;
}

.about-slider {
    position: relative;
    top: 30px;
}

.about-banner {
    box-shadow: 0 1px 2px 0px #777;
    margin-bottom: 5px;
    width: 95% !important;
    margin-left: 5px;
}

.about .slide-headding {
    font-size: 100px;
    font-weight: 800;
    font-family: 'Chathura', sans-serif;
    opacity: 0.5;
    line-height: 65px;
}


/* 07 . about end */


/* 08 . download start */

.download {
    padding-bottom: 0px;
    padding-top: 0px;
}

.hand-mob {
    margin-top: -0px;
    margin-left: -15px;
    position: relative;
}
.hand-mob p{
	color:#FFF;
}

.highliter-1, .highliter-2, .highliter-3, .highliter-4 {
    top: 0;
    left: 0;
    position: absolute;
}

.mobilepoint-1, .mobilepoint-2, .mobilepoint-3, .mobilepoint-4 {
    width: 15px;
    height: 15px;
    border: 2px solid #fff;
    border-radius: 50%;
    position: absolute;
    animation: blink 1s linear infinite
}

@-webkit-keyframes blink {
    0% {
        box-shadow: 0px 0px 15px 0px #fff;
    }
    50% {
        box-shadow: 0px 0px 15px 5px #fff;
    }
    100% {
        box-shadow: 0px 0px 15px 0px #fff;
    }
}

@keyframes blink {
    0% {
        box-shadow: 0px 0px 15px 0px #fff;
    }
    50% {
        box-shadow: 0px 0px 15px 5px #fff;
    }
    100% {
        box-shadow: 0px 0px 15px 0px #fff;
    }
}

.mob-div-1, .mob-div-2, .mob-div-3, .mob-div-4 {
    background-color: rgba(256, 256, 256, 0.3);
    color: #fff;
    text-align: center;
    border-radius: 5px;
    width: 100px;
    padding: 5px 5px 0px 5px;
    position: absolute;
}

.mob-point-line-1, .mob-point-line-2, .mob-point-line-3, .mob-point-line-4 {
    position: absolute;
}

.mobilepoint-1 {
    margin-top: 260px;
    margin-left: 360px;
}

.mob-div-1 {
    margin-top: 335px;
    margin-left: 193px;
}

.mob-point-line-1 {
    margin-top: 273px;
    margin-left: 292px;
}

.mobilepoint-2 {
    margin-top: 272px;
    margin-left: 498px;
}

.mob-div-2 {
    margin-top: 145px;
    margin-left: 601px;
}

.mob-point-line-2 {
    margin-top: 169px;
    margin-left: 503px;
}

.mobilepoint-3 {
    margin-top: 450px;
    margin-left: 446px;
}

.mob-div-3 {
    margin-top: 525px;
    margin-left: 282px;
}

.mob-point-line-3 {
    margin-top: 453px;
    margin-left: 326px;
}

.mobilepoint-4 {
    margin-top: 404px;
    margin-left: 562px;
}

.mob-div-4 {
    margin-top: 469px;
    margin-left: 664px;
}

.mob-point-line-4 {
    margin-top: 409px;
    margin-left: 575px;
}

.watch-highliter .mobilepoint-3 {
    margin-left: 400px;
}

.watch-highliter .mob-point-line-3 {
    margin-left: 280px;
}

.watch-highliter .mob-div-3 {
    margin-left: 235px;
}

.watch-highliter .mobilepoint-2 {
    margin-left: 560px;
}

.watch-highliter .mob-point-line-2 {
    margin-left: 565px;
}

.watch-highliter .mob-div-2 {
    margin-left: 663px;
}


/* 08 . download end */


/* 09 . screenshots start */

.screenshots-slider, .layout-1-screenshots-slider {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 65px;
    position: relative;
}

.img-screenshots, .img-layout-1 {
    background-position: center;
    background-repeat: no-repeat;
}

.img-screenshots {
    width: 224px;
    height: 407px;
    background-size: 224px 407px;
}

.layout-2-img-screenshots {
    width: 380px;
    height: 607px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.img-layout-1 {
    width: 224px;
    height: 370px;
    background-size: 203px 370px;
}

.swiper-button-next, .swiper-button-prev {
    -moz-background-size: 15px 20px;
    -webkit-background-size: 15px 20px;
    background-size: 15px 20px;
}

.screen-mob-img, .screen-1-mob-img {
    position: absolute;
    top: 0;
    z-index: 1000;
    left: 50%;
}

.screen-mob-img {
    width: 260px;
    margin: 0px 0px 0px -130px;
}

.screen-1-mob-img {
    width: 240px;
    margin: 0px 0px 0px -120px;
}

.screen-3-mob-img {
    width: 455px;
    margin: 5px 0px 0px -223px;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 999;
}


/* watch */

.img-screen-moke {
    position: absolute;
    top: 0;
    z-index: 999;
    width: 270px;
    left: 50%;
    margin: 0px 0px 0px -130px;
}

.owl-carousel-watch-screenshots {
    margin-top: 135px;
    margin-bottom: 120px;
}

.img-watch-screen {
    width: 180px;
    margin: 0 auto;
}


/* 09 . screenshots end */


/* 10 . Team start */

.team {
    padding-bottom: 50px;
}

.team-block {
    width: 100%;
    border-radius: 5px;
    box-shadow: 0px 0px 5px 0px #ccc;
    padding: 30px 40px;
    margin-top: 60px;
    border: 1px solid #ccc;
    margin-bottom: 40px;
    background-color: #fff;
    transition: all 0.3s linear;
}

.team-block:hover {
    border: 1px solid #ff3366;
}

.team-block:hover .team-img {
    top: -10px;
    border-radius: 10px;
    box-shadow: 1px 10px 10px 0px #ccc;
}

.team-desg {
    font-size: 18px;
    margin-left: 10px;
    text-transform: capitalize;
}

.team-block h4 {
    text-transform: uppercase;
}

.social-link i {
    font-size: 15px;
    display: inline-block;
    padding: 5px;
    color: #ccc;
    transition: all 0.3s linear;
}

.social-link i:hover {
    color: #ff3366;
    transform: scale(1.3);
}

.team-img {
    position: absolute;
    right: 50px;
    top: 0;
    transition: all 0.3s linear;
}


/* 10 . Team end */


/* 11 . pricing start */

.price-block {
    width: 100%;
    box-shadow: 0px 0px 5px 0px #ccc;
    border: 1px solid #ccc;
    padding: 25px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s linear;
}

.price-block:hover {
    transform: scale(1.05);
}

.price-head {
    margin-top: 20px;
    border-bottom: 1px solid #f1f1f1;
}

.price-block i {
    background-color: #171838;
    color: #fff;
    font-size: 25px;
    padding: 25px;
    border-radius: 50%;
    top: 20px;
}

.price-package {
    padding: 20px;
}

.price-package strong {
    color: #171838;
    font-size: 60px;
    font-weight: 800;
}

.price-package span {
    letter-spacing: 5px;
    text-transform: uppercase;
    color: #ccc;
    display: block;
    font-size: 14px;
    font-weight: 500;
}

.price-list li {
    list-style: none;
    text-align: left;
    font-size: 14px;
	letter-spacing:1px;
    line-height: 40px;
    font-weight: 500;
    border-bottom: 1px solid #f1f1f1;
}

.price-list li:before {
    content: "\f00c";
    color: #ff3366;
    font-size: 17px;
    margin-right: 10px;
    font-family: "FontAwesome";
}

.price-list li:last-child {
    border-bottom: 1px solid transparent;
}

.price-badge {
    background-color: #171838;
    color: #fff;
    font-size: 20px;
    transform: rotate(45deg);
    position: absolute;
    display: block;
    right: -51px;
    width: 158px;
    top: 14px;
}


/* 11 . pricing end */


/* 12 . video start */

.video {
    padding: 150px 0px;
}

.thumb, .video-frame {
    width: 100%;
}

.video-frame {
    height: 320px;
}

.video-play {
    background-color: #fff;
    border-radius: 50%;
    display: block;
    width: 80px;
    height: 80px;
    padding-left: 10px;
    font-size: 40px;
    margin: 0 auto;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.video-play:hover {
    transform: scale(1.3);
    color: #ff3366;
}

.mfp-close:hover {
    background-color: transparent;
    box-shadow: none;
}


/* 12 . video end */


/* 13 . work start */

.counter-block {
    box-shadow: 0px 0px 5px 0px #ccc;
    border: 1px solid #ccc;
    padding: 20px 20px 10px 20px;
}

.counter-block i {
    font-size: 30px;
}

.counter-block strong {
    display: block;
    font-size: 35px;
    font-weight: 600;
}

.counter-block p {
    text-transform: uppercase;
}

.mobileslide {
    width: 210px;
    z-index: 999;
    position: relative;
}

.slide-mobile-container, .img-watch-work-moke {
    width: 100%;
    top: 0;
}

.work .owl-carousel .item img {
    width: 182px;
    margin: 0 auto;
    margin-left: 0px;
}

.work .owl-carousel {
    -webkit-transform: matrix3d(.9518824474468281, -.188190501992532667, 0, -.00051243334295719736, -.00009770394155104967, 1.33, 1, .0000075156878116192055, 0, 0, 1, 0, 1, 175, 0, 1);
    transform: matrix3d(.9518824474468281, -.188190501992532667, 0, -.00051243334295719736, -.00009770394155104967, 1.33, 1, .0000075156878116192055, 0, 0, 1, 0, 1, 175, 0, 1);
}

.owl-screen-slider {
    position: absolute;
    top: -38px;
    left: 0;
}

.work .owl-carousel .owl-stage-outer {
    width: 184px;
    margin-left: 75px;
}

.work-moke-shadow {
    background-image: url("../images/what-we-do/watch/work-moke-shadow.png");
    background-size: 100% 100%;
}


/* 13 . work end */


/* 14 . blog start */

.blog-card {
    box-shadow: 0px 0px 5px 0px #ccc;
}

.blog-card i {
    margin: 0px 5px 0px 10px;
}

.blog-socialmedia-counter {
    display: inline-block;
}

.blogimg {
    position: relative;
    top: -25px;
    margin: 0 auto;
    width: 100%;
    box-shadow: 0px 0px 7px 2px #ccc;
    margin-bottom: -40px;
    border-radius: 5px;
}
.blog-card .mob-btn {
	padding-top:10px;
}

/* 14 . blog end */


/* 15 . testimoniol start */

.testimoniol-blog {
    padding: 20px 25px;
    box-shadow: 0px 0px 10px 1px #ccc;
    border: 1px solid #ccc;
    margin: 10px 50px 50px 70px;
}

.img-testimoniol {
    width: 100px !important;
    height: 100px;
    position: absolute;
    bottom: 0px;
    right: 0px;
}


/* 15 . testimoniol end */


/* 16 . faq start */

.faq-accordion {
    margin: 0px;
}

.faq-accordion .panel:first-child a {
    margin-top: 0px;
}

.faq-accordion .panel {
    margin: 0;
    border-width: 0px;
    border-radius: 0;
    box-shadow: 0px 0px 10px 1px #ccc;
    background-color: transparent;
}

.faq-accordion .title {
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 0;
}

.faq-accordion .title a:hover i, .faq-accordion .title a[aria-expanded="true"] i {
    color: #fff;
}

.faq-accordion .title a:hover, .faq-accordion .title a[aria-expanded="true"] {
    text-decoration: none;
    border-color: #ddd;
    color: #ff3366;
    background-color: #fff;
}

.faq-accordion .title a {
    display: block;
    position: relative;
    color: #222;
    padding: 15px 15px 15px 45px;
    border: 1px solid #e8e8e8;
    border-bottom: none;
    margin: 30px 0px 0px 0px;
    text-decoration: none;
    background-color: #fff;
}

.faq-accordion .title a:hover p, .faq-accordion .title a[aria-expanded="true"] p {
    font-size: 18px;
    color: #222;
}

.faq-accordion .title a p {
    font-size: 10px;
    color: #ddd;
}

.faq-accordion .desc {
    color: #000;
    padding: 10px 20px 20px;
    font-size: 14px;
    background-color: #fff;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.faq-accordion .title a[aria-expanded="true"]:hover::before, .faq-accordion .title a[aria-expanded="true"]::before {
    content: "\f056";
}

.faq-accordion .title a::before {
    content: "\f055";
    position: absolute;
    top: 25%;
    left: 20px;
    font-family: 'FontAwesome';
    font-size: 20px;
}


/* 16 . faq end */


/* 17 . update & download start*/

.playstore-block {
    box-shadow: 0px 0px 5px 0px #ccc;
    border: 1px solid #ccc;
    padding: 20px 20px 10px 20px;
    font-weight: 600;
    transition: all 0.3s linear;
    margin-top: 5px;
}

.playstore-block:hover {
    background-color: #171838;
    color: #fff;
}

.playstore-block:hover i {
    color: #fff;
}

.playstore-block i {
    font-size: 45px;
}

.client-slider {
    border-top: 1px solid #ccc;
    margin-top: 50px;
    padding-top: 50px;
}


/* 17 . update & download end */


/* 18 . contact us start*/

.contact-number {
    list-style: none;
    padding-left: 0px;
}


/* 18 . contact us end */


/* 19 . footer start */

.footer {
    background-color: #ff3366;
    padding-bottom: 0px;
}

.footer-layout-1 {
    padding-bottom: 70px;
}

.footer .store-btn img {
    width: 150px;
}

.footer-heading {
    color: #171838;
    border-bottom: 1px solid #171838;
    text-transform: uppercase;
}

.footer .btn-round {
    top: auto;
    bottom: 45px;
    background-color: #171838;
}

.footer .social-link i {
    color: #171838;
    transition: all 0.3s linear;
}

.footer .social-link-layout-1 i {
    color: #fff;
    transition: all 0.3s linear;
}

.footer .social-link i:hover, .footer .social-link-layout-1 i:hover {
    color: #fff;
    transform: scale(1.3);
}

.footer-menu, .footer-1-menu {
    padding-left: 0px;
}

.footer-menu li, .footer-1-menu li {
    list-style: none;
    font-size: 18px;
}

.footer-menu li {
    padding: 10px;
}

.footer-1-menu li {
    padding: 10px;
    display: inline-block;
}

.footer-menu li:before, .footer-1-menu li:before {
    color: #fff;
    font-size: 17px;
    margin-right: 10px;
    font-family: "FontAwesome";
}

.footer-menu li:before {
    content: "\f105";
}

.footer-1-menu li:before {
    content: "|";
}

.footer-1-menu li:first-child:before {
    content: "";
}

.footer-menu a, .footer-1-menu a {
    color: #fff;
    text-decoration: none;
    transition: all 0.3s linear;
}

.footer-menu a:hover, .footer-1-menu a:hover {
    color: #171838;
}

.footer .form-material .form-control:focus~.form-bar:before, .footer .form-material .form-control:focus~.form-bar:after {
    background: #171838;
}

.footer .form-material .form-control {
    color: #fff !important;
}

.footer .form-material .form-control:focus~label {
    color: #171838;
}

.footer footer {
    border-top: 1px solid #fff;
    padding: 20px;
    margin-top: 70px;
}

.footer-layout-2 footer {
    background-color: #222;
}


/* 19 . footer end */