@font-face {
    font-family: Shabnam;
    src: url('../fonts/shabnam.eot');
    src: url('../fonts/shabnam.eot?#iefix') format('embedded-opentype'),
    url('../fonts/shabnam.woff') format('woff'),
    url('../fonts/shabnam.ttf') format('truetype');
    font-weight: normal;
}
@font-face {
    font-family: Shabnam;
    src: url('../fonts/shabnam-bold.eot');
    src: url('../fonts/shabnam-bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/shabnam-bold.woff') format('woff'),
    url('../fonts/shabnam-bold.ttf') format('truetype');
    font-weight: bold;
}

/* ========================= Site Styles ========================= */
html {
    -webkit-font-smoothing:antialiased;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.25), only screen and (min-device-pixel-ratio:1.25), only screen and (min-resolution:200dpi), only screen and (min-resolution:1.25dppx) { -webkit-font-smoothing: subpixel-antialiased; }

body {
    font-family:Shabnam, Tahoma, Arial;
    color:#444;
    font-size:15px;
    line-height:22px;
}

p { margin-bottom:15px; }

h1, h2, h3, h4, h5, h6 {
    font-family:Shabnam, Tahoma, Arial;
    color:#202020;
    font-weight:Bold;
    margin-top:0px;
}
h1, h2, h3, h4 { margin-bottom:15px; }
h5, h6 { margin-bottom:10px; }
h1 {
    font-size:32px;
    line-height:52px;
}
h2 {
    font-size:26px;
    line-height:44px;
}
h3 {
    font-size:22px;
    line-height:38px;
}
h4 {
    font-size:20px;
    line-height:32px;
}
h5 {
    font-size:16px;
    line-height:24px;
}
h6 {
    font-size:12px;
    line-height:20px;
}

a, a:visited {
    color:#3db1ff;
    -webkit-transition:color .2s ease, background-color .2s ease, background .2s ease, border .2s ease, outline .2s ease, opacity .2s ease-in-out;
    transition:color .2s ease, background-color .2s ease, background .2s ease, border .2s ease, outline .2s ease, opacity .2s ease-in-out;
}
a:hover {
    color:#404040;
    text-decoration:none;
}
a:focus { text-decoration:none; }

ul li { line-height:inherit; }

figure { margin:0px; }
    figure img { width:100%; }
    figure iframe {
        overflow:hidden;
        width:100% !important;
        background-color:#f4f4f4;
        border:0px;
    }
video {
    width:100%;
    height:auto;
}

.no-padding-top { padding-top:0px !important; }
.no-padding-right { padding-right:0px !important; }
.no-padding-bottom  { padding-bottom:0px !important; }
.no-padding-left { padding-left:0px !important; }

.padding-top5 { padding-top:5px !important; }
.padding-top10 { padding-top:10px !important; }
.padding-top20, .padding-top20-rs { padding-top:20px !important; }
.padding-top30, .padding-top30-rs { padding-top:30px !important; }
.padding-top40, .padding-top40-rs { padding-top:40px !important; }
.padding-top50, .padding-top50-rs { padding-top:50px !important; }
.padding-top60, .padding-top60-rs { padding-top:60px !important; }
.padding-top70, .padding-top70-rs { padding-top:70px !important; }
.padding-top80, .padding-top80-rs { padding-top:80px !important; }

.padding-bottom5 { padding-bottom:5px !important; }
.padding-bottom10 { padding-bottom:10px !important; }
.padding-bottom20, .padding-bottom20-rs { padding-bottom:20px !important; }
.padding-bottom30, .padding-bottom30-rs { padding-bottom:30px !important; }
.padding-bottom40, .padding-bottom40-rs { padding-bottom:40px !important; }
.padding-bottom50, .padding-bottom50-rs { padding-bottom:50px !important; }
.padding-bottom60, .padding-bottom60-rs { padding-bottom:60px !important; }
.padding-bottom70, .padding-bottom70-rs { padding-bottom:70px !important; }
.padding-bottom80, .padding-bottom80-rs { padding-bottom:80px !important; }

.no-margin-top { margin-top:0px !important;	}
.no-margin-right { margin-right:0px !important;	}
.no-margin-bottom  { margin-bottom:0px !important; }
.no-margin-left { margin-left:0px !important; }

.margin-top5 { margin-top:5px !important; }
.margin-top10 { margin-top:10px !important; }
.margin-top20, .margin-top20-rs { margin-top:20px !important; }
.margin-top30, .margin-top30-rs { margin-top:30px !important; }
.margin-top40, .margin-top40-rs { margin-top:40px !important; }
.margin-top50, .margin-top50-rs { margin-top:50px !important; }
.margin-top60, .margin-top60-rs { margin-top:60px !important; }
.margin-top70, .margin-top70-rs { margin-top:70px !important; }
.margin-top80, .margin-top80-rs { margin-top:80px !important; }

.margin-bottom5 { margin-bottom:5px !important; }
.margin-bottom10 { margin-bottom:10px !important; }
.margin-bottom20, .margin-bottom20-rs { margin-bottom:20px !important; }
.margin-bottom30, .margin-bottom30-rs { margin-bottom:30px !important; }
.margin-bottom40, .margin-bottom40-rs { margin-bottom:40px !important; }
.margin-bottom50, .margin-bottom50-rs { margin-bottom:50px !important; }
.margin-bottom60, .margin-bottom60-rs { margin-bottom:60px !important; }
.margin-bottom70, .margin-bottom70-rs { margin-bottom:70px !important; }
.margin-bottom80, .margin-bottom80-rs { margin-bottom:80px !important; }

.animation { visibility:hidden; }
.animated, .ie .animation, .ie9 .animation { visibility:visible; }

ul.list-icon {
    padding:0px;
    margin:20px 0px;
}
    ul.list-icon li {
        list-style-type:none;
        position:relative;
        padding-right:25px;
        margin-bottom:8px;
    }
    ul.list-icon li:last-child { margin-bottom:0px; }
        ul.list-icon li .ion {
            position:absolute;
            top:0px;
            right:0px;
            color:#202020;
            line-height:22px;
        }

.list-row { margin:0px -10px; }
.list-row:before, .list-row:after {
    display:table;
    content:'';
}
.list-row:after { clear:both; }
    .list-row .list-col {
        float:right;
        width:50%;
        padding:0px 10px;
    }

