/* PRELOADER CSS START */
html {
    overflow: hidden;
    overflow-y: auto;
}

.spinner-wrapper {
    background: #3498db;
}

.img-border {
    border: 2px solid #e9e9e9;
    padding: 10px;
}
/* PRELOADER CSS END */
/* COMMON CSS START */
.wp-caption-text {
}

.sticky {
}

.gallery-caption {
}

.bypostauthor {
}

::-moz-selection {
    background: #3498db;
    color: #fff;
}

::selection {
    background: #3498db;
    color: #fff;
}

::-webkit-input-placeholder {
    color: #ACACAC;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #ACACAC;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #ACACAC;
}

:-ms-input-placeholder {
    color: #ACACAC;
}

body {
    /* font-family: 'Open Sans', sans-serif;*/
    text-align: center;
    overflow-x: hidden;
}

a {
    color: #3498db;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
}

    a:hover {
        color: #0b76bd;
        transition: all 300ms;
        -webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        -ms-transition: all 300ms;
        text-decoration: none;
    }

    a:active {
        color: #0b76bd;
        transition: all 300ms;
        -webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        -ms-transition: all 300ms;
        text-decoration: none;
    }

    a:focus {
        outline: 0;
        text-decoration: none;
    }

    a.hl {
        position: relative;
    }

        a.hl::after {
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            height: 1px;
            background: #3498db;
            content: '';
            opacity: 0;
            -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
            transition: opacity 0.3s, transform 0.3s;
            -webkit-transform: translateY(10px);
            -ms-transform: translateY(10px);
            transform: translateY(10px);
        }

        a.hl:hover::after,
        a.hl:focus::after {
            opacity: 1;
            transition: all 300ms;
            -webkit-transition: all 300ms;
            -moz-transition: all 300ms;
            -ms-transition: all 300ms;
            -webkit-transform: translateY(0px);
            -ms-transform: translateY(0px);
            transform: translateY(0px);
        }
/* HIPERLINK HOVER END*/
ul {
    padding: 0;
    margin: 0;
}

li {
    list-style: none;
}

p {
    line-height: 24px;
}

img {
    border: 0;
}


.rtl-align input[type="text"],
.rtl-align input[type="email"],
.rtl-align input[type="url"],
.rtl-align textarea.form-control,.rtl-align select {
    float: right;
    margin: 0 0px 5px 10px;
}

input[type="text"],
input[type="email"],
input[type="url"],
textarea.form-control,select {
    box-shadow: none;
    padding: 10px 21px;
    border: 1px solid #3498db;
    color: #3498db;
    border-radius: 6px;
    background: transparent;
    font-style: italic;
    font-size: 13px;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    width: 47%;
    float: left;
    margin: 0 10px 5px 0;
}

textarea {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 5px;
    min-height: 100px;
}

    input[type="text"]:focus,
    input[type="email"]:focus,
    textarea:focus,select:focus  {
        border: 1px solid #3498db;
        outline: 0;
        transition: all 300ms;
        -webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        -ms-transition: all 300ms;
    }
    select {
            padding: 5px 17px;
    }
input[type="submit"] {
    background: #3498db;
    border: 0;
    width: 100%;
    padding: 19px;
    color: #fff;
    /*font-family: 'Raleway', sans-serif;*/
    font-weight: bold;
    font-size: 15px;
    margin-top: 20px;
    border-radius: 5px;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
}

    input[type="submit"]:focus,
    input[type="submit"]:hover {
        outline: 0;
        background: #0b76bd;
        transition: all 300ms;
        -webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        -ms-transition: all 300ms;
    }

#topHeader {
    background: #e9e9e9;
    padding: 10px;
    overflow: hidden;
    width: 100%;
}

    #topHeader .linkSites {
        text-align: right;
    }

        #topHeader .linkSites li {
            list-style: none;
            display: inline;
            margin: 0 3px;
        }

    #topHeader .infoCantact {
        text-align: left;
    }

        #topHeader .infoCantact i {
            color: #3498db;
        }

        #topHeader .infoCantact a, #topHeader .infoCantact span {
            color: #484747;
        }

.home-part {
    padding: 70px 0 80px;
    float: left;
    /* font-family: 'Open Sans', sans-serif;*/
    width: 100%;
    text-align: center;
}

    .home-part h1 {
        color: #fff;
        /*font-family: 'Raleway', sans-serif;*/
        font-weight: 900;
        font-size: 72px;
        text-transform: uppercase;
        margin-bottom: 20px;
    }

    .home-part h2 {
        /*font-family: 'Raleway', sans-serif;*/
        font-weight: 900;
        font-size: 50px;
        text-transform: uppercase;
        margin-top: 0;
        margin-bottom: 32px;
        color: #fff;
    }

    .home-part h3 {
        /*font-family: 'Raleway', sans-serif;*/
        font-weight: bold;
        text-transform: uppercase;
    }

    .home-part h4 {
        font-size: 24px;
        /*  font-family: 'Raleway', sans-serif;*/
        color: #22272f;
        line-height: 33px;
    }

    .home-part p {
        font-size: 13px;
        color: #44535e;
        /* font-family: 'Open Sans', sans-serif;*/
    }

    .home-part img, .inner-page img {
        max-width: 100%;
    }

#home .home-part {
    margin: 0;
    padding: 0;
}

    #home .home-part .carousel-caption {
        padding-bottom: 0px;
        bottom: 0;
        text-align: left;
    }

        #home .home-part .carousel-caption h3 {
            color: #fff;
            /*  font-family: 'Raleway', sans-serif;*/
            font-weight: 300;
            font-size: 166px;
            text-transform: none;
            text-shadow: none;
        }

        #home .home-part .carousel-caption h4 {
            color: #fff;
            /*  font-family: 'Raleway', sans-serif;*/
            margin-bottom: 40px;
        }

            #home .home-part .carousel-caption h4 span {
                background: #3498db;
                font-size: 20px;
                text-shadow: none;
                text-transform: uppercase;
                padding: 2px 14px;
                font-size: 46px;
                font-weight: 100;
                line-height: 58px;
            }

        #home .home-part .carousel-caption p {
            text-shadow: none;
            color: #fff;
            /*  font-family: 'Raleway', sans-serif;*/
            font-size: 35px;
            font-weight: 100;
            text-transform: uppercase;
        }

        #home .home-part .carousel-caption img {
            max-width: none;
            position: absolute;
            bottom: 0;
        }

    #home .home-part .carousel-indicators li {
        height: 15px;
        width: 15px;
        margin-right: 5px;
    }

        #home .home-part .carousel-indicators li.active {
            height: 15px;
            width: 15px;
            background: #3498db;
            top: -1px;
            position: relative;
            margin-left: 1px;
        }

.carousel-control.left,
.carousel-control.right {
    background-image: none;
}

#home .home-part .item > img {
    height: 100%;
}

#home .carousel-fade .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

#home .carousel-fade .carousel-inner .active {
    opacity: 1;
}

    #home .carousel-fade .carousel-inner .active.left,
    #home .carousel-fade .carousel-inner .active.right {
        left: 0;
        opacity: 0;
    }

#home .carousel-fade .carousel-inner .next.left,
#home .carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

#home .carousel-fade .carousel-control {
    z-index: 10;
}

#home img {
    max-width: none;
}

.ltr-align .section-heading-wrapper {
    float: left;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}

.rtl-align .section-heading-wrapper {
    float: right;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
}

.section-heading-wrapper {
    background-color: #3498db;
    padding: 20px 25px;
    /*float: left;*/
    color: #FFF;
    /*-webkit-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);*/
    margin-top: -80px;
    margin-bottom: 40px;
}

    .section-heading-wrapper h3 {
        margin: 0;
        /*  font-family: 'Raleway', sans-serif;*/
        font-size: 22px;
        font-weight: 900;
        -webkit-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        transform: rotate(3deg);
    }

.home-part-overlay {
    background: rgba(174, 213, 124, 0.6);
    position: relative;
    height: 100%;
    width: 100%;
    padding: 70px 0 80px;
}

.bgnone {
    background: none !important;
}

/*TWO-PART-SECTION SECTION START*/
.rtl-align .two-part-section {
    text-align: right;
}

.two-part-section {
    text-align: left;
}


    .two-part-section h3 {
        color: #3498db;
        /*  font-family: 'Raleway', sans-serif;*/
        font-size: 25px;
        margin: 0;
        font-weight: 900;
        /*text-align: left;*/
    }

    .two-part-section h4 {
        color: #252e44;
        /*  font-family: 'Raleway', sans-serif;*/
        font-size: 15px;
        margin: 0;
        margin-bottom: 12px;
        /*text-align: left;*/
        font-weight: 600;
    }

    .two-part-section p {
        text-align: justify;
        color: #44535e;
        /* font-family: 'Open Sans', sans-serif;*/
        font-size: 13px;
    }
/* TWO-PART-SECTION SECTION END */
/* COMMON INNER PAGE STYLES */
body.inner-page .fixed-nav {
    position: fixed;
    z-index: 999 !important;
    top: 0;
}

body.inner-page {
    background: rgba(174, 213, 124, 0.1);
}

header#common {
    width: 100%;
    float: left;
    height: 242px;
    margin-top: 66px;
    overflow: hidden;
    position: relative;
    -webkit-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
}

    header#common img {
        width: 100%;
    }

