@charset "UTF-8";
a,a:active,a:focus,a:hover{
    color:inherit;
    text-decoration:none
}
#page-loader,.scroll-top{
    position:fixed;
    z-index:999
}
body{
    font-family:Poppins,sans-serif;
    color:#7d7d7d;
    overflow-x:hidden
}
.section-count{
    font-family:'Josefin Sans',sans-serif
}
.section-title{
    font-family: 'Shabnam','IRANSansWeb','WeblogmaYekan','Vazir';
}
.no-padding{
    padding:0
}
.no-padding-right{
    padding-right:0
}
.no-padding-left{
    padding-left:0
}
img{
    max-width:100%
}
p{
    line-height:26px
}
a{
    -webkit-transition:.3s;
    -o-transition:.3s;
    transition:.3s
}
a:active,a:focus,a:hover{
    outline:0
}
.section-count{
    height:120px;
    overflow:hidden;
    font-weight:100
}
.section-count>span{
    color:#e6e9f4;
    display:block;
    font-size:220px;
    line-height:.7em
}
.section-title{
    color:#3e6edf;
    font-size:43px;
    font-weight:300;
    text-transform:capitalize;
    margin-bottom:20px
}
.section-text>p{
    margin-bottom:15px;
    text-align: justify;
    direction: rtl;
}
.scroll-top{
    background:#3e6edf;
    border-radius:2px;
    bottom:20px;
    color:#fff;
    font-size:24px;
    height:40px;
    right:-100px;
    text-align:center;
    width:40px;
    cursor:pointer;
    -webkit-transition:.3s;
    -o-transition:.3s;
    transition:.3s
}
.scroll-top.active{
    right:20px
}
@media screen and (max-width:767px){
    .section-count>span{
        font-size:180px;
        line-height:.9em
    }
    .section-title{
        font-size:38px
    }
}
#page-loader{
    background:#fff;
    height:100%;
    width:100%
}
.loader-icon{
    background:#fff;
    border-bottom:5px solid rgba(19,19,19,.1)!important;
    border-left:5px solid rgba(19,19,19,.1)!important;
    border-radius:100px;
    -moz-border-radius:100px;
    -webkit-border-radius:100px;
    -o-border-radius:100px;
    -ms-border-radius:100px;
    border-right:5px solid #3e6edf!important;
    border-top:5px solid rgba(19,19,19,.1)!important;
    height:50px;
    left:50%;
    margin:-20px 0 0 -20px;
    position:absolute;
    text-align:center;
    top:50%;
    width:50px
}
.colored-border{
    border-color:#fff
}
.fa-spin{
    -webkit-animation:fa-spin 1s infinite linear;
    animation:fa-spin 1s infinite linear
}
@-webkit-keyframes fa-spin{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(359deg);
        transform:rotate(359deg)
    }
}
@keyframes fa-spin{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(359deg);
        transform:rotate(359deg)
    }
}
#intro-hero .hero-download-link.top-download-link-fixed{
    min-height:70px;
    position:absolute;
    text-align:center;
    top:5px;
    width:100%;
    z-index:10
}
#intro-hero .hero-download-link>a{
    background:#445681;
    border-radius:50%;
    color:#fff;
    display:inline-block;
    font-size:20px;
    height:40px;
    margin:10px 7px;
    padding:7px;
    position:relative;
    text-align:center;
    width:40px
}
#intro-hero .hero-download-link>a:after{
    border:1px solid #3a445c;
    border-radius:50%;
    content:"";
    height:50px;
    left:-5px;
    opacity:0;
    position:absolute;
    top:-5px;
    width:50px
}
#intro-hero .hero-download-link>a:hover{
    background:#3e6edf
}
#intro-hero .hero-download-link>a:hover:after{
    opacity:1
}
#intro-hero .slide-item{
    position:relative;
    z-index:1
}
#intro-hero .slide-item{
    height: 670px;
}
#intro-hero .slide-item::after{
    background:rgba(51,56,72,.7);
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:-1
}
#intro-hero .slide-content{
    display: table;
    text-align: center;
    margin: 0 auto;
    vertical-align: middle;
    height: 100%;
}
#intro-hero .slide-text{
    padding:90px 0;
    display: table-cell;
    vertical-align: middle;
}
#intro-hero .slide-text>.hero-title{
    color:#fff;
    font-size:80px
}
#intro-hero .slide-text>.hero-title>span{
    color: #162b5f;
    text-shadow: 0px 1px 5px #ffffffe0;
}
#intro-hero .slide-text>.hero-subtitle{
    color:#8996b4;
    font-size:40px;
    font-weight:300;
    margin:20px 0;
    line-height:65px
}
#intro-hero .slide-buttons{
    margin:40px 0 10px
}
#intro-hero .slide-buttons>a{
    border:2px solid #e1e1e1;
    border-radius:20px;
    color:#fff;
    display:inline-block;
    margin:0 10px;
    padding:10px 20px;
    text-decoration:none;
    width:160px
}
#intro-hero .slide-buttons>a.btn-active,#intro-hero .slide-buttons>a:hover{
    background:#3e6edf;
    border-color:#3e6edf
}
#intro-hero .hero-screen>img{
    display:block;
    margin:0 auto
}
@media screen and (max-width:991px){
    #intro-hero .slide-text>.hero-title{
        font-size:48px
    }
    #intro-hero .slide-text>.hero-subtitle{
        font-size:24px
    }
}
@media screen and (max-width:767px){
    #intro-hero .slide-text{
        padding:60px 0
    }
    #intro-hero .slide-text>.hero-title{
        font-size:38px!important
    }
    #intro-hero .slide-text .slide-buttons a{
        margin-bottom:20px
    }
}
#nav{
    background:#fff;
    border-radius:100px;
    box-shadow:0 0 15px 0 rgba(0,0,0,.3);
    margin:-20px auto 0;
    padding:15px;
    position:relative;
    width:1170px;
    -webkit-transition:.5s;
    -o-transition:.5s;
    transition:.5s
}
#nav .logo{
    color:#3e6edf;
    font-size:30px
}
#nav .logo img{
    width: 100px;
}
#nav.navbar-fixed-top{
    border-radius:0;
    margin-top:0;
    position:fixed;
    top:0;
    width:100%;
    z-index:20
}
#nav .section-scroll-arrow{
    background:#3e6edf;
    border-radius:50%;
    bottom:-20px;
    box-shadow:0 5px 15px 0 rgba(0,0,0,.3);
    color:#fff;
    cursor:pointer;
    height:40px;
    left:50%;
    margin:0 auto;
    padding:12px;
    position:absolute;
    text-align:center;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    width:40px
}
#nav ul.main-menu{
    list-style:none;
    margin-top:15px;
    padding:0
}
#nav ul.main-menu>li{
    display:inline-block;
    float: right;
}
#nav ul.main-menu>li>a{
    border:1px solid transparent;
    border-radius:20px;
    color:#7d7d7d;
    font-size:13px;
    padding:5px 20px;
    text-decoration:none;
    text-transform:uppercase;
    display:inline-block
}
#nav ul.main-menu>li.current a,#nav ul.main-menu>li>a:hover{
    border:1px solid #ebebeb
}
@media only screen and (max-width:1200px){
    #nav{
        border-radius:0;
        width:100%
    }
}
@media only screen and (max-width:991px){
    #nav .navbar-header{
        float:none
    }
    #nav .navbar-toggle{
        display:block
    }
    #nav .navbar-collapse{
        border-top:1px solid transparent;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.1)
    }
    #nav .navbar-collapse.collapse{
        display:none!important
    }
    #nav ul.main-menu>li{
        display:block;
        padding:3px 0;
        text-align:center;
        width: 100%;
    }
    #nav .navbar-collapse.collapse.in{
        display:block!important
    }
    #nav .navbar-toggle .icon-bar{
        background:#fff;
        border-radius:1px;
        display:block;
        height:3px;
        width:22px
    }
    #nav .navbar-toggle{
        background-color:#3e6edf
    }
    #nav .main-menu.pull-right{
        float:none!important
    }
}
#about{
    padding:120px 0 50px
}
#about .available-on{
    padding-top:40px
}
#about .available-on>a{
    color:#dedede;
    font-size:24px;
    padding:10px
}
#about .available-on>a:hover{
    color:#3e6edf
}
#about .available-on>span{
    color:#3a3a3a;
    display:inline-block;
    font-size:15px;
    margin-right:20px;
    vertical-align:3px;
    padding-top: 6px;
}
#about .app-screen>img{
    margin:0 auto;
    display:block
}
@media screen and (max-width:991px){
    #about{
        padding:90px 0
    }
}
@media screen and (max-width:767px){
    #about{
        padding:60px 0
    }
    #about .app-screen{
        margin-bottom:30px
    }
    #about .available-on{
        padding-top:20px
    }
}