.required { color:#ff412d; }

input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], .ie input[type="range"], .ie9 input[type="range"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], select, textarea {
    height:50px;
    font-family:Shabnam, Tahoma, Arial;
    color:#b0b0b0;
    font-size:14px;
    padding:0px 20px;
    border:1px solid #c9c9c9;
    outline:none !important;
    border-radius:4px;
}
div#signUpModal input {
    height: 40px;
}
.ie input[type="color"], .ie input[type="date"], .ie input[type="datetime"], .ie input[type="datetime-local"], .ie input[type="email"], .ie input[type="month"], .ie input[type="number"], .ie input[type="password"], .ie input[type="range"], .ie input[type="search"], .ie input[type="tel"], .ie input[type="text"], .ie input[type="time"], .ie input[type="url"], .ie input[type="week"] { line-height:48px; }
input[type="color"]::-webkit-color-swatch-wrapper { padding:0px; }
input[type="color"]::-webkit-color-swatch { border:0px; }
@-moz-document url-prefix() {
    input[type="color"] {
        height:33px;
        padding:2px;
        border-color:#707070;
        border-radius:2px;
    }
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type="color"] {
        height:33px;
        padding:2px;
        border-color:#707070;
        border-radius:2px;
    }
    ::i-block-chrome, input[type="color"] {
        height:50px;
        padding:0px 20px;
        border-color:#e0e0e0;
        border-radius:6px;
    }
}
input[type="date"]::-webkit-inner-spin-button, input[type="datetime-local"]::-webkit-inner-spin-button, input[type="month"]::-webkit-inner-spin-button, input[type="week"]::-webkit-inner-spin-button { display:none; }
input[type="date"]::-webkit-calendar-picker-indicator, input[type="datetime-local"]::-webkit-calendar-picker-indicator, input[type="month"]::-webkit-calendar-picker-indicator, input[type="week"]::-webkit-calendar-picker-indicator {
    background:#f0f0f0;
    margin-left:5px;
}
input[type="file"] { line-height:1; }
input[type="image"] { background:none; }
input[type="number"]::-webkit-inner-spin-button {
    display:block;
    position:relative;
    width:8px;
    color:#333;
    text-align:center;
    cursor:pointer;
    margin-left:10px;
    -webkit-appearance:none;
}
input[type="number"]::-webkit-inner-spin-button:before, input[type="number"]::-webkit-inner-spin-button:after {
    position:absolute;
    right:0px;
    font-family:monospace;
    content:'^';
}
input[type="number"]::-webkit-inner-spin-button:before { top:0px; }
input[type="number"]::-webkit-inner-spin-button:after {
    bottom:0px;
    -webkit-transform:rotate(180deg);
}
input[type="time"]::-webkit-inner-spin-button { margin:14px 0px 0px 5px; }
select, textarea {
    height:auto;
    padding:11px 16px;
}
::i-block-chrome, select {
    padding:10px 20px;
    -webkit-appearance:none;
}
textarea {
    padding-left:20px;
    padding-right:20px;
}
input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, .ie input[type="range"]:focus, .ie9 input[type="range"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, select:focus, textarea:focus {
    color:#707070;
    border-color:#555;
}
input[type="color"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="email"]:disabled, input[type="month"]:disabled, input[type="number"]:disabled, input[type="password"]:disabled, .ie input[type="range"]:disabled, .ie9 input[type="range"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="text"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="week"]:disabled, select:disabled, textarea:disabled {
    color:#a9a9a9;
    background-color:#e9e9e9;
    border-color:#c9c9c9;
}

.btn-custom, input[type="button"], input[type="submit"], input[type="reset"], button {
    font-family:Shabnam, Tahoma, Arial;
    color:#FFF !important;
    font-size:15px;
    line-height:50px;
    text-align:left;
    font-weight:Bold;
    white-space:nowrap;
    background-color:#3db1ff;
    padding:15px 30px 16px;
    border:0px;
    outline:none !important;
    border-radius:15px;
    box-shadow:0px 1px 2px 0px rgba(0,0,0,.15);
    -webkit-transition:color .2s ease, background-color .2s ease, background .2s ease;
    transition:color .2s ease, background-color .2s ease, background .2s ease;
}
input[type="button"], input[type="submit"], input[type="reset"], button {
    line-height:1;
    padding-top:17px;
    padding-bottom:18px;
}
.btn-custom.btn-blue, input[type="button"].btn-blue, input[type="submit"].btn-blue, input[type="reset"].btn-blue, button.btn-blue { background-color:#3db1ff; }
.btn-custom:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:hover, .btn-custom.btn-blue:hover, input[type="button"].btn-blue:hover, input[type="submit"].btn-blue:hover, input[type="reset"].btn-blue:hover, button.btn-blue:hover { background-color:#2b9eec; }
.btn-custom.btn-green, input[type="button"].btn-green, input[type="submit"].btn-green, input[type="reset"].btn-green, button.btn-green { background-color:#44d352; }
.btn-custom.btn-green:hover, input[type="button"].btn-green:hover, input[type="submit"].btn-green:hover, input[type="reset"].btn-green:hover, button.btn-green:hover { background-color:#34bd41; }
.btn-custom.btn-orange, input[type="button"].btn-orange, input[type="submit"].btn-orange, input[type="reset"].btn-orange, button.btn-orange { background-color:#fd8b58; }
.btn-custom.btn-orange:hover, input[type="button"].btn-orange:hover, input[type="submit"].btn-orange:hover, input[type="reset"].btn-orange:hover, button.btn-orange:hover { background-color:#ed7641; }
.btn-custom.btn-pink, input[type="button"].btn-pink, input[type="submit"].btn-pink, input[type="reset"].btn-pink, button.btn-pink { background-color:#f46eb7; }
.btn-custom.btn-pink:hover, input[type="button"].btn-pink:hover, input[type="submit"].btn-pink:hover, input[type="reset"].btn-pink:hover, button.btn-pink:hover { background-color:#e358a4; }
.btn-custom.btn-purple, input[type="button"].btn-purple, input[type="submit"].btn-purple, input[type="reset"].btn-purple, button.btn-purple { background-color:#ab77e1; }
.btn-custom.btn-purple:hover, input[type="button"].btn-purple:hover, input[type="submit"].btn-purple:hover, input[type="reset"].btn-purple:hover, button.btn-purple:hover { background-color:#9862d0; }
.btn-custom.btn-yellow, input[type="button"].btn-yellow, input[type="submit"].btn-yellow, input[type="reset"].btn-yellow, button.btn-yellow { background-color:#eabc4e; }
.btn-custom.btn-yellow:hover, input[type="button"].btn-yellow:hover, input[type="submit"].btn-yellow:hover, input[type="reset"].btn-yellow:hover, button.btn-yellow:hover { background-color:#d9aa3a; }
.btn-custom.disabled, input[type="button"]:disabled, input[type="submit"]:disabled, input[type="reset"]:disabled, button:disabled, .btn-custom.disabled:hover, input[type="button"]:disabled:hover, input[type="submit"]:disabled:hover, input[type="reset"]:disabled:hover, button:disabled:hover {
    color:#999 !important;
    background:#e0e0e0;
    cursor:default;
    box-shadow:none;
}
button.close {
    font-family:Arial, Helvetica, sans-serif;
    color:#404040 !important;
    font-size:20px;
    margin:0px;
    border-radius:0px;
}
button.close:hover {
    color:#111;
    background:none;
    border:0px;
}
.btn i {
    font-size: 18px;
}
.input-group .input-group-addon i {
    font-size: 18px;
    width: 20px;
}
.input-group select {
    height:48px;
}

.aligncenter {
    display:block;
    margin:0px auto 20px;
}
.alignright {
    float:right;
    margin:10px 0px 10px 10px;
}
.alignleft {
    float:left;
    margin:10px 10px 10px 0px;
}
.left { float:left;	}
.right { float:right; }
.textcenter { text-align:center; }
.textright { text-align:right; }
.textleft { text-align:left; }
.textjustify { text-align: justify; }

.img-hover {
    overflow:hidden;
    position:relative;
}
.img-hover:hover { cursor:url(../images/icon-cursor-search.png), auto; }
    .img-hover .img-hover-masked {
        visibility:hidden;
        position:absolute;
        top:0px;
        right:0px;
        bottom:0px;
        left:0px;
        background-color:rgba(255,255,255,.25);
        opacity:0;
        -webkit-transition:visibility .2s ease-in-out, opacity .2s ease-in-out;
        transition:visibility .2s ease-in-out, opacity .2s ease-in-out;
    }
    .ie .img-hover .img-hover-masked { background:url(../images/ie-bg-img-hover-masked.png) repeat top left; }
    .img-hover:hover .img-hover-masked {
        visibility:visible;
        opacity:1;
    }

.img-overlay { position:relative; }
    .img-overlay.img-center-front .img-center {
        padding: 0px;
    }
    .img-overlay.img-left-front .img-left {
        position:absolute;
        right:33%;
        bottom:0px;
        left:0px;
        z-index:200;
    }
    .img-overlay.img-left-front .img-right {
        position:relative;
        padding-left:30%;
        z-index:100;
    }
    .img-overlay.img-right-front .img-left {
        position:relative;
        padding-right:30%;
        z-index:100;
    }
    .img-overlay.img-right-front .img-right {
        position:absolute;
        right:0px;
        bottom:0px;
        left:37%;
        z-index:200;
    }

.video-image { position:relative; }
    .video-image .video-image-overlay {
        position:absolute;
        top:50%;
        right:0px;
        left:0px;
        text-align:center;
        margin-top:-25px;
    }
        .video-image .video-image-overlay .btn-custom {
            position:relative;
            padding-left:55px;
        }
            .video-image .video-image-overlay .btn-custom .ion {
                position:absolute;
                top:0px;
                bottom:0px;
                left:30px;
                font-size:24px;
                line-height:50px;
            }

#screenshots { width: 100%; overflow: hidden; }
.carousel-slider.slick-slider { margin-bottom:0px; }
.carousel-slider.slick-slider.gallery-slider {
    padding-bottom:46px;
    margin:0px -80px;
}
    .carousel-slider.gallery-slider .slick-slide { padding:0px 5px; }
    .carousel-slider .slick-prev, .carousel-slider .slick-next {
        width:50px;
        height:50px;
        background-color:transparent;
        background-repeat:no-repeat;
        background-position:center center;
        margin-top:-25px;
        border:2px solid #3db1ff;
        z-index:100;
        border-radius:50%;
        box-shadow:none;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none;
        -webkit-transition:all .2s ease;
        transition:all .2s ease;
    }
    .carousel-slider .slick-prev.slick-disabled, .carousel-slider .slick-next.slick-disabled { cursor:default; }
    .carousel-slider .slick-prev:hover, .carousel-slider .slick-next:hover { border-color:#FFF; }
    .carousel-slider .slick-prev.slick-disabled:hover, .carousel-slider .slick-next.slick-disabled:hover { border-color:#3db1ff; }
    .carousel-slider .slick-prev {
        left:20px;
        background-image:url(../images/carousel-slider-arrow-prev.png);
    }
    .carousel-slider .slick-prev:hover { background-image:url(../images/carousel-slider-arrow-prev-hover.png); }
    .carousel-slider .slick-prev.slick-disabled:hover { background-image:url(../images/carousel-slider-arrow-prev.png); }
    .carousel-slider .slick-next {
        right:20px;
        background-image:url(../images/carousel-slider-arrow-next.png);
    }
    .carousel-slider .slick-next:hover { background-image:url(../images/carousel-slider-arrow-next-hover.png); }
    .carousel-slider .slick-next.slick-disabled:hover { background-image:url(../images/carousel-slider-arrow-next.png); }
    .carousel-slider .slick-prev:before, .carousel-slider .slick-next:before { display:none; }
    .carousel-slider .slick-dots {
        right:0px;
        bottom:20px;
        left:0px;
        line-height:1;
        margin-bottom:0px;
    }
    .carousel-slider.gallery-slider .slick-dots { bottom:0px; }
        .carousel-slider .slick-dots li {
            width:auto;
            height:auto;
            margin:0px;
        }
            .carousel-slider .slick-dots li button {
                display:inline-block;
                width:22px;
                height:6px;
                background:#d1ecfe;
                padding:0px;
                margin:0px 8px;
                border-radius:0px;
                box-shadow:none;
            }
            .carousel-slider .slick-dots li button:before { display:none; }
            .carousel-slider .slick-dots li button:hover, .carousel-slider .slick-dots li.slick-active button { background:#3db1ff; }
    .carousel-slider .slick-slide, .carousel-slider .slick-slide a { outline:none; }
    .carousel-slider img { width:100%; }

.alert h4 { margin-bottom:10px; }

.tooltip {
    font-family:Shabnam, Tahoma, Arial;
    font-size:13px;
    line-height:18px;
    text-transform:lowercase;
}
.tooltip-inner { padding:5px 10px; }

.wrap-container20, .wrap-container20-rs {
    padding-top:20px;
    padding-bottom:20px;
}
.wrap-container40, .wrap-container40-rs {
    padding-top:40px;
    padding-bottom:40px;
}
.wrap-container60, .wrap-container60-rs {
    padding-top:60px;
    padding-bottom:60px;
}
.wrap-container80, .wrap-container80-rs {
    padding-top:80px;
    padding-bottom:80px;
}
.wrap-container100, .wrap-container100-rs {
    padding-top:100px;
    padding-bottom:100px;
}
.wrap-container120, .wrap-container120-rs {
    padding-top:120px;
    padding-bottom:120px;
}
.wrap-container6020, .wrap-container6020-rs {
    padding-top:60px;
    padding-bottom:20px;
}
.wrap-container8040, .wrap-container8040-rs {
    padding-top:80px;
    padding-bottom:40px;
}

.col-text40 { padding-top:40px; }
.col-text60 { padding-top:60px; }
.col-text80 { padding-top:80px; }
.col-text100 { padding-top:100px; }
.col-text120 { padding-top:120px; }

.row-wrap:before, .row-wrap:after {
    display:table;
    content:'';
}
.row-wrap:after { clear:both; }
    .row-wrap .col-left, .row-wrap .col-right {
        float:left;
        width:50%;
    }

.bg-grey {
    position:relative;
    background-color:#f9f9f9;
}
.bg-grey.grey-color2 { background-color:#f8fbfc; }
.bg-grey:before, .bg-grey:after {
    overflow:hidden;
    position:absolute;
    top:0px;
    right:0px;
    left:0px;
    height:4px;
    content:'';
    border-top:1px solid #f3f3f3;
    box-shadow:inset 0px 2px 2px -1px rgba(0,0,0,.02);
}
.bg-grey:after {
    top:auto;
    bottom:0px;
    margin-bottom:-4px;
}
.bg-grey.no-border-top:before, .bg-grey.no-border-bottom:after { display:none; }

.bg-color {
    color:#FFF;
    background-color:#3db1ff;
}
.bg-parallax, .bg-color h1, .bg-color h2, .bg-color h3, .bg-color h4, .bg-color h5, .bg-color h6, .bg-parallax h1, .bg-parallax h2, .bg-parallax h3, .bg-parallax h4, .bg-parallax h5, .bg-parallax h6, .bg-color a, .bg-parallax a { color:#FFF; }

.stickem-container {
    position:relative;
    padding-top:71px;
    opacity:0;
}

.post-heading-right { margin-bottom:25px; }
.post-heading-center {
    text-align:center;
    margin-bottom:40px;
}
    .post-heading-right h2, .post-heading-center h2, .post-heading-center h3 {
        line-height:38px;
        padding-bottom:18px;
        margin:0px;
    }
    .post-heading-right h2 { background:url(../images/border-post-heading-left2.png) no-repeat bottom right; }
    .post-heading-right.border-style2 h2 { background-image:url(../images/border-post-heading-left.png); }
    .bg-color .post-heading-right h2, .bg-parallax .post-heading-right h2 { background-image:url(../images/border-post-heading-left-white.png); }
    .bg-color .post-heading-right.border-style2 h2, .bg-parallax .post-heading-right.border-style2 h2 { background-image:url(../images/border-post-heading-left2-white.png); }
    .post-heading-center h2, .post-heading-center h3 { background:url(../images/border-post-heading-center.png) no-repeat bottom center; }
    .bg-color .post-heading-center h2, .bg-parallax .post-heading-center h2 { background-image:url(../images/border-post-heading-center-white.png); }
    .post-heading-right p, .post-heading-center p {
        color:#6a6a6a;
        font-size:16px;
        line-height:30px;
        margin:20px 0px 0px;
    }
    .bg-color .post-heading-right p, .bg-color .post-heading-center p, .bg-parallax .post-heading-right p, .bg-parallax .post-heading-center p { color:#f9f9f9; }
    .post-heading-right p:after {
        display:block;
        width:240px;
        height:1px;
        background-color:#e0e0e0;
        content:'';
        margin-top:20px;
    }
    .bg-color .post-heading-right p:after, .bg-parallax .post-heading-right p:after { background-color:#FFF; }
    .post-heading-right.no-border-bottom p:after { display:none; }

.sub-heading {
    font-size:26px;
    line-height:38px;
    font-weight:400;
    font-style:italic;
}

#page-content { line-height: 28px; }
#page-content ol > li { margin-bottom: 15px; }
#page-content ul > li { margin-bottom: 5px; }

.affa-form-contact {
    position:relative;
    text-align:center;
    margin:0px auto;
}
.modal-backdrop { z-index: 8040; }
#signUpModal {
   top: 10px;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 10040;
   overflow: auto;
   overflow-y: auto;
}
#signUpModal div.modal-body {
  padding: 20px;
}
#signUpModal div.modal-footer #signUpModalButton {
  padding: 5px 20px;
}
    .affa-form-contact .submit-status {
        display:none;
        position:absolute;
        top:0px;
        right:0px;
        bottom:0px;
        left:0px;
        font-size:14px;
        line-height:20px;
        text-align:center;
        font-weight:400;
        background-color:rgba(255,255,255,.5);
        z-index:400;
    }
    .ie .affa-form-contact .submit-status { background:url(../images/ie-bg-submit-status.png) repeat top left; }
        .affa-form-contact .submit-status .submit-status-text {
            position:absolute;
            top:50%;
            right:0px;
            left:0px;
            padding:0px 15px;
            margin-top:-25px;
        }
        .affa-form-contact .submit-status span {
            display:inline-block;
            background-color:#FFF;
            padding:14px 15px;
            border:1px solid #FFF;
            border-radius:3px;
        }
        .affa-form-contact .submit-status span.error {
            color:#d86c6c;
            background-color:#f6caca;
            border-color:#e9b8b8;
        }
        .affa-form-contact .submit-status span.success {
            color:#529552;
            background-color:#b9edb9;
            border-color:#a5dda5;
        }
            .affa-form-contact .submit-status span .ion { margin-right:5px; }
    .affa-form-contact input[type="text"], .affa-form-contact input[type="email"], .affa-form-contact textarea, .affa-form-contact input[type="password"] {


    }
    .affa-form-contact textarea {
        height:140px;
        margin-bottom:32px;
    }
    .affa-form-contact input[type="text"].error, .affa-form-contact input[type="email"].error,
    .affa-form-contact textarea.error, .affa-form-contact input[type="password"].error {
        border-color:#d43d3d;
    }

.sep-border {
    overflow:hidden;
    height:5px;
    border-top:1px solid #f2f2f2;
    box-shadow:inset 0px 3px 2px -1px rgba(0,0,0,.025);
}
.ie .sep-border {
    height:auto;
    border-top-width:2px;
}
.bg-color .sep-border, .bg-parallax .sep-border {
    height:1px;
    background-color:rgba(255,255,255,.4);
    border:0px;
    box-shadow:none;
}
.ie .bg-color .sep-border, .ie .bg-parallax .sep-border { background:url(../images/ie-bg-sep-border.png) repeat top left; }

/* ========================= Preloader ========================= */
#preloader {
    position:fixed;
    top:0px;
    right:0px;
    bottom:0px;
    left:0px;
    width:100%;
    height:100%;
    background-color:#FFF;
    z-index:99999;
}
    #preloader .spinner {
        position:absolute;
        top:50%;
        left:50%;
        width:64px;
        height:64px;
        background:url(../images/page-loader.gif) no-repeat center center;
        margin:-32px 0px 0px -32px;
    }
/* ========================= Header ========================= */
#header {
    color:#FFF;
    text-align:center;
    text-shadow:0px 1px 2px rgba(0,0,0,.2);
    background-color:#65c1ff;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#45b4ff), to(#91d3ff));
    background-image:-webkit-linear-gradient(top, #45b4ff, #91d3ff);
    background-image:-moz-linear-gradient(top, #45b4ff, #91d3ff);
    background-image:-ms-linear-gradient(top, #45b4ff, #91d3ff);
    background-image:-o-linear-gradient(top, #45b4ff, #91d3ff);
    background-image:linear-gradient(to bottom, #45b4ff, #91d3ff);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#45b4ff, endColorstr=#91d3ff);
    opacity:0;
}
    #header .header-overlay {
        background:url(../images/base-header-overlay.png) no-repeat center center;
        background-size:cover;
        padding:80px 0px 100px;
    }
    #header h1, #header h2, #header h3, #header h4, #header h5, #header h6 { color:#FFF; }
    #header a { color:#EEE; }
    #header a:hover { color:#FFF; }
    #header .header-logo { margin-bottom:40px; }
    #header .header-logo img { margin: 0 auto; }
    #header .header-heading-title h1 {
        line-height:60px;
        text-shadow:0px 2px 3px rgba(0,0,0,.2);
        margin:0px;
    }
    #header .header-heading-title p {
        color:#EEE;
        font-size:20px;
        line-height:26px;
        font-weight:400;
        margin:20px 0px 0px;
    }
    #header .list-row {
        width:480px;
        text-align:right;
        margin:20px auto 0px;
    }
        #header ul.list-icon li .ion { color:#FFF; }
    #header .affa-form-login {
        overflow:hidden;
        position:relative;
        width:500px;
        text-shadow:none;
        margin:40px auto 0px;
        box-shadow:0px 2px 3px 0px rgba(0,0,0,.2);
        border-radius:15px;
    }
        #header .affa-form-login .col-input-text {
            float:right;
            width:37%;
        }
        #header .affa-form-login .col-input-submit {
            float:right;
            width:26%;
        }
        #header .affa-form-login input[type="text"], #header .affa-form-login input[type="password"], #header .affa-form-login input[type="submit"] {
            width:100%;
            border:0px;
            border-radius:0px;
        }
#header .affa-form-login input[type="submit"] {
    background-color: #21618C;
}
        #header .affa-form-login .col-input-text:first-child input[type="text"], #header .affa-form-login .col-input-text:first-child input[type="password"], #header .affa-form-login .col-input-text:first-child input[type="submit"] {
            border-left:1px solid #EEE;
            border-radius:0px 15px 15px 0px;
        }
        #header .affa-form-login input[type="text"].error, #header .affa-form-login input[type="password"].error {
            color:#d15858;
            background-color:#f8c5c5;
        }
        #header .affa-form-login input[type="text"].error::-webkit-input-placeholder, #header .affa-form-login input[type="password"].error::-webkit-input-placeholder { color:#d15858; }
        #header .affa-form-login input[type="text"].error:-moz-placeholder, #header .affa-form-login input[type="password"].error:-moz-placeholder { color:#d15858; }
        #header .affa-form-login input[type="text"].error::-moz-placeholder, #header .affa-form-login input[type="password"].error::-moz-placeholder { color:#d15858; }
        #header .affa-form-login input[type="text"].error:-ms-input-placeholder, #header .affa-form-login input[type="password"].error:-ms-input-placeholder { color:#d15858; }
        #header .affa-form-login input[type="text"].error:placeholder-shown, #header .affa-form-login input[type="password"].error:placeholder-shown { color:#d15858; }
        #header .affa-form-login input[type="submit"] {
            text-align:center;
            padding-right:0px;
            padding-left:0px;
            box-shadow:none;
            border-radius:15px 0px 0px 15px;
        }
        #header .affa-form-login .submit-status {
            display:none;
            overflow:hidden;
            position:absolute;
            top:0px;
            right:0px;
            bottom:0px;
            left:0px;
            color:#FFF;
            font-size:14px;
            line-height:50px;
            text-align:center;
            font-weight:400;
            white-space:nowrap;
            background-color:#4a4a4a;
            padding:0px 10px;
            z-index:400;
            border-radius:15px;
        }
        #header .affa-form-login .submit-status.error {
            color:#d86c6c;
            background-color:#f6caca;
        }
        #header .affa-form-login .submit-status.success {
            color:#529552;
            background-color:#b9edb9;
        }
            #header .affa-form-login .submit-status .ion { margin-right:5px; }
/* ========================= Navigation ========================= */
#navigation.navbar {
    position:absolute;
    top:0px;
    right:0px;
    left:0px;
    min-height:0px;
    background-color:#FFF;
    padding:15px 0px;
    margin:0px;
    border:0px;
    border-bottom:1px solid #f0f0f0;
    z-index:8000;
    border-radius:0px;
    box-shadow:0px 2px 2px 0px rgba(0,0,0,.02);
    -webkit-transition:background-color .2s ease;
    transition:background-color .2s ease;
}
#navigation.navbar.stickit {
    position:fixed;
    background-color:rgba(255,255,255,.9);
}
.ie #navigation.navbar.stickit { background:url(../images/ie-bg-navigation-stickit.png) repeat top left; }
    #navigation .navbar-brand {
        height:auto;
        color:#FFF;
        padding:0px;
    }
    #navigation.navbar > .container .navbar-brand, #navigation.navbar > .container-fluid .navbar-brand { margin:0px; }
        #navigation .navbar-brand img { height:40px; }
    #navigation .navbar-brand-xs {
        display:none;
        float:left;
        margin-left:15px;
    }
        #navigation .navbar-brand-xs img { max-height:40px; }