header#header404 {
    background: #3498db;
    height: 370px;
    width: 100%;
    float: left;
}

header#common .header-overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99;
    top: 0;
}

header#common .titleinfo {
    max-height: 167px;
    margin: 90px 20px 0;
}

header#common h1 {
    color: #fff;
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 900;
    margin: 0 0 18px;
}

header#common p {
    color: #fff;
    font-size: 14px;
    line-height: 35px;
    max-width: 600px;
    margin: auto;
}

#inner-body {
    float: left;
    width: 100%;
    margin: 130px 0;
    text-align: left;
}

.pagination {
    text-align: center;
    width: 100%;
}

    .pagination li,
    .pagination li > a,
    .pagination li > span {
        float: none;
        background: none;
        border: none;
        color: #000;
        font-size: 14px;
        font-weight: bold;
        /* font-family: 'Open Sans', sans-serif;*/
    }

        .pagination li > a:hover {
            background: #3498db;
            color: #fff;
            border-radius: 4px;
        }

        .pagination li.none:hover {
            background: transparent;
            color: #000000;
        }

        .pagination li > span {
            color: #3498db;
        }

            .pagination li > span:hover {
                background: none;
                color: #3498db;
            }

ul.pager a {
    padding: 12px 20px;
    border-radius: 3px;
    border: 1px solid;
}

.single .pager {
    margin: 20px 0 35px;
}

.single-template header#common h1 {
    font-size: 45px;
}

.single-full .thumb {
    width: 100%;
    margin-bottom: 20px;
}
/* COMMON INNER PAGE STYLES */
/* CONTENT MARKUP STYLES START */
blockquote {
    border-left: 5px solid #3498db;
    background: rgba(174, 213, 124, 0.1);
}

pre {
    background-color: rgba(174, 213, 124, 0.08);
    border: 1px solid rgba(174, 213, 124, 0.5);
}

.table > thead > tr > th {
    border-bottom: 2px solid rgba(174, 213, 124, 0.5);
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    border-top: 1px solid rgba(174, 213, 124, 0.5);
}
/* CONTENT MARKUP STYLES END */
.modal-dialog {
    width: 600px;
    margin: 80px auto;
}

.scroll {
    cursor: pointer;
}

.button {
    background: #3498db;
    padding: 11px 32px;
    border-radius: 5px;
    color: #FFF;
    /*  font-family: 'Raleway', sans-serif;*/
    font-size: 13px;
    font-weight: bold;
    border: 0;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
}

    .button:hover,
    .button:active {
        background: #0b76bd;
        text-decoration: none;
        color: #ffffff;
    }

    .button a.button {
        line-height: 62px;
    }

a.button-transparent {
    line-height: 70px;
}

.button-transparent {
    border-radius: 6px;
    color: #3498db;
    /*  font-family: 'Raleway', sans-serif;*/
    font-size: 13px;
    font-weight: bold;
    border: 3px solid #3498db;
    padding: 11px 45px;
    text-transform: uppercase;
    background: transparent;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
}

    .button-transparent:hover {
        text-decoration: none;
        color: #fff;
        background: #3498db;
        transition: all 300ms;
        -webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        -ms-transition: all 300ms;
    }

    .button-transparent:active,
    .button-transparent:focus {
        outline: 0;
    }

.floating {
    -webkit-animation-name: Floatingx;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: Floating;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
    margin-left: 30px;
    margin-top: 5px;
}

@-webkit-keyframes Floatingx {
    from {
        -webkit-transform: translate(0, 0px);
    }

    65% {
        -webkit-transform: translate(0, 15px);
    }

    to {
        -webkit-transform: translate(0, 0px);
    }
}

.scaling {
    -webkit-animation-name: scalex;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: scale;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
}

@-webkit-keyframes scalex {
    from {
        -webkit-transform: scale(0.9);
    }

    65% {
        -webkit-transform: scale(1);
    }

    to {
        -webkit-transform: scale(0.9);
    }
}

@font-face {
    font-family: 'icomoon' !important;
    src: url('../fonts/icomoon.eot?yrllm7');
    src: url('../fonts/icomoon.eot?#iefixyrllm7') format('embedded-opentype'), url('../fonts/icomoon.woff?yrllm7') format('woff'), url('../fonts/icomoon.ttf?yrllm7') format('truetype'), url('../fonts/icomoon.svg?yrllm7#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-uniE600:before {
    content: "\e600";
}

.icon-arrow-down:before {
    content: "\e601";
}

.icon-user:before {
    content: "\e602";
}

.icon-github:before {
    content: "\e603";
}

.icon-flickr:before {
    content: "\e604";
}

.icon-vimeo:before {
    content: "\e605";
}

.icon-twitter:before {
    content: "\e606";
}

.icon-facebook:before {
    content: "\e607";
}

.icon-googleplus:before {
    content: "\e608";
}

.icon-pinterest:before {
    content: "\e609";
}

.icon-linkedin:before {
    content: "\e60a";
}

.icon-dribbble:before {
    content: "\e60b";
}

.icon-instagram:before {
    content: "\e60c";
}

.icon-behance:before {
    content: "\e60d";
}
/* MENU FOR MOBILE AND SMALL DEVICES START */
.rtl-align .mobilenav {
    margin-right: -300px;
    margin-left: 0;
}

.mobilenav {
    background: rgba(255, 255, 255, 0.9);
    position: fixed;
    margin-left: -300px;
    top: 0;
    height: 100%;
    width: 300px;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
}

    .mobilenav .navbar-header {
        background: #fff;
        width: 100%;
    }

.rtl-align .fixed-m-nav {
    margin-right: 0;
    margin-left: 0;
}

.fixed-m-nav {
    z-index: 3000;
    margin-left: 0px;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
}

.rtl-align #mobile-nav-trigger {
    left: 12px;
}

.ltr-align #mobile-nav-trigger {
    right: 12px;
}

#mobile-nav-trigger {
    display: none;
    position: fixed;
    top: 12px;
    /*right: 12px;*/
    background: #FFF;
    color: #D86C6C;
    z-index: 10000;
    padding: 14px 13px 10px;
    border-radius: 5px;
    border: 1px solid rgba(174, 213, 124, 0.5);
}

    #mobile-nav-trigger:focus {
        outline: none;
    }

    #mobile-nav-trigger div {
        height: 2px;
        width: 27px;
        margin-bottom: 3px;
        background: #3498db;
    }

#body-wrapper {
    position: fixed;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    opacity: 0;
}

.body-wrapper-trigger {
    height: 100%;
    width: 100%;
    z-index: 2000;
    background: rgba(0, 0, 0, 0.5);
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    opacity: 1 !important;
}

#mobilenav .bs-js-navbar-scrollspy {
    width: 100%;
}

#mobilenav .nav {
    float: none;
    padding: 0 20px;
}

#mobilenav .fixed {
    position: relative;
}

#mobilenav .fixed-nav {
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 300px;
}

.rtl-align #mobilenav .nav > li {
    text-align: right;
}

#mobilenav .nav > li {
    float: none;
    margin: 0;
    text-align: left;
}

#mobilenav .logo .scroll div {
    width: 100%;
}

#mobilenav .logo img {
    margin-left: 38px;
    float: left;
}
/* MENU FOR MOBILE AND SMALL DEVICES  END */
/* MIXITUP START */
.controls li.active {
    font-weight: 700;
}

#Grid {
    width: 100%;
    text-align: justify;
    padding: 0;
}

.rtl-align #Grid .mix {
    float: right;
}

#Grid .mix {
    border: 1px solid #e9e9e9;
    display: none;
    opacity: 0;
    width: 23%;
    vertical-align: top;
    background: #CCC;
    color: #FFF;
    font-size: 30px;
    text-align: center;
    position: relative;
    margin: 1%;
    border-radius: 2px;
    float: left;
    overflow: hidden;
}

    #Grid .mix:hover .overlay {
        border: 50px solid rgba(0, 0, 0, 0.3);
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        opacity: 1;
        visibility: visible;
        -webkit-transform: scale(4);
        -ms-transform: scale(4);
        transform: scale(4);
        transition: all 300ms;
        -webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        -ms-transition: all 300ms;
    }

    #Grid .mix img {
        width: 100%;
    }

    #Grid .mix .mix:hover .overlay p {
        opacity: 1;
        bottom: 0;
        -webkit-transition: all 400ms;
        transition: all 400ms;
    }

#Grid .gap {
    display: inline-block;
    width: 200px;
}

#Grid:after {
    content: '';
    display: inline-block;
    width: 100%;
}

.filter {
    cursor: pointer;
    list-style: none;
    font-size: 16px;
    padding: 0 16px;
}

.mixitup_nav {
    margin: 0 0 30px;
    text-align: center;
    font-size: .8em;
    padding: 8px;
}

    .mixitup_nav .active {
        color: #FF7070;
    }

.overlay {
    position: absolute;
    /* Center the mask */
    top: 0px;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    border-radius: 50px;
    border-width: 50px;
    display: inline-block;
    height: 100px;
    width: 100px;
    opacity: 0;
    border: 0px solid rgba(0, 0, 0, 0.1);
    visibility: hidden;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    cursor: url('../../Images/Icon/KaraAfzarIdeal-plus-cursor.png') 50 50, auto;
}