#why-choose{
    padding:60px 0 60px
}
#why-choose .why-choose-reason-blocks{
    margin-top:30px;
    direction: rtl;
}
#why-choose .why-choose-reason-blocks .reason-block{
    border-right:1px solid #dfe7fa;
    position:relative
}
#why-choose .why-choose-reason-blocks .reason-block:last-child{
    border-right:none
}
#why-choose .why-choose-reason-blocks .reason-block::before{
    color: #3e6edf;
    /* border:5px solid #3e6edf; */
    font-family: 'fontawesome';
    border-color:rgba(62,110,223,.3);
    border-radius:50%;
    content:"\f0a3";
    /* height:20px;
    width:20px; */
    right:-10px;
    position:absolute;
    top:-6px;
    font-size: 22px;
}
#why-choose .why-choose-reason-blocks .reason-block::after{
    font-family: 'fontawesome';
    content:"\f00c";
    right: -6px;
    position: absolute;
    top: 2px;
    color: white;
    font-size: 10px;
}
#why-choose .why-choose-reason-blocks .reason-block .reason-inner{
    padding-bottom:10px;
    padding-right:30px;
    -webkit-transition:.3s;
    -o-transition:.3s;
    transition:.3s
}
#why-choose .why-choose-reason-blocks .reason-block .reason-inner>h4{
    margin-top:0;
    color:#3a3a3a;
    position:relative;
    cursor:pointer;
    font-weight:500;
    line-height:30px;
    font-size: 16px;
    /* font-family: 'Vazir','Shabnam'; */
}
#how-work,#how-work .section-title{
    color:#fff
}
#why-choose .why-choose-reason-blocks .reason-block .reason-inner>p{
    height:0;
    opacity:0;
    -webkit-transition:.5s;
    -o-transition:.5s;
    transition:.5s
}
#why-choose .why-choose-reason-blocks .reason-block .reason-inner.active>p{
    opacity:1;
    height:auto;
    -webkit-transition:.5s;
    -o-transition:.5s;
    transition:.5s;
    margin-bottom:0
}
#why-choose .why-choose-reason-blocks .reason-block .reason-inner.active{
    background:#fff;
    border-left:3px solid #3e6edf;
    box-shadow:0 0 2px 2px #ccc;
    margin-bottom:20px;
    margin-left:-110px;
    padding:30px 20px 30px 100px;
    position:relative;
    z-index:2
}
#why-choose .why-choose-reason-blocks .reason-block .reason-inner.active h4::before{
    background:#fff;
    border:5px solid #3e6edf;
    border-radius:50%;
    content:"";
    height:20px;
    margin-right:40px;
    position:absolute;
    right:100%;
    top:5px;
    width:20px
}
#fun-fact,#team{
    background:#f6f7fe
}
@media screen and (max-width:1200px){
    #why-choose .app-screen{
        margin-top:150px
    }
}
@media screen and (max-width:991px){
    #why-choose{
        padding:90px 0
    }
    #why-choose .app-screen{
        margin-top:0;
        margin-bottom:70px
    }
    #why-choose .why-choose-reason-blocks{
        padding-left:110px;
        margin-top:50px
    }
}
@media screen and (max-width:767px){
    #why-choose{
        padding:60px 0
    }
    #why-choose .app-screen{
        margin-bottom:30px;
        margin-top:0
    }
    #why-choose .why-choose-reason-blocks{
        padding-left: 20px;
        text-align: justify;
    }
    #why-choose .why-choose-reason-blocks .reason-block .reason-inner>h4{
        font-size:16px;
        line-height:26px;
        margin-bottom:20px
    }
    #why-choose .why-choose-reason-blocks .reason-block .reason-inner>p{
        height:0;
        opacity:0;
        -webkit-transition:.5s;
        -o-transition:.5s;
        transition:.5s
    }
    #why-choose .why-choose-reason-blocks .reason-block .reason-inner.active>p{
        opacity:1;
        height:auto;
        -webkit-transition:.5s;
        -o-transition:.5s;
        transition:.5s;
        margin-bottom:0
    }
    #why-choose .why-choose-reason-blocks .reason-block .reason-inner.active{
        margin-bottom:20px;
        margin-left:-70px;
        padding:30px 20px 30px 70px
    }
}
#how-work{
    background:#3e6edf
}
#how-work .how-work-video{
    position:absolute;
    top:-100px
}
#how-work .how-work-text{
    padding:50px 0
}
#how-work .how-work-text p{
    margin-bottom:20px;
    text-align: justify;
    direction: rtl;
}
#how-work .how-work-text>ul{
    margin:0;
    padding:0;
    list-style:none
}
#how-work .how-work-text>ul>li{
    padding:5px 0
}
#how-work .how-work-text>ul>li .fa{
    float:right;
    margin-left:20px
}
@media screen and (max-width:991px){
    #how-work .how-work-video{
        position:relative;
        top:-50px
    }
    #how-work .how-work-text{
        padding:20px 0
    }
}
@media screen and (max-width:767px){
    #how-work .how-work-video{
        position:relative;
        top:-50px
    }
    #how-work .how-work-text{
        padding:0 0 60px
    }
}
#screenshots{
    padding:250px 0 150px
}
#screenshots .screenshots-text-content{
    display:table-cell;
    min-height:450px;
    vertical-align:middle
}
#screenshots .rotateslider-container{
    margin-left:auto;
    margin-right:auto;
    min-height:450px;
    position:relative;
    width:90%
}
#screenshots .rotateslider-container .rotateslider-item{
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translateY(-50%) translateX(-50%) scale(.6);
    -ms-transform:translateY(-50%) translateX(-50%) scale(.6);
    transform:translateY(-50%) translateX(-50%) scale(.6);
    opacity:1;
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
#screenshots .rotateslider-container .rotateslider-item img{
    width:100%;
    box-shadow:0 0 30px 0 rgba(0,0,0,.15)
}
#screenshots .rotateslider-container .rotateslider-item.next{
    left:75%;
    opacity:1;
    width:75%
}
#screenshots .rotateslider-container .rotateslider-item.prev{
    left:25%;
    opacity:1
}
#screenshots .rotateslider-container .rotateslider-item.now{
    opacity:1;
    top:50%;
    left:50%;
    -webkit-transform:translateY(-50%) translateX(-50%) scale(1);
    -ms-transform:translateY(-50%) translateX(-50%) scale(1);
    transform:translateY(-50%) translateX(-50%) scale(1);
    z-index:10
}
#screenshots .rotateslider-container .rotateslider-item.now>img{
    box-shadow:0 0 30px 0 rgba(0,0,0,.2);
    width:100%
}
#screenshots .rotateslider-container .arrow{
    color:#3e6edf;
    cursor:pointer;
    display:inline-block;
    height:40px;
    margin-top:-25px;
    padding:10px;
    position:absolute;
    text-align:center;
    top:50%;
    width:40px
}
#screenshots .rotateslider-container .arrow.left{
    right:100%
}
#screenshots .rotateslider-container .arrow.right{
    left:100%
}
@media screen and (max-width:991px){
    #screenshots{
        padding:120px 0 170px
    }
    #screenshots .screenshots-text-content{
        min-height:400px;
        display:block
    }
}
@media screen and (max-width:767px){
    #screenshots{
        padding:60px 0
    }
    #screenshots .rotateslider-container{
        margin-left:auto;
        margin-right:auto;
        min-height:350px;
        position:relative;
        width:480px
    }
    #screenshots .screenshots-text-content{
        display:block;
        min-height:360px
    }
    #screenshots .rotateslider-container .arrow.right{
        right:-30px;
        left:auto
    }
    #screenshots .rotateslider-container .arrow.left{
        left:-30px;
        right:auto
    }
}
@media screen and (max-width:480px){
    #screenshots{
        padding:60px 0
    }
    #screenshots .rotateslider-container{
        width:90%
    }
}
#fun-fact .fun-fact-block{
    padding:130px 15px;
    text-align:center
}
#fun-fact .fun-fact-block>h4{
    color:#3e6edf;
    font-size:36px;
    font-family:'Josefin Sans',sans-serif;
    font-weight:300
}
#fun-fact .fun-fact-block>p{
    font-weight:300;
    text-transform:uppercase
}
#fun-fact .fun-fact-screen>img{
    padding:20px;
    position:absolute
}
@media screen and (max-width:1200px){
    #fun-fact .fun-fact-block{
        padding:90px 15px;
        text-align:center
    }
}
@media screen and (max-width:991px){
    #fun-fact{
        padding:20px 0
    }
    #fun-fact .fun-fact-block{
        padding:20px 15px;
        text-align:center
    }
    #fun-fact .fun-fact-screen>img{
        display:block;
        margin:0 auto;
        position:inherit
    }
}
@media screen and (max-width:767px){
    #fun-fact .fun-fact-block{
        padding:10px 15px;
        text-align:center
    }
}
#unlimited-possibilities{
    padding:50px 0 100px
}
#unlimited-possibilities .section-top-text>p{
    font-size:16px
}
#unlimited-possibilities .ul-pos-block{
    border-bottom:1px solid #a1b7eb;
    margin-top:60px;
    padding:50px 30px;
    -webkit-transition:.5s;
    -o-transition:.5s;
    transition:.5s
}
#unlimited-possibilities .ul-pos-block>h4{
    color:#3a3a3a;
    font-size: 16px;
    font-weight: bold;
    margin:20px 0;
	text-align: center;
}
#unlimited-possibilities .ul-pos-block p{
    direction: rtl;
}
#unlimited-possibilities .ul-pos-block>span.icon{
    color:#3e6edf;
    font-size:40px
}
#unlimited-possibilities .ul-pos-block.active{
    border-bottom:1px solid transparent;
    box-shadow:0 0 10px 5px rgba(0,0,0,.1)
}
@media screen and (max-width:1200px){
    #unlimited-possibilities{
        padding:120px 0
    }
}
@media screen and (max-width:991px){
    #unlimited-possibilities{
        padding:90px 0
    }
    #unlimited-possibilities .ul-pos-block{
        padding:50px 10px
    }
    #unlimited-possibilities .ul-pos-block>h4{
        font-size:28px
    }
}
@media screen and (max-width:767px){
    #unlimited-possibilities{
        padding:60px 0
    }
    #unlimited-possibilities .ul-pos-block{
        padding:40px 10px
    }
}
#team{
    padding:150px 0
}
#team .team-section-text{
    padding-top:70px
}
#team .team-single{
    border:8px solid #e6e9f4;
    margin:0 auto;
    padding:15px;
    width:320px;
    display:none
}
#team .team-single.active{
    display:block
}
#team .team-list>ul{
    list-style:none;
    margin:0;
    padding:0
}
#team .team-list>ul>li{
    position:relative;
    margin:15px 0
}
#team .team-list>ul>li:first-child{
    margin-top:0
}
#team .team-list>ul>li:last-child{
    margin-bottom:0
}
#team .team-list>ul>li.active>a>figure:before{
    position:absolute;
    content:'';
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:rgba(131,158,226,.7)
}
#team .team-list>ul>li.active::after{
    color:#3e6edf;
    content:"";
    font-family:fontawesome;
    margin-top:-10px;
    position:absolute;
    right:0;
    top:50%;
    transform: rotate(180deg);
}
#team .team-list>ul>li>a>figure{
    border-radius:50%;
    height:100px;
    overflow:hidden;
    width:100px;
    position:relative;
    left: 30px;
}
#team .team-info>h4{
    color:#3a3a3a;
    font-size:16px;
    margin-bottom:5px;
    margin-top:20px;
    text-align:center
}
#team .team-img{
    position:relative
}
#team .team-img>img{
    width:100%;
    -webkit-transition:.3s;
    -o-transition:.3s;
    transition:.3s
}
#team .team-social>ul{
    bottom:0;
    list-style:none;
    margin:0 20px 0 0;
    padding:0;
    position:absolute;
    left:30px;
    opacity:0;
    -webkit-transition:.5s;
    -o-transition:.5s;
    transition:.5s
}
#team .team-social>ul>li>a{
    border-radius:50%;
    color:#3e6edf;
    display:block;
    font-size:18px;
    height:40px;
    margin:15px 5px;
    padding:8px;
    position:relative;
    text-align:center;
    width:40px;
    -webkit-transition:.3s;
    -o-transition:.3s;
    transition:.3s
}
#pricing .pricing-plan,.choose-plan>a{
    -webkit-transition:.3s;
    -o-transition:.3s
}
#team .team-social>ul>li>a:hover{
    background:#3e6edf;
    color:#fff
}
#team .team-social>ul>li>a::after{
    border:1px solid #dee3f4;
    border-radius:50%;
    content:"";
    height:50px;
    left:-5px;
    position:absolute;
    top:-5px;
    width:50px
}
#team .team-single:hover .team-img>img{
    margin-left:70px
}
#team .team-single:hover .team-social>ul{
    opacity:1;
    left:0
}
@media screen and (max-width:1200px){
    #team{
        padding:120px 0
    }
}
@media screen and (max-width:991px){
    #team{
        padding:90px 0
    }
    #team .col-md-5.col-sm-12.pull-right{
        float:none!important
    }
    #team .team-section-text{
        padding-bottom:50px;
        padding-top:0
    }
}
@media screen and (max-width:767px){
    #team{
        padding:60px 0
    }
    #team .team-section-text{
        padding-bottom:30px;
        padding-top:0
    }
    #team .team-single{
        margin:30px auto 0;
        overflow:hidden;
        padding:10px;
        width:100%
    }
    #team .team-list{
        text-align:center
    }
    #team .team-list>ul>li{
        position:relative
    }
    #team .team-list>ul>li>a>figure{
        height:65px;
        position:relative;
        width:65px
    }
    #team .team-list>ul>li.active::after{
        margin-top:10px;
        position:absolute;
        right:30px!important;
        top:100%;
        -webkit-transform:rotate(90deg);
        -ms-transform:rotate(90deg);
        transform:rotate(90deg)
    }
    #team .team-list>ul>li{
        display:inline-block;
        margin:15px 0
    }
}
#pricing{
    padding:150px 0
}
#pricing .section-text>p{
    padding-right:20px
}
#pricing .pricing-plan{
    text-align:center;
    border-bottom:2px solid #3e6edf;
    padding:30px 15px;
    transition:.3s;
    width:33.33%;
    float:left;
    min-height:375px
}
#pricing .pricing-plan .plan-name>h4{
    font-size:16px;
    font-weight:400;
    margin-bottom:20px;
    text-transform:uppercase
}
#pricing .pricing-plan .plan-price>p{
    font-size:15px;
    margin:20px 0
}
#pricing .pricing-plan .plan-price>p>span{
    font-size:54px;
    font-family:"Josefin Sans",sans-serif;
    color:#3e6edf;
    font-weight:300
}
#pricing .pricing-plan .plan-price>p span.sign{
    font-size:36px
}
#pricing .pricing-plan.active{
    box-shadow:0 0 15px 5px rgba(0,0,0,.15);
    border-bottom:2px solid transparent
}
.plan-details>ul{
    list-style:none;
    margin:20px 0;
    padding:0
}
.plan-details>ul>li{
    padding:5px 0
}
.choose-plan>a{
    border:1px solid #777;
    border-radius:20px;
    color:inherit;
    display:inline-block;
    margin:10px 0;
    padding:7px 20px;
    text-decoration:none;
    transition:.3s
}
.pricing-plan.active .choose-plan>a{
    background:#3e6edf;
    border:1px solid transparent;
    color:#fff
}
@media screen and (max-width:1200px){
    #pricing{
        padding:120px 0
    }
}
@media screen and (max-width:991px){
    #pricing{
        padding:90px 0
    }
    #pricing .pricing-plan{
        width:33.3333%
    }
    #pricing .pricing-section-text{
        padding-bottom:50px
    }
}
@media screen and (max-width:767px){
    #pricing .pricing-plan{
        margin-bottom:30px;
        width:100%
    }
}
#reviews{
    background:#F6F7FE;
    padding:80px 0
}
#reviews h2.section-title{
    font-size:36px;
    margin:0
}
#reviews .reviewer-list{
    background:#fff;
    box-shadow:0 0 15px 5px rgba(0,0,0,.15);
    padding:30px;
    position:relative;
    margin-top:-30px
}
#reviews .reviewer-list::after{
    background:#3e6edf;
    border-radius:50%;
    box-shadow:0 1px 2px 2px #ccc;
    color:#fff;
    content:"\f053";
    cursor:pointer;
    font:14px/1 FontAwesome;
    height:40px;
    margin-bottom:0;
    margin-left:auto;
    margin-top:0;
    padding:13px;
    position:absolute;
    left:-20px;
    text-align:center;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    width:40px
}
#reviews .reviewer-list>ul{
    list-style:none;
    margin:0;
    padding:0
}
#reviews .reviewer-list>ul>li.active>a .reviewer-thumb::after{
    background:rgba(131,158,226,.7);
    border:8px solid rgba(217,226,249,.6);
    border-radius:50%;
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%
}
#reviews .reviewer-list>ul>li.active>a .name{
    color:#3e6edf
}
#reviews .reviewer-list>ul>li{
    margin-bottom:20px;
    overflow:hidden
}
#reviews .reviewer-list>ul>li>a .name{
    color:#3a3a3a;
    display:block;
    font-size:16px
}
#reviews .reviewer-list>ul>li>a .reviewer-info{
    float:right;
    margin-right:20px;
    margin-top:20px;
    text-align: right;
}
#reviews .reviewer-thumb{
    border-radius:50%;
    float:right;
    height:90px;
    overflow:hidden;
    width:90px;
    position:relative
}
#reviews .review-single{
    display:none
}
#reviews .review-single.active{
    display:block
}
#reviews .rating{
    display:inline-block;
    text-align:center;
    padding:60px 15px 35px
}
#reviews .rating>span{
    display:inline-block;
    margin:0 15px
}
#reviews .rating .rating-title{
    color:#3a3a3a;
    font-size:15px;
    font-weight:400
}
#reviews .rating .rating-stars i{
    color:#3e6edf;
    display:inline-block
}
#reviews .review-text{
    padding:0 50px
}
#reviews .reviewer-img{
    border:8px solid #d1dcf8;
    border-radius:50%;
    height:100px;
    margin:45px auto;
    overflow:hidden;
    width:100px
}
#reviews .reviewer-name>h4{
    color:#3e6edf;
    font-size:16px;
    font-weight:400
}
@media screen and (max-width:1200px){
    #reviews{
        padding:120px 0
    }
}
@media screen and (max-width:991px){
    #reviews{
        padding:90px 0
    }
    #reviews .reviewer-list{
        margin-top:40px
    }
    #reviews .reviewer-info{
        display:none
    }
}
@media screen and (max-width:767px){
    #reviews .reviewer-thumb{
        height:60px;
        width:60px
    }
    #reviews .reviewer-list{
        padding:15px
    }
    #reviews .reviewer-list>ul{
        text-align:center
    }
    #reviews .reviewer-list>ul>li{
        display:inline-block;
        margin:20px 0;
        overflow:hidden
    }
    #reviews .reviewer-list::after{
        left:50%;
        right:auto;
        top:100%;
        -webkit-transform:translateX(-50%) rotate(90deg);
        -ms-transform:translateX(-50%) rotate(90deg);
        transform:translateX(-50%) rotate(90deg);
        margin-top:-20px
    }
    #reviews .review-text{
        padding:0
    }
}