#navigation.navbar-default .navbar-collapse {
    border:0px;
    -webkit-box-shadow:none;
    box-shadow:none;
}
#navigation .nav {
    overflow:hidden;
    float:right;
    height:40px;
}
    #navigation .nav > li { padding:10px 25px; }
    #navigation .nav > li.menu-btn {
        padding-top:2px;
        padding-bottom:2px;
    }
    #navigation .nav > li:last-child { padding-right:0px; }
        #navigation .nav > li > a {
            float:right;
            color:#303030;
            line-height:20px;
            font-weight:500;
            background:none !important;
            padding:0px;
        }
        #navigation .nav > li.menu-btn > a {
            color:#FFF !important;
            background-color:#21618C !important;
            padding:8px 15px;
            border-radius:10px;
        }
        #navigation .nav > li > a:hover, #navigation .nav > li.active > a { color:#3db1ff; }
        #navigation .nav > li.menu-btn > a:hover, #navigation .nav > li.menu-btn.active > a { background:#184767 !important; }
#navigation .navbar-nav {
    margin-top:0px;
    margin-bottom:0px;
    margin-right: 20px;
}
#navigation .navbar-toggle {
    background-color:transparent;
    padding:0px;
    margin:10.5px 15px 10.5px 0px;
    border:0px;
    box-shadow:none;
    border-radius:0px;
}
    #navigation .navbar-toggle .icon-bar {
        width:24px;
        height:3px;
        background-color:#d1ecfe;
        -webkit-transition:background-color .2s ease;
        transition:background-color .2s ease;
    }
    #navigation .navbar-toggle:hover .icon-bar { background-color:#FFF; }
    #navigation .navbar-toggle .icon-bar+.icon-bar { margin-top:5px; }

