:root{
    /*--primaryColor:#3ec1d5;*/
    --primaryColor:#F22B0C;
}
body,html{
    height:100%
}
.floatleft{
    float:left
}
.floatright{
    float:right
}
.alignleft{
    float:left;
    margin-right:15px;
    margin-bottom:15px
}
.alignright{
    float:right;
    margin-left:15px;
    margin-bottom:15px
}
.aligncenter{
    display:block;
    margin:0 auto 15px
}
a:focus{
    outline:0 solid
}
img{
    max-width:100%;
    height:auto
}
.fix{
    overflow:hidden
}
p{
    margin:0 0 15px;
    color:#444
}
h1,h2,h3,h4,h5,h6{
    font-family:Raleway,sans-serif;
    margin:0 0 15px;
    color:#444;
    font-weight:500
}
h1{
    font-size:48px;
    line-height:50px
}
h2{
    font-size:38px; 
    line-height:40px
}
h3{
    font-size:30px;
    line-height:32px
}
h4{
    font-size:24px;
    line-height:26px
}
h5{
    font-size:20px;
    line-height:22px
}
h6{
    font-size:16px;
    line-height:20px
}
a{
    transition:all .3s ease 0s;
    text-decoration:none
}
a:hover{
    color:var(--primaryColor);
    text-decoration:none
}
a:active,a:hover{
    outline:0 none
}
body{
    background:#fff none repeat scroll 0 0;
    color:#444;
    font-family:'Open Sans',sans-serif;
    font-size:14px;
    text-align:left;
    overflow-x:hidden;
    line-height:22px
}
.back-to-top{
    position:fixed;
    display:none;
    background:var(--primaryColor);
    color:#fff;
    padding:6px 12px 9px 12px;
    font-size:16px;
    border-radius:2px;
    right:15px;
    bottom:15px;
    transition:background .5s
}
@media (max-width:768px){
    .back-to-top{
        bottom:15px
    }
}
.back-to-top:focus{
    background:var(--primaryColor);
    color:#fff;
    outline:0
}
.back-to-top:hover{
    background:#3cd6ed;
    color:#fff
}
.clear{
    clear:both
}
ul{
    margin:0;
    padding:0
}
button,button[type=submit],input,input[type=date],input[type=email],input[type=password],input[type=tel],input[type=text],input[type=url],select,textarea{
    -moz-appearance:none;
    box-shadow:none!important
}
div#preloader{
    position:fixed;
    left:0;
    top:0;
    z-index:99999;
    width:100%;
    height:100%;
    overflow:visible;
    background:#fff url(../img/preloader.gif) no-repeat center center
}
::-moz-selection{
    background:var(--primaryColor);
    color:#fff;
    text-shadow:none
}
::selection{
    background:var(--primaryColor);
    color:#fff;
    text-shadow:none
}
.area-padding{
    padding:35px 0 35px;
}
.area-padding-2{
    padding:70px 0 50px
}
.padding-2{
    padding-bottom:90px
}
.section-headline h2{
    display:inline-block;
    font-size:40px;
    font-weight:600;
    margin-bottom:35px;
    position:relative;
    text-transform:capitalize
}
.section-headline h2::after{
    border:1px solid #333;
    bottom:-20px;
    content:"";
    left:0;
    margin:0 auto;
    position:absolute;
    right:0;
    width:40%
}
.sec-head{
    display:inline-block;
    font-size:17px;
    font-weight:600;
    margin-bottom:0;
    padding:0 0 10px;
    text-transform:uppercase;
    transition:all .4s ease 0s
}
.header-area{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:auto;
    background:rgba(0,0,0,.4);
    z-index:9
}
.navbar-header a.navbar-brand{
    display:inline-block;
    height:70px;
    padding:15px 0
}
.main-menu ul.navbar-nav li{
    padding:0 13px
}
.main-menu ul.navbar-nav li a{
    background:rgba(0,0,0,0) none repeat scroll 0 0;
    font-size:15px;
    font-weight:500;
    padding:24px 0;
    text-transform:capitalize;
    letter-spacing:1px
}
.main-menu ul.navbar-nav li.active a::after{
    border:0 solid var(--primaryColor);
    bottom:0;
    content:"";
    left:0;
    position:absolute;
    width:100%
}
.main-menu ul.navbar-nav li.active a:hover{
    background:0 0;
    color:#fff
}
.main-menu ul.navbar-nav li.active a:focus{
    color:#fff
}
.main-menu ul.navbar-nav li.active a{
    background:rgba(0,0,0,0) none repeat scroll 0 0;
    color:#fff;
    position:relative
}
.navbar{
    border:medium none;
    margin-bottom:0
}
.navbar-default{
    background:rgba(0,0,0,0) none repeat scroll 0 0
}
.main-menu ul.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{
    background:0 0;
    color:#333
}
.navbar-default .navbar-toggle{
    background:rgba(0,0,0,0) none repeat scroll 0 0;
    border:medium none;
    border-radius:0;
    padding:25px 0
}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{
    background-color:transparent;
    color:#fff
}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{
    background:0 0
}
.navbar-default .navbar-toggle .icon-bar{
    background-color:#fff;
    width:30px;
    height:2px
}
.top-right.text-right{
    float:right;
    position:relative;
    top:24px;
    margin-left:20px
}
.top-right.text-right>li{
    float:right;
    margin:0 8px
}
.top-right.text-right li a{
    color:#fff
}
.header-area.stick{
    background-color:rgba(0,0,0,1);
    height:70px;
    position:fixed;
    top:0;
    width:100%;
    z-index:999999
}
.stick .navbar-header a.navbar-brand{
    display:inline-block;
    height:90px
}
.stick .navbar-brand>img{
    display:none
}
.stick .navbar-brand.sticky-logo>img{
    display:block
}
.sticky-logo h1{
    color:#fff;
    padding:0;
    margin:0;
    font-size:36px;
    font-weight:700;
    line-height:1
}
.sticky-logo h1 span{
    color:var(--primaryColor)
}
.stick .main-menu ul.navbar-nav li.active a::after{
    border:1px solid #fff;
    bottom:0;
    content:"";
    left:0;
    position:absolute;
    width:100%
}
.stick .main-menu ul.nav>li>a:hover{
    color:#fff
}
.stick .main-menu ul.navbar-nav li.active a{
    background:rgba(0,0,0,0) none repeat scroll 0 0;
    color:#fff;
    position:relative
}
.stick .mainmenu ul#nav li .mega-menu,.stick .mainmenu ul#nav li ul.sub-menu,.stick .mainmenu ul#nav>li:hover>a{
    background-color:#f5f5f5;
    color:#fff;
    outline:medium none
}
.mainmenu ul#nav li .mega-menu span>a:hover,.stick .mainmenu ul#nav li .mega-menu-shop a.mega-menu-title:hover,.stick .mainmenu ul#nav li:hover ul.sub-menu li a:hover{
    color:#fff
}
.stick .logo{
    height:20px
}
.stick .logo a{
    margin-top:0
}
.stick .main-menu ul.nav>li>a{
    color:#fff;
    line-height:22px;
    padding:24px 0;
    text-transform:capitalize;
    letter-spacing:1px
}
.stick .navbar-default .navbar-toggle .icon-bar{
    background-color:#fff;
    width:30px;
    height:2px
}
.stick .navbar-default .navbar-toggle{
    padding:10px 0
}
.about-area{
    background-color:#f9f9f9
}
.single-well>a{
    display:block
}
.single-well ul li{
    color:#444;
    display:block;
    padding:5px 0
}
.single-well ul li i{
    color:var(--primaryColor);
    padding-right:10px;
    font-size:12px
}
.single-well p{
    color:#444
}
.services-icon{
    color:#444;
    display:inline-block;
    font-size:36px;
    line-height:36px;
    margin-bottom:20px
}
.section-headline.services-head>h2{
    margin-bottom:25px
}
.services-details{
    padding-top:40px;
    transition:all .5s ease 0s
}
.services-details:hover .services-icon,.services-details:hover h4{
    color:var(--primaryColor)
}
.row.second-row{
    margin-top:40px
}
.section-head>h2{
    color:#333
}
.single-services>h4{
    color:#444;
    font-size:24px;
    font-weight:500
}
.single-services>p{
    color:#333;
    font-size:14px
}

