@charset "utf-8";body{
    font-family:"Tajawal", sans-serif;
    background:#fff;
    font-weight:400;
    height:100%;
    margin:0;
    padding:0;
    color:#94a3a8;
    line-height:1.5
}
strong,b{
    font-weight:600
}
h1 h2,h3,h4,h5,h6{
    color:#323e4f
}
h1{
    font-size:50px;
    line-height:1.5;
    margin:25px 0
}
h2{
    font-size:28px;
    font-weight:700;
    margin:15px 0
}
h3{
    font-size:18px;
    margin:10px 0;
    font-weight:700
}
h4{
    font-size:22px;
    margin:10px 0;
    font-weight:700;
    line-height:1.5
}
h5{
    font-size:18px;
    margin:15px 0
}
h6{
    font-size:16px;
    margin:10px 0
}
a{
    color:#5173bd
}
a:hover,a:focus{
    color:#5173bd;
    text-decoration:none
}
.btn,.btn-lg,.input-lg{
    border-radius:3px
}
.form-control{
    border-radius:3px;
    -webkit-box-shadow:none;
    box-shadow:none
}
.input-lg{
    height:55px
}
.btn-lg,.btn-group-lg>.btn{
    padding:13px 28px
}
.form-control:focus{
    border-color:#afbdc8;
    outline:0;
    -webkit-box-shadow:none;
    box-shadow:none
}
.breath{
    margin:35px auto
}
.highlight{
    background:#f4f4f4;
    margin-top:40px
}
.has-no-margin{
    margin:0
}
.has-no-padding{
    padding:0
}
.has-no-padding-horizontal{
    padding-left:0!important;
    padding-right:0!important
}
.has-margin-vertical{
    margin:20px 0 30px
}
.has-margin-top{
    margin-top:40px
}
.has-margin-bottom{
    margin-bottom:40px
}
.has-padding-top{
    padding-top:40px
}
.has-padding-bottom{
    padding-top:40px
}
.subpage-head{
    background-color:#f4f4f4;
    padding-top:20px;
    padding-bottom:15px;
    margin-bottom:40px
}
.masthead{
    position:relative;
    padding:20px 15px;
    color:#fff;
    text-shadow:0 1px 0 rgba(0,0,0,.1);
    background-color:#d3b08e
}
.masthead .main-title{
    margin-bottom:0
}
.masthead .sub-title{
    color:#adb8c7;
    margin-top:0
}
.bg-family{
    background-color:#323e4f;
    background-image:url(../images/header_bg_gradient.jpg);
    background-repeat:no-repeat;
    background-position:center center;
    background-attachment:fixed;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover
}
.logo{
    padding:15px 0;
    text-align:center
}
.btn-large{
    font-size:18px;
    padding:20px 50px;
    margin:5px 10px
}
.btn-success{
    background-color:#2ecc71;
    background-image:none;
    border:0;
    -webkit-box-shadow:0 3px 0 #029a43;
    box-shadow:0 3px 0 #029a43;
    line-height:1.8
}
.btn-success:hover,.btn-success:focus,.btn-success:active{
    background-color:#29c36a;
    color:#fff;
    border:0;
    -webkit-box-shadow:0 3px 0 #028b3d;
    box-shadow:0 3px 0 #028b3d
}
.btn-primary{
    background-color:#2db6d8;
    background-image:none;
    border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25)
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active{
    background-color:#209ab8!important;
    color:#fff!important
}
.btn-warning{
    line-height:1.8;
    -webkit-box-shadow:0 3px 0 #b1741d;
    box-shadow:0 3px 0 #b1741d
}
.btn-warning:hover,.btn-warning:focus,.btn-warning:active{
    -webkit-box-shadow:0 3px 0 #b1741d;
    box-shadow:0 3px 0 #b1741d
}
.subscribe{
    padding:45px 0
}
.alertMsg{
    font-size:14px;
    display:block;
    padding:5px 17px;
    text-align:center
}
.masthead .form-control{
    border:0
}
.form-control::-moz-placeholder{
    color:#848e93
}
.form-control:-ms-input-placeholder{
    color:#848e93
}
.form-control::-webkit-input-placeholder{
    color:#848e93
}
@keyframes arrowbounce{
    from{
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        transform:translateY(0)
    }
    to{
        -webkit-transform:translateY(-20px);
        -moz-transform:translateY(-20px);
        transform:translateY(-20px)
    }
}
@-moz-keyframes arrowbounce{
    from{
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        transform:translateY(0)
    }
    to{
        -webkit-transform:translateY(-20px);
        -moz-transform:translateY(-20px);
        transform:translateY(-20px)
    }
}
@-webkit-keyframes arrowbounce{
    from{
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        transform:translateY(0)
    }
    to{
        -webkit-transform:translateY(-20px);
        -moz-transform:translateY(-20px);
        transform:translateY(-20px)
    }
}
@-o-keyframes arrowbounce{
    from{
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        transform:translateY(0)
    }
    to{
        -webkit-transform:translateY(-20px);
        -moz-transform:translateY(-20px);
        transform:translateY(-20px)
    }
}
.scrollto,.scrollto:hover{
    margin:30px;
    display:block;
    color:#fff;
    text-decoration:none;
    width:200px;
    margin:0 auto
}
.scrollto small{
    color:#adb8c7
}
.scrollto--arrow{
    padding:20px;
    padding-bottom:0
}
.scrollto--arrow img{
    animation:arrowbounce 1s alternate infinite;
    -moz-animation:arrowbounce 1s alternate infinite;
    -webkit-animation:arrowbounce 1s alternate infinite;
    -o-animation:arrowbounce 1s alternate infinite
}
.contact-form{
    background:#4a5565;
    border-radius:3px;
    padding:15px;
    position:relative
}
.contact-form .mini-title{
    margin-bottom:20px;
    line-height:1.5;
    color:#fff
}
.dark-input{
    background:#353f4d;
    color:#fff
}
.loading p{
    margin:10px 0 0;
    text-align:center
}
.point-arrow{
    position:absolute;
    right:-65px;
    top:-30px
}
.quick-features{
    text-align:right
}
.features-lead{
    margin-bottom:30px;
    color:#323e4f
}
.featues-single{
    margin-bottom:30px
}
.featues-single img{
    margin-right:25px
}
.featues-single h5{
    margin-bottom:10px;
    margin-left:85px;
    color:#323e4f
}
.featues-single p{
    color:#adb8c7;
    margin-left:85px;
    margin-bottom:0
}
.masthead .featues-single h5,.masthead .features-lead{
    color:#fff
}
.section-title{
    margin-top:60px;
    margin-bottom:30px;
    font-weight:700;
    text-align:center
}
.section-title h2{
    color:#384047;
    margin-bottom:10px
}
.section-title h4{
    color:#94a3a8;
    font-weight:400;
    font-size:18px;
    margin-top:0
}
.heroimg img,.clientlogo img{
    max-width:100%
}
.features{
    margin:25px 0
}
.thumbnail{
    border:0;
    text-align:center
}
.thumbnail .caption p{
    color:#94a3a8
}
.thumbnail img{
    -moz-transition:all .6s ease;
    -webkit-transition:all .6s ease;
    -ms-transition:all .6s ease;
    -o-transition:all .6s ease;
    transition:all .6s ease
}
.thumbnail:hover img{
    -moz-transform:scale(1.05);
    -webkit-transform:scale(1.05);
    -o-transform:scale(1.05);
    -ms-transform:scale(1.05);
    transform:scale(1.05);
    z-index:2
}
.video-block{
    max-width:620px;
    margin:0 auto
}
.videoWrapper{
    position:relative;
    padding-bottom:43.65%;
    padding-top:25px;
    height:0
}
.videoWrapper>iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.videoWrapper>.frameCover{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:0 0
}
.testblock{
    width:100%;
    height:auto;
    padding:20px;
    background:#fff;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    font-family:Georgia,times new roman,Times,serif;
    font-style:italic;
    position:relative;
    line-height:28px;
    font-size:16px
}
.testblock:after{
    top:100%;
    left:20%;
    border:solid transparent;
    content:" ";
    height:0;
    width:0;
    position:absolute;
    pointer-events:none;
    border-color:transparent;
    border-top-color:#fff;
    border-width:15px;
    margin-left:-15px
}
.clientblock{
    margin-top:40px;
    margin-left:10px;
    text-align:center
}
blockquote{
    margin:0 0 10px;
    font-size:20px;
    border-left:none;
    text-align:center;
    font-family:Georgia,serif;
    font-style:italic
}
.clientblock img{
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius:100%
}
.clientblock p{
    padding-top:13px
}
.clientblock p strong{
    color:#384047;
    font-size:16px
}
.testblock{
    -moz-transition:all .6s ease;
    -webkit-transition:all .6s ease;
    -ms-transition:all .6s ease;
    -o-transition:all .6s ease;
    transition:all .6s ease
}
.testblock:hover{
    -moz-transform:scale(1.05);
    -webkit-transform:scale(1.05);
    -o-transform:scale(1.05);
    -ms-transform:scale(1.05);
    transform:scale(1.05);
    z-index:2
}
.pricing{
    padding:25px;
    color:#fff;
    text-align:center;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px
}
.pricing .planname{
    text-transform:uppercase;
    font-weight:600
}
.pricing .price{
    font-size:52px;
    font-weight:300;
    margin:10px 0
}
.pricing .billing{
    text-transform:uppercase;
    color:#fff;
    opacity:.7
}
.pricing .price .curr{
    display:inline-block;
    font-size:20px;
    vertical-align:super
}
.pricing .price .per{
    display:inline-block;
    font-size:20px;
    vertical-align:baseline
}
.color1{
    background-color:#5ca2e0
}
.color2{
    background-color:#7676c6
}
.color3{
    background-color:#885fc1
}
.pricing{
    -moz-transition:all .6s ease;
    -webkit-transition:all .6s ease;
    -ms-transition:all .6s ease;
    -o-transition:all .6s ease;
    transition:all .6s ease
}
.pricing:hover{
    -moz-transform:scale(1.05);
    -webkit-transform:scale(1.05);
    -o-transform:scale(1.05);
    -ms-transform:scale(1.05);
    transform:scale(1.05);
    z-index:2
}
.faq p{
    margin-bottom:25px
}
.footercta{
    padding:60px 15px;
    color:#fff;
    text-align:center;
    text-shadow:0 1px 0 rgba(0,0,0,.1);
    background-color:#323e4f
}
.footercta .section-title{
    margin-top:0
}
.footercta .section-title h2{
    color:#fff
}
.footerlinks{
    text-align:center
}
.footerlinks a{
    text-align:center;
    padding:0 13px;
    display:inline-block;
    padding-bottom:15px
}
@media(max-width:991px){
    h1{
        font-size:35px;
        line-height:50px;
        margin:15px 0
    }
    h2{
        font-size:35px
    }
    .testimonials [class*=col-]:not(:first-child){
        margin-top:40px
    }
    .planpricing [class*=col-]:not(:first-child){
        margin-top:30px
    }
    .breath{
        margin:30px auto
    }
}
@media(max-width:767px){
    h1{
        font-size:30px;
        line-height:40px
    }
    h2{
        font-size:30px;
        line-height:40px
    }
    .subscribe [class*=col-]:not(:first-child){
        margin-top:30px
    }
    .masthead{
        padding:40px 15px
    }
}
@media(max-device-width:992px){
    .masthead{
        background-size:cover;
        background-attachment:scroll
    }
}
.signup-block{
    padding:20px;
    background:rgba(255,255,255,.25);
    border-radius:7px;
    margin-bottom:25px
}
.form-group.last{
    margin-bottom:0
}
.multiple-btns .btn+.btn{
    margin:10px
}
s .navbar-default{
    background-color:#fff;
    border-color:#e0e0e0
}
.navbar-default .navbar-brand,.navbar-default .navbar-brand:hover{
    color:#fff;
    font-weight:700
}
.navbar-default .navbar-nav>li>a{
    color:#333;
    text-transform:uppercase;
    font-weight:700
}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{
    color:#333;
    background-color:rgba(255,255,255,.22)
}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{
    color:rgba(0,0,0,.5);
    background-color:transparent
}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{
    color:#333;
    background-color:rgba(255,255,255,.21)
}
.navbar-brand{
    padding:8px 15px
}
.light .masthead{
    background:#fcf9f5;
    background:-moz-linear-gradient(top,#ffffff 50%,#fdf8f2 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,#ffffff),color-stop(100%,#fdf8f2));
    background:-webkit-linear-gradient(top,#ffffff 50%,#fdf8f2 100%);
    background:-o-linear-gradient(top,#ffffff 50%,#fdf8f2 100%);
    background:-ms-linear-gradient(top,#ffffff 50%,#fdf8f2 100%);
    background:linear-gradient(to bottom,#ffffff 50%,#fdf8f2 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#fdf8f2',GradientType=0);
    color:#293342;
    padding-bottom:0
}
.light .masthead .sub-title{
    color:#909090;
    font-weight:400
}
.light .featues-single p{
    color:#b7babd
}
.light .contact-form{
    background:#fff;
    border:1px solid #ededed
}
.light .form-control{
    border:1px solid #ccc
}
.light .contact-form .mini-title{
    color:#bababa
}
.light .masthead .featues-single h5,.light .masthead .features-lead{
    color:#6c6c6c
}
.masthead .bg-image{
    background:url(../images/edu-bg.jpg) center center no-repeat;
    background-size:cover
}
.highlight .section-title{
    margin-top:45px
}
.masthead.header-bg{
    background:url(../images/travel-bg.jpg) top center no-repeat;
    background-size:cover
}
.color-white{
    color:#fff!important
}
.masthead.event{
    background:url(../images/event_bg.jpg) bottom no-repeat;
    background-size:cover
}
@media(min-width:767px){
    .masthead.event{
        padding:120px 15px
    }
}
.pagination>li>a,.pagination>li>span{
    color:#483f34
}
.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{
    color:#917e68
}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{
    background-color:#3289d6;
    border-color:#3172ac;
    color:#fff
}
.vertical-links li{
    border-bottom:1px solid #e6ddd4;
    padding:8px 0
}
.tag-cloud a{
    display:inline-block;
    margin-right:5px;
    margin-bottom:10px;
    padding:2px 8px;
    border:1px solid #eceae4;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    background:#f8f7f3;
    font-size:12px
}
.tag-cloud a:hover{
    text-decoration:none
}
.comments-head{
    font-size:35px;
    color:#53504c;
    border-bottom:1px solid #f5f5f5;
    margin:40px 0 20px;
    padding-bottom:10px
}
.comments-block>.media{
    border-bottom:1px solid #f5f5f5;
    padding-bottom:20px;
    margin-bottom:20px
}
.comments-block>.media .media{
    border-top:1px solid #f5f5f5;
    padding-top:20px
}
.media-object{
    width:40px
}
.subpage-head{
    background-color:#323e4f;
    padding-top:30px;
    padding-bottom:15px;
    margin-bottom:40px;
    background-image:url(../images/header_bg.jpg);
    background-repeat:no-repeat;
    background-position:center center;
    background-attachment:fixed;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover
}
.subpage-head .section-title h2{
    color:#fff
}
.subpage-head .section-title h4{
    color:#adb8c7
}
.subpage-head a{
    color:#fff;
    border-bottom:solid 1px #fff;
    text-decoration:none;
    padding-bottom:5px
}
.subpage-head a:hover,.subpage-head a:focus,.subpage-head a:active{
    color:rgba(255,255,255,.7);
    border-bottom:solid 1px rgba(255,255,255,.7);
    text-decoration:none
}
#exit-modal{
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%
}
#exit-modal .underlay{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background-color:rgba(0,0,0,.5);
    cursor:pointer;
    -webkit-animation:fadein .5s;
    animation:fadein .5s
}
#exit-modal .exit-modal{
    width:600px;
    height:400px;
    background-color:#f0f1f2;
    z-index:1;
    position:absolute;
    margin:auto;
    top:0;
    right:0;
    bottom:0;
    left:0;
    border-radius:4px;
    -webkit-animation:popin .3s;
    animation:popin .3s
}
#exit-modal .modal-title{
    font-size:18px;
    background-color:#fff;
    padding:10px;
    margin:0;
    border-radius:4px 4px 0 0;
    text-align:center
}
#exit-modal h3{
    color:#2b9dd8;
    font-size:1.4em;
    margin:.6em;
    text-transform:uppercase;
    font-weight:700
}
#exit-modal .modal-body{
    padding:30px 40px
}
#exit-modal p{
    color:#344a5f;
    line-height:1.7em;
    font-size:16px
}
#exit-modal p strong{
    color:#f80
}
#exit-modal .popup-cta{
    margin-top:20px;
    margin-bottom:20px
}
#exit-modal form{
    text-align:center;
    margin-top:35px
}
#exit-modal form input[type=text]{
    padding:12px;
    font-size:1.2em;
    width:300px;
    border-radius:4px;
    border:1px solid #ccc;
    -webkit-font-smoothing:antialiased
}
#exit-modal form input[type=submit]{
    text-transform:uppercase;
    font-weight:700;
    padding:12px;
    font-size:1.1em;
    border-radius:4px;
    color:#fff;
    background-color:#4ab471;
    border:none;
    cursor:pointer;
    -webkit-font-smoothing:antialiased
}
#exit-modal form p{
    text-align:left;
    margin-left:35px;
    opacity:.8;
    margin-top:1px;
    padding-top:1px;
    font-size:.9em
}
#exit-modal .modal-footer{
    position:absolute;
    bottom:0;
    text-align:center;
    width:100%
}
#exit-modal .modal-footer p{
    text-transform:capitalize;
    cursor:pointer;
    display:inline;
    border-bottom:1px solid #344a5f
}
@-webkit-keyframes fadein{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@-ms-keyframes fadein{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@keyframes fadein{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@-webkit-keyframes popin{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0);
        opacity:0
    }
    85%{
        -webkit-transform:scale(1.05);
        transform:scale(1.05);
        opacity:1
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
}
@-ms-keyframes popin{
    0%{
        -ms-transform:scale(0);
        transform:scale(0);
        opacity:0
    }
    85%{
        -ms-transform:scale(1.05);
        transform:scale(1.05);
        opacity:1
    }
    100%{
        -ms-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
}
@keyframes popin{
    0%{
        -webkit-transform:scale(0);
        -ms-transform:scale(0);
        transform:scale(0);
        opacity:0
    }
    85%{
        -webkit-transform:scale(1.05);
        -ms-transform:scale(1.05);
        transform:scale(1.05);
        opacity:1
    }
    100%{
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
}
@media(max-width:767px){
    #exit-modal .exit-modal{
        width:100%;
        height:100%
    }
}