#sub-header {
    text-align:center;
    background-color:#f9f9f9;
    padding:25px 0px;
    border-bottom:1px solid #f3f3f3;
    box-shadow:inset 0px -5px 5px -4px rgba(0,0,0,.025);
}
    #sub-header .entry-title {
        font-size:30px;
        line-height:50px;
        font-weight:700;
        margin:0px;
    }
    #sub-header p {
        color:#808080;
        font-size:16px;
        line-height:20px;
        margin:10px 0px 5px;
    }
/* ========================= Elements ========================= */
.affa-feature-text {
    text-align:center;
    margin-bottom:40px;
}
    .affa-feature-text h4 {
        font-size:20px;
        line-height:28px;
        margin-bottom:20px;
    }
    .affa-feature-text .ion {
        display:inline-block;
        position:relative;
        width:80px;
        height:80px;
        color:#FFF;
        font-size:48px;
        line-height:80px;
        background-color:#3db1ff;
        z-index:110;
        border-radius:15px;
    }
    .bg-color .affa-feature-text .ion, .bg-parallax .affa-feature-text .ion {
        color:#3db1ff;
        background-color:#FFF;
    }
    .affa-feature-text .feature-icon {
        display:inline-block;
        position:relative;
        width:80px;
        padding-bottom:10px;
    }
        .affa-feature-text .feature-icon .feature-icon-shadow {
            position:absolute;
            bottom:0px;
            left:0px;
            width:80px;
            height:15px;
            background:url(../images/feature-icon-shadow.png) no-repeat top center;
            margin-top:-5px;
            z-index:100;
        }
    .affa-feature-text p { margin:15px 0px 0px; }
    .affa-feature-text a {
        display:inline-block;
        font-family:Shabnam, Tahoma, Arial;
        font-size:16px;
        text-decoration:underline;
        margin-top:10px;
    }
    .affa-feature-text a:hover { text-decoration:none; }