.mfp-image-holder button.mfp-close,
.mfp-iframe-holder button.mfp-close {
    background: url(../../Images/Icon/KaraAfzarIdeal-sprite.png);
    background-position: -12px -4px;
    padding: 30px 24px;
    background-repeat: no-repeat;
    right: 0;
    top: -20px;
    float: right;
    width: 49px;
    cursor: pointer !important;
    color: rgba(0, 0, 0, 0);
}

.mfp-iframe-holder button.mfp-close {
    top: -12%;
}

.animation-wrapper {
    overflow: hidden;
}

input.search-field {
    border: 2px solid #d1d1d1;
    padding: 19px;
    font-size: 13px;
    font-weight: 100;
}

    input.search-field:focus {
        border: 2px solid #3498db;
        color: #3498db;
        border-right: 0;
        box-shadow: none;
    }

input.search-field {
    border-right: 0;
}

button.search-submit {
    background: #3498db;
    transition: all 300ms;
    -moz-transition: all 300ms;
    -webkit-transition: all 300ms;
    -ms-transition: all 300ms;
    text-transform: uppercase;
    color: #fff;
    padding: 17px 34px;
}

    button.search-submit:hover, button.search-submit:focus {
        background: #7db239;
        color: #fff;
    }

.inner-social {
    margin-top: 30px;
    z-index: 1;
    position: relative;
}

#btop {
    background: #3498db;
    opacity: .4;
    position: fixed;
    padding: 15px 20px;
    z-index: 9999;
    right: 8px;
    bottom: -20%;
    border-radius: 6px;
    color: #fff;
    font-size: 18px;
}

    #btop:hover, #btop:focus {
        opacity: 1;
        color: #fff;
    }

.appear {
    bottom: 30px !important;
}

.alignleft {
    float: left;
    margin-right: 20px;
}

.alignright {
    float: right;
    margin-left: 20px;
}

.post-password-form input[type="password"] {
    padding: 8px;
    border: 1px solid rgb(166, 166, 166);
}

.post-password-form input[type="submit"] {
    padding: 10px;
    width: 100px;
}

iframe {
    max-width: 100%;
}

/*COMMON CSS END*/

/*HOME SECTION START*/
#home {
    width: 100%;
    float: left;
}

    #home h2 {
        font-size: 72px;
    }

    #home p {
        /*  font-family: 'Raleway', sans-serif;*/
        font-size: 29px;
        font-weight: 500;
        color: #fff;
        line-height: 38px;
    }

    #home .item-inner {
        max-width: 938px;
        margin: auto;
    }

    #home .homeoverlay {
        background: rgba(174, 213, 124, 0.5);
        width: 100%;
        overflow: hidden;
        position: relative;
    }

.tp-bullets.simplebullets.round .bullet {
    background: #fff;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    margin-right: 5px;
}

    .tp-bullets.simplebullets.round .bullet.selected {
        background: #3498db;
    }
/*HOME SECTION END*/
/*ABOUT SECTION START*/

.about .nav > li {
    margin-left: 1px;
}

.about .nav-tabs > li.active > a, .about .nav-tabs > li.active > a:hover, .about .nav-tabs > li.active > a:focus {
    color: #fff;
    background-color: #3498db;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default;
}

.about .nav > li > a {
    color: #484747;
    padding: 10px 10px;
    background-color: #f7f7f7;
    border: 1px solid #ddd;
    font-size: 10px;
}

    .about .nav > li > a:hover {
        background-color: #ddd;
        border: 1px solid #ddd;
    }

.about .tab-content {
    padding: 15px 0;
}

.about .button-transparent {
    margin-top: 10px;
}

.about .promobox {
    position: relative;
}

.about .promooverlay {
    position: absolute;
    height: 100%;
    width: 100%;
    background: url(../../Images/Icon/media.png) rgba(0, 0, 0, 0.5) center no-repeat;
    z-index: 99;
    top: 0;
    cursor: pointer;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
}

    .about .promooverlay:hover {
        background: url(../../Images/Icon/mediahover.png) rgba(0, 0, 0, 0.3) center no-repeat;
        transition: all 300ms;
        -webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        -ms-transition: all 300ms;
    }

.about h5 {
    color: #3498db;
    /*  font-family: 'Raleway', sans-serif;*/
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    background: url(../../Images/Icon/dash.png) no-repeat 0;
    margin: 25px 0 7px;
}

    .about h5 span {
        background: #fff;
        padding-right: 10px;
    }

.about .as-seen {
    width: 21%;
    margin-right: 3%;
}
/*ABOUT SECTION END*/
/*SKILLS SECTION START*/
.skills {
    background: rgba(174, 213, 124, 0.05);
        margin-top: 45px;
}

    .skills canvas {
        display: block;
    }

    .skills p {
        text-align: left;
    }

        .skills p:first-child {
            color: #00ab49;
           font-size: 14px;
    font-weight: bold;
    margin: 0;
    text-align: justify;
        }

        .skills p:last-child {
            color: #b4b4b3;
            font-size: 12px;
            font-weight: normal;
            text-align: justify;
        }

    .skills .skill {
        width: 25%;
        float: left;
        padding: 1%;
    }

    .skills .chart {
        float: left;
        width: 24%;
        margin-right: 4%;
    }

    .skills .details {
        width: 66%;
        margin-right: 4%;
        float: left;
    }
/* SKILLS SECTION END */
/*Special Post Start*/
#specialPost {
    border-top: 2px solid #e2e2e2;
    background: rgba(0, 171, 73, 0.05);
}

    #specialPost .section-heading-wrapper {
        background-color: #00ab49;
    }

    #specialPost .button {
        background: #00ab49;
        margin-top: 15px;
    }

/*Special Post End*/
/* EDUCATION SECTION START */
#education {
    text-align: justify;
}

    #education h3 {
        margin-top: 0;
        margin-bottom: 30px;
        font-size: 26px;
        font-weight: 900;
        /*font-family: 'Raleway' sans-serif;*/
    }

    #education h4 {
        font-family: 'Raleway' sans-serif;
        font-size: 17px;
        margin: 0;
        line-height: 25px;
        color: #3498db;
        font-weight: 600;
    }

        #education h4 span {
            color: #a8a8a8;
            display: inline-block;
            margin-bottom: 14px;
        }

    #education h5 {
        font-weight: 900;
        color: #44535e;
    }

    #education .item {
        margin-bottom: 50px;
    }
/* EDUCATION SECTION END */
/* EXPERIENCE SECTION START */
#experience {
    background: rgba(174, 213, 124, 0.05);
}

    #experience * {
        text-align: left;
    }

    #experience h4 {
        /*  font-family: 'Raleway', sans-serif;*/
        font-size: 20px;
        margin: 0;
        font-weight: 600;
    }

        #experience h4 span {
            color: #b4b4b3;
        }

    #experience .x-skills {
        font-size: 14px;
    }

        #experience .x-skills span {
            color: #3498db;
        }

    #experience .company {
        width: 20%;
        float: left;
    }

        #experience .company img {
            float: left;
        }

    #experience .recruit {
        float: left;
        width: 78%;
    }

        #experience .recruit h4 {
            line-height: 20px;
            color: #3498db;
            /*  font-family: 'Raleway', sans-serif;*/
            font-size: 20px;
            font-weight: bold;
        }

        #experience .recruit h5 {
            color: #44535e;
            /* font-family: 'Open Sans', sans-serif;*/
            font-size: 15px;
            font-weight: bold;
        }

    #experience .x-devider {
        opacity: .2;
        background-color: #99afc7;
        height: 1px;
        width: 100%;
        float: left;
        margin: 40px 0;
    }
/* EXPERIENCE SECTION END */
/* SERIVCE SECTION START */
#service {
    -webkit-box-shadow: 0 14px 10px rgba(0, 0, 0, 0.04);
    box-shadow: 0 14px 10px rgba(0, 0, 0, 0.04);
    /* HOVER EFFECT */
}

    #service .service-item {
        margin-bottom: 50px;
        float: left;
    }

    #service .service-details {
        float: left;
        width: 77%;
        text-align: left;
    }

        #service .service-details h4 {
            color: #191919;
            /*  font-family: 'Raleway', sans-serif;*/
            font-size: 20px;
            font-weight: 600;
        }

    #service .service-logo {
        width: 20%;
        margin-right: 3%;
        float: left;
    }

    #service .service-logo {
        float: left;
    }

    #service .service-logo {
        position: relative;
        transition: all 300ms;
        -webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        -ms-transition: all 300ms;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    }

        #service .service-logo:before {
            pointer-events: none;
            position: absolute;
            z-index: -1;
            content: '';
            top: 100%;
            left: 5%;
            height: 10px;
            width: 90%;
            opacity: 0;
            background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
            background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
            /* W3C */
            -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
            -webkit-transition-property: -webkit-transform, opacity;
            transition-property: transform, opacity;
        }

    #service .service-item:hover .service-logo,
    #service .service-item:focus .service-logo,
    #service .service-item:active .service-logo {
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px);
        /* move the element up by 5px */
    }

        #service .service-item:hover .service-logo:before,
        #service .service-item:focus .service-logo:before,
        #service .service-item:active .service-logo:before {
            opacity: 1;
            -webkit-transform: translateY(5px);
            -ms-transform: translateY(5px);
            transform: translateY(5px);
        }
/* SERVICE SECTION END */
/* PORTFOLIO SECTION START */
.home #portfolio .descProduct {
    background: #3498db;
    color: #fff;
    padding: 5px;
    text-align: center;
}