#news{
    background:#f6f7fe;
    padding:150px 0
}
#news .news-section-text{
    margin-top:90px
}
#news .news-block{
    background:#fff;
    margin-bottom:20px;
    padding:30px 40px;
    text-align:right;
    border-right:2px solid transparent;
    transition:.6s
}
#news .news-block .news-title>h2{
    margin-top:0;
    font-size:18px
}
#news .news-block .news-title>a{
    color:#3a3a3a;
    font-size:18px;
    font-weight:400;
    text-decoration:none
}
#news .news-block .news-meta>ul{
    list-style:none;
    margin:15px 0;
    padding:0
}
#news .news-block .news-meta>li{
    border-right:2px solid #a2a2a2;
    color:#a2a2a2;
    display:inline-block;
    padding:0 10px
}
#news .news-block .news-meta>li:last-child{
    border-right:none
}
#news .news-block.active{
    border-color:#3e6edf;
    box-shadow:0 0 15px 5px rgba(0,0,0,.15)
}
#news .news-block.active .news-title>h2>a{
    color:#3e6edf
}
#news .news-text{
    height:0;
    opacity:0;
    transition:.6s
}
#news .news-block.active .news-text{
    height:auto;
    opacity:1;
    -webkit-transition:.6s;
    -o-transition:.6s;
    transition:.6s
}
@media screen and (max-width:1200px){
    #news{
        padding:120px 0
    }
}
@media screen and (max-width:991px){
    #news{
        padding:90px 0
    }
    #news .col-md-4.col-md-offset-1.pull-right{
        float:none!important;
        padding-bottom:50px
    }
    #news .news-section-text{
        margin-top:0
    }
    #newsletter .col-md-4.col-sm-5.text-right{
        text-align:center
    }
}
#newsletter{
    background:#3e6edf;
    padding:30px 0
}
#newsletter h2.section-title{
    color:#fff;
    font-size:30px;
    margin:0
}
#newsletter .newsletter-subscribe .input-group-addon{
    background:#fff;
    border:none;
    border-radius:0
}
#newsletter .newsletter-subscribe .form-control{
    border:none;
    height:50px;
    padding-right:60px
}
#newsletter .newsletter-subscribe .btn{
    background:#3e6edf;
    border-radius:50%;
    color:#fff;
    height:40px;
    margin-left:-50px;
    width:40px;
    z-index:10;
    -webkit-transition:.3s;
    -o-transition:.3s;
    transition:.3s
}
#newsletter .newsletter-subscribe .btn:hover{
    border-radius:3px
}
#newsletter .newsletter-subscribe .subscribe-message{
    font-weight:400;
    left:0;
    margin-top:3px;
    position:absolute;
    top:100%;
    width:100%
}
#newsletter .newsletter-subscribe .subscribe-message.fa.fa-warning{
    color:red!important
}
@media screen and (max-width:767px){
    #newsletter h2.section-title{
        color:#fff;
        font-size:30px;
        margin:0 0 20px
    }
}