.affa-feature-icon {
    color:#3db1ff;
    text-align:center;
    margin-bottom:40px;
}
.bg-color .affa-feature-icon, .bg-parallax .affa-feature-icon { color:#FFF; }
    .affa-feature-icon .ion {
        display:inline-block;
        width:60px;
        height:60px;
        font-size:36px;
        line-height:56px;
        border:2px solid #3db1ff;
        border-radius:12px;
    }
    .bg-color .affa-feature-icon .ion, .bg-parallax .affa-feature-icon .ion { border-color:#FFF; }
    .affa-feature-icon p {
        font-style:italic;
        font-weight:700;
        margin:8px 0px 0px;
    }

#contact-info {
    background: #232323; /* Old browsers */
    background: -moz-linear-gradient(top, #232323 0%, #3e3e3e 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #232323 0%,#3e3e3e 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #232323 0%,#3e3e3e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    color: #FFFFFF;
}
.col-contact-info {
    width:33.33%;
    padding:0px 10px;
    margin: 0 auto;
    text-align: center;
}
    .col-contact-info .ion {
        display:inline-block;
        font-size:64px;
        margin-bottom:20px;
    }
    .col-contact-info p {
        font-size:20px;
        line-height:1;
        margin-bottom:20px;
    }
    .col-contact-info h4 {
        font-family:Shabnam, Tahoma, Arial;
        font-size:40px;
        line-height:1;
        margin:0px;
        direction: ltr;
        color: #FFFFFF;
    }

.tbl-pricing .tbl-prc-col { margin-bottom:40px; }
    .tbl-pricing .tbl-prc-col .tbl-prc-base {
        background-color:#FFF;
        padding:30px;
        border:1px solid #e4e4e4;
        border-radius:15px;
    }
    .tbl-pricing .tbl-prc-col.tbl-prc-col-recommended .tbl-prc-base { border-color:#3db1ff; }
    .tbl-pricing .tbl-prc-col .tbl-prc-heading {
        font-size:26px;
        line-height:32px;
        margin:0px;
    }
    .tbl-pricing .tbl-prc-col.tbl-prc-col-recommended .tbl-prc-heading, .tbl-pricing .tbl-prc-col.tbl-prc-col-recommended .tbl-prc-price { color:#3db1ff; }
    .tbl-pricing .tbl-prc-col .tbl-prc-price {
        font-size:30px;
        line-height:36px;
        font-weight:700;
        margin:0px;
    }
        .tbl-pricing .tbl-prc-col .tbl-prc-price sub {
            top: -2px;
            font-size:15px;
            font-weight:400;
        }
        .tbl-pricing .tbl-prc-col .tbl-prc-price span {
            font-size:14px;
            font-weight:400;
            margin-top:-10px;
        }
    .tbl-pricing .tbl-prc-col .tbl-prc-list {
        color:#c9c9c9;
        padding:30px 0px 10px;
        margin:15px 0px 0px;
        border-top:1px solid #f0f0f0;
        border-bottom:1px solid #f0f0f0;
    }
    .tbl-pricing .tbl-prc-col .tbl-prc-list li.checked { color:#444; }
        .tbl-pricing .tbl-prc-col .tbl-prc-list li {
            list-style-type:none;
            margin-bottom:10px;
        }
          .tbl-pricing .tbl-prc-col .tbl-prc-list li strong {
               font-size: 1.3em;
          }
            .tbl-pricing .tbl-prc-col .tbl-prc-list li .ion {
                color:#c0c0c0;
                margin-left:5px;
            }
            .tbl-pricing .tbl-prc-col .tbl-prc-list li.checked .ion { color:#3db1ff; }
    .tbl-pricing .tbl-prc-col .tbl-prc-footer {
        text-align:center;
        margin-top:25px;
    }
        .tbl-pricing .tbl-prc-col .tbl-prc-footer .btn-custom {
            color:#3db1ff !important;
            background-color:#FFF;
            padding:14px 50px 15px;
            border:1px solid #3db1ff;
        }
        .tbl-pricing .tbl-prc-col .tbl-prc-footer .btn-custom:hover {
            color:#FFF !important;
            background-color:#3db1ff;
        }
        .tbl-pricing .tbl-prc-col.tbl-prc-col-recommended .tbl-prc-footer .btn-custom {
            color:#FFF !important;
            line-height:50px;
            background-color:#3db1ff;
            padding-top:15px;
            padding-bottom:16px;
            border:0px;
        }
        .tbl-pricing .tbl-prc-col.tbl-prc-col-recommended .tbl-prc-footer .btn-custom:hover { background-color:#2b9eec; }
/* ========================= Footer ========================= */
#footer {
    color:#CCCCCC;
    text-align:center;
    background:#333 url(../images/base-footer.jpg) repeat top left;
    padding:40px 0px 10px;
    position: relative;
}
    #footer a {
        color:#FFFFFF;
        text-decoration:none;
    }
    #footer a:hover { color:#3DB1FF; }
    #footer #enamad {
        position: absolute;
        left: 55px;
        top: -70px;
        background-color: #FFFFFF;
        border-radius: 10px;
        padding: 15px;
        border: 1px solid #E4E4E4;
    }
    #footer .footer-logo { margin-bottom: 20px; }
    #footer .footer-menu {
        margin-bottom: 20px;
    }
    #footer .footer-menu ul {
        margin: 0 auto;
        padding: 0;
        list-style: none;
        line-height: 30px;
    }
    #footer .footer-menu ul li {
        display: inline;
        padding: 0px 12px;
    }
    #footer .footer-menu ul li.separator {
        width:20px;
        height: 20px;
        background:url(../images/sep-social-link.png) no-repeat center center;
    }
    #footer .social-links { }
        #footer .social-links a {
            position:relative;
            display:inline-block;
            color:#FFF;
            font-size:30px;
            text-decoration:none;
            margin:0px 16px;
        }
        #footer .social-links a:hover { color:#3DB1FF; }
        #footer .social-links a:after {
            position:absolute;
            top:0px;
            bottom:0px;
            left:-28.5px;
            width:17px;
            content:'';
            background:url(../images/sep-social-link.png) no-repeat center center;
        }
        #footer .social-links a:last-child:after { display:none; }
    #footer .footer-copyright {
        font-family:Shabnam, Tahoma, Arial;
        font-size: 0.9em;
        line-height: 33px;
        padding-right: 30px;
    }