.home #portfolio {
    background: rgba(174, 213, 124, 0.05);
}

#portfolio .filter {
    color: #252d43;
    font-size: 15px;
    font-weight: bold;
    padding: 18px 0;
    border-top: 1px solid #e2e6e0;
    text-transform: uppercase;
    text-align: right;
}

#portfolio .mix-nav {
    width: 17%;
    margin-right: 1%;
    float: left;
}

#portfolio .mix-gallery {
    width: 100%;
    float: left;
}

#portfolio .filter:last-child {
    border-bottom: 1px solid #e2e6e0;
}

#portfolio .filter.active {
    color: #3498db;
}

#portfolio p {
    text-align: justify;
}

.pophalf-second h4 {
    color: #3498db;
}
/* PORTFOLIO SECTION END */
/* QUOTE START */
#quote {
    float: left;
    width: 100%;
    background-color: #191919;
    padding: 30px 0;
}

.rtl-align #quote h3 {
    text-align: right;
}

#quote h3 {
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    text-align: left;
    margin-top: 20px;
}

#quote .button {
    display: block;
    padding: 16px 32px;
}
/* QUOTE START */
/* HAPPYNESS START */
#happyness {
    float: left;
    width: 100%;
    background-attachment: fixed;
}

    #happyness h3 {
        color: #fff;
        font-size: 20px;
        font-weight: bold;
        text-transform: uppercase;
        margin-bottom: 55px;
    }

    #happyness .icon {
        width: 30%;
        float: left;
    }

        #happyness .icon img {
            float: left;
        }

    #happyness .number {
        width: 70%;
        float: left;
        color: #fff;
        /* font-family: 'Open Sans', sans-serif;*/
        font-weight: bold;
        line-height: 30px;
        text-align: left;
    }

        #happyness .number div,
        #happyness .number div span {
            font-size: 45px;
        }

            #happyness .number div span {
                display: inline;
            }

        #happyness .number span {
            font-size: 15px;
            display: block;
        }

    #happyness .home-part-overlay {
        padding: 128px 0 161px;
    }
/* HAPPYNESS END */
/* CLIETNS SECTION START */
#clients {
    background: rgba(174, 213, 124, 0.05);
}

    #clients .left p {
        margin-left: 80px;
    }

    #clients .more {
        margin-left: 80px;
        margin-top: 40px;
    }

        #clients .more.second {
            margin-left: 0;
        }

    #clients .show-hide {
        margin-left: 80px;
    }

    #clients h3.show-hide {
        margin-left: 0px;
    }

        #clients h3.show-hide img {
            margin-right: 8px;
            position: relative;
            top: 12px;
        }

    #clients h4.show-hide {
        margin-top: -11px;
    }

    #clients .container {
        overflow: hidden;
    }

    #clients .more-less {
        /*background: url(../../Images/Icon/more.png);*/
        border: 0;
        width: 175px;
        height: 140px;
        margin: 5px;
        font-size: 0;
        line-height: 0;
    }

        #clients .more-less span {
            font-size: 40px;
            font-weight: bold;
            color: #fff;
            /* font-family: 'Open Sans', sans-serif;*/
            border: 3px solid #FFF;
            padding: 0px 19px;
            line-height: 26px;
        }

    #clients .left,
    #clients .right {
        transition: all 800ms 300ms;
        -webkit-transition: all 800ms 300ms;
        -moz-transition: all 800ms 300ms;
        -ms-transition: all 800ms 300ms;
    }

    #clients .container > h3,
    #clients .container > h4 {
        display: none;
    }

    #clients #less {
        display: none;
        position: absolute;
        top: -80px;
        right: 42px;
        z-index: 1;
        background: url(../../Images/Icon/KaraAfzarIdeal-sprite.png);
        border: none;
        padding: 36px 36px;
    }

        #clients #less:hover {
            background-position: 0 -92px;
        }

        #clients #less:focus {
            outline: none;
        }

    #clients .expand {
        width: 100% !important;
    }

    #clients .right img {
        width: 175px;
        height: 140px;
    }

    #clients .c-logo {
        position: relative;
        float: left;
        margin: 5px;
        line-height: 0;
        width: 175px;
    }
/* CLIETNS SECTION END */
/* TESTIMONIAL START */
.home #testimonial {
    -webkit-box-shadow: 0 14px 10px rgba(0, 0, 0, 0.04);
    box-shadow: 0 14px 10px rgba(0, 0, 0, 0.04);
}

#testimonial #testimonial-carosel h3 {
    color: #252d43;
    /*  font-family: 'Raleway', sans-serif;*/
    font-size: 20px;
    font-weight: bold;
}

#testimonial #testimonial-carosel p {
    color: #45535d;
    font-family: "Georgia";
    font-size: 18px;
    font-style: italic;
    margin-top: 24px;
}

#testimonial #testimonial-carosel h5 {
    color: #45535d;
    /*  font-family: 'Raleway', sans-serif;*/
    font-size: 14px;
    font-weight: bold;
    margin-top: 42px;
}

    #testimonial #testimonial-carosel h5 span {
        color: #3498db;
        text-transform: uppercase;
    }

#testimonial #testimonial-carosel .owl-item div {
    padding: 5px;
}

#testimonial #testimonial-carosel .owl-item img {
    display: block;
    width: 100%;
}

#testimonial #testimonial-carosel .owl-item {
    float: left;
}

#testimonial #testimonial-carosel .owl-page {
    cursor: pointer;
}

#testimonial #testimonial-carosel .owl-wrapper-outer {
    overflow: hidden;
}

#testimonial #testimonial-carosel .owl-page span {
    height: 62px;
    width: 62px;
    border-radius: 50%;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
}

    #testimonial #testimonial-carosel .owl-page span img {
        border-radius: 50%;
    }
/* TESTIMONIAL END */
/* BLOG START */
#blog {
    border-top: 2px solid #e2e2e2;
    background: rgba(174, 213, 124, 0.05);
}

    #blog .blog-item .blog-item-inner {
        background-color: #fff;
        -webkit-box-shadow: 0 14px 10px #EBEBEB;
        box-shadow: 0 14px 10px #EBEBEB;
        padding: 18px;
        transition: all 300ms;
        -webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        -ms-transition: all 300ms;
        overflow: hidden;
    }

        #blog .blog-item .blog-item-inner:hover {
            -webkit-box-shadow: 0 4px 10px #EBEBEB;
            box-shadow: 0 4px 10px #EBEBEB;
            transition: all 300ms;
            -webkit-transition: all 300ms;
            -moz-transition: all 300ms;
            -ms-transition: all 300ms;
        }

.rtl-align #blog h4 {
    text-align: right;
    float: right;
}

#blog h4 {
    text-align: left;
    float: left;
    width: 100%;
}

#blog h6 {
    text-align: left;
    float: left;
    width: 100%;
}

#blog h4 a {
    color: #252d43;
    /*  font-family: 'Raleway', sans-serif;*/
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    margin-top: 35px;
}

    #blog h4 a:hover {
        color: #3498db;
        text-decoration: none;
    }

#blog p {
    color: #44535e;
    font-size: 13px;
    text-align: justify;
}

#blog .tag {
    margin-top: 15px;
    text-align: left;
    float: left;
    width: 100%;
}

#blog .thumb {
    position: relative;
    float: left;
    margin: 1px;
    overflow: hidden;
    max-width: 100%;
}

    #blog .thumb img {
        border: 1px solid #e9e9e9;
        width: 99.9999%;
    }

#blog .hover {
    position: absolute;
    /* Center the mask */
    top: 0px;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    cursor: pointer;
    border-radius: 50px;
    border-width: 50px;
    display: inline-block;
    height: 100px;
    width: 100px;
    opacity: 0;
    border: 0px solid rgba(0, 0, 0, 0.1);
    visibility: hidden;
    transition: all 200ms 300ms;
    -webkit-transition: all 200ms 300ms;
    -moz-transition: all 200ms 300ms;
    -ms-transition: all 200ms 300ms;
}

#blog .thumb:hover .hover {
    border: 50px solid rgba(0, 0, 0, 0.3);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(4);
    -ms-transform: scale(4);
    transform: scale(4);
    transition: all 200ms 300ms;
    -webkit-transition: all 200ms 300ms;
    -moz-transition: all 200ms 300ms;
    -ms-transition: all 200ms 300ms;
}

#inner-body .inner-content,
#inner-body .feed-item {
    background-color: #fff;
    -webkit-box-shadow: 0 14px 10px #EBEBEB;
    box-shadow: 0 14px 10px #EBEBEB;
    padding: 35px 25px 25px 25px;
    margin-bottom: 40px;
    overflow: hidden;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
}

    #inner-body .inner-content header,
    #inner-body .feed-item header {
        overflow: hidden;
        margin-bottom: 24px;
    }

.hd-part-one {
    float: left;
    overflow: hidden;
}

#inner-body .inner-content .hd-part-one .date,
#inner-body .feed-item .hd-part-one .date {
    float: left;
    width: 104px;
    text-align: right;
    color: #44535e;
    /* font-family: 'Open Sans', sans-serif;*/
    font-size: 14px;
    padding-right: 16px;
    margin-right: 16px;
    border-right: 1px solid #3498db;
}

    #inner-body .inner-content .hd-part-one .date .month,
    #inner-body .feed-item .hd-part-one .date .month {
        line-height: 23px;
    }

    #inner-body .inner-content .hd-part-one .date .year a,
    #inner-body .feed-item .hd-part-one .date .year a {
        font-size: 30px;
        font-weight: 900;
        line-height: 26px;
        margin-top: 10px;
        color: #00ab49;
    }