#naive-footer{
    background:#2c3344;
    color:#8591ad;
    padding:60px 0
}
#naive-footer .col-sm-6.pull-right{
    text-align:right
}
#naive-footer .social>ul>li>a{
    background:#434d65;
    border-radius:50%;
    display:block;
    height:40px;
    padding:10px;
    text-align:center;
    width:40px;
    color:#f6f7fe;
    position:relative
}
#naive-footer .social>ul>li>a:hover{
    background:#3e6edf;
    color:#fff
}
#naive-footer .social>ul>li>a:hover::after{
    border:1px solid #404a61;
    border-radius:50%;
    content:"";
    height:50px;
    left:-5px;
    position:absolute;
    top:-5px;
    width:50px
}
#naive-footer .copy-right{
    text-align: right;
}
#naive-footer .copy-right a{
    padding-left:10px;
}
@media screen and (max-width:767px){
    #naive-footer .col-sm-6.pull-right{
        float:none!important;
        text-align:center
    }
    #naive-footer .social>ul>li{
        margin-bottom:10px
    }
    #naive-footer .copy-right{
        text-align: center;
    }
}
/**/
.dr{
    direction: rtl;
}
.fl{
    float: right;
}
.fr{
    float: right;
}
@media (max-width:991px){
    .fr{
        float: none;
    }
}
.unstyle{
    padding: 0;
}