/* ========================= Spinner ========================= */
.spin::before{
    margin: 0px 30px;
    font-size: 20px;
    -webkit-animation: spin 1s infinite linear;
    -moz-animation: spin 1s infinite linear;
    -ms-animation: spin 1s infinite linear;
    -o-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
}
@keyframes "spin" {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@-webkit-keyframes "spin" {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@-ms-keyframes "spin" {
    from {
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@-o-keyframes "spin" {
    from {
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -o-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
#contactInformation {
    margin-top: 40px;
    padding: 0px 10px;
}
#map {
    margin: 20px 0px;
    width: 100%;
    max-width:100%;
    overflow:hidden;
    height:270px;
}
#google-maps-canvas {
    height:100%;
    width:100%;
    max-width:100%;
}
/* ========================= Media Queries ========================= */
@media (min-width: 992px) {
    #footer .footer-copyright { text-align: right; }
    #footer .social-links { text-align: left; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .padding-top20-rs { padding-top:10px !important; }
    .padding-top30-rs { padding-top:20px !important; }
    .padding-top40-rs { padding-top:30px !important; }
    .padding-top50-rs { padding-top:40px !important; }
    .padding-top60-rs { padding-top:50px !important; }
    .padding-top70-rs { padding-top:60px !important; }
    .padding-top80-rs { padding-top:70px !important; }

    .padding-bottom20-rs { padding-bottom:10px !important; }
    .padding-bottom30-rs { padding-bottom:20px !important; }
    .padding-bottom40-rs { padding-bottom:30px !important; }
    .padding-bottom50-rs { padding-bottom:40px !important; }
    .padding-bottom60-rs { padding-bottom:50px !important; }
    .padding-bottom70-rs { padding-bottom:60px !important; }
    .padding-bottom80-rs { padding-bottom:70px !important; }

    .margin-top20-rs { margin-top:10px !important; }
    .margin-top30-rs { margin-top:20px !important; }
    .margin-top40-rs { margin-top:30px !important; }
    .margin-top50-rs { margin-top:40px !important; }
    .margin-top60-rs { margin-top:50px !important; }
    .margin-top70-rs { margin-top:60px !important; }
    .margin-top80-rs { margin-top:70px !important; }

    .margin-bottom20-rs { margin-bottom:10px !important; }
    .margin-bottom30-rs { margin-bottom:20px !important; }
    .margin-bottom40-rs { margin-bottom:30px !important; }
    .margin-bottom50-rs { margin-bottom:40px !important; }
    .margin-bottom60-rs { margin-bottom:50px !important; }
    .margin-bottom70-rs { margin-bottom:60px !important; }
    .margin-bottom80-rs { margin-bottom:70px !important; }

    .padding-top20-md { padding-top:20px !important; }
    .padding-top30-md { padding-top:30px !important; }
    .padding-top40-md { padding-top:40px !important; }
    .padding-top50-md { padding-top:50px !important; }
    .padding-top60-md { padding-top:60px !important; }
    .padding-top70-md { padding-top:70px !important; }
    .padding-top80-md { padding-top:80px !important; }

    .padding-bottom20-md { padding-bottom:20px !important; }
    .padding-bottom30-md { padding-bottom:30px !important; }
    .padding-bottom40-md { padding-bottom:40px !important; }
    .padding-bottom50-md { padding-bottom:50px !important; }
    .padding-bottom60-md { padding-bottom:60px !important; }
    .padding-bottom70-md { padding-bottom:70px !important; }
    .padding-bottom80-md { padding-bottom:80px !important; }

    .margin-top20-md { margin-top:20px !important; }
    .margin-top30-md { margin-top:30px !important; }
    .margin-top40-md { margin-top:40px !important; }
    .margin-top50-md { margin-top:50px !important; }
    .margin-top60-md { margin-top:60px !important; }
    .margin-top70-md { margin-top:70px !important; }
    .margin-top80-md { margin-top:80px !important; }

    .margin-bottom20-md { margin-bottom:20px !important; }
    .margin-bottom30-md { margin-bottom:30px !important; }
    .margin-bottom40-md { margin-bottom:40px !important; }
    .margin-bottom50-md { margin-bottom:50px !important; }
    .margin-bottom60-md { margin-bottom:60px !important; }
    .margin-bottom70-md { margin-bottom:70px !important; }
    .margin-bottom80-md { margin-bottom:80px !important; }

    .carousel-slider.slick-slider.gallery-slider { margin:0px -50px; }

    .wrap-container20-rs {
        padding-top:10px;
        padding-bottom:10px;
    }
    .wrap-container40-rs {
        padding-top:30px;
        padding-bottom:30px;
    }
    .wrap-container60-rs {
        padding-top:50px;
        padding-bottom:50px;
    }
    .wrap-container80-rs {
        padding-top:70px;
        padding-bottom:70px;
    }
    .wrap-container100-rs {
        padding-top:90px;
        padding-bottom:90px;
    }
    .wrap-container120-rs {
        padding-top:110px;
        padding-bottom:110px;
    }
    .wrap-container6020-rs {
        padding-top:50px;
        padding-bottom:10px;
    }
    .wrap-container8040-rs {
        padding-top:70px;
        padding-bottom:30px;
    }

    .col-text40 { padding-top:0px; }
    .col-text60, .col-text80 { padding-top:20px; }
    .col-text100, .col-text120 { padding-top:40px; }

    #header .header-overlay { padding:65px 0px 85px; }
    #header .header-logo { margin-bottom:30px; }
    #header .header-heading-title h1 {
        font-size:46px;
        line-height:56px;
    }
    #header .list-row { margin-top:15px; }
    #header .affa-form-login { margin-top:30px; }

    #navigation .nav > li {
        padding-right:16px;
        padding-left:16px;
    }

    .tbl-pricing .tbl-prc-col .tbl-prc-base { padding:20px; }
    .tbl-pricing .tbl-prc-col .tbl-prc-list {
        padding:25px 0px 8px;
        margin-top:12px;
    }
    .tbl-pricing .tbl-prc-col .tbl-prc-footer { margin-top:20px; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .padding-top20-rs { padding-top:0px !important; }
    .padding-top30-rs { padding-top:10px !important; }
    .padding-top40-rs { padding-top:20px !important; }
    .padding-top50-rs { padding-top:30px !important; }
    .padding-top60-rs { padding-top:40px !important; }
    .padding-top70-rs { padding-top:50px !important; }
    .padding-top80-rs { padding-top:60px !important; }

    .padding-bottom20-rs { padding-bottom:0px !important; }
    .padding-bottom30-rs { padding-bottom:10px !important; }
    .padding-bottom40-rs { padding-bottom:20px !important; }
    .padding-bottom50-rs { padding-bottom:30px !important; }
    .padding-bottom60-rs { padding-bottom:40px !important; }
    .padding-bottom70-rs { padding-bottom:50px !important; }
    .padding-bottom80-rs { padding-bottom:60px !important; }

    .margin-top20-rs { margin-top:0px !important; }
    .margin-top30-rs { margin-top:10px !important; }
    .margin-top40-rs { margin-top:20px !important; }
    .margin-top50-rs { margin-top:30px !important; }
    .margin-top60-rs { margin-top:40px !important; }
    .margin-top70-rs { margin-top:50px !important; }
    .margin-top80-rs { margin-top:60px !important; }

    .margin-bottom20-rs { margin-bottom:0px !important; }
    .margin-bottom30-rs { margin-bottom:10px !important; }
    .margin-bottom40-rs { margin-bottom:20px !important; }
    .margin-bottom50-rs { margin-bottom:30px !important; }
    .margin-bottom60-rs { margin-bottom:40px !important; }
    .margin-bottom70-rs { margin-bottom:50px !important; }
    .margin-bottom80-rs { margin-bottom:60px !important; }

    .no-padding-top-sm { padding-top:0px !important; }
    .no-padding-right-sm { padding-right:0px !important; }
    .no-padding-bottom-sm  { padding-bottom:0px !important; }
    .no-padding-left-sm { padding-left:0px !important; }

    .padding-top5-sm { padding-top:5px !important; }
    .padding-top10-sm { padding-top:10px !important; }
    .padding-top20-sm { padding-top:20px !important; }
    .padding-top30-sm { padding-top:30px !important; }
    .padding-top40-sm { padding-top:40px !important; }
    .padding-top50-sm { padding-top:50px !important; }
    .padding-top60-sm { padding-top:60px !important; }
    .padding-top70-sm { padding-top:70px !important; }
    .padding-top80-sm { padding-top:80px !important; }

    .padding-bottom5-sm { padding-bottom:5px !important; }
    .padding-bottom10-sm { padding-bottom:10px !important; }
    .padding-bottom20-sm { padding-bottom:20px !important; }
    .padding-bottom30-sm { padding-bottom:30px !important; }
    .padding-bottom40-sm { padding-bottom:40px !important; }
    .padding-bottom50-sm { padding-bottom:50px !important; }
    .padding-bottom60-sm { padding-bottom:60px !important; }
    .padding-bottom70-sm { padding-bottom:70px !important; }
    .padding-bottom80-sm { padding-bottom:80px !important; }

    .no-margin-top-sm { margin-top:0px !important;	}
    .no-margin-right-sm { margin-right:0px !important;	}
    .no-margin-bottom-sm  { margin-bottom:0px !important; }
    .no-margin-left-sm { margin-left:0px !important; }

    .margin-top5-sm { margin-top:5px !important; }
    .margin-top10-sm { margin-top:10px !important; }
    .margin-top20-sm { margin-top:20px !important; }
    .margin-top30-sm { margin-top:30px !important; }
    .margin-top40-sm { margin-top:40px !important; }
    .margin-top50-sm { margin-top:50px !important; }
    .margin-top60-sm { margin-top:60px !important; }
    .margin-top70-sm { margin-top:70px !important; }
    .margin-top80-sm { margin-top:80px !important; }

    .margin-bottom5-sm { margin-bottom:5px !important; }
    .margin-bottom10-sm { margin-bottom:10px !important; }
    .margin-bottom20-sm { margin-bottom:20px !important; }
    .margin-bottom30-sm { margin-bottom:30px !important; }
    .margin-bottom40-sm { margin-bottom:40px !important; }
    .margin-bottom50-sm { margin-bottom:50px !important; }
    .margin-bottom60-sm { margin-bottom:60px !important; }
    .margin-bottom70-sm { margin-bottom:70px !important; }
    .margin-bottom80-sm { margin-bottom:80px !important; }

    .carousel-slider.slick-slider.gallery-slider { margin:0px; }

    .wrap-container20-rs {
        padding-top:0px;
        padding-bottom:0px;
    }
    .wrap-container40-rs {
        padding-top:20px;
        padding-bottom:20px;
    }
    .wrap-container60-rs {
        padding-top:40px;
        padding-bottom:40px;
    }
    .wrap-container80-rs {
        padding-top:60px;
        padding-bottom:60px;
    }
    .wrap-container100-rs {
        padding-top:80px;
        padding-bottom:80px;
    }
    .wrap-container120-rs {
        padding-top:100px;
        padding-bottom:100px;
    }
    .wrap-container6020-rs {
        padding-top:40px;
        padding-bottom:0px;
    }
    .wrap-container8040-rs {
        padding-top:60px;
        padding-bottom:20px;
    }

    .col-text40, .col-text60, .col-text80, .col-text100, .col-text120 { padding-top:0px; }

    .post-heading-center { margin-bottom: 20px; }

    #header .header-overlay { padding:50px 0px 70px; }
    #header .header-logo { margin-bottom:25px; }
    #header .header-heading-title h1 {
        font-size:42px;
        line-height:50px;
    }
    #header .header-heading-title p {
        font-size:18px;
        line-height:24px;
    }
    #header .list-row { margin-top:10px; }
    #header .affa-form-login { margin-top:25px; }

    #navigation .navbar-brand img { height:32px; }
    #navigation .nav > li {
        padding-right:12px;
        padding-left:12px;
    }

    .col-contact-info { width:50%; }

    .tbl-pricing .tbl-prc-col .tbl-prc-base { padding:15px; }
    .tbl-pricing .tbl-prc-col .tbl-prc-list {
        padding:20px 0px 5px;
        margin-top:10px;
    }
    .tbl-pricing .tbl-prc-col .tbl-prc-footer { margin-top:15px; }

    #footer .social-links { margin-top: 10px; }
    #footer #enamad {
        left: 25px;
        padding: 10px;
    }
}