.rtl-align #inner-body .inner-content .hd-part-two,
.rtl-align #inner-body .feed-item .hd-part-two {
    float: right;
}

#inner-body .inner-content .hd-part-two,
#inner-body .feed-item .hd-part-two {
    float: left;
    max-width: 580px;
}


.rtl-align #inner-body .inner-content .hd-part-two .tag,
.rtl-align #inner-body .feed-item .hd-part-two .tag {
    text-align: right;
}

#inner-body .inner-content .hd-part-two .tag,
#inner-body .feed-item .hd-part-two .tag {
    text-align: left;
    margin-top: 10px;
}

    #inner-body .inner-content .hd-part-two .tag a,
    #inner-body .feed-item .hd-part-two .tag a {
        font-size: 12px;
    }

#inner-body .inner-content .thumb,
#inner-body .feed-item .thumb {
    margin-bottom: 20px;
}

#inner-body .inner-content h2,
#inner-body .feed-item h2 {
    margin: 0;
    line-height: 29px;
}

.rtl-align #inner-body .inner-content h2,
.rtl-align #inner-body .feed-item h2 {
    text-align: right;
}



#inner-body .inner-content h2 a,
#inner-body .feed-item h2 a {
    color: #252d43;
    font-size: 18px;
    font-weight: 900;
    text-transform: uppercase;
}

    #inner-body .inner-content h2 a:hover,
    #inner-body .feed-item h2 a:hover {
        text-decoration: none;
        color: #3498db;
    }

#inner-body .inner-content p,
#inner-body .feed-item p {
    color: #44535e;
    text-align: justify;
    font-size: 13px;
    line-height: 23px;
}

.rtl-align #inner-body .feed-item .tag {
    text-align: right;
}

#inner-body .feed-item .tag {
    text-align: left;
    margin-top: 15px;
}

#inner-body .inner-content .hd-part-three,
#inner-body .inner-content footer,
#inner-body .feed-item footer {
    width: 100%;
    float: left;
    display: inline-block;
    margin-top: 20px;
}

#inner-body .inner-content .hd-part-three {
    border: 1px solid #e9e9e9;
}

    #inner-body .inner-content .hd-part-three .three-part,
    #inner-body .inner-content footer .three-part,
    #inner-body .feed-item footer .three-part {
        width: 33.33%;
        float: left;
    }

    #inner-body .inner-content .hd-part-three a,
    #inner-body .inner-content footer a,
    #inner-body .feed-item footer a {
        color: #44535e;
        font-weight: bold;
        font-size: 13px;
    }

        #inner-body .inner-content .hd-part-three a:hover,
        #inner-body .inner-content footer a:hover,
        #inner-body .feed-item footer a:hover {
            text-decoration: none;
            color: #3498db;
        }

#inner-body .inner-content footer .user,
#inner-body .feed-item footer .user {
    color: #44535e;
    font-size: 16px;
    text-transform: uppercase;
}

    #inner-body .inner-content footer .user img,
    #inner-body .feed-item footer .user img {
        height: 52px;
        border-radius: 50%;
        margin-right: 10px;
    }

#inner-body .inner-content .hd-part-three .comments,
#inner-body .feed-item .hd-part-three .comments,
#inner-body .inner-content footer .comments,
#inner-body .feed-item footer .comments,
#inner-body .inner-content footer .shares,
#inner-body .feed-item footer .shares {
    height: 52px;
    background: url(../../Images/Icon/KaraAfzarIdeal-sprite.png);
    background-position: 7px -294px;
    background-repeat: no-repeat;
    font-size: 16px;
    text-transform: uppercase;
    padding: 17px 0 0 48px;
}

#inner-body .inner-content footer .shares,
#inner-body .feed-item footer .shares {
    background-position: 7px -352px;
    float: right;
    position: relative;
    z-index: 1;
    width: auto;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
}

.rtl-align #inner-body .inner-content .tag {
    text-align: right;
}

.rtl-align #inner-body .inner-content .summery {
    border-right: 9px solid rgb(249, 143, 30);
    border-left: none;
}

#inner-body .inner-content .summery {
    border-left: 9px solid rgb(249, 143, 30);
    padding: 10px;
}

#inner-body .inner-content .hd-part-three .comments-reply,
#inner-body .inner-content .hd-part-three .like,
#inner-body .inner-content .hd-part-three .dislike,
#inner-body .inner-content footer .like,
#inner-body .feed-item footer .like,
#inner-body .inner-content footer .dislike,
#inner-body .feed-item footer .dislike {
    height: 52px;
    font-size: 16px;
    text-transform: uppercase;
    padding: 17px 0 0 48px;
}

    #inner-body .inner-content .hd-part-three .comments-reply a,
    #inner-body .inner-content .hd-part-three .like a,
    #inner-body .inner-content .hd-part-three .dislike a,
    #inner-body .inner-content footer .like a,
    #inner-body .feed-item footer .like a,
    #inner-body .inner-content footer .dislike a,
    #inner-body .feed-item footer .dislike a {
        font-size: 15px;
    }

        #inner-body .inner-content .hd-part-three .comments-reply a:before,
        #inner-body .inner-content .hd-part-three .like a:before,
        #inner-body .inner-content .hd-part-three .dislike a:before,
        #inner-body .inner-content footer .like a:before,
        #inner-body .feed-item footer .like a:before,
        #inner-body .inner-content footer .dislike a:before,
        #inner-body .feed-item footer .dislike a:before {
            display: inline-block;
            font: normal normal normal 20px FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            float: left;
            margin-right: 7px;
        }

        #inner-body .inner-content .hd-part-three .comments-reply a:before {
            content: "\f112";
        }

        #inner-body .inner-content .hd-part-three .like a:before,
        #inner-body .inner-content footer .like a:before,
        #inner-body .feed-item footer .like a:before {
            content: "\f087";
        }

        #inner-body .inner-content .hd-part-three .dislike a:before,
        #inner-body .inner-content footer .dislike a:before,
        #inner-body .feed-item footer .dislike a:before {
            content: "\f088";
        }

.sharebtns {
    display: none;
}

.three-part.shares li a {
    font-size: 20px;
    line-height: 24px;
}

#inner-body .inner-content h4, #inner-body #respond h4, #inner-body .part-form h4 {
    text-align: right;
    color: #3498db;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #e9e9e9;
}

#inner-body .inner-content .comments {
    padding: 10px;
    border: 1px solid #e9e9e9;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    margin-bottom: 10px;
}

    #inner-body .inner-content .comments .hd-part-three {
        border: none;
        border-bottom: 3px solid #e0e0e0;
    }

        #inner-body .inner-content .comments .hd-part-three .three-part {
            width: 15%;
            float: left;
        }

        #inner-body .inner-content .comments .hd-part-three .comments-reply,
        #inner-body .inner-content .comments .hd-part-three .like,
        #inner-body .inner-content .comments .hd-part-three .dislike {
            height: 20px;
            font-size: 12px;
            text-transform: uppercase;
            padding: 0px 9px;
        }

            #inner-body .inner-content .comments .hd-part-three .comments-reply a,
            #inner-body .inner-content .comments .hd-part-three .like a,
            #inner-body .inner-content .comments .hd-part-three .dislike a {
                font-size: 12px;
                color: #3498db;
            }

                #inner-body .inner-content .comments .hd-part-three .comments-reply a:hover,
                #inner-body .inner-content .comments .hd-part-three .like a:hover,
                #inner-body .inner-content .comments .hd-part-three .dislike a:hover {
                    color: #00ab49;
                }

    #inner-body .inner-content .comments p {
        margin-bottom: 30px;
    }

#inner-body .inner-content .hd-part-three .comments {
    border: none;
}

#inner-body .inner-content .comments .main-comment-reply {
    width: 95%;
    float: left;
    margin-left: 5px;
    background: #f9f8f8;
    border: 1px solid #e9e9e9;
    border-right: 6px solid #3498db;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    padding: 21px;
    margin-bottom: 10px;
}

#inner-body .inner-content .main-comment-reply p {
    margin-bottom: 0px;
}

.sharebtntrigger {
    cursor: pointer;
}

.blogfeed .fixed-nav {
    position: fixed;
    z-index: 999;
}

#comments, #respond, .part-form {
    background-color: #fff;
    -webkit-box-shadow: 0 14px 10px #EBEBEB;
    box-shadow: 0 14px 10px #EBEBEB;
    padding: 35px 25px 25px 25px;
    margin-bottom: 40px;
    overflow: hidden;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
}

    #comments #respond {
        -webkit-box-shadow: none;
        box-shadow: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    #comments h3, #respond h3, .part-form h3 {
        margin-top: 0;
        margin-bottom: 30px;
    }

.rtl-align #respond h3, .rtl-align .part-form h3 {
    text-align: right;
}

#respond h3, .part-form h3 {
    font-size: 14px;
}

#comments img.avatar {
    border-radius: 50%;
}

#comments time {
    margin-bottom: 30px;
    display: inline-block;
    margin: 10px 0 10px 0;
}