.our-skill-area{
    position:relative;
    background:url('../img/background/bg1.jpg'), #000000d1;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; 
    background-size: cover;
    background-blend-mode: overlay;
}
.test-overly{
    background:rgba(0,0,0,.8);
    position:absolute;
    width:100%;
    height:100%
}
.progress-h4{
    color:#fff;
    font-weight:500
}
.faq-details .panel-heading{
    padding:0
}
.panel-default>.panel-heading{
    background-color:transparent;
    border:medium none;
    color:#333
}
.faq-details h4.check-title a{
    color:#333;
    display:block;
    font-weight:700;
    letter-spacing:2px;
    margin-left:40px;
    padding:6px 10px;
    text-decoration:none
}
.panel-body{
    padding:15px 15px 0 50px
}
.faq-details h4.check-title{
    color:#444;
    font-size:18px;
    font-weight:500;
    margin-bottom:0
}
.faq-details a span.acc-icons{
    position:relative
}
.faq-details a span.acc-icons::before{
    color:#333;
    content:"";
    font-family:fontawesome;
    font-size:24px;
    height:40px;
    left:-51px;
    line-height:39px;
    position:absolute;
    text-align:center;
    top:-10px;
    width:42px
}
.faq-details a.active span.acc-icons::before,.faq-details h4.check-title a.active{
    color:var(--primaryColor)
}
.faq-details a.active span.acc-icons::before{
    content:"";
    font-family:fontawesome;
    font-size:24px;
    height:40px;
    left:-51px;
    line-height:39px;
    position:absolute;
    text-align:center;
    top:-10px;
    width:42px
}
.second-row{
    margin-top:30px
}
.event-content.head-team h4{
    background:transparent none repeat scroll 0 0;
    color:#333;
    padding:30px 0 10px;
    font-weight:500;
    text-transform:capitalize
}
.tab-menu .nav-tabs>li>a:hover{
    border-color:#eee #eee #ddd
}
.tab-menu{
    display:block;
    text-align:center
}
.tab-menu ul.nav{
    margin:0;
    padding:0
}
.tab-menu ul.nav li{
    border:medium none;
    display:inline-block
}
.tab-content{
    border:1px solid #ccc;
    padding:0 15px 15px
}
.tab-menu ul.nav li a{
    background:rgba(0,0,0,0) none repeat scroll 0 0;
    border-radius:0;
    color:#444;
    display:block;
    font-weight:500;
    margin-right:5px;
    padding:10px 20px;
    font-family:raleway;
    font-size:18px
}
.tab-menu ul li.active a,.tab-menu ul li.focus a,.tab-menu ul li.hover a{
    border-bottom:1px solid #fff;
    color:var(--primaryColor)!important
}
.tab-menu .nav-tabs{
    border-bottom:none
}
.tab-main-img a{
    position:relative;
    display:block
}
.tab-main-img a:hover span.events-offer{
    height:20%
}
.tab-main-img a span.events-offer{
    background:rgba(0,0,0,.8) none repeat scroll 0 0;
    bottom:0;
    color:#fff;
    content:"";
    font-size:20px;
    font-weight:700;
    height:0%;
    left:0;
    line-height:70px;
    padding:0;
    position:absolute;
    text-align:left;
    transition:all .5s ease 0s;
    width:100%;
    padding:0 10px
}
.wellcome-area{
    background:rgba(248,248,248,.8) url(../img/background/bg1.jpg);
    background-size:cover;
    background-position:center top;
    background-repeat:no-repeat;
    background-attachment:fixed
}
.well-bg{
    position:relative
}
.wellcome-text{
    margin:70px 0;
    padding:30px 40px
}
.well-text>h2{
    color:#fff;
    font-size:44px;
    font-weight:500;
    line-height:50px
}
.well-text p{
    font-size:18px;
    font-style:italic;
    color:#fff
}
.wellcome-text .section-headline p{
    margin-bottom:0
}
.subs-feilds{
    border:1px solid #fff;
    display:inline-block;
    height:52px;
    margin-top:30px;
    width:60%;
    border-radius:30px;
    overflow:hidden
}
.suscribe-input input{
    background:transparent none repeat scroll 0 0;
    border:medium none;
    color:#fff;
    float:left;
    font-size:15px;
    line-height:24px;
    padding:11px 15px;
    width:70%;
    height:50px
}
.suscribe-input button{
    background:var(--primaryColor) none repeat scroll 0 0;
    border:medium none;
    border-radius:0 20px 20px 0;
    color:#fff;
    float:left;
    font-size:20px;
    font-weight:700;
    padding:14px 20px;
    width:30%
}
.suscribe-input button:hover{
    background:#fff none repeat scroll 0 0;
    color:var(--primaryColor)
}
.team-member{
    background:rgba(0,0,0,.65) none repeat scroll 0 0;
    display:block;
    margin-right:-15px;
    padding:10px;
    position:relative;
    overflow:hidden
}
.team-member::before{
    background:rgba(0,0,0,0) url(http://jiweblab.com/404.html) repeat scroll 0 0;
    content:"";
    display:block;
    height:100%;
    left:0;
    margin-right:-15px;
    padding:10px;
    position:absolute;
    top:0;
    width:100%;
    z-index:-1;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:top center;
    transition:5s;
    transform:scale(1)
}
.team-member:hover.team-member::before{
    transform:scale(1.2)
}
.single-team-member{
    border:1px solid #ddd
}
.team-left-text h4{
    color:#fff;
    font-size:30px;
    font-weight:700;
    text-transform:uppercase
}
.team-left-text p{
    color:#fff;
    font-size:17px;
    line-height:26px
}
.email-news{
    display:block;
    margin:30px 0;
    overflow:hidden;
    text-align:center;
    width:100%
}
.email-news .email_button input{
    background:rgba(0,0,0,0) none repeat scroll 0 0;
    border:1px solid #fff;
    color:#fff;
    float:left;
    font-size:13px;
    padding:8px;
    width:81%
}
.email-news .email_button>button{
    background:rgba(0,0,0,0) none repeat scroll 0 0;
    border:1px solid #fff;
    color:#fff;
    float:left;
    font-size:16px;
    padding:8px 12px;
    text-align:center
}
.email-news .email_button>button:hover{
    background:var(--primaryColor);
    border:1px solid #fff;
    color:#fff
}
.team-left-icon ul li{
    display:inline-block
}
.team-left-icon ul li a:hover{
    color:var(--primaryColor);
    background:#fff;
    border:2px solid #fff
}
.team-left-icon ul li a{
    border:2px solid #fff;
    color:#fff;
    display:block;
    font-size:16px;
    height:40px;
    line-height:37px;
    margin:0 3px;
    width:40px
}
.team-member-carousel .single-team-member{
    overflow:hidden;
    width:100%
}
.single-team-member:hover .team-img a:after{
    opacity:1
}
.single-team-member:hover .team-social-icon{
    top:45%;
    opacity:1
}
.team-img{
    position:relative
}
.team-img>a{
    display:block
}
.team-img>a::after{
    background:rgba(0,0,0,.7);
    bottom:0;
    content:"";
    height:100%;
    left:0;
    position:absolute;
    transition:all .5s ease 0s;
    width:100%;
    opacity:0
}
.team-social-icon{
    left:50%;
    margin-left:-61px;
    opacity:0;
    position:absolute;
    top:30%;
    transition:1.3s
}
.team-social-icon ul li{
    display:inline-block
}
.team-social-icon ul li a{
    border:1px solid #fff;
    border-radius:50%;
    color:#fff;
    display:block;
    font-size:14px;
    height:34px;
    line-height:35px;
    margin:0 3px;
    width:34px
}
.team-social-icon ul li a:hover{
    color:#fff;
    border:1px solid var(--primaryColor);
    background:var(--primaryColor)
}
.team-content{
    padding:10px 0
}
.team-content>h4,.team-content>p{
    color:#444;
    margin-bottom:5px
}
.team-content.head-team p{
    margin-bottom:0
}
.team-left-icon.text-center{
    margin-bottom:20px
}
.head-team h4{
    display:inline-block;
    font-size:25px;
    font-weight:600;
    padding-bottom:10px;
    text-transform:uppercase
}
.reviews-area{
    background:url(../img/background/bg1.jpg);
    overflow:hidden;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:top center;
    background-attachment:fixed;
    width:100%;
    height:auto;
    position:relative
}
.work-left-text{
    background:var(--primaryColor) none repeat scroll 0 0
}
.work-left-text{
    width:50%
}
.work-right-text{
    background:rgba(0,0,0,.8) none repeat scroll 0 0;
    float:right;
    height:100%;
    overflow:hidden;
    padding:71px 0;
    width:50%;
    position:absolute;
    right:0;
    top:0
}
.work-right-text h2{
    color:#fff;
    text-transform:uppercase;
    font-size:24px
}
.work-right-text h5{
    color:#fff;
    font-size:18px;
    font-weight:700;
    line-height:34px;
    text-transform:uppercase
}
.work-right-text .sus-btn{
    margin-left:0;
    margin-top:20px
}
.single-awesome-4{
    display:block;
    float:left;
    overflow:hidden;
    width:33.33%
}
.single-awesome-4 .add-actions{
    padding:10px 20px
}
.pst-content{
    padding-left:10px
}
.project-menu{
    margin-bottom:40px;
    text-align:center
}
.project-menu li{
    display:inline-block
}
.project-menu li a{
    background:#fff none repeat scroll 0 0;
    border:1px solid #444;
    border-radius:20px;
    color:#444;
    cursor:pointer;
    display:inline-block;
    font-size:14px;
    font-weight:500;
    margin:0 4px;
    padding:6px 15px;
    text-transform:capitalize;
    transition:all .3s ease 0s
}
.project-menu li a.active,.project-menu li a:hover{
    border-color:var(--primaryColor);
    background:var(--primaryColor);
    color:#fff;
    text-decoration:none
}
.single-awesome-portfolio{
    float:left;
    overflow:hidden;
    padding:15px;
    width:25%;
    position:relative
}
.single-awesome-project{
    overflow:hidden;
    margin-bottom:30px
}
.first-item{
    margin-bottom:30px
}
.awesome-img{
    display:block;
    width:100%;
    height:100%;
    position:relative
}
.awesome-img>a{
    display:block;
    position:relative
}
.single-awesome-project:hover .awesome-img>a::after{
    opacity:1
}
.single-awesome-project:hover .add-actions{
    opacity:1;
    bottom:0
}
.awesome-img>a::after{
    background:rgba(0,0,0,.7) none repeat scroll 0 0;
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    opacity:0;
    transition:.4s
}
.add-actions{
    background:rgba(0,0,0,.6) none repeat scroll 0 0;
    bottom:30px;
    display:block;
    height:100%;
    left:0;
    opacity:0;
    overflow:hidden;
    padding:10px 15px;
    position:absolute;
    transition:all .4s ease 0s;
    width:100%
}
.project-dec{
    display:block;
    height:100%;
    width:100%
}
.project-dec a{
    display:block;
    height:100%;
    width:100%
}
.project-dec h4{
    margin-bottom:5px
}
.project-dec h4:hover{
    color:#fff
}
.project-dec h4{
    color:#ddd;
    font-size:24px;
    margin-top:-45px;
    padding-top:50%;
    text-decoration:none;
    text-transform:uppercase;
    font-weight:800
}
.project-dec span{
    color:#ddd;
    font-size:13px
}
.project-action-btn{
    display:block;
    height:100%;
    text-align:center;
    transition:all 1s ease 0s;
    width:100%
}
.project-action-btn li{
    display:block;
    height:100%;
    width:100%
}
.project-action-btn li a{
    display:block;
    height:100%;
    width:100%
}
.pricing-area{
    background:rgba(0,0,0,.02) none repeat scroll 0 0
}
.pri_table_list{
    border:1px solid #ccc;
    text-align:center;
    transition:all .4s ease 0s;
    background:#fff
}
.pri_table_list h3 span{
    font-size:16px
}
.pri_table_list ol li{
    border-bottom:1px solid #ccc;
    color:#666;
    padding:12px 15px;
    position:relative;
    text-align:left
}
.pri_table_list li.check.cross::after{
    content:"\f00d";
    font-family:fontawesome;
    font-size:14px;
    position:absolute;
    right:50px;
    top:12px;
    color:#cd5c5c
}
.pri_table_list li.check::after{
    content:"\f00c";
    font-family:fontawesome;
    font-size:14px;
    position:absolute;
    right:50px;
    top:12px;
    color:var(--primaryColor)
}
.pri_table_list button{
    background:#444 none repeat scroll 0 0;
    border:1px solid #444;
    color:#fff;
    margin-bottom:25px;
    padding:10px 35px;
    text-transform:uppercase;
    transition:all .4s ease 0s;
    border-radius:30px
}
.pri_table_list>h3{
    color:#333;
    font-size:24px;
    font-weight:700;
    line-height:25px;
    padding:30px 0 20px;
    text-transform:uppercase;
    transition:all .4s ease 0s
}
.pri_table_list ol{
    list-style:outside none none;
    margin:0;
    padding:0 0 25px
}
.pri_table_list.active{
    transition:all .4s ease 0s;
    position:relative;
    overflow:hidden
}
.saleon{
    background:var(--primaryColor) none repeat scroll 0 0;
    color:#fff;
    font-size:13px;
    font-weight:700;
    left:-26px;
    padding:2px 25px;
    position:absolute;
    text-transform:uppercase;
    top:16px;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg)
}
.pri_table_list>button:hover{
    background-color:#fff;
    border:1px solid #333;
    color:#333
}
.active>h3{
    background:#f5f5f5 none repeat scroll 0 0;
    color:#333;
    transition:all .4s ease 0s
}
.active>button{
    background:var(--primaryColor) none repeat scroll 0 0;
    border:1px solid var(--primaryColor);
    color:#fff;
    transition:.4s
}
.active>button:hover{
    background:#333 none repeat scroll 0 0;
    border:1px solid #333;
    color:#fff;
    transition:.4s
}
.testimonials-area{
    background:rgba(0,0,0,0) url(../img/background/slider1.jpg) no-repeat fixed center top/cover;
    height:auto;
    width:100%
}
.testi-inner{
    position:relative;
    width:100%;
    height:auto;
    z-index:1
}
.testi-overly{
    background:rgba(0,0,0,.7) none repeat scroll 0 0;
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:-1
}
.quate{
    border:1px dotted #fff;
    border-radius:50%;
    color:#fff;
    display:inline-block;
    font-size:24px;
    height:70px;
    line-height:70px;
    width:70px
}
.quate:hover{
    color:#fff
}
.testi-img img{
    border:1px dotted rgba(0,0,0,.05);
    border-radius:2px;
    height:80px;
    margin:0 auto;
    padding:5px;
    transition:background .6s ease-out 0s;
    width:80px!important
}
.testi-text p{
    color:#fff;
    font-size:16px;
    line-height:1.5em;
    margin:20px 0;
    letter-spacing:1px
}
.testi-text h6{
    color:#fff;
    font-size:20px
}
.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot>span{
    background:#fff none repeat scroll 0 0;
    display:inline-block;
    height:8px;
    width:8px;
    -moz-transition:.4s;
    -webkit-transition:.4s;
    -o-transition:.4s;
    -ms-transition:.4s;
    transition:.4s;
    border-radius:50%
}
.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots{
    bottom:-30px;
    display:block;
    left:50%;
    margin-left:-20px;
    position:absolute
}
.testimonial-content{
    margin-bottom:15px
}
.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot{
    display:inline-block;
    margin:0 3px
}
.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot.active span{
    background:var(--primaryColor)
}
.testi-text.text-center>h6{
    color:#fff;
    font-size:20px;
    font-weight:700;
    text-transform:uppercase
}
.guest-rev{
    color:#ddd;
    font-size:16px
}
.guest-rev>a{
    color:var(--primaryColor);
    font-size:14px
}
.blog-area{
    height:auto;
    width:100%
}
.blog-text h4 a{
    color:#444;
    text-decoration:none
}
.blog-text h4{
    color:#444;
    margin-bottom:15px
}
.blog-btn{
    border-bottom:1px dotted #444;
    color:#444;
    text-decoration:none
}
.blog-btn{
    border-bottom:1px dotted #444;
    color:#444;
    display:inline-block;
    padding:0 1px 5px 0;
    position:relative;
    text-decoration:none
}
.blog-btn{
    position:relative
}
.blog-btn::after{
    content:"\f178";
    font-family:fontawesome;
    position:absolute;
    right:-20px;
    top:1px;
    transition:all .3s ease 0s
}
.blog-btn:hover::after{
    right:-30px
}
.blog-btn:hover{
    color:#333;
    text-decoration:none
}
.blog_meta span.date_type i{
    margin-left:5px
}
.blog-meta span.comments-type{
    margin-left:5px
}
.blog-meta span i{
    padding-right:10px
}
.blog-content .blog-meta{
    border-bottom:1px dotted #333
}
.blog-meta{
    border-bottom:1px dotted #fff;
    padding:10px 0
}
.blog-meta span.comments-type,.comments-type>a,.date-type{
    color:#333;
    letter-spacing:1px;
    margin-right:5px
}
.blog-meta .comments-type i{
    padding-right:0!important
}
.blog-content-right .blog-meta span.comments-type,.blog-content-right .blog-text p,.blog-content-right .comments-type>a,.blog-content-right .date-type{
    color:#fff;
    letter-spacing:1px
}
.single-blog .ready-btn{
    border:1px solid #444;
    border-radius:30px;
    color:#444;
    cursor:pointer;
    display:inline-block;
    font-size:15px;
    font-weight:500;
    margin-top:10px;
    padding:10px 20px;
    text-align:center;
    text-transform:uppercase;
    transition:all .4s ease 0s
}
.single-blog .ready-btn:hover{
    border:1px solid var(--primaryColor);
    color:#fff
}
.suscribe-area{
    background:var(--primaryColor) none repeat scroll 0 0;
    padding:30px 0
}
.suscribe-text{
    display:block;
    padding:10px 0
}
.suscribe-text h3{
    color:#fff;
    display:inline-block;
    font-size:20px;
    font-weight:600;
    margin:0;
    text-transform:uppercase;
    letter-spacing:2px
}
.sus-btn{
    background:#fff none repeat scroll 0 0;
    border:2px solid #fff;
    color:var(--primaryColor);
    display:inline-block;
    font-size:16px;
    font-weight:700;
    padding:10px 20px;
    text-decoration:none;
    text-transform:uppercase;
    border-radius:30px
}
.sus-btn:hover{
    background:var(--primaryColor) none repeat scroll 0 0;
    border:2px solid #fff;
    color:#fff
}
.contact-area{
    height:auto;
    width:100%
}
.contact-content{
    padding:100px;
    background:#000 none repeat scroll 0 0
}
.contact-content-right{
    padding:100px
}
.contact-form input[type=email],.contact-form input[type=text]{
    background:rgba(0,0,0,0) none repeat scroll 0 0;
    border:1px solid #ccc;
    border-radius:0;
    color:#444;
    height:40px;
    margin-bottom:16px;
    padding-left:20px;
    width:100%
}
.contact-form textarea{
    background:rgba(0,0,0,0) none repeat scroll 0 0;
    border:1px solid #ccc;
    border-radius:0;
    color:#444;
    height:140px;
    padding:20px;
    width:100%
}
.contact-form button[type=submit]{
    background:rgba(0,0,0,0) none repeat scroll 0 0;
    border:1px solid #ccc;
    color:#444;
    font-size:16px;
    font-weight:700;
    margin-top:8px;
    padding:12px 30px;
    text-transform:uppercase;
    transition:all .3s ease 0s;
    border-radius:30px
}
.contact-form button[type=submit]:hover{
    color:#fff;
    border:1px solid var(--primaryColor);
    background:var(--primaryColor)
}
.contact-form #sendmessage{
    color:var(--primaryColor);
    border:1px solid var(--primaryColor);
    display:none;
    text-align:center;
    padding:15px;
    font-weight:600;
    margin-bottom:15px
}
.contact-form #errormessage{
    color:red;
    display:none;
    border:1px solid red;
    text-align:center;
    padding:15px;
    font-weight:600;
    margin-bottom:15px
}
.contact-form #errormessage.show,.contact-form #sendmessage.show,.contact-form .show{
    display:block
}
#contact .form .validation{
    color:red;
    display:none;
    margin:0 0 20px;
    font-weight:400;
    font-size:13px
}
.single-icon i{
    font-size:24px;
    width:50px;
    height:50px;
    border:1px solid #444;
    line-height:46px;
    border-radius:50%;
    margin-bottom:20px
}
.single-icon p{
    font-size:16px;
    line-height:30px
}
.contact-icon{
    margin-bottom:40px
}
#google-map{
    height:370px;
    margin-bottom:20px
}
.footer-area{
    padding:40px 0;
    background:#f9f9f9
}
.footer-head p{
    color:#444
}
.footer-head h4{
    color:#444;
    font-size:16px;
    letter-spacing:2px;
    padding-bottom:10px;
    text-transform:uppercase
}
.footer-logo{
    padding-bottom:20px
}
.footer-logo h2{
    color:#222;
    padding:0;
    margin:0;
    font-size:36px;
    font-weight:700;
    line-height:1
}
.footer-logo h2 span{
    color:var(--primaryColor)
}
.footer-icons ul li{
    display:inline-block
}
.footer-icons ul li a{
    border:1px solid #444;
    color:#444;
    display:block;
    font-size:16px;
    height:40px;
    line-height:38px;
    margin-right:5px;
    text-align:center;
    width:40px;
    border-radius:50%
}
.flicker-img>a{
    float:left;
    padding:1px;
    width:33.33%
}
.footer-icons{
    margin-top:30px
}
.footer-contacts p span{
    color:var(--primaryColor);
    font-weight:700
}
.popular-tag ul li{
    display:inline-block
}
.footer-content{
    display:block;
    overflow:hidden
}
.footer-icons ul li a:hover,.popular-tag ul li a:hover{
    background:var(--primaryColor);
    border:1px solid var(--primaryColor);
    color:#fff
}
.popular-tag ul li a{
    border:1px solid #444;
    border-radius:30px;
    color:#444;
    display:block;
    font-size:13px;
    font-weight:600;
    margin:5px 3px;
    padding:5px 10px;
    position:relative;
    text-decoration:none;
    text-transform:capitalize;
    transition:all .4s ease 0s;
    width:70px;
    text-align:center
}
.footer-area-bottom{
    background:#f1f1f1 none repeat scroll 0 0;
    padding:15px 0
}
.copyright-text a:hover{
    text-decoration:underline;
    color:var(--primaryColor)
}
.copyright-text a{
    color:#444
}
.copyright>p{
    margin-bottom:0;
    color:#444
}
.copyright a,.credits a{
    color:var(--primaryColor)
}
.credits{
    padding-top:5px;
    text-align:center
}
.header-bg{
    background:url(../img/slider/slider1.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:top center;
    background-attachment:fixed
}
.header-bg.home-2{
    width:100%;
    height:100%;
    position:relative
}
.home-overly{
    background:rgba(0,0,0,.5);
    height:100%;
    position:absolute;
    width:100%
}
.home-2 .layer-1-3,.home-3 .layer-1-3{
    margin:10px 0 0
}
.home-video{
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:-1
}
.header-image.home-3{
    width:100%;
    height:100%;
    position:relative
}
.table{
    width:100%;
    height:100%;
    display:table
}
.table-cell{
    width:100%;
    height:100%;
    display:table-cell;
    vertical-align:middle
}
.page-area{
    position:relative
}
.blog-page .banner-box{
    margin-bottom:40px
}
.search-option input{
    border:medium none;
    padding:6px 15px;
    width:80%
}
.search-option{
    border:1px solid #ccc;
    height:42px;
    margin-bottom:30px
}
.search-option button{
    background:transparent none repeat scroll 0 0;
    border:medium none;
    font-size:20px;
    padding:8px 23px
}
.search-option button:hover{
    color:var(--primaryColor)
}
.left-blog h4{
    border-bottom:1px solid #ddd;
    color:#444;
    font-size:17px;
    font-weight:500;
    margin-bottom:0;
    padding:15px 10px;
    text-transform:uppercase
}
.left-blog{
    background:#f9f9f9 none repeat scroll 0 0;
    margin-bottom:30px;
    overflow:hidden;
    padding-bottom:20px
}
.left-blog li{
    border-bottom:1px solid #ddd;
    display:block
}
.left-blog ul li a{
    color:#444;
    display:block;
    font-size:14px;
    padding:10px;
    text-transform:capitalize
}
.recent-single-post{
    border-bottom:1px solid #ddd;
    display:block;
    overflow:hidden;
    padding:15px 10px
}
.ready-btn{
    border:1px solid #fff;
    border-radius:30px;
    color:#fff;
    cursor:pointer;
    display:inline-block;
    font-size:17px;
    font-weight:600;
    margin-top:30px;
    padding:12px 40px;
    text-align:center;
    text-transform:uppercase;
    transition:all .4s ease 0s;
    z-index:222
}
.ready-btn:hover{
    color:#fff;
    background:var(--primaryColor);
    border:1px solid var(--primaryColor);
    text-decoration:none
}
.post-img{
    display:inline-block;
    float:left;
    padding:0 5px;
    width:35%
}
.pst-content{
    display:inline-block;
    float:left;
    width:65%
}
.left-blog ul li a:hover,.pst-content p a:hover{
    color:var(--primaryColor)
}
.blog-page .single-blog{
    margin-bottom:40px
}
.pst-content p a{
    color:#444;
    font-size:15px
}
.header-bottom h1,.header-bottom h2{
    color:#fff
}
.blog-tags{
    padding:1px 0
}
.left-blog li:last-child{
    border-bottom:0
}
.popular-tag.left-blog ul li a:hover{
    color:#fff
}
.popular-tag.left-side-tags.left-blog ul{
    padding:0 10px
}
.blog-1 .banner-box{
    margin-bottom:30px
}
.left-tags .left-side-tags ul li{
    border-bottom:0
}
.left-tags .left-side-tags ul li a{
    padding:3px 10px;
    width:auto
}
.left-side-tags h4{
    margin-bottom:15px
}
.post-information h2{
    color:#363636;
    font-size:22px;
    text-transform:uppercase
}
.post-information{
    padding:20px 0
}
.post-information .entry-meta span a{
    color:#444;
    display:inline-block;
    padding:10px 0
}
.entry-meta span a:hover{
    color:var(--primaryColor)
}
.post-information .entry-meta{
    border-bottom:1px solid #ccc;
    margin:20px 0
}
.post-information .entry-meta span i{
    padding:0 10px
}
.entry-content>p{
    color:#444
}
.entry-meta>span{
    color:#444
}
.entry-content blockquote{
    background:#fff none repeat scroll 0 0;
    border-left:5px solid var(--primaryColor);
    font-size:17.5px;
    font-style:italic;
    margin:0 0 20px 40px;
    padding:22px 20px
}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{
    background-color:var(--primaryColor);
    border-color:var(--primaryColor);
    color:#fff;
    cursor:default;
    z-index:3
}
.social-sharing{
    background:#fff none repeat scroll 0 0;
    border:1px solid #ccc;
    display:block;
    margin:30px 0
}
.social-sharing>h3{
    display:inline-block;
    font-size:18px;
    margin:0;
    padding:20px 10px
}
.sharing-icon{
    display:inline-block;
    float:right;
    padding:13px 10px
}
.sharing-icon a{
    border:1px solid #444;
    color:#444;
    display:block;
    float:left;
    font-size:18px;
    height:34px;
    line-height:30px;
    margin-left:10px;
    text-align:center;
    width:34px
}
.sharing-icon a:hover{
    color:var(--primaryColor);
    border:1px solid var(--primaryColor)
}
.single-blog .author-avatar{
    float:left;
    margin-right:10px
}
.single-blog .author-description h2{
    font-size:18px;
    margin:0;
    padding:0 0 5px
}
.author-info{
    background:#fff none repeat scroll 0 0;
    float:left;
    margin:30px 0;
    padding:15px;
    width:100%
}
.single-post-comments{
    margin-bottom:60px;
    max-width:650px
}
.comments-heading h3,h3.comment-reply-title{
    border-bottom:1px solid #e8e8e9;
    color:#444;
    font-size:18px;
    margin:0 0 20px;
    padding:0 0 5px;
    text-transform:uppercase
}
.comments-list ul li{
    margin-bottom:25px
}
.comments-list-img{
    float:left;
    margin-right:15px
}
.comments-content-wrap{
    color:#42414f;
    font-size:12px;
    line-height:1;
    margin:0 0 15px 80px;
    padding:10px;
    position:relative
}
.author-avatar{
    display:inline-block;
    float:left;
    width:10%
}
.author-description h2{
    color:#777;
    font-size:20px;
    text-transform:uppercase
}
.author-description h2 a{
    color:#000
}
.comments-content-wrap span b{
    margin-right:5px
}
span.post-time{
    margin-right:5px
}
.comments-content-wrap p{
    color:#909295;
    line-height:18px;
    margin-bottom:5px;
    margin-top:15px
}
li.threaded-comments{
    margin-left:50px
}
.comment-respond{
    margin-top:60px
}
span.email-notes{
    color:#42414f;
    display:block;
    font-size:12px;
    margin-bottom:10px
}
.comment-respond p{
    color:#444;
    margin-bottom:5px
}
.comment-respond input[type=email],.comment-respond input[type=text]{
    border:1px solid #e5e5e5;
    border-radius:0;
    height:32px;
    margin-bottom:15px;
    padding:0 0 0 10px;
    width:100%
}
.comment-respond textarea#message-box{
    border:1px solid #e5e5e5;
    border-radius:0;
    max-width:100%;
    padding:10px;
    height:130px;
    width:100%
}
.comment-respond input[type=submit]{
    background:rgba(0,0,0,0) none repeat scroll 0 0;
    border:1px solid var(--primaryColor);
    border-radius:20px;
    box-shadow:none;
    color:#444;
    display:inline-block;
    font-size:12px;
    font-weight:700;
    height:40px;
    line-height:14px;
    margin-top:20px;
    padding:10px 15px;
    text-shadow:none;
    text-transform:uppercase;
    transition:all .3s ease 0s;
    white-space:nowrap
}
.comments-content-wrap span a{
    color:#000
}
.comments-content-wrap span a:hover{
    color:var(--primaryColor)
}
.comment-respond input[type=submit]:hover{
    border:1px solid var(--primaryColor);
    color:#fff;
    background:var(--primaryColor)
}
.single-blog .blog-pagination{
    border-top:1px solid #e5e5e5;
    margin:0;
    padding-top:30px
}
.nav-menu,.nav-menu *{
    margin:0;
    padding:0;
    list-style:none
}
.nav-menu ul{
    position:absolute;
    display:none;
    top:100%;
    left:0;
    z-index:99
}
.nav-menu li{
    position:relative;
    white-space:nowrap
}
.nav-menu>li{
    float:left
}
.nav-menu li.sfHover>ul,.nav-menu li:hover>ul{
    display:block
}
.nav-menu ul ul{
    top:0;
    left:100%
}
.nav-menu ul li{
    min-width:180px;
    padding:0!important
}
.sf-arrows .sf-with-ul{
    padding-right:30px
}
.sf-arrows .sf-with-ul:after{
    content:"\f107";
    position:absolute;
    right:15px;
    font-family:FontAwesome;
    font-style:normal;
    font-weight:400
}
.sf-arrows ul .sf-with-ul:after{
    content:"\f105"
}
#nav-menu-container{
    float:right;
    margin:0
}
@media (max-width:768px){
    #nav-menu-container{
        display:none
    }
}
.nav-menu a{
    padding:0 8px 10px 8px;
    text-decoration:none;
    display:inline-block;
    color:#fff!important;
    font-family:Poppins,sans-serif;
    font-weight:400;
    text-transform:uppercase;
    font-size:13px;
    outline:0
}
.nav-menu ul li a{
    color:#222!important
}
.nav-menu ul li a:hover{
    color:#fff!important
}
.nav-menu>li{
    margin-left:10px
}
.nav-menu>li>a:before{
    content:"";
    position:absolute;
    width:100%;
    height:2px;
    bottom:0;
    left:0;
    background-color:var(--primaryColor);
    visibility:hidden;
    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    -webkit-transition:all .3s ease-in-out 0s;
    transition:all .3s ease-in-out 0s
}
.nav-menu .menu-active>a:before,.nav-menu a:hover:before,.nav-menu li:hover>a:before{
    visibility:visible;
    -webkit-transform:scaleX(1);
    transform:scaleX(1)
}
.nav-menu ul{
    border:1px solid #e7e7e7
}
.nav-menu ul li{
    background:#fff
}
.nav-menu ul li:first-child{
    border-top:0
}
.nav-menu ul li a{
    padding:10px!important;
    color:#333;
    transition:.3s;
    display:block;
    font-size:13px;
    text-transform:none
}
.nav-menu ul li a:hover{
    background:var(--primaryColor);
    color:#fff
}
.nav-menu ul ul{
    margin:0
}
.footer-head a{
    color:#444
}
.logo-cls{
    height:60px;
    margin-top:-10px
}
.footer-small-logo{
    max-width:225px
}
.header-area{
    background:#333
}
.paralx-area h1{
    color:#fff;
    font-size:40px
}
.paralx-area p{
    color:#fff;
    font-size:20px
}
*{
    box-sizing:border-box
}
.columns{
    float:left;
    width:23.3%;
    padding:8px
}
.price{
    list-style-type:none;
    border:1px solid #eee;
    margin:0;
    padding:0;
    -webkit-transition:.3s;
    transition:.3s
}
.price:hover{
    box-shadow:0 8px 12px 0 rgba(0,0,0,.2)
}
.price .header{
    background-color:var(--primaryColor);
    color:#fff;
    font-size:25px
}
.price li{
    border-bottom:1px solid #eee;
    padding:20px;
    text-align:center
}
.price .grey{
    background-color:#eee;
    font-size:20px
}
.button{
    background-color:#4caf50;
    border:none;
    color:#fff;
    padding:10px 25px;
    text-align:center;
    text-decoration:none;
    font-size:18px
}
.button:hover{
    background-color:#1e90ff;
    color:#fff
}
@media only screen and (max-width:600px){
    .columns{
        width:100%
    }
}
.blue-text{
    color:var(--primaryColor)
}
.pink-color{
    color:#f239a1
}
.green-color{
    color:#08ad14
}
.maroon-color{
    color:#e02d0a
}
.orange-color{
    color:#f56118
}
.yellow-color{
    color:#f5aa18
}
.magenta-color{
    color:#f518c4
}
.blue-primary{
    color:#337ab7
}
ul.breadcrumb{
    padding:10px 16px;
    list-style:none;
    background-color:#eee;
    text-align:left
}
ul.breadcrumb li{
    display:inline;
    font-size:13px
}
ul.breadcrumb li+li:before{
    padding:8px;
    color:#c1c1c1;
    content:"/\00a0"
}
ul.breadcrumb li a{
    color:#0275d8;
    text-decoration:none;
    font-size:13px
}
ul.breadcrumb li a:hover{
    color:#01447e;
    text-decoration:underline;
    font-size:13px
}
.serviceBox{
    background:#fff;
    text-align:center;
    padding:35px 15px;
    border-radius:8px;
    transition:all .5s ease 0s
}
.serviceBox:hover{
    background:#3db39e
}
.serviceBox .title{
    font-size:24px;
    color:#343434;
    margin:0 0 20px 0
}
.serviceBox:hover .title{
    color:#fff
}
.serviceBox .service-icon{
    width:100px;
    height:100px;
    border-radius:50%;
    border:1px solid #3db39e;
    margin:0 auto 20px;
    transition:all .5s ease 0s
}
.serviceBox:hover .service-icon{
    transform:scale(1.2);
    background:#fff
}
.serviceBox .service-icon i{
    font-size:50px;
    color:#3db39e;
    line-height:100px
}
.serviceBox .description{
    font-size:14px;
    color:#64676b;
    line-height:25px;
    margin-bottom:20px;
    transition:all .5s ease 0s
}
.serviceBox:hover .description{
    color:#fff
}
.serviceBox .read{
    display:inline-block;
    font-size:13px;
    color:#64676b;
    text-transform:capitalize;
    padding:5px 10px;
    border-top:1px solid #64676b;
    transition:all .5s ease 0s
}
.serviceBox:hover .read{
    color:#fff;
    border-top-color:#fff
}
@media only screen and (max-width:990px){
    .serviceBox{
        margin-bottom:20px
    }
}
.bord-para>p{
    border-bottom:1px solid #fed531;
    border-top:1px solid #fed531;
    font-size:22px;
    line-height:28px;
    margin:20px 0 40px;
    padding:18px 60px;
    word-spacing:-1px
}
.bord-para>p:hover{
    border-bottom:1px solid var(--primaryColor);
    border-top:1px solid var(--primaryColor);
    font-size:22px;
    line-height:28px;
    margin:20px 0 40px;
    padding:18px 60px;
    word-spacing:-1px
}
.sub-heading p{
    font-size:25px;
    line-height:28px;
    color:#0b73f0
}
.blue-btn{
    border:1px solid var(--primaryColor);
    background:var(--primaryColor);
    border-radius:30px;
    color:#fff;
    cursor:pointer;
    display:inline-block;
    font-size:15px;
    font-weight:500;
    margin-top:10px;
    padding:10px 20px;
    text-align:center;
    text-transform:uppercase;
    transition:all .4s ease 0s
}
.blue-btn:hover{
    border:1px solid #444;
    background:#fff;
    color:#444;
    text-decoration:none
}
.white-btn{
    border:1px solid #444;
    background:#fff;
    border-radius:30px;
    color:#444;
    cursor:pointer;
    display:inline-block;
    font-size:15px;
    font-weight:500;
    margin-top:10px;
    padding:10px 20px;
    text-align:center;
    text-transform:uppercase;
    transition:all .4s ease 0s
}
.white-btn:hover{
    border:1px solid #5aa202;
    background:#5aa202;
    color:#fff;
    text-decoration:none
}
.service-page-banner ul.list{
    list-style-type:none;
    margin:20px 0 0 0;
    padding:0 0 15px 0
}
.service-page-banner ul.list li{
    margin:0 0 12px 0;
    padding:0 0 8px 0;
    font-size:21px;
    font-weight:700;
    color:#fff;
    background:url(../img/seprator.jpg) no-repeat 1px bottom
}
.serviceBox2{
    padding:30px 0
}
.serviceBox2 .service-icon{
    background:#58b25e;
    height:70px;
    width:70px;
    border-radius:50%;
    text-align:center;
    float:left
}
.serviceBox2 .service-icon.red{
    background:#f35958
}
.serviceBox2 .service-icon.blue{
    background:#02a2dd
}
.serviceBox2 .service-icon.purple{
    background:#9f84c4
}
.serviceBox2 .service-icon.darkCyan{
    background:#008b8b
}
.serviceBox2 .service-icon.strongcyan{
    background:#1abc9c
}
.serviceBox2 .service-icon.yellow{
    background:#f5c918
}
.serviceBox2 .service-icon.orange{
    background:#f58018
}
.serviceBox2 .service-icon i{
    font-size:30px;
    color:#fff;
    line-height:70px
}
.serviceBox2 .service-content{
    margin-left:95px
}
.serviceBox2 .service-content h3{
    color:#333;
    font-size:18px;
    font-weight:600;
    margin-top:0
}
.serviceBox2 .service-content p{
    color:#777;
    line-height:1.6em
}
.serviceBox2 .read{
    color:#61d3e2;
    text-decoration:none
}
.serviceBox2 .read i{
    font-size:16px;
    margin-left:10px
}
.serviceBox4{
    padding:30px 0
}
.serviceBox4 .service-icon{
    height:70px;
    width:70px;
    border-radius:50%;
    text-align:center;
    float:left
}
.serviceBox4 .service-icon.red{
    background:#f35958
}
.serviceBox4 .service-icon.blue{
    background:#02a2dd
}
.serviceBox4 .service-icon.purple{
    background:#9f84c4
}
.serviceBox4 .service-icon.darkCyan{
    background:#008b8b
}
.serviceBox4 .service-icon.strongcyan{
    background:#1abc9c
}
.serviceBox4 .service-icon.yellow{
    background:#f5c918
}
.serviceBox4 .service-icon.orange{
    background:#f58018
}
.serviceBox4 .service-icon i{
    font-size:30px;
    color:var(--primaryColor)
}
.serviceBox4 .service-content{
    margin-left:95px
}
.serviceBox4 .service-content h3{
    color:#fff;
    font-size:18px;
    font-weight:600;
    margin-top:0
}
.serviceBox4 .service-content p{
    color:#fff;
    line-height:1.6em
}
.serviceBox4 .read{
    color:#61d3e2;
    text-decoration:none
}
.serviceBox4 .read i{
    font-size:16px;
    margin-left:10px
}
.area3 .left{
    margin:0;
    padding:30px 0;
    width:23%;
    float:left;
    text-align:right
}
.area3 .left .title{
    margin:0 0 10px 0;
    padding:0;
    font-size:43px;
    font-weight:700;
    color:var(--primaryColor);
    line-height:50px
}
.area3 .right{
    background:url(../img/curley_separator.png) no-repeat left top;
    margin:0;
    padding:30px 0 0 35px;
    width:70%;
    float:right;
    min-height:300px
}
.area3 .service{
    margin:0;
    padding:0
}
.area3 .service .row{
    margin:0;
    padding:0;
    overflow:hidden
}
.area3 .service .row .col{
    width:49.25%;
    margin:0 10px 0 0;
    padding:0;
    display:block;
    float:left
}
.area3 .service .row .col .icon{
    display:block;
    float:left;
    width:35%;
    margin-right:5px
}
.area3 .service .row .col .description{
    overflow:hidden;
    font-size:15px
}
.area3 .right .title{
    margin:0;
    padding:0;
    
    font-size:19px;
    font-weight:700;
    color:#a60f38
}
.area3 .service ul{
    margin:4px 0 20px
}
.area3 .service ul li{
    background:url(../img/dash-bullet.png) no-repeat left 5px;
    padding:0 0 0 15px;
    line-height:21px
}
.area3 .service .row .col-last{
    float:right;
    margin-right:0
}
.area3 .service .service-icon{
    display:inline-block;
    width:100px;
    height:100px;
    line-height:100px;
    border-radius:50%;
    background:#ff5449;
    margin-bottom:25px;
    font-size:40px;
    color:#fff;
    transition:all .5s ease 0s
}
.area3 .service .fa-globe::before{
    content:"\f0ac"
}
.service-page-faq .panel-body{
    padding:15px
}
.services-banner-wrap{
    position:relative;
    margin-top:30px;
    background-position:center
}
.services-banner-wrap .service-content-wrap{
    position:relative;
    display:inline-block;
    width:100%;
    padding:30px 0;
    text-align:center
}
.services-banner-wrap,.services-banner-wrap .service-content-wrap .title{
    width:100%;
    display:inline-block
}
.services-banner-wrap .service-content-wrap .title h2{
    color:#313131;
    font-size:32px;
    text-transform:uppercase
}
.services-banner-wrap .service-content-wrap .title::before{
    display:inline-block;
    height:6px;
    width:140px;
    margin-bottom:10px;
    background-color:#476cb9;
    content:''
}
.services-banner-wrap .service-content-wrap .title h2{
    color:#313131;
    font-size:32px;
    text-transform:uppercase
}
.services-banner-wrap .service-content-wrap .image{
    display:inline-block;
    width:100%;
    margin:30px 0
}
.services-banner-wrap .service-content-wrap .image img{
    width:auto;
    margin:0 auto
}
.services-banner-wrap .service-content-wrap .content,.services-banner-wrap .service-content-wrap .seo-description{
    display:block;
    max-width:1170px;
    width:100%;
    margin:0 auto;
    padding:0 15px
}
.service-banner-image{
    position:absolute
}
.lett-captz{
    text-transform:uppercase
}
.serviceBox3{
    background:#fff;
    border-right:1px solid #d3d3d3;
    padding:25px;
    text-align:center;
    transition:all .3s ease 0s;
    margin:0 -15px
}
.serviceBox3.last{
    border-right:none
}
.serviceBox3 .service-icon i{
    font-size:60px
}
.serviceBox3 .service-content h3{
    color:#000;
    font-size:18px;
    font-weight:600;
    text-transform:uppercase
}
.serviceBox3 .service-content p{
    font-size:12px
}
.serviceBox3 a.btn{
    background:#999 none repeat scroll 0 0;
    border:2px solid #999;
    color:#fff;
    display:inline-block;
    padding:7px 10px;
    text-transform:uppercase;
    border-radius:0;
    font-size:12px;
    font-weight:400
}
.serviceBox3:hover{
    background:#4aa3df
}
.serviceBox3:hover .service-icon i{
    color:#fff
}
.serviceBox3:hover .service-content h3{
    color:#fff
}
.serviceBox3:hover .service-content p{
    color:#fff
}
.serviceBox3:hover a{
    background:#fff;
    color:#000;
    border:2px solid #fff
}
.serviceBox3 a:hover{
    background:#4aa3df;
    border:2px solid #fff;
    color:#fff
}
@media only screen and (max-width:990px){
    .serviceBox3{
        margin-bottom:20px
    }
}
@media only screen and (max-width:767px){
    .serviceBox3{
        margin:0;
        border-right:0 none
    }
}
.sckOuter{
    display:flex;
    flex-wrap:wrap
}
.noPad{
    padding:0
}
.wow{
    animation-duration:2.1s!important
}
.sckInner{
    margin:30px 0 0
}
.sckBorder{
    border:1px solid #dedede;
    padding:20px 21px;
    background:#fff none repeat scroll 0 0
}
.defineFloat{
    float:left;
    width:100%
}
.sckInnerImage{
    display:inline-block;
    float:left;
    width:82px;
    margin:0 15px 0 0
}
.sckInnerFirst>h2{
    color:#000;
    font-size:18px;
    text-transform:initial;
    line-height:22px
}
.sckInnerSecond>p{
    margin-top:10px
}
.sckOuter .sckBorder:hover{
    background-color:#e8f0f5
}
.call-us-sec{
    background:url(../images/maple-footer-banner2.jpg?v=1) no-repeat center #3b3b3b;
    background-blend-mode: overlay;
    background-size:auto auto;
    padding:22px 0;
    text-align:left;
    background-size:auto 100%;
    color:#fff;
    @media (width < 992px){
        background:#7c1606;
        text-align:center;
        color:#fff;
    }
}
.call-us-sec .call-us-title{
    text-transform:uppercase;
    color:#fff;
    font-size:32px;
    margin:0;
    font-family:Lato,sans-serif;
    font-weight:700;
    letter-spacing:1px;
    display:block;
    line-height:normal
}
.call-us-sec p{
    font-size:20px;
    color:#fff;
    line-height:29px;
    margin:0
}
.call-us-sec p span{
    font-size:27px
}
.call-us-sec p a{
    color:#fff;
    font-weight:700
}
.service-block{
    padding-bottom:35px
}
.service-block h3.heading-icon{
    line-height:38px
}
.service-block h3{
    font-size:17px;
    color:var(--primaryColor);
    font-family:Roboto,sans-serif;
    margin:0 0 8px;
    font-weight:400;
    display:inline-block;
    width:100%;
    line-height:25px;
    margin-top:0
}
.service-block h3 span{
    overflow:hidden
}
span.wgi-icon{
    font-size:40px;
    margin-right:15px;
    float:left;
    color:var(--primaryColor);
    font-family:icomoon!important
}
.text-link{
    color:var(--primaryColor);
    text-decoration:none!important
}
span.wgi-icon::before{
    color:var(--primaryColor)
}
.icon-design::before{
    font-family:FontAwesome;
    content:"\f022"
}
.icon-Responsive::before{
    font-family:FontAwesome;
    content:"\f109"
}
.icon-Computer::before{
    font-family:FontAwesome;
    content:"\f07a"
}
.icon-analist::before{
    font-family:FontAwesome;
    content:"\f201"
}
.service-block a.link{
    text-transform:uppercase;
    color:var(--primaryColor);
    font-family:Lato,sans-serif;
    font-weight:500;
    line-height:14px;
    font-size:12px;
    letter-spacing:.5px;
    text-decoration:none
}
service-block a.link i{
    margin:5px 3px 0 0;
    font-size:12px;
    float:left
}
.why-us-pnl{
    padding-right:0;
    padding-bottom:35px
}
.why-us-pnl .wgi-icon{
    margin-right:0
}
span.wgi-icon{
    font-size:40px;
    margin-right:15px;
    float:left;
    color:var(--primaryColor)
}
.why-us-pnl span{
    width:80px;
    height:80px;
    border:2px solid var(--primaryColor);
    border-radius:50px;
    display:block;
    text-align:center;
    line-height:75px;
    background-color:#fff
}
.icon-ecom-enovation-design::before{
    font-family:FontAwesome;
    content:"\f002"
}
.icon-mobile-app-Research::before{
    font-family:FontAwesome;
    content:"\f14b"
}
.icon-cms-Web-Design-Development::before{
    font-family:FontAwesome;
    content:"\f10a"
}
.icon-coding::before{
    font-family:FontAwesome;
    content:"\f1c9"
}
.why-us-pnl .why-pnl{
    overflow:hidden;
    padding-left:16px
}
.why-us-pnl h3{
    color:#000;
    font-size:17px;
    font-weight:400;
    position:relative;
    margin-top:5px;
    font-family:Roboto,sans-serif
}
.why-us-pnl h3::after{
    position:absolute;
    bottom:-5px;
    left:0;
    width:25px;
    height:1px;
    background:#d5d5d5;
    content:"";
    transition:all .5s ease-in-out
}
.why-us-pnl p{
    font-size:15px;
    margin:0
}
.heading2{
    width:100%;
    float:left;
    text-align:center;
    margin:10px 0;
    color:#434343
}
.heading2 span{
    display:inline-block;
    padding:0 15px;
    font-size:2.5em;
    position:relative
}
.heading2 span::before{
    left:100%
}
.heading2 span::after{
    right:100%
}
.heading2 span::after,.heading2 span::before{
    position:absolute;
    top:50%;
    height:2px;
    width:30%;
    content:"";
    background:#b9b9b9;
    display:block
}
.keypoint{
    position:relative;
    margin:20px 0
}
.wrapper-key{
    width:100%;
    float:left
}
.keypoint::before{
    top:-10px
}
.keypoint::after,.keypoint::before{
    position:absolute;
    color:#cacaca;
    content:"\f111";
    font-family:FontAwesome;
    font-size:16px;
    left:50%;
    margin-left:-8px
}
.keypoint::after{
    bottom:-1px
}
.keypoint ul{
    width:100%;
    float:left;
    position:relative
}
.keypoint ul::before{
    content:"";
    width:2px;
    height:100%;
    display:block;
    top:0;
    left:50%;
    margin-left:-2px;
    position:absolute;
    background:#cacaca
}
.keypoint ul li:nth-child(2n+1){
    padding:0 120px 0 0;
    text-align:right;
    float:left
}
.keypoint ul li:nth-child(2n){
    padding:0 0 0 120px;
    float:right
}
.keypoint ul li{
    width:48%;
    position:relative;
    min-height:120px;
    margin-bottom:20px
}
.keypoint ul li.experience::before{
    border-color:#20a55a;
    background-position:0 0
}
.keypoint ul li:nth-child(2n+1)::before{
    right:0
}
.keypoint ul li::before{
    background:url(../img/icon.jpg) no-repeat;
    content:"";
    height:100px;
    width:100px;
    display:block;
    border:3px solid #ff0004;
    -webkit-border-radius:50%;
    position:absolute;
    top:0
}
.keypoint ul li span{
    display:block;
    color:#6e6e6e;
    font-size:2em;
    font-weight:700
}
.keypoint ul li:nth-child(2n+1)::after{
    left:100%
}
.keypoint ul li:nth-child(2n)::after{
    right:100%
}
.keypoint ul li::after{
    content:"";
    height:2px;
    display:block;
    width:4.1%;
    position:absolute;
    background:#cacaca;
    top:50px
}
.keypoint ul li.knowledge::before{
    border-color:#3e7dcc;
    background-position:-102px 0
}
.keypoint ul li:nth-child(2n)::before{
    left:0
}
.keypoint ul li.convenience::before{
    border-color:#36bbe7;
    background-position:-200px 0
}
.keypoint ul li.team_strength::before{
    border-color:#bb5ae7;
    background-position:-300px 0
}
.keypoint ul li.global_reach::before{
    border-color:#eab62d;
    background-position:-400px 0
}
.keypoint ul li.execution::before{
    border-color:#add522;
    background-position:-500px 0
}
.keypoint ul li p{
    margin-top:10px
}
.ft-verd{
    font-family:verdana;
    font-size:1.2em
}
.grid_12{
    width:98%;
    display:inline;
    float:left;
    position:relative;
    margin-left:1%;
    margin-right:1%
}
.mt20{
    margin-top:20px
}
.press_kit_heading h3{
    color:#333;
    font-family:verdana;
    font-size:1.313em;
    font-weight:700;
    text-align:left;
    text-transform:uppercase
}
.press_kit_heading h3 span{
    float:left;
    position:relative;
    width:100%;
    padding-bottom:10px;
    margin-bottom:10px
}
.press_kit_heading h3 span::before{
    border-bottom:4px solid #b5b5b5;
    bottom:0;
    content:"";
    left:0;
    position:absolute;
    top:10px;
    width:12%
}
.dotted_border{
    background:url(http://jiweblab.com/404.html) repeat-x bottom left
}
.pb20{
    padding-bottom:20px
}
.webdesign ul{
    margin:0;
    padding:0;
    list-style:none
}
.webdesign li{
    margin:0;
    padding:0;
    list-style:none;
    float:left;
    width:100%;
    font-family:verdana;
    margin-bottom:20px
}
.webdesign li abbr{
    text-align:center;
    margin-right:15px;
    font-size:1.375em;
    font-family:verdana;
    -webkit-border-radius:6px;
    border:solid 20px var(--primaryColor);
    background:var(--primaryColor);
    color:#fff;
    float:left;
    padding:6px 14px
}
.webdesign li span{
    font-size:1.188em;
    color:#565656;
    position:relative
}
.webdesign li span i{
    font-size:1.188em;
    font-style:normal;
    color:#111;
    font-weight:700
}
.forbiddine_div{
    width:100%;
    display:inline-block;
    vertical-align:top;
    margin:0;
    padding-left:0;
    
}
.forbiddine_div.my_list li{
    margin-top:15px;
    padding-right:70px
}
.primary-dots li::marker {
    color:var(--primaryColor)
  }
.forbiddine_div li{
    width:100%;
    display:inline-block;
    font-size:16px;
    
    
    -webkit-text-stroke:1px transparent;
    
    line-height:33px
}
.agency-content{
    background:url(http://jiweblab.com/404.html) no-repeat
}
.agency-content{
    padding-top:43px
}
.agency-content p{
    font-family:Roboto,sans-serif;
    font-weight:400;
    font-size:16px
}
.agency-content strong{
    color:#000;
    display:block;
    font-size:42px;
    font-weight:400;
    margin-bottom:-3px
}
.agency-content ul{
    margin-top:22px;
    margin-bottom:10px
}
.agency-content li{
    list-style-type:none;
    background:url(../img/cmp_tick.png) no-repeat scroll 0 0;
    line-height:23px;
    margin-bottom:15px;
    padding-left:36px
}
.agency-content a,.order a{
    background:var(--primaryColor) none repeat scroll 0 0;
    border-radius:50px;
    color:#fff!important;
    display:inline-block;
    font-size:18px;
    font-weight:700;
    margin-top:15px;
    padding:11px 44px;
    text-decoration:none
}
.out-sor-conts{
    padding:40px 0;
    background:#eee
}
.out-sor-conts h1{
    color:#ff8a18;
    font-size:42px;
    font-weight:700;
    margin:0 0 30px;
    text-align:center
}
.out-sor-conts .sub-head{
    text-align:left;
    text-transform:capitalize;
    font-size:28px;
    margin-bottom:20px
}
.sub-head{
    color:#474747;
    margin:0 auto 40px;
    padding-bottom:13px;
    display:inline-block;
    font-weight:700
}
.out-sor-conts .sub-head::before{
    left:0;
    margin-left:0
}
.sub-head::before{
    position:absolute;
    bottom:0;
    height:4px;
    background:#52b5f2;
    content:"";
    width:100%
}
.out-sor-conts p{
    font-size:17px;
    color:#373737;
    font-weight:300;
    margin-bottom:30px
}
.angle-btn,.project-planeer,.sub-head,.text-caption p{
    position:relative
}
.whyji ul{
    margin:50px 0 0
}
.list-unstyled{
    padding-left:0;
    list-style:none
}
.whyji li{
    list-style:none;
    margin:0 0 15px;
    float:left;
    width:48%;
    min-height:60px;
    counter-increment:section;
    position:relative;
    padding-left:62px
}
.whyji li::before{
    content:counter(section) "";
    font-size:24px;
    margin-right:6px;
    position:absolute;
    left:0;
    top:0;
    line-height:50px;
    width:50px;
    border-radius:50%;
    color:#fff;
    text-align:center;
    background-color:var(--primaryColor)
}
.demo5{
    background:#f0f0f1!important
}
.serviceBox5{
    padding-bottom:20px;
    border-radius:0 10px 10px 10px;
    background:#fff;
    text-align:center;
    position:relative;
    z-index:1;
    transition:all .3s ease 0s
}
.serviceBox5:hover{
    box-shadow:0 0 5px #000 inset
}
.serviceBox5:before{
    content:"";
    display:inline-block;
    width:200px;
    height:15px;
    border-radius:10px 10px 0 0;
    background:#2999c3;
    z-index:-1;
    position:absolute;
    top:-15px;
    left:0
}
.serviceBox5 .service-icon{
    width:185px;
    height:65px;
    background:#2999c3;
    font-size:40px;
    margin-bottom:80px;
    position:relative;
    transition:all .5s ease 0s
}
.serviceBox5 .service-icon:after{
    content:"";
    width:130px;
    height:130px;
    background:#2999c3;
    border-radius:0 0 20px 0;
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%) scale(1,.7) rotate(45deg)
}
.serviceBox5 .service-icon span{
    display:block;
    font-size:70px;
    color:#fff;
    position:absolute;
    top:0;
    left:50%;
    z-index:1;
    transform:translateX(-50%) rotateX(360deg);
    transition:all .3s ease 0s
}
.serviceBox5:hover .service-icon span{
    transform:translateX(-50%) rotateX(0)
}
.serviceBox5 .title{
    font-size:20px;
    color:#505050;
    letter-spacing:1px;
    text-transform:uppercase;
    margin:0 0 10px 0;
    transition:all .3s ease .1s
}
.serviceBox5:hover .title{
    color:#2999c3
}
.serviceBox5 .description{
    padding:0 10px;
    font-size:15px;
    color:#505050;
    line-height:27px;
    margin-bottom:15px;
    transition:all .3s ease 0s
}
.serviceBox5.darkblue .service-icon,.serviceBox5.darkblue .service-icon:after,.serviceBox5.darkblue:before{
    background:#1a6bac
}
.serviceBox5.darkblue:hover .title{
    color:#1a6bac
}
.serviceBox5.yellow .service-icon,.serviceBox5.yellow .service-icon:after,.serviceBox5.yellow:before{
    background:#fcb833
}
.serviceBox5.yellow:hover .title{
    color:#fcb833
}
.serviceBox5.red .service-icon,.serviceBox5.red .service-icon:after,.serviceBox5.red:before{
    background:#d7182a
}
.serviceBox5.red:hover .title{
    color:#d7182a
}
@media only screen and (max-width:990px){
    .serviceBox5{
        margin-bottom:30px
    }
}
.fourofour h1{
    font-size:243px;
    color:var(--primaryColor);
    line-height:1;
    font-weight:700
}
.footer-main{
    width:100%;
    float:left
}
.footer-main{
    background:rgba(0,0,0,0) url(../img/footer-bg.jpg) no-repeat scroll center top/cover;
    padding:50px 0 60px
}
.footer-main h3{
    color:#fff;
    font-size:16px;
    margin:0;
    padding-bottom:20px;
    text-align:left;
    text-transform:uppercase;
    font-weight:600
}
.helpline{
    margin-bottom:10px;
    padding:0 0 10px;
    position:relative
}
.footer_box p{
    color:#cfcfcf;
    font-size:14px;
    margin-bottom:8px
}
.footer_box p span{
    display:block;
    padding-bottom:5px
}
.helpline::after{
    background:#4a4a4a none repeat scroll 0 0;
    bottom:0;
    content:"";
    height:1px;
    left:0;
    margin:0 auto;
    position:absolute;
    width:80%
}
p.skype_img{
    background:url(../img/skypeIcon.png) no-repeat left 5px;
    padding-left:25px
}
span.us_flag{
    background:rgba(0,0,0,0) url(http://jiweblab.com/404.html) no-repeat scroll left 5px;
    padding-left:25px
}
span.uk_flag{
    background:rgba(0,0,0,0) url(http://jiweblab.com/404.html) no-repeat scroll left 5px;
    padding-left:25px
}
span.ind_flag{
    background:rgba(0,0,0,0) url(../img/india.jpg) no-repeat scroll left 5px;
    padding-left:25px
}
p.email{
    background:url(../img/email.png) no-repeat left 5px;
    padding-left:25px
}
.footer_box a{
    color:#cfcfcf;
    text-decoration:none
}
.footer_box ul{
    display:block;
    float:left;
    list-style:outside none none;
    margin:0;
    width:100%;
    padding:0
}
.footer_box ul li{
    color:#cfcfcf;
    float:left;
    line-height:1;
    margin:0 0 8px;
    padding:0;
    text-align:left;
    width:100%;
    font-size:14px
}
.footer_box ul li a{
    color:#cfcfcf;
    display:block;
    font-size:14px;
    text-decoration:none
}
.footer_box .global li.us{
    background:url(http://jiweblab.com/404.html) no-repeat left 5px;
    padding-left:25px
}
.footer_box .global li{
    line-height:20px;
    margin-bottom:10px
}
.footer_box .global li.uk{
    background:url(http://jiweblab.com/404.html) no-repeat left 5px;
    padding-left:25px
}
.footer_box .global li.ind{
    background:url(../img/india.jpg) no-repeat left 5px;
    padding-left:25px
}
.start{
    font-weight:700;
    padding-top:0
}
.start a{
    color:#cfcfcf
}
ul.work_with{
    list-style-type:none
}
.work_with li a{
    border-right:1px solid #fff;
    color:#cfcfcf;
    float:left;
    font-size:14px;
    line-height:1;
    padding:0 10px 0 0;
    margin-right:10px
}
.copyright-content{
    color:#9c9c9c;
    line-height:1;
    margin:30px 0 0;
    padding:40px 0 0;
    position:relative;
    text-align:center;
    font-size:14px
}
.copyright-content p{
    color:#9c9c9c
}
.copyright-content::before{
    background:#4a4a4a none repeat scroll 0 0;
    content:"";
    height:1px;
    left:0;
    margin:0 auto;
    position:absolute;
    right:0;
    top:5px;
    width:48%
}
.copyright-content .social-media{
    display:block;
    float:none;
    list-style:outside none none;
    margin:0 0 20px;
    padding:0;
    text-align:center;
    width:100%
}
.copyright-content .social-media li{
    display:inline-block;
    height:42px;
    line-height:32px;
    margin:0 2px 0 0;
    padding:0;
    width:42px
}
.copyright-content .social-media li a{
    border:2px solid #fff;
    border-radius:50%;
    color:#fff;
    display:block;
    float:left;
    font-size:20px;
    height:38px;
    line-height:36px;
    margin:0;
    padding:0;
    width:38px
}
.copyright-content span a{
    color:#9c9c9c
}
.copyright-content .social-media li a:hover{
    background:var(--customColor,var(--primaryColor)) none repeat scroll 0 0;
    border-color:var(--customColor,var(--primaryColor));
    color:#fff
}
.footer-main a:hover{
    text-decoration:none;
    color:var(--primaryColor)
}
.serviceBox6{
    background:#fff;
    padding:25px;
    text-align:center;
    transition:all .3s ease 0s;
    margin:0 -5px
}
.serviceBox6.last{
    border-right:none
}
.serviceBox6 .service-icon i{
    font-size:60px
}
.serviceBox6 .service-content h3{
    color:#000;
    font-size:20px;
    font-weight:500;
    text-transform:uppercase
}
.serviceBox6 .service-content p{
    font-size:16px;
    font-weight:300
}
.serviceBox6 a.btn{
    background:#999 none repeat scroll 0 0;
    border:2px solid #999;
    color:#fff;
    display:inline-block;
    padding:7px 10px;
    text-transform:uppercase;
    border-radius:0;
    font-size:12px;
    font-weight:400
}
.serviceBox6:hover{
    background:var(--primaryColor)
}
.serviceBox6:hover .service-icon i{
    color:#fff
}
.serviceBox6:hover .service-content h3{
    color:#fff
}
.serviceBox6:hover .service-content p{
    color:#fff
}
.serviceBox6:hover a{
    background:#fff;
    color:#000;
    border:2px solid #fff
}
.serviceBox6 a:hover{
    background:#4aa3df;
    border:2px solid #fff;
    color:#fff
}
@media only screen and (max-width:990px){
    .serviceBox6{
        margin-bottom:20px
    }
}
@media only screen and (max-width:767px){
    .serviceBox6{
        margin:0;
        border-right:0 none
    }
}
.serviceBox7{
    text-align:center;
    position:relative
}
.serviceBox7 .service-icon{
    display:inline-block;
    width:150px;
    height:150px;
    line-height:50px;
    border-radius:50%;
    border:3px solid #e53947;
    padding:50px;
    margin-bottom:50px;
    font-size:50px;
    color:#fff;
    z-index:1;
    position:relative;
    transition:all .5s ease 0s
}
.serviceBox7:hover .service-icon{
    transform:rotateY(360deg)
}
.serviceBox7 .service-icon:before{
    content:"";
    background:#e53947;
    border-radius:50%;
    position:absolute;
    top:20px;
    left:20px;
    bottom:20px;
    right:20px;
    z-index:-1;
    transition:all .5s ease .5s
}
.serviceBox7:hover .service-icon:before{
    transform:rotateX(360deg)
}
.serviceBox7 .service-content{
    padding:40px 15px 20px;
    border-left:2px solid transparent;
    color:#706e6e;
    line-height:27px;
    position:relative
}
.serviceBox7 .service-content:before{
    content:"";
    width:15px;
    height:15px;
    border-radius:50%;
    background:#e53947;
    margin:0 auto;
    position:absolute;
    top:10px;
    left:0;
    right:0
}
.serviceBox7 .service-content:after{
    content:"";
    width:3px;
    height:70px;
    background:#e53947;
    margin:0 auto;
    position:absolute;
    top:-54px;
    left:0;
    right:0
}
.serviceBox7 .title{
    font-size:20px;
    font-weight:600;
    color:#fff;
    background:#e53947;
    border-radius:10px;
    padding:7px 5px;
    margin:0 0 10px 0
}
.serviceBox7.green .service-icon{
    border-color:#93aa01
}
.serviceBox7.green .service-content:after,.serviceBox7.green .service-content:before,.serviceBox7.green .service-icon:before,.serviceBox7.green .title{
    background:#93aa01
}
.serviceBox7.green .service-content{
    border-color:#93aa01;
    border-left-color:transparent
}
.serviceBox7.blue .service-icon{
    border-color:#02a2ad
}
.serviceBox7.blue .service-content:after,.serviceBox7.blue .service-content:before,.serviceBox7.blue .service-icon:before,.serviceBox7.blue .title{
    background:#02a2ad
}
.serviceBox7.blue .service-content{
    border-color:#02a2ad;
    border-left-color:transparent
}
.serviceBox7.orange .service-icon{
    border-color:#eb700c
}
.serviceBox7.orange .service-content:after,.serviceBox7.orange .service-content:before,.serviceBox7.orange .service-icon:before,.serviceBox7.orange .title{
    background:#eb700c
}
.serviceBox7.orange .service-content{
    border-color:#eb700c;
    border-left-color:transparent
}
.serviceBox7.purple .service-icon{
    border-color:purple
}
.serviceBox7.purple .service-content:after,.serviceBox7.purple .service-content:before,.serviceBox7.purple .service-icon:before,.serviceBox7.purple .title{
    background:purple
}
.serviceBox7.purple .service-content{
    border-color:purple;
    border-left-color:transparent
}
.serviceBox7.green1 .service-icon{
    border-color:#093
}
.serviceBox7.green1 .service-content:after,.serviceBox7.green1 .service-content:before,.serviceBox7.green1 .service-icon:before,.serviceBox7.green1 .title{
    background:#093
}
.serviceBox7.green1 .service-content{
    border-color:#093;
    border-left-color:transparent
}
@media only screen and (max-width:990px){
    .serviceBox7{
        margin-bottom:30px
    }
}
.development_services_inner{
    display:inline-block;
    margin:33px 0 0;
    padding:20px 10px;
    text-align:center;
    width:100%;
    min-height:260px;
    box-shadow:20px 20px 20px rgba(0,0,0,.2)
}
.gradient_1{
    background:linear-gradient(28deg,#066bb9 7%,#00a1b5 59%,#00a8b5 65%,#00a8b5 96%)
}
.development_services_inner .content_box{
    width:100%;
    float:left;
    padding:10px
}
.development_services_inner .content_box .num_box{
    width:71px;
    border:1px solid #fff;
    border-radius:50%;
    float:left;
    margin:0 5px;
    color:#fff;
    font-size:47px;
    padding:10px
}
.development_services_inner .content_box h4{
    color:#fff;
    margin:8px 0 0;
    float:right;
    width:70%;
    text-align:left
}
.development_services_inner p{
    padding:10px 0 10px 20px;
    margin:6px 2px 2px;
    color:#fff;
    min-height:2px;
    text-align:left;
    float:left
}
.gradient_2{
    background:#00a8b5;
    width:100%
}
.gradient_3{
    background:linear-gradient(45deg,#00a8b5 32%,#066bb9 100%)
}
.circle-main{
    padding:25px 0 0;
    text-align:center
}
.theme-heading{
    text-align:center;
    padding-bottom:0;
    margin:0 auto
}
.circle-main .theme-heading h2{
    font-size:30px;
    margin-bottom:15px
}
.circle-main .circle.purple{
    background:#6e77b7
}
.circle-main .circle{
    border-radius:100%;
    width:352px;
    height:352px;
    padding:80px 50px;
    vertical-align:middle;
    margin:0 -10px;
    display:inline-block
}
.circle-main .circle h4{
    font-weight:400;
    line-height:1.2;
    font-size:32px;
    padding:30px 0 25px;
    color:#fff
}
.circle.yellow{
    background:#f79b1f
}
.circle.green{
    background:#6ea939
}
.circle-blue.one{
    z-index:9
}
.circle-blue{
    position:relative;
    margin:0 -30px;
    display:inline-block
}
.circle-blue .circle{
    background:#00adef;
    border-radius:100%;
    padding:42px 30px;
    border:solid 5px #fff;
    height:257px;
    width:257px;
    position:relative
}
.circle>img{
    max-width:100%
}
.circle>i{
    font-size:115px;
    color:#fff
}
.circle-blue .circle::after{
    content:"";
    position:absolute;
    right:-35px;
    top:50%;
    margin-top:-5px;
    width:0;
    height:0
}
.circle-blue h3{
    font-size:15px;
    font-weight:300;
    margin:0 0 15px 0
}
.circle-blue.two{
    z-index:8
}
.circle-blue.three{
    z-index:7
}
.circle-blue.four{
    z-index:6
}
.circle-blue.five{
    z-index:5
}
.circle-blue.six{
    z-index:4
}
.circle-blue.seven{
    z-index:3
}
.circle-area{
    text-align:center
}
.bord5{
    border:5px solid #093
}
.bord-radius5{
    border-radius:5px
}
.padding5{
    padding:5px
}
.resp-tabs-list{
    width:458px;
    height:458px;
    background:#fff url(http://jiweblab.com/404.html) center center no-repeat;
    border:3px solid #94cc26;
    float:right;
    position:relative;
    border-radius:100%;
    margin-top:15px
}
.resp-tabs-list li a{
    background:#0071b8;
    width:150px;
    height:150px;
    border-radius:100%;
    float:left;
    color:#fff;
    padding:0 15px;
    text-align:center;
    text-transform:uppercase;
    position:absolute;
    left:150px;
    top:-63px
}
.resp-tabs-list li a span{
    display:table-cell;
    height:150px;
    vertical-align:middle;
    width:150px
}
.resp-tabs-list li a#conts-9{
    background:#20c277;
    left:-40px;
    top:50px
}
.resp-tabs-list li a#conts-10{
    background:#6360a8;
    left:-43px;
    top:259px
}
.resp-tabs-list li a#conts-11{
    background:#8dc917;
    left:inherit;
    right:155px;
    top:370px
}
.resp-tabs-list li a#conts-12{
    background:#359bdd;
    left:inherit;
    right:-38px;
    top:268px
}
.resp-tabs-list li a#conts-13{
    background:#f36f21;
    left:inherit;
    right:-46px;
    top:55px
}
.why-li li:before{
    content:"\f105";
    font-family:fontawesome;
    font-size:20px;
    margin-right:10px;
    color:var(--primaryColor)
}
.line-height-30{
    line-height:30px
}
.banner-heading{
    color:#fff;
    font-size:32px;
    font-weight:700;
    @media (width < 992px){
        font-size:16px;
    font-weight:700
    }
}
.banner-content{
    color:#fff;
    font-size:50px;
    font-weight:700;
    line-height:60px;
    @media (width < 992px){
        font-size: 32px;
        font-weight: 700;
        line-height: 41px;
    }
}
.font24{
    font-size:24px
}
.home-porth3{
    color:#ddd;
    font-size:24px;
    margin-top:-45px;
    padding-top:50%;
    text-decoration:none;
    text-transform:uppercase;
    font-weight:800
}
.client-says{
    color:#fff;
    font-size:20px
}
.team-name{
    margin-bottom:5px;
    font-size:24px;
    line-height:26px
}
.why-choose-keyword{
    color:#86c724;
    font-size:38px;
    line-height:40px
}
 #menu ul {
     margin: 0;
     padding: 0;
}
 #menu .main-menu {
     display: none;
}
 #tm:checked + .main-menu {
     display: block;
}
 #menu input[type="checkbox"], #menu ul span.drop-icon {
     display: none;
}
 #menu li, #toggle-menu, #menu .sub-menu {
     border-style: solid;
     border-color: #555;
}
 #menu li, #toggle-menu {
     border-width: 0 0 1px;
}
 #menu .sub-menu {
     background-color: #444;
     border-width: 1px 1px 0;
     margin: 0 1em;
}
 #menu .sub-menu li:last-child {
     border-width: 0;
}
 #menu li, #toggle-menu, #menu a {
     position: relative;
     display: block;
     color: #fff;
     text-shadow: 1px 1px 0 rgba(0, 0, 0, .125);
}
 #menu {
     background-color: #09c;
}
 #toggle-menu {
     background: #333;
}
 #toggle-menu, #menu a {
     padding: 1em 1.5em;
}
 #menu a {
     transition: all .125s ease-in-out;
     -webkit-transition: all .125s ease-in-out;
}
 #menu a:hover {
     background-color: white;
     color: #444;
}
 #menu .sub-menu {
     display: none;
}
 #menu input[type="checkbox"]:checked + .sub-menu {
     display: block;
}
 #menu .sub-menu a:hover {
     color: #444;
}
 #toggle-menu .drop-icon, #menu li label.drop-icon {
     position: absolute;
     right: 0;
     top: 0;
}
 #menu label.drop-icon, #toggle-menu span.drop-icon {
     padding: 1em;
     font-size: 1em;
     text-align: center;
     background-color: rgba(0, 0, 0, .125);
     text-shadow: 0 0 0 transparent;
     color: rgba(255, 255, 255, .75);
}
 .bord-zero{
    border-right:0px!important;
}
 @media only screen and (min-width: 1024px) {
     #menu .main-menu {
         display: block;
    }
     #toggle-menu, #menu label.drop-icon {
         display: none;
    }
     #menu ul span.drop-icon {
         display: inline-block;
    }
     #menu li {
         float: left;
         border-width: 0 1px 0 0;
    }
     #menu .sub-menu li {
         float: none;
    }
     #menu .sub-menu {
         border-width: 0;
         margin: 0;
         position: absolute;
         top: 100%;
         left: 0;
         width: 19em;
         z-index: 3000;
    }
     #menu .sub-menu, #menu input[type="checkbox"]:checked + .sub-menu {
         display: none;
    }
     #menu .sub-menu li {
         border-width: 0 0 1px;
    }
     #menu .sub-menu .sub-menu {
         top: 0;
         left: 100%;
    }
     #menu .sub-menu .drop-icon {
         position: absolute;
         top: 0;
         right: 0;
         padding: 1em;
    }
     #menu li:hover > input[type="checkbox"] + .sub-menu {
         display: block;
    }
     .navArea{
        position:absolute;
    }
}
 .brwmenu{
    margin-right:5px;
}
 .nvmenu{
    margin-top:10px;
}
 .navArea{
    position:fixed;
}
 @media (max-width: 767px) {
     .navArea{
        position:absolute;
    }
}