@media (max-width: 767px) {
    .padding-top20-rs { padding-top:0px !important; }
    .padding-top30-rs { padding-top:10px !important; }
    .padding-top40-rs { padding-top:20px !important; }
    .padding-top50-rs { padding-top:30px !important; }
    .padding-top60-rs { padding-top:40px !important; }
    .padding-top70-rs { padding-top:50px !important; }
    .padding-top80-rs { padding-top:60px !important; }

    .padding-bottom20-rs { padding-bottom:0px !important; }
    .padding-bottom30-rs { padding-bottom:10px !important; }
    .padding-bottom40-rs { padding-bottom:20px !important; }
    .padding-bottom50-rs { padding-bottom:30px !important; }
    .padding-bottom60-rs { padding-bottom:40px !important; }
    .padding-bottom70-rs { padding-bottom:50px !important; }
    .padding-bottom80-rs { padding-bottom:60px !important; }

    .margin-top20-rs { margin-top:0px !important; }
    .margin-top30-rs { margin-top:10px !important; }
    .margin-top40-rs { margin-top:20px !important; }
    .margin-top50-rs { margin-top:30px !important; }
    .margin-top60-rs { margin-top:40px !important; }
    .margin-top70-rs { margin-top:50px !important; }
    .margin-top80-rs { margin-top:60px !important; }

    .margin-bottom20-rs { margin-bottom:0px !important; }
    .margin-bottom30-rs { margin-bottom:10px !important; }
    .margin-bottom40-rs { margin-bottom:20px !important; }
    .margin-bottom50-rs { margin-bottom:30px !important; }
    .margin-bottom60-rs { margin-bottom:40px !important; }
    .margin-bottom70-rs { margin-bottom:50px !important; }
    .margin-bottom80-rs { margin-bottom:60px !important; }

    .no-padding-top-xs { padding-top:0px !important; }
    .no-padding-right-xs { padding-right:0px !important; }
    .no-padding-bottom-xs  { padding-bottom:0px !important; }
    .no-padding-left-xs { padding-left:0px !important; }

    .padding-top5-xs { padding-top:5px !important; }
    .padding-top10-xs { padding-top:10px !important; }
    .padding-top20-xs { padding-top:20px !important; }
    .padding-top30-xs { padding-top:30px !important; }
    .padding-top40-xs { padding-top:40px !important; }
    .padding-top50-xs { padding-top:50px !important; }
    .padding-top60-xs { padding-top:60px !important; }
    .padding-top70-xs { padding-top:70px !important; }
    .padding-top80-xs { padding-top:80px !important; }

    .padding-bottom5-xs { padding-bottom:5px !important; }
    .padding-bottom10-xs { padding-bottom:10px !important; }
    .padding-bottom20-xs { padding-bottom:20px !important; }
    .padding-bottom30-xs { padding-bottom:30px !important; }
    .padding-bottom40-xs { padding-bottom:40px !important; }
    .padding-bottom50-xs { padding-bottom:50px !important; }
    .padding-bottom60-xs { padding-bottom:60px !important; }
    .padding-bottom70-xs { padding-bottom:70px !important; }
    .padding-bottom80-xs { padding-bottom:80px !important; }

    .no-margin-top-xs { margin-top:0px !important;	}
    .no-margin-right-xs { margin-right:0px !important;	}
    .no-margin-bottom-xs  { margin-bottom:0px !important; }
    .no-margin-left-xs { margin-left:0px !important; }

    .margin-top5-xs { margin-top:5px !important; }
    .margin-top10-xs { margin-top:10px !important; }
    .margin-top20-xs { margin-top:20px !important; }
    .margin-top30-xs { margin-top:30px !important; }
    .margin-top40-xs { margin-top:40px !important; }
    .margin-top50-xs { margin-top:50px !important; }
    .margin-top60-xs { margin-top:60px !important; }
    .margin-top70-xs { margin-top:70px !important; }
    .margin-top80-xs { margin-top:80px !important; }

    .margin-bottom5-xs { margin-bottom:5px !important; }
    .margin-bottom10-xs { margin-bottom:10px !important; }
    .margin-bottom20-xs { margin-bottom:20px !important; }
    .margin-bottom30-xs { margin-bottom:30px !important; }
    .margin-bottom40-xs { margin-bottom:40px !important; }
    .margin-bottom50-xs { margin-bottom:50px !important; }
    .margin-bottom60-xs { margin-bottom:60px !important; }
    .margin-bottom70-xs { margin-bottom:70px !important; }
    .margin-bottom80-xs { margin-bottom:80px !important; }

    .textcenter-xs { text-align:center; }

    .carousel-slider.slick-slider.gallery-slider {
        padding-right:5px;
        padding-left:5px;
        margin:0px;
    }

    .wrap-container20-rs {
        padding-top:0px;
        padding-bottom:0px;
    }
    .wrap-container40-rs {
        padding-top:20px;
        padding-bottom:20px;
    }
    .wrap-container60-rs {
        padding-top:40px;
        padding-bottom:40px;
    }
    .wrap-container80-rs {
        padding-top:60px;
        padding-bottom:60px;
    }
    .wrap-container100-rs {
        padding-top:80px;
        padding-bottom:80px;
    }
    .wrap-container120-rs {
        padding-top:100px;
        padding-bottom:100px;
    }
    .wrap-container6020-rs {
        padding-top:40px;
        padding-bottom:0px;
    }
    .wrap-container8040-rs {
        padding-top:60px;
        padding-bottom:20px;
    }

    .col-text40, .col-text60, .col-text80, .col-text100, .col-text120 { padding-top:0px; }

    .col-padding-xs { padding:0px 20%; }

    .row-wrap .col-left, .row-wrap .col-right {
        float:none;
        width:auto;
    }

    .stickem-container { padding-top:0px; }

    .post-heading-right.post-heading-center-xs { text-align:center; }
    .post-heading-right.post-heading-center-xs h2 { background:url(../images/border-post-heading-center.png) no-repeat bottom center; }
    .post-heading-right.border-style2.post-heading-center-xs h2 { background-image:url(../images/border-post-heading-center.png); }
    .bg-color .post-heading-right.post-heading-center-xs h2, .bg-parallax .post-heading-right.post-heading-center-xs h2, .bg-color .post-heading-right.border-style2.post-heading-center-xs h2, .bg-parallax .post-heading-right.border-style2.post-heading-center-xs h2 { background-image:url(../images/border-post-heading-center-white.png); }
    .post-heading-right.post-heading-center-xs p:after {
        margin-right:auto;
        margin-left:auto;
    }

    .affa-form-contact { width:auto; }

    #header .header-overlay { padding:40px 0px 60px; }
    #header .header-logo { margin-bottom:15px; }
    #header .header-heading-title h1 {
        font-size:38px;
        line-height:46px;
    }
    #header .header-heading-title p {
        font-size:18px;
        line-height:24px;
    }
    #header .list-row { margin-top:10px; }
    #header .affa-form-login {
        width:auto;
        margin:20px 50px 0px;
    }

    #navigation.navbar {
        position:relative;
        width:auto;
        background-color:#3db1ff;
        padding-bottom:0px;
        border-bottom:0px;
        z-index:200;
        -webkit-transition:none;
        transition:none;
    }
    #navigation.navbar.navbar-no-logo-xs { padding-top:20px; }
    #navigation.navbar.stickit {
        position:relative;
        background-color:#3db1ff;
    }
    #navigation .container > .navbar-header { padding-bottom:15px; }
    #navigation.navbar-no-logo-xs .container > .navbar-header { text-align:center; }
    #navigation .navbar-brand { display:none; }
    #navigation .navbar-brand-xs { display:block; }
    #navigation.navbar-default .navbar-collapse {
        background-color:#2b9eec;
        padding:0px;
    }
    #navigation.navbar-default.navbar-no-logo-xs .navbar-collapse { padding:0px 100px; }
    #navigation .nav {
        float:none;
        height:auto;
    }
    #navigation.navbar-no-logo-xs .nav { text-align:center; }
    #navigation .nav > li { padding:0px; }
    #navigation .nav > li > a {
        display:block;
        float:none;
        color:#d1ecfe;
        font-size:16px;
        padding:10px 15px;
        margin:0px;
        border-top:0px;
    }
    #navigation .nav > li.menu-btn > a {
        color:#d1ecfe !important;
        background-color:transparent !important;
    }
    #navigation .nav > li > a:hover, #navigation .nav > li.active > a { color:#FFF; }
    #navigation .nav > li.menu-btn > a:hover, #navigation .nav > li.menu-btn.active > a { color:#FFF !important; }
    #navigation .navbar-nav {
        padding:15px 0px;
        margin:0px;
    }
    #navigation.navbar-no-logo-xs .navbar-toggle {
        display:inline-block;
        float:none;
        margin:0px;
    }

    #sub-header .entry-title {
        font-size:22px;
        line-height:40px;
    }
    #sub-header p {
        font-size:14px;
        line-height:20px;
    }

    .col-contact-info {
        width:auto;
    }
    .col-contact-info .ion { font-size:50px; }

    #footer .social-links { margin-top: 10px; }
    
    #footer #enamad {
        position: relative;
        left: 0px;
        top: 0px;
        display: inline-block;
        margin-bottom: 10px;
    }
}