#comments li {
    border-top: 1px solid #E9EAEC;
    padding-top: 30px;
}

form input[type="text"],
form input[type="email"],
form input[type="url"],
form textarea.form-control {
    border: 1px solid #ccc;
}

#respond input[type="submit"], .part-form input[type="submit"] {
    margin: 0;
}

#respond label[for="comment"], .part-form label[for="comment"] {
    margin-bottom: 15px;
}

.rtl-align .part-form h2 {
    text-align: right;
}

.part-form h2 {
    font-size: 20px;
    color: #3498db;
    padding-bottom: 15px;
    border-bottom: 2px solid #e9e9e9;
    margin-bottom: 10px;
}

.part-form p {
    font-size: 13px;
    text-align: justify;
}

.single #inner-body, .page #inner-body {
    margin: 130px 0 34px;
}

.page-template-page-blog-php.page #inner-body {
    margin: 65px 0 34px;
}

/* BLOG END */

/* 404 Page START */

#inner-body.empty {
    margin-top: -224px;
}

.empty form.search-form {
    max-width: 514px;
    margin-top: 20px;
}

/* 404 Page END */
/* ASIDE START */
.widget {
    background-color: #fff;
    font-size: 16px;
    -webkit-box-shadow: 0 14px 10px #EBEBEB;
    box-shadow: 0 14px 10px #EBEBEB;
    padding: 25px;
    margin-bottom: 30px;
    display: inline-block;
    width: 100%;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
}

    .widget p {
        font-size: 13px;
        line-height: 23px;
        margin-bottom: 0;
    }

.rtl-align .widget h3, .rtl-align .widget a, .rtl-align .widget li, .rtl-align .tagcloud {
    text-align: right;
}

.widget h3 {
    color: #3498db;
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 16px;
}

.widget li {
    padding: 15px 0;
    font-size: 15px;
    border-top: 1px solid #E9EAEC;
    overflow: hidden;
}

    .widget li.has-sub i.fa-none {
        content: '';
        margin-left: 2px;
    }

    .widget li.has-sub > ul {
        padding: 0 5px;
        border-right: 1px dashed #e9e9e9;
        margin: 0 3px;
    }

        .widget li.has-sub > ul.open {
            display: block;
        }

        .widget li.has-sub > ul > li {
            padding: 5px 3px;
            border: none;
        }

    .widget li.has-sub > a:before {
        content: "" !important;
    }

    .widget li.has-sub > ul > li a:before {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 10px;
        position: relative;
    }

.rtl-align .widget li.has-sub > ul > li a:before {
    content: "\f0d9";
    right: 0;
    margin-left: 2px;
}

.ltr-align .widget li.has-sub > ul > li a:before {
    content: "\f0da";
    left: 0;
    margin-right: 2px;
}

.widget li.has-sub i.fa-plus,
.widget li.has-sub i.fa-minus {
    font-size: 12px;
    color: #3498bd;
    cursor: pointer;
    margin-left: 2px;
}

.widget li.has-sub:hover i.fa-plus,
.widget li.has-sub:hover i.fa-minus {
    color: #00ab49;
}


.widget a {
    color: #44535e;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 27px;
}

    .widget a:hover {
        color: #3498db;
        text-decoration: none;
    }

.widget li .quantity {
    float: right;
}

.widget .tagcloud li {
    border: 0;
    float: left;
    padding: 0;
}

.widget .tagcloud a {
    background: #3498db;
    color: #FFF;
    padding: 27px 20px;
    text-transform: uppercase;
    line-height: 0;
    margin: 3px 1px;
    font-weight: bold;
    font-size: 11px !important;
    display: inline-block;
}

    .widget .tagcloud a:hover {
        text-decoration: none;
        background: #00ab49;
        color: #fff;
    }

.widget.recent-post li img,
.widget.recent-comments li img {
    float: left;
    width: 21.5%;
    margin-right: 5%;
}

.widget.recent-post li h5,
.widget.recent-comments li h5 {
    float: left;
    width: 73%;
    margin: 0;
    margin-bottom: 8px;
}

    .widget.recent-post li h5 a,
    .widget.recent-comments li h5 a {
        line-height: 20px;
    }

.widget.recent-post li p,
.widget.recent-comments li p {
    float: left;
    width: 73%;
}

.widget.recent-comments li img {
    border-radius: 50%;
}

aside .widget .rpwe-summary {
    font-size: 14px;
    line-height: 23px;
    margin-bottom: 0;
    margin-top: 4px;
}

aside .widget .rpwe-block li {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 15px;
    list-style-type: none;
}
/* ASIDE END */

.widget button.search-submit {
    padding: 10px 21px;
}
/* SUBSCRIBE START */
#subscribe {
    background: #191919;
    float: left;
    width: 100%;
    padding: 45px 0;
}

    #subscribe h3 {
        color: #3498db;
        /*  font-family: 'Raleway', sans-serif;*/
        font-size: 36px;
        font-weight: 800;
        text-transform: uppercase;
        float: left;
        margin-top: 9px;
        width: 28%;
        text-align: left;
    }

    #subscribe input[type="text"],
    #subscribe input[type="email"] {
        float: left;
        width: 27%;
        margin-right: 2%;
        border: 2px solid #474747;
        color: #7c7c7c;
        font-size: 13px;
        font-weight: bold;
        font-style: normal;
        padding-top: 18px;
        padding-bottom: 18px;
    }

        #subscribe input[type="text"]:focus,
        #subscribe input[type="email"]:focus {
            border: 2px solid #3498db;
            color: #3498db;
        }

    #subscribe input[type="submit"] {
        float: left;
        width: 14%;
        margin: 0;
        /*  font-family: 'Raleway', sans-serif;*/
        font-size: 15px;
        font-weight: bold;
        text-transform: uppercase;
    }
/* SUBSCRIBE END */

/*QUESTION START*/
#question {
    float: left;
    width: 100%;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
}

    #question h2 {
        color: #3498db;
        font-size: 20px;
        margin-bottom: 20px;
    }

    #question h3 {
        color: #000;
        font-size: 13px;
        font-weight: normal;
        text-transform: inherit;
        /*margin-bottom: 60px;*/
        margin-bottom: 20px;
    }

    /*#question .home-part {
        background: #fff;
        border: 2px solid #e9e9e9;
        width: 70%;
        margin: 4% 0;
    }*/

    #question .home-part {
        /*background: #fff;
        border: 2px solid #e9e9e9;*/
            background-color: #fff;
    -webkit-box-shadow: 0 14px 10px #EBEBEB;
    box-shadow: 0 14px 10px #EBEBEB;
    padding: 60px;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    overflow: hidden;
        width: 100%;
            margin-bottom: 35px;
    }

.rtl-align #question .home-part {
    text-align: left;
    padding-left: 20px;
    float: left;
}

.rtl-align #question .home-part {
    text-align: right;
    padding-right: 20px;
    float: right;
}

/*.rtl-align #question .home-part::after {
        left: 0;
    }

.ltr-align #question .home-part::after {
    right: 0;
}

#question .home-part::after {
    background-image: url("../../Images/KaraAfzarIdeal-Information-Request.jpg");
    background-repeat: no-repeat;
    content: '';
    position: absolute;
    top: 23%;
    height: 533px;
    width: 50%;
    border: 1px solid #e9e9e9;
}*/

#question .questionOverlay {
    display: inline-block;
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
}

#question .contact-form-wrapper {
    max-width: 100%;
    /*margin: auto;*/
    overflow: hidden;
        padding: 0 30px;
}

#question #contact-confirm {
    width: 100%;
    height: 100%;
    background: rgba(174, 213, 124, 0.5);
    z-index: 9999;
    position: fixed;
}
#question select {
    padding: 4px 24px!important;
}
#question input[type="text"],
#question input[type="email"],
#question textarea,
#question select {
    /*padding: 13px 24px;*/
    padding: 8px 24px;
    border: 1px solid #e9e9e9;
    color: #3498db;
    border-radius: 6px;
    background: rgba(25,152,219,0.03);
    font-style: normal;
    /*font-size: 13px;*/
    font-size: 12px;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    outline: 0;
}

    #question input[type="text"]:focus,
    #question input[type="email"]:focus,
    #question textarea:focus,
    #question select:focus {
        border-color: #3498db;
        outline: 0;
        transition: all 300ms;
        -webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        -ms-transition: all 300ms;
        color: #3498db;
    }

#question input[type="text"],
#question input[type="email"],
#question select {
    width: 32.373%;
    margin-bottom: 3px;
}

.ltr-align #question input[type="text"],
.ltr-align #question input[type="email"] {
    float: left;
}

.rtl-align #question input[type="text"],
.rtl-align #question input[type="email"],
.rtl-align #question select {
    float: right;
}

#question input,
#question textarea,
#question select {
    -webkit-box-shadow: none;
    box-shadow: none;
}

    #question input:-moz-placeholder,
    #question textarea:-moz-placeholder,
    #question select:-moz-placeholder {
        box-shadow: none !important;
    }

    #question input:invalid,
    #question textarea:invalid,
    #question select:invalid {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    /*#question input[type="text"] {
            margin-right: 2%;
        }*/

    #question input[type="text"].message {
        width: 100%;
        margin-top: 18px;
    }



#question textarea {
    width: 100%;
    margin-top: 4px;
    min-height: 110px;
}

#question input[type="submit"] {
    background: #3498db;
    border: 0;
    width: 100%;
    padding: 10px;
    color: #fff;
    /*font-family: 'Raleway', sans-serif;*/
    font-weight: bold;
    font-size: 15px;
    margin-top: 20px;
    border-radius: 5px;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
}

    #question input[type="submit"]:focus,
    #question input[type="submit"]:hover {
        outline: 0;
        background: #00ab49;
        transition: all 300ms;
        -webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        -ms-transition: all 300ms;
    }

#question .question-inner-wrapper {
    width: 100%;
    position: relative;
    float: left;
}
/*QUESTION END*/
/*--------------------------------------------------------------------------------------*/
/* LOGO CSS START*/
.logo a,
.logo a:hover {
    color: #282828;
    /*font-family: 'Raleway', sans-serif;*/
    font-size: 23px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
}

    .logo a div,
    .logo a:hover div {
        position: absolute;
        line-height: 66px;
    }

        .logo a div span,
        .logo a:hover div span {
            color: #3498db;
        }

.logo img {
    height: 66px;
    margin-left: 20px;
}
/* LOGO CSS END*/
/*--------------------------------------------------------------------------------------*/
/*FIXED NAVIGATION START*/


#navigation {
    height: 66px;
    float: left;
    width: 100%;
    background: #FFF;
    cursor: auto;
}

.inner-page #navigation {
    height: auto;
}


.navbar-collapse {
    max-height: none;
}

.navbar-toggle {
    margin-top: 30px;
    background: #3498db;
    border: 0;
}

.navbar-nav {
    margin: 0;
}

.res-menu-clicked {
    padding-top: 300px !important;
}
/*this class will be added with #slider when user click on responsive navigation*/
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background: #3498db;
}

.navbar-toggle:focus {
    outline: 0;
}

.navbar-default .navbar-toggle .icon-bar {
    background: #fff;
}

.fixed-nav {
    width: 100%;
    float: leftf;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
    min-height: 66px;
}

#navigation .fixed-nav {
    background: #fff;
}

.fixed-nav .nav-container {
    margin: auto;
}

.fixed-nav .navbar {
    padding: 0;
    margin: 0;
}

.fixed-nav .nav {
    padding: 0;
}

.navbar-default {
    border: 0;
    background: none;
}

.navbar-toggle {
    z-index: 99;
}

.navbar {
    min-height: 40px;
}

.navbar-nav > li > a {
    /*  font-family: 'Raleway', sans-serif;*/
    font-weight: bold;
    font-size: 15px;
    padding: 23px 5px;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #3498db;
    background: transparent;
    border-radius: 0px;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #3498db;
    border-radius: 4px;
    transition: color 300ms;
    -webkit-transition: color 300ms;
    -moz-transition: color 300ms;
    -ms-transition: color 300ms;
}

.nav > li > a {
    margin: 0;
    text-transform: uppercase;
}

.nav > li {
    margin-left: 35px;
    cursor: pointer;
}

    .nav > li:last-child {
        border-radius: 4px;
    }

.fixed {
    position: fixed;
    top: 0;
    z-index: 999 !important;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
}

    .fixed .nav > li {
        margin-right: 0;
        border-radius: 0;
        transition: all 300ms;
        -webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        -ms-transition: all 300ms;
    }

    .fixed .navbar-default .navbar-nav > .active > a {
        border-radius: 0;
        transition: all 300ms;
        -webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        -ms-transition: all 300ms;
    }

    .fixed .navbar-nav > li > a:hover,
    .fixed .navbar-nav > li > a:focus {
        border-radius: 0;
        transition: all 300ms;
        -webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        -ms-transition: all 300ms;
    }

.navbar-default .navbar-nav > li:last-child {
    border: 0;
}

li.getitbtn {
    top: -13px;
}

.navbar-default .navbar-nav li.getitbtn > a,
.navbar-default .navbar-nav li.active.getitbtn > a {
    background: #3498db;
    padding: 10px 15px;
    border-radius: 5px;
    color: #fff;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
}

.fixed-nav .navbar-default .navbar-nav li:last-child {
    border: 0;
}

.navbar-default .navbar-nav li.getitbtn > a:hover,
.navbar-default .navbar-nav li.active.getitbtn > a:hover,
li.active.getitbtn a:focus {
    background: #0b76bd;
}
/* EFFECT 5: SAME WORD SLIDE IN START */
.nav-effect a {
    overflow: hidden;
    padding: 0 4px;
}

    .nav-effect a span {
        position: relative;
        display: inline-block;
        -webkit-transition: -webkit-transform 0.3s;
        transition: transform 0.3s;
    }

        .nav-effect a span::before {
            position: absolute;
            top: 100%;
            content: attr(data-hover);
            font-weight: 700;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

    .nav-effect a:hover span,
    .nav-effect a:focus span {
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
    }

/*BOOTSTRAP MENU TWEAKS START*/

#mobilenav .navbar-nav > li > a {
    padding: 14px 5px;
}

.navbar .nav > li > a:focus {
    outline: none;
}

.navbar .nav ul li a {
    -webkit-transition: all 140ms ease-in-out;
    -moz-transition: all 140ms ease-in-out;
    -ms-transition: all 140ms ease-in-out;
    -o-transition: all 140ms ease-in-out;
}

    .navbar .nav ul li a:hover {
        -webkit-transition: all 140ms ease-in-out;
        -moz-transition: all 140ms ease-in-out;
        -ms-transition: all 140ms ease-in-out;
        -o-transition: all 140ms ease-in-out;
    }


.dropdown-menu > li > a {
    padding: 12px 22px 12px 10px;
    font-size: 15px;
    text-align: left;
    color: #777;
}

.dropdown-menu {
    border-left: 7px solid #3498db;
}

.navbar .pull-right > li > .dropdown-menu .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu {
    left: 100%;
}

.navbar .brand {
    padding: 23px 20px 23px;
}



.navbar-inner {
    background: none;
    background-image: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#fff2f2f2',GradientType=0);
    -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.065);
    -moz-box-shadow: 0 0px 0px rgba(0,0,0,0.065);
    box-shadow: 0 0px 0px rgba(0,0,0,0.065);
}



.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
    color: #fff;
    background-image: none;
    background-color: #8FBD54;
    filter: none;
}

.open > .dropdown-menu {
    display: block;
    margin-top: 0px;
    border-left: 7px solid #3498db;
}


.navbar .nav ul li:hover .dropdown-menu {
    left: 0;
    top: 0;
    opacity: 0;
}

.navbar .nav ul li:hover .dropdown-menu {
    display: block;
    opacity: 1;
    left: 100%;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    background: none;
    color: #3498db;
}

.dropdown-menu {
    padding: 0;
}

#fixed-nav .navbar .nav > li > .dropdown-menu:before {
    position: absolute;
    top: -7px;
    left: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #3498db;
    border-left: 7px solid transparent;
    border-bottom-color: #3498db;
    content: '';
}

#mobilenav .navbar .nav ul li .dropdown-menu {
    display: block;
    opacity: 1;
    left: 100%;
    left: 10%;
    position: relative;
}

.navbar .pull-right > li > .dropdown-menu:before, .navbar .nav > li > .dropdown-menu.pull-right:before {
    right: 12px;
    left: auto;
}

.dropdown > .dropdown-menu .dropdown-menu {
    border: 0;
}

.dropdown-menu > .dropdown > a:after {
    display: block;
    float: right;
    width: 0;
    height: 0;
    margin-top: 5px;
    margin-right: -10px;
    border-color: transparent;
    border-left-color: #3498db;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    content: " ";
}

#mobilenav .dropdown-menu > .dropdown > a:after {
    display: none;
}

#mobilenav .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
#mobilenav .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #3498db;
}

/*BOOTSTRAP MENU TWEAKS END*/

/* EFFECT 5: SAME WORD SLIDE IN AND BORDER BOTTOM */
/*FIXED NAVIGATION END*/
/*--------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/
/* FOOTER AREA START*/
.rtl-align #footer {
    text-align: right !important;
}

.ltr-align #footer {
    text-align: left !important;
}

#footer {
    background: #f8f8f9;
    border-top: 1px solid #e4e6e9;
    padding-bottom: 0;
    width: 100%;
    float: left;
    /*padding: 40px 0;*/
    padding: 0 0 30px 0;
    overflow: hidden;
}

    #footer #footerContent {
        background: #3598DB;
        padding: 40px 0;
    }

        #footer #footerContent h5 {
            background: #2189D0;
            padding: 13px;
            color: #e9e9e9;
            font-size: 14px;
        }

        #footer #footerContent ul {
            padding: 10px;
        }

            #footer #footerContent ul li > a {
                color: #e9e9e9;
            }

                #footer #footerContent ul li > a:hover {
                    color: #fff;
                    text-decoration: underline;
                }

            #footer #footerContent ul li {
                list-style: none;
                padding-bottom: 5px;
                color: #e9e9e9;
                border: none;
                margin: 1px 0;
                font-size: 12px;
            }

.rtl-align #footer #footerContent ul li {
    text-align: right;
}

#footer #footerContent ul.linksFooter li:hover {
    border-bottom: 1px dashed #fff;
}

#footer #footerContent .socialbtn {
    width: 100%;
}

#footer #footerContent .logo img {
    height: 105px;
    margin: 70px auto;
}