@media (max-width: 640px) {
    .col-padding-xs { padding:0px 17%; }

    #header .affa-form-login {
        margin-right:25px;
        margin-left:25px;
    }

    #navigation.navbar-default.navbar-no-logo-xs .navbar-collapse { padding:0px 60px; }
}

@media (max-width: 540px) {
    #header .list-row {
        width:auto;
        margin-right:-10px;
        margin-left:-10px;
    }
    #header .affa-form-login {
        margin-right:0px;
        margin-left:0px;
    }
}

@media (max-width: 480px) {
    .col-padding-xs { padding:0px 14%; }

    #header .header-heading-title h1 {
        font-size:32px;
        line-height:40px;
    }
    #header .affa-form-login .col-input-text { width:36%; }
    #header .affa-form-login .col-input-submit { width:28%; }

    #navigation.navbar-default.navbar-no-logo-xs .navbar-collapse { padding:0px 15px; }
}

@media (max-width: 400px) {
    .list-row { margin:0px; }
    .list-row .list-col {
        float:none;
        width:auto;
        padding:0px 30px;
    }

    .carousel-slider.slick-slider.gallery-slider { padding-bottom:0px; }

    .col-padding-xs { padding:0px 15px; }

    #header { text-align:right; }
    #header .header-overlay { padding:30px 0px 50px; }
    #header .header-logo { margin-bottom:10px; }
    #header .list-row { margin:10px 0px 0px; }
    #header .affa-form-login { margin-top:20px; }
    #header .affa-form-login .col-input-text{ width:50%; }
    #header .affa-form-login .col-input-submit { width:100%; }
    #header .affa-form-login .col-input-text:first-child input[type="text"], #header .affa-form-login .col-input-text:first-child input[type="password"], #header .affa-form-login .col-input-text:first-child input[type="password"], #header .affa-form-login .col-input-text:first-child input[type="number"], #header .affa-form-login .col-input-text:first-child input[type="submit"], #header .affa-form-login .col-input-text:first-child select {
        border:0px;
        border-bottom:1px solid #EEE;
        border-radius:15px 15px 0px 0px;
    }
    #header .affa-form-login input[type="submit"] { border-radius:0px 0px 15px 15px; }
    #header .affa-form-login .submit-status {
        line-height:22px;
        white-space:normal;
        padding-top:15px;
    }
    #header .affa-form-login .submit-status .ion {
        display:block;
        font-size:24px;
        margin:0px 0px 10px;
    }

    #navigation.navbar-default.navbar-no-logo-xs .navbar-collapse { padding:0px; }

    .tbl-pricing .tbl-prc-col .tbl-prc-base { padding:20px; }
    .tbl-pricing .tbl-prc-col .tbl-prc-list {
        padding:25px 0px 8px;
        margin-top:12px;
    }
    .tbl-pricing .tbl-prc-col .tbl-prc-footer { margin-top:20px; }
}

@media (max-width: 300px) {
    .tbl-pricing .tbl-prc-col .tbl-prc-base { padding:15px; }
    .tbl-pricing .tbl-prc-col .tbl-prc-list {
        padding:20px 0px 5px;
        margin-top:10px;
    }
    .tbl-pricing .tbl-prc-col .tbl-prc-footer { margin-top:15px; }
}