#footer #footerContent ul.linksFooter li > a:hover {
    text-decoration: none;
}

#footer #footer-nav {
    margin-top: 20px;
}

    #footer #footer-nav li {
        /* font-family: 'Open Sans', sans-serif;*/
        display: inline-block;
        color: #989c9e;
        font-size: 13px;
        text-transform: uppercase;
    }

        #footer #footer-nav li span {
            color: #3498db;
        }

        #footer #footer-nav li a {
            text-transform: uppercase;
        }

        #footer #footer-nav li:after {
            content: ' | ';
        }

        #footer #footer-nav li:last-child:after {
            content: '';
        }

#footer a span {
    color: #3498db;
}

#footer .socialbtn {
    float: right;
}


#footer .copy {
    color: #8e94a1;
    padding-right: 10px;
}

.socialbtn li {
    list-style: none;
    float: left;
    position: relative;
    z-index: 999;
    margin-right: 10px;
    width: 50px;
    height: 50px;
    background: #2189D0;
    text-align: center;
    padding: 12px;
    /* line-height: 19px; */
    border-radius: 25px;
    border: 2px solid #3498db;
    box-shadow: 0 2px 10px #EBEBEB inset;
    -webkit-box-shadow: 0 2px 10px #EBEBEB inset;
    -moz-box-shadow: 0 2px 10px #EBEBEB inset;
    -ms-box-shadow: 0 2px 10px #EBEBEB inset;
    -o-box-shadow: 0 2px 10px #EBEBEB inset;
}

    .socialbtn li a, #footer #footerContent .socialbtn li a {
        color: #e9e9e9;
        font-size: 25px;
    }

    .socialbtn li:hover, #footer #footerContent .socialbtn li:hover {
        background: #dbddde;
        border: 2px solid #dbddde;
    }

        .socialbtn li a:hover, .socialbtn li:hover a,
        #footer #footerContent .socialbtn li:hover a, #footer #footerContent .socialbtn li a:hover {
            color: #3498db;
            text-decoration: none;
        }

#footer #footerContent ul.socialbtn li {
    margin-right: 10px;
}
/* footer area end */




/*==================================================================*/
/*ContactUs Form START*/
#contactusForm {
    width: 350px;
    position: fixed;
    bottom: 0px;
    background: #fff;
    padding: 0 0 10px;
    border: 1px solid #00ab49;
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
    margin-bottom: -354px;
    transition: all 800ms;
    -webkit-transition: all 800ms;
    -moz-transition: all 800ms;
    -ms-transition: all 800ms;
    z-index: 900;
}

.ltr-align #contactusForm {
    float: left;
    text-align: left;
}

.rtl-align #contactusForm {
    float: right;
    text-align: right;
}
/*.rtl-align   #contactusForm h2 {
         text-align: right;
     }*/
#contactusForm h2 {
    color: #fff;
    font-size: 13px;
    border: 1px solid #00ab49;
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
    background: #00ab49;
    padding: 18px 10px;
    margin: -2px 0px;
}

.ltr-align #contactusForm h2 i {
    float: right;
}

.rtl-align #contactusForm h2 i {
    float: left;
}

#contactusForm h2 i {
    font-size: 12px;
    cursor: pointer;
}

#contactusForm h3 {
    color: #000;
    font-size: 12px;
    font-weight: normal;
    text-transform: inherit;
    margin-bottom: 2px;
    text-align: justify;
    line-height: 20px;
}

#contactusForm .home-part {
    padding: 0px;
    background: #fff;
    padding: 0 20px;
    width: 100%;
}

#contactusForm.align-left .home-part {
    text-align: left;
}

#contactusForm.align-right .home-part {
    text-align: right;
}

#contactusForm .questionOverlay {
    display: inline-block;
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
}

#contactusForm .contact-form-wrapper {
    max-width: 100%;
    margin: auto;
}

#contactusForm #contact-confirm {
    width: 100%;
    height: 100%;
    background: rgba(174, 213, 124, 0.5);
    z-index: 9999;
    position: fixed;
}

#contactusForm input[type="text"],
#contactusForm input[type="email"],
#contactusForm textarea {
    padding: 5px 10px;
    border: 1px solid #e9e9e9;
    color: #3498db;
    border-radius: 3px;
    background: rgba(25,152,219,0.03);
    /*font-family: 'Raleway', sans-serif;*/
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    outline: 0;
}

    #contactusForm input[type="text"]:focus,
    #contactusForm input[type="email"]:focus,
    #contactusForm textarea:focus {
        border-color: #3498db;
        outline: 0;
        transition: all 300ms;
        -webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        -ms-transition: all 300ms;
        color: #3498db;
    }

#contactusForm input[type="text"],
#contactusForm input[type="email"] {
    width: 100%;
    margin-bottom: 3px;
}


#contactusForm textarea {
    margin-top: 0px;
    margin-bottom: 0px;
    height: 80px;
}

#contactusForm input,
#contactusForm textarea {
    -webkit-box-shadow: none;
    box-shadow: none;
}

    #contactusForm input:-moz-placeholder,
    #contactusForm textarea:-moz-placeholder {
        box-shadow: none !important;
    }

    #contactusForm input:invalid,
    #contactusForm textarea:invalid {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    /*#contactusForm input[type="text"] {
            margin-right: 2%;
        }*/

    #contactusForm input[type="text"].message {
        width: 100%;
        /*margin-top: 18px;*/
    }

#contactusForm textarea {
    width: 100%;
    margin-top: 1px;
    min-height: 170px;
}

#contactusForm input[type="submit"] {
    background: #3498db;
    border: 0;
    width: 100%;
    padding: 7px;
    color: #fff;
    /*font-family: 'Raleway', sans-serif;*/
    font-weight: bold;
    font-size: 12px;
    margin-top: 5px;
    border-radius: 5px;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
}

    #contactusForm input[type="submit"]:focus,
    #contactusForm input[type="submit"]:hover {
        outline: 0;
        background: #00ab49;
        transition: all 300ms;
        -webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        -ms-transition: all 300ms;
    }

#contactusForm .question-inner-wrapper {
    width: 100%;
    position: relative;
    float: left;
}
/*ContactUs Form  END*/
/*Error Not Found*/

.error-notFind {
    height: 550px !important;
}

    .error-notFind img {
        width: 15% !important;
        margin: 20px auto;
        display: block;
    }

/*Error Not Found END*/
/*Marquee*/
.marquee {
	width: 100%;
	height: 50px;
	overflow: hidden;
	position: relative;
	background-color: #3498db;

    

    /*-webkit-box-shadow: inset 0px 2px 2px  rgba(0, 0, 0, .5), 0px 1px 0px  rgba(250, 250, 250, .2);
    box-shadow: inset 0px 2px 2px  rgba(0, 0, 0, .5), 0px 1px 0px  rgba(250, 250, 250, .2);*/

	-webkit-transition: background-color 350ms;
	-moz-transition: background-color 350ms;
    transition: background-color 350ms;
}
.marquee a{
    color: #fff;
}
.marquee p {
	position: absolute;
    width: 100%;
	height: 100%;
    margin: 0;
	line-height: 50px;

	text-align: center;

	color: #fff;
    /*text-shadow: 1px 1px 0px #000000;
    filter: dropshadow(color=#000000, offx=1, offy=1);*/

	transform:translateX(100%);
	-moz-transform:translateX(100%);
	-webkit-transform:translateX(100%);
}
.marquee p:nth-child(1) {
	animation: left-one 10s ease infinite;
	-moz-animation: left-one 10s ease infinite;
	-webkit-animation: left-one 10s ease infinite;
}
.marquee p:nth-child(2) {
	animation: left-two 10s ease infinite;
	-moz-animation: left-two 10s ease infinite;
	-webkit-animation: left-two 10s ease infinite;
}

/*================================
	Move the Marquee to the Left
==================================*/

/** Mozilla Firefox Keyframes **/
@-moz-keyframes left-one {
	0%	{
		-moz-transform:translateX(100%);
	}
	10% {
		-moz-transform:translateX(0);
	}
	40% {
		-moz-transform:translateX(0);
	}
	50% {
		-moz-transform:translateX(-100%);
	}
	100%{
		-moz-transform:translateX(-100%);
	}
}
@-moz-keyframes left-two {
	0% {
		-moz-transform:translateX(100%);
	}
	50% {
		-moz-transform:translateX(100%);
	}
	60% {
		-moz-transform:translateX(0);		
	}
	90% {
		-moz-transform:translateX(0);		
	}
	100%{
		-moz-transform:translateX(-100%);
	}
}
/** Webkit Keyframes **/
@-webkit-keyframes left-one {
	0% {
		-webkit-transform:translateX(100%);
	}
	10% {
		-webkit-transform:translateX(0);
	}
	40% {
		-webkit-transform:translateX(0);
	}
	50% {
		-webkit-transform:translateX(-100%);
	}
	100%{
		-webkit-transform:translateX(-100%);
	}
}
@-webkit-keyframes left-two {
	0% {
		-webkit-transform:translateX(100%);
	}
	50% {
		-webkit-transform:translateX(100%);
	}
	60% {
		-webkit-transform:translateX(0);		
	}
	90% {
		-webkit-transform:translateX(0);		
	}
	100%{
		-webkit-transform:translateX(-100%);
	}
}


/*Marquee END*/