/*=========================================================================

 01. Main elements
 
=========================================================================*/
[lang|="ar"] p, h1, h2, h3, .form-horizontal .control-label {
    font-family: 'Changa';
}

[lang|="en"] p, h1, h2, h3, .form-horizontal .control-label {
    font-family: sans-serif;
}

.counter {
    background-color: white;
    text-align: center;
}

.lang {
    right: 40px;
}

@media (max-width: 640px) {
    .lang {
        right: 0px;
    }
}

.inner {
    position: relative;
    /*padding: 0px 9%;*/
    margin: 0 auto;
    background: url(../img/fun-fact-bg.png) center center no-repeat;
    background-size: cover;
    border-radius: 50px;
}

.employees, .customer, .design, .order {
    margin-top: 70px;
    margin-bottom: 70px;
}
/*.fact-counter-one {
   padding: 80px 0px 12px 70px; 
}
.fact-counter-two {
    padding: 30px 0px 12px 70px;
}
.fact-counter-three {
    padding: 70px 0px 12px 70px;
}
.fact-counter-four {
    padding: 20px 0px 12px 70px;
}*/
.counter-count {
    font-size: 50px;
    font-weight: bold;
    /*background-color: #00b3e7;*/
    border-radius: 50%;
    position: relative;
    color: #000;
    text-align: center;
    line-height: 120px;
    width: 120px;
    height: 120px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: inline-block;
}


.employee-p, .customer-p, .order-p, .design-p {
    font-size: 24px;
    line-height: 34px;
    font-weight: bold;
    color: #e6c300
}

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
    zoom: 1
}

html {
    font-size: 16px;
    min-height: 100%;
    overflow-x: hidden !important
}

body {
    color: #666666;
    font-size: 14px;
    line-height: 1.42857;
    position: relative;
}

iframe, img {
    border: 0
}

img {
    border-style: none;
    height: auto;
    max-width: 100%;
    vertical-align: top
}

a {
    text-decoration: none;
    color: inherit
}

    a:hover, a:focus {
        text-decoration: none;
        color: #e6c300
    }

    a:focus {
        outline: none
    }

p {
    color: #333333;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 20px;
}

    p.footer {
        color: #ffffff;
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 20px;
    }

dt {
    font-weight: normal
}

ul {
    list-style: none;
    margin: 0
}

q {
    quotes: none
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none
    }

img {
    width: auto;
    max-width: 100%
}

hr {
    margin-top: 40px;
    margin-bottom: 40px;
    border-color: #e3e3e3
}

small {
    font-size: 0.8333em
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

.block {
    margin-bottom: 60px
}

article {
    margin-bottom: 30px
}

.overflow-hidden {
    overflow: hidden
}

h1, h2, h3, h4, h5, h6 {
    margin: 0 0 20px;
    font-weight: 500;
    color: #e6c300;
    font-family: 'Raleway', sans-serif;
    line-height: normal;
}

h1 {
    font-size: 41px;
}

h2 {
    font-size: 31px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 22px;
    font-weight: 600;
}

h5 {
    font-size: 16px;
    line-height: 34px;
}

h6 {
    font-size: 14px;
    line-height: 31px;
}




/*=========================================================================

 02. Titles and Text
 
=========================================================================*/


/* ===================================== */
/* TEXT SIZE                             */
/* ===================================== */

.fontsize-lg {
    font-size: 1.3333em;
    line-height: 1.5
}

p.fontsize-lg {
    line-height: 1.8
}

.skin-color {
    color: #9ac4f7 !important
}



/* ===================================== */
/* BIG TEXT STYLE                        */
/* ===================================== */

.big-title {
    background: #ffffff none repeat scroll 0 0;
    border-bottom: 3px solid #333333;
    border-left: 2px solid #333333;
    border-Right: 2px solid #333333;
    border-Top: 2px solid #333333;
    display: inline-block;
    margin-bottom: 60px;
    padding: 16px 30px !important;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}

    .big-title::before {
        background: #ffffff none repeat scroll 0 0;
        border-bottom: 3px solid #333333;
        border-left: 3px solid #333333;
        bottom: -15px;
        content: "";
        height: 26px;
        left: 50%;
        margin-left: -13px;
        position: absolute;
        -moz-transform: rotate(316deg);
        -webkit-transform: rotate(316deg));
        -o-transform: rotate(316deg);
        -ms-transform: rotate(316deg);
        transform: rotate(316deg);
        width: 26px;
    }

/* ===================================== */
/* MAIN TITLE                            */
/* ===================================== */

h2.section-title {
    background: #bfa325 none repeat scroll 0 0;
    color: #ffffff;
    font-size: 32px;
    font-weight: 600;
    line-height: 42px;
    margin-bottom: 80px;
    margin-top: -80px;
    padding: 40px 0;
    position: relative;
    text-align: center;
    z-index: 100;
}

@media (max-width: 980px) {
    h2.section-title {
        font-size: 23px;
        line-height: 31px;
    }
}

/* ===================================== */
/* TITLE                                 */
/* ===================================== */


.title-center {
    color: #000;
    width: 70%;
    margin: 0 auto 40px;
    overflow: hidden;
    text-align: center;
    line-height: 46px;
    text-transform: capitalize;
}

    /*.title-center:before, .title-center:after { content: ""; vertical-align: top; display: inline-block; width: 26%; height: 27px; border-bottom: 4px double rgba(0, 0, 0, 0.13); margin: 0 6% 0 -55%; }*/

    .title-center:after {
        margin: 0 -55% 0 6%;
    }

.title {
    color: #FFFFFF;
    font-size: 23px;
    margin: 0 0 36px;
    overflow: hidden;
    line-height: 1.2em;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

/* ===================================== */
/* HEADING                               */
/* ===================================== */

.heading-box {
    text-align: center;
    float: none;
    margin: 0 auto 40px
}

    .heading-box p {
        line-height: 40px;
        margin-top: 10px;
    }

    .heading-box .box-title {
        font-size: 31px;
    }

    .heading-box [class^="desc-"] {
        font-weight: 300;
        margin-top: 0;
    }

    .heading-box .desc-lg {
        font-size: 20px;
    }

    .heading-box .desc-md {
        font-size: 1.3333em
    }

.testimonial.style1 .testimonial-content {
    font-family: Playfair Display
}

#header .logo, #nav > ul > li > a, .mobile-nav {
}

.page-wrapper {
    overflow: hidden;
    position: relative;
}

.box-lg {
    margin-bottom: 40px
}



/*=========================================================================

 03. HOME SLIDER WT TEXT
 
=========================================================================*/



#parallax-backstretch {
    z-index: -1;
    position: fixed;
    width: 100%;
    height: 800px;
    overflow: hidden;
}

.boxed #parallax-backstretch {
    position: absolute !important;
}

    .boxed #parallax-backstretch .backstretch img {
        height: auto !important;
        left: 0 !important;
        overflow: hidden;
        position: absolute !important;
        top: 0 !important;
        width: 100% !important;
    }

#coming-soon {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    width: 100%;
    padding: 150px 0 120px;
}

#welcome h4 {
    color: #ffffff;
    line-height: 35px;
    margin: 0 0 20px;
    min-height: 70px;
}

.welcome-section h2 {
    color: #ffffff;
    font-size: 35px;
    font-weight: 800;
    padding: 0 0 5px;
    text-align: center;
    text-transform: uppercase;
}

#welcome {
    text-align: center;
    top: 50%;
    width: 100%;
    height: auto;
    z-index: 0;
}

#brand-logo {
    margin-bottom: 0;
}

.typist {
    margin: 0 0 20px;
    font-weight: 500;
    font-family: 'Raleway', sans-serif;
    color: #ffffff;
    line-height: 35px;
    margin: 0 0 20px;
    min-height: 70px;
}

a.subscribe-button {
    border: 2px solid rgba(255, 255, 255, .5);
    border-radius: 2.14286em;
    cursor: pointer;
    display: inline-block;
    font-size: .875em;
    font-weight: 600;
    padding: 1em 3.07143em;
    text-transform: uppercase;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    color: #FFF;
}

    a.subscribe-button:hover {
        background: rgba(255, 255, 255, .1);
        text-decoration: none;
    }

@media (max-width:360px) {
    a.subscribe-button {
        padding: 1em 1.071em;
    }
}

#link-box a.subscribe-button:first-child {
    border: 2px solid #3451c6;
}

@media (min-width:980px) and (max-width:1600px) {
    #coming-soon {
        padding: 150px 0 120px;
    }

    #brand-logo {
        margin-bottom: 10px;
    }

    #parallax-backstretch {
        height: 100%;
    }

    .welcome-section h4 {
        font-size: 15px;
        line-height: 20px;
    }
}

@media (min-width:768px) and (max-width:979px) {
    #coming-soon {
        padding: 100px 0;
    }

    .welcome-section h4 {
        font-size: 17px;
        line-height: 20px;
    }
}

@media (max-width:767px) {
    #coming-soon {
        padding: 130px 0 100px;
    }

    #brand-logo {
        max-width: 150px;
    }

    .welcome-section h2 {
        font-size: 15px;
        margin-top: 21px;
    }

    #welcome h4, .typist {
        font-size: 13px;
        line-height: 23px;
    }

    a.subscribe-button {
        padding: 1em 2.071em;
    }

    #link-box a.subscribe-button:first-child {
        margin-bottom: 10px;
    }
}


/*=========================================================================

 04. HEADER
 
=========================================================================*/


#header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    color: #000000;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 101;
}

#header {
    color: #fff
}

    #header .logo a {
        color: #fff;
    }

    #header .header-top-nav {
        float: right
    }

    #header .logo {
        float: left;
        background-repeat: no-repeat;
        margin: 0;
    }

        #header .logo img {
            margin-right: 6px;
            width: 155px;
            margin-top: 25px;
        }


/* ===================================== */
/* INNER PAGE MAIN HEADER wt TITLE       */
/* ===================================== */
.card-header {
    font-family: 'Changa';
    font-weight: bolder;
    font-size: 20px;
    color: #6875E2;
}

.card-place {
    margin-top: 10px;
    font-family: 'Changa';
    font-weight: 400;
    font-size: 17px;
    color: #000;
}

.card-header-time {
    font-family: 'Changa';
    font-weight: 400;
    font-size: 17px;
    color: #000;
}

.card-body {
    margin-top: 15px;
    font-family: 'Changa';
    font-weight: 600;
    font-size: 15px;
    color: #777777;
}

.f-icon {
    position: relative;
    top: 0px;
    font-size: 14px;
    padding-right: 5px;
    color: #e6c300;
}

.page-title-container {
    background: url("../img/dr.png") fixed 0 0 #09131d;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

    .page-title-container .entry-title {
        color: #ffffff;
        font-size: 41px;
        font-weight: 800;
        margin-bottom: 0;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
        text-transform: uppercase;
    }

        .page-title-container .entry-title::before, .page-title-container .entry-title::after {
            border-bottom: 4px double rgba(255, 255, 255, 0.17);
        }

    .page-title-container.cnt {
        background: rgba(0, 0, 0, 0) url("../img/inner-header-contact.jpg") repeat scroll 50% 50% / cover !important;
    }

.page-title-map {
    background: rgb(15, 36, 49) none repeat scroll 0 0;
    min-height: 480px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

@media (max-width:640px) {
    .page-title-map {
        min-height: 270px;
    }
}

.page-title-container .page-title {
    padding: 170px 0 25px;
    position: relative;
    z-index: 3;
}

.page-title-container .breadcrumbs {
    padding: 0 25px 90px;
    text-align: center;
    position: relative;
    z-index: 3;
}

    .page-title-container .breadcrumbs li {
        display: inline-block;
        line-height: 36px;
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase;
        margin-left: 5px
    }

        .page-title-container .breadcrumbs li:first-child {
            margin-left: 0
        }

        .page-title-container .breadcrumbs li a {
            color: #ffffff;
            padding-right: 5px;
        }

        .page-title-container .breadcrumbs li:after {
            content: "-"
        }

        .page-title-container .breadcrumbs li:last-child:after {
            content: ""
        }

        .page-title-container .breadcrumbs li.active {
            color: #e6c300
        }

@media (max-width: 980px) {
    .page-title-container .page-title {
        padding: 107px 0 15px;
    }

    .page-title-container .entry-title {
        font-size: 24px;
    }

    .page-title-container .breadcrumbs {
        padding: 0 25px 70px;
    }
}

@media (max-width: 440px) {
    .title-center {
        width: 100%;
    }

    .page-title-container .page-title {
        padding: 107px 0 15px;
    }

    .page-title-container .entry-title {
        font-size: 16px;
    }

    .page-title-container .breadcrumbs {
        padding: 0 25px 70px;
    }
}



/*=========================================================================

 05. Rocket Animated
 
=========================================================================*/

.rocket-fly {
    display: inline-block;
    width: 144px;
    height: 281px;
    margin-left: -72px;
    position: absolute;
    left: 50%;
    top: 0;
    -moz-animation: float 1000ms infinite ease-in-out;
    -webkit-animation: float 1000ms infinite ease-in-out;
    animation: float 1000ms infinite ease-in-out
}

@-webkit-keyframes float {
    0% {
        -webkit-transform: translateY(5px) translateX(1px);
        -moz-transform: translateY(5px) translateX(1px);
        transform: translateY(5px) translateX(1px)
    }

    50% {
        -webkit-transform: translateY(-5px) translateX(-1px);
        -moz-transform: translateY(-5px) translateX(-1px);
        transform: translateY(-5px) translateX(-1px)
    }

    100% {
        -webkit-transform: translateY(5px) translateX(1px);
        -moz-transform: translateY(5px) translateX(1px);
        transform: translateY(5px) translateX(1px)
    }
}

@-moz-keyframes float {
    0% {
        -webkit-transform: translateY(5px) translateX(1px);
        -moz-transform: translateY(5px) translateX(1px);
        transform: translateY(5px) translateX(1px)
    }

    50% {
        -webkit-transform: translateY(-5px) translateX(-1px);
        -moz-transform: translateY(-5px) translateX(-1px);
        transform: translateY(-5px) translateX(-1px)
    }

    100% {
        -webkit-transform: translateY(5px) translateX(1px);
        -moz-transform: translateY(5px) translateX(1px);
        transform: translateY(5px) translateX(1px)
    }
}

@keyframes float {
    0% {
        -webkit-transform: translateY(5px) translateX(1px);
        -moz-transform: translateY(5px) translateX(1px);
        transform: translateY(5px) translateX(1px)
    }

    50% {
        -webkit-transform: translateY(-5px) translateX(-1px);
        -moz-transform: translateY(-5px) translateX(-1px);
        transform: translateY(-5px) translateX(-1px)
    }

    100% {
        -webkit-transform: translateY(5px) translateX(1px);
        -moz-transform: translateY(5px) translateX(1px);
        transform: translateY(5px) translateX(1px)
    }
}

.rocket-fly .rocket {
    width: 100%;
    height: 100%;
    position: absolute;
    background: url(../img/illustration/rocket.png) no-repeat;
    left: 0;
    top: 0;
    z-index: 1
}

.fuego {
    width: 40px;
    height: 71px;
    position: absolute;
    background: url(../img/illustration/fego.png) no-repeat;
    left: 55px;
    bottom: -7px;
    -webkit-animation: fire 100ms infinite ease-in-out;
    -moz-animation: fire 100ms infinite ease-in-out;
    animation: fire 100ms infinite ease-in-out
}

@-webkit-keyframes fire {
    0% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        transform: rotate(10deg)
    }

    50% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    100% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        transform: rotate(10deg)
    }
}

@-moz-keyframes fire {
    0% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        transform: rotate(10deg)
    }

    50% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    100% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        transform: rotate(10deg)
    }
}

@keyframes fire {
    0% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        transform: rotate(10deg)
    }

    50% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    100% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        transform: rotate(10deg)
    }
}

/*=========================================================================

 06. Super man Animated

=========================================================================*/


.super-man {
    display: inline-block;
    height: 139px;
    position: relative;
    width: 314px;
    -moz-animation: float 1000ms infinite ease-in-out;
    -webkit-animation: float 1000ms infinite ease-in-out;
    animation: float 1000ms infinite ease-in-out;
}

@-webkit-keyframes float {
    0% {
        -webkit-transform: translateY(5px) translateX(1px);
        -moz-transform: translateY(5px) translateX(1px);
        transform: translateY(5px) translateX(1px)
    }

    50% {
        -webkit-transform: translateY(-5px) translateX(-1px);
        -moz-transform: translateY(-5px) translateX(-1px);
        transform: translateY(-5px) translateX(-1px)
    }

    100% {
        -webkit-transform: translateY(5px) translateX(1px);
        -moz-transform: translateY(5px) translateX(1px);
        transform: translateY(5px) translateX(1px)
    }
}

@-moz-keyframes float {
    0% {
        -webkit-transform: translateY(5px) translateX(1px);
        -moz-transform: translateY(5px) translateX(1px);
        transform: translateY(5px) translateX(1px)
    }

    50% {
        -webkit-transform: translateY(-5px) translateX(-1px);
        -moz-transform: translateY(-5px) translateX(-1px);
        transform: translateY(-5px) translateX(-1px)
    }

    100% {
        -webkit-transform: translateY(5px) translateX(1px);
        -moz-transform: translateY(5px) translateX(1px);
        transform: translateY(5px) translateX(1px)
    }
}

@keyframes float {
    0% {
        -webkit-transform: translateY(5px) translateX(1px);
        -moz-transform: translateY(5px) translateX(1px);
        transform: translateY(5px) translateX(1px)
    }

    50% {
        -webkit-transform: translateY(-5px) translateX(-1px);
        -moz-transform: translateY(-5px) translateX(-1px);
        transform: translateY(-5px) translateX(-1px)
    }

    100% {
        -webkit-transform: translateY(5px) translateX(1px);
        -moz-transform: translateY(5px) translateX(1px);
        transform: translateY(5px) translateX(1px)
    }
}

.super-man .sp-man {
    background: rgba(0, 0, 0, 0) url("../img/illustration/sp-man.png") no-repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.fly-waves {
    background: rgba(0, 0, 0, 0) url("../img/illustration/waving.png") no-repeat scroll 0 0;
    height: 69px;
    left: 95px;
    position: absolute;
    top: 12px;
    width: 188px;
    -webkit-animation: fire 100ms infinite ease-in-out;
    -moz-animation: fire 100ms infinite ease-in-out;
    animation: fire 100ms infinite ease-in-out
}

@-webkit-keyframes fire {
    0% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        transform: rotate(10deg)
    }

    50% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    100% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        transform: rotate(10deg)
    }
}

@-moz-keyframes fire {
    0% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        transform: rotate(10deg)
    }

    50% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    100% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        transform: rotate(10deg)
    }
}

@keyframes fire {
    0% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        transform: rotate(10deg)
    }

    50% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    100% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        transform: rotate(10deg)
    }
}

/* ===================================== */
/* Callout Box                                */
/* ===================================== */

.callout-box {
    position: relative
}

    .callout-box .callout-content {
        display: table;
        width: 100%
    }

    .callout-box .callout-text {
        display: table-cell;
        vertical-align: middle
    }

    .callout-box .callout-action {
        display: table-cell;
        padding-left: 40px;
        vertical-align: middle;
        white-space: nowrap
    }

    .callout-box.style1 .callout-color {
        background: #2980b9 none repeat scroll 0 0;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1;
    }

    .callout-box.style1 .callout-content-container:before {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

    .callout-box.style1 .callout-content {
        display: inline-block;
        height: auto;
        width: 98%;
        vertical-align: middle
    }

    .callout-box.style1 .callout-text h2 {
        border-right: 1px solid rgba(255, 255, 255, 0.1);
        color: #ffffff;
        font-size: 32px;
        line-height: 52px;
        padding-right: 40px;
    }

    .callout-box.style1 .btn {
        color: #fff;
        border-color: #fff
    }

        .callout-box.style1 .btn:hover {
            border-color: #333
        }

    .callout-box.style1 .container {
        position: relative
    }

    .callout-box.style1 .callout-image-container {
        display: table;
        width: 100%;
        height: 100%;
        table-layout: fixed
    }

    .callout-box.style1 .callout-image {
        position: relative;
        z-index: 1;
        display: table-cell;
        vertical-align: bottom
    }

        .callout-box.style1 .callout-image img {
            margin-top: 5px
        }

    .callout-box.style2 {
        background: none repeat scroll 0 0 #3451c6;
        padding: 0;
    }

@media (max-width: 980px) {
    .callout-box.style1 .callout-content {
        text-align: center;
    }

    .callout-box .callout-text {
        display: block;
        text-align: center;
    }

    .callout-box.style1 .callout-text h2 {
        font-size: 34px;
        line-height: 48px;
        padding-right: 0;
    }

    .callout-box .callout-action {
        display: block;
        padding-left: 0;
    }
}


/*=========================================================================

 07. ROW WRAPPERS
 
=========================================================================*/


.second {
    background: none repeat scroll 0 0 #FFFFFF;
    height: auto;
    margin: 0 auto;
    padding: 80px 0 60px;
    position: relative;
    overflow: hidden;
}

    .second::before {
        background: #eeeeee;
        content: "";
        height: 1px;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .second .bg {
        background: url("../img/parallax/trainers.html") 50% 0 no-repeat fixed;
        height: auto;
        margin: 0 auto;
        padding: 0;
        position: absolute;
        width: 900px;
        z-index: 200;
    }

.third {
    background: none repeat scroll 0 0 #f7f7f7;
    padding: 80px 0 60px;
    position: relative;
    overflow: hidden;
}

    .third::before {
        background: #eeeeee;
        content: "";
        height: 1px;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .third .title {
        background: url("../img/patterns/pattern-stripes.png") repeat scroll 0 50% rgba(0, 0, 0, 0);
        overflow: hidden;
    }

        .third .title span {
            background: none repeat scroll 0 0 #f7f7f7;
            float: left;
            padding: 0 31px 0 0 !important;
        }

.row-half-map {
    display: inline-block;
    margin: 0 0 -4px;
    position: relative;
    width: 100%;
}

    .row-half-map .map-lft {
        width: 45%;
        height: 100%;
        position: absolute;
        left: 0px;
        top: 0px;
        overflow: hidden;
    }

        .row-half-map .map-lft #map {
            height: 100%;
            width: 100%;
        }

    .row-half-map .form-rit {
        width: 55%;
        padding: 80px 70px;
        float: right;
        background: rgb(255, 255, 255) none repeat scroll 0px 0px;
    }

.row-wrapper {
    position: relative;
}



/*=========================================================================

 08. Parallax

========================================================================= */

.parallax {
    background-attachment: fixed;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    overflow: hidden;
    position: static
}

.parallax-wrapper {
    padding: 80px 0 60px;
    position: relative;
}

.parallax h1 {
}

.parallax p {
    color: #aeaeae;
    font-size: 16px;
    font-weight: 400;
    line-height: 31px;
    margin-bottom: 20px;
}

.features-icon-slider.owl-theme .owl-controls {
    display: none;
}

.parallax .container {
    -webkit-backface-visibility: hidden
}

.parallax-image1 {
    background-image: url(../img/drahmed.png);
    background-color: #101010;
}

.parallax-image2 {
    background-image: url(../img/parallax1.jpg);
}

.parallax-image4 {
    background-image: url(../img/bg2.jpg);
    background-color: #101010;
    border-bottom: 1px solid #eaebeb;
    border-top: 1px solid #eaebeb;
    padding: 80px 0 60px;
    position: relative;
}

    .parallax-image4 h2, .parallax-image4 p {
        color: #fff;
    }


.parallax-image6 {
    background-image: url(../img/illustration/cloud.png)
}

.map-overlay {
    background: -moz-linear-gradient(270deg, rgba(0, 0, 0, 0.7) 0%, rgba(244, 246, 12, 0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, 270deg, color-stop(0%, rgba(0, 0, 0, 0.7)), color-stop(100%, rgba(244, 246, 12, 0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(270deg, rgba(0, 0, 0, 0.7) 0%, rgba(244, 246, 12, 0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(270deg, rgba(0, 0, 0, 0.7) 0%, rgba(244, 246, 12, 0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(270deg, rgba(0, 0, 0, 0.7) 0%, rgba(244, 246, 12, 0) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0, 0, 0, 0.7)', endColorstr='rgba(244, 246, 12, 0)', GradientType='1'); /* for IE */
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(244, 246, 12, 0) 100%); /* W3C */
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3;
}

.img-overlay {
    background: rgba(0, 0, 0, 0) linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(244, 246, 12, 0) 100%) repeat scroll 0 0;
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3;
}

.overlay-light {
    background: none repeat scroll 0 0 rgba(40, 47, 57, 0.8);
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.banner-image1 {
    background: url("../img/Main-Arabic.png") no-repeat center top transparent;
}

.light-overlay1 {
    background-color: rgba(237, 246, 255, 0.3);
    border-bottom: 1px solid #e0e9f2;
    border-top: 1px solid #e0e9f2;
    padding: 80px 0 60px;
}

.bg-client-section {
    background: #222222 url("../img/client-bg.jpg") repeat fixed 0 0;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    padding: 80px 0;
    position: relative;
}

    .bg-client-section h1, .bg-client-section h2, .bg-client-section h3, .bg-client-section h4, .bg-client-section h5, .bg-client-section h6, .bg-client-section p {
        color: #fff;
    }





/*=========================================================================

 09. DEALS BOX

========================================================================= */


.deal-boxed {
    background: -moz-linear-gradient(270deg, #ffffff 0%, #f7f7f7 32%); /* FF3.6+ */
    background: -webkit-gradient(linear, 270deg, color-stop(0%, #ffffff), color-stop(32%, #f7f7f7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(270deg, #ffffff 0%, #f7f7f7 32%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(270deg, #ffffff 0%, #f7f7f7 32%); /* Opera 11.10+ */
    background: -ms-linear-gradient(270deg, #ffffff 0%, #f7f7f7 32%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType='1'); /* for IE */
    background: linear-gradient(180deg, #ffffff 0%, #f7f7f7 32%); /* W3C */
    border: 1px solid #e3e3e3;
    -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);
    display: block;
    margin: 46px 20px 0;
    padding: 30px;
}

    .deal-boxed .box-content {
        display: inline-block;
    }

    .deal-boxed .icon-tag {
        background: url("../img/icons/tag.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        color: #f76742;
        font-family: "Signika", sans-serif;
        font-size: 22px;
        font-weight: 700;
        height: 130px;
        padding: 32px 0 0;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
        width: 97px;
    }

        .deal-boxed .icon-tag span {
            color: #ffffff;
            display: block;
            font-family: "Roboto", sans-serif;
            font-size: 12px;
            font-weight: 700;
            line-height: 18px;
            margin-top: 29px;
            text-transform: uppercase;
        }

    .deal-boxed h4.box-title {
        font-size: 18px;
        font-weight: 600;
        margin-right: 20px;
        margin-top: 0;
        min-height: 42px;
        text-transform: uppercase;
    }

.box-content .deal-icons {
    display: inline-block;
    margin-bottom: 21px;
    width: auto;
}

.box-content .promo-btn {
    float: none;
    width: 100%;
}

    .box-content .promo-btn .btn.btn-default {
        display: block;
    }

@media (max-width: 480px) {
    .box-content .deal-icons {
        width: 100%;
    }
}

.deal-t1 {
    border-bottom: 1px dashed #e3e3e3;
    color: #343844;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.deal-p1 {
    color: #343844;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 4px;
}

.deal-p2 {
    color: #f76742;
    font-family: "Roboto", sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 34px;
    margin-bottom: 7px;
}

    .deal-p2 > em {
        font-size: 16px;
        font-style: normal;
    }

.deal-p3 {
    border-bottom: 1px dashed #e3e3e3;
    color: #343844;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

    .deal-p3 > em {
        text-decoration: line-through;
    }

.deal-boxed .promo-btn {
    padding-left: 0;
}

.deal-boxed.d-blue .icon-tag {
    background-position: -153px 0;
    color: #2785e2;
}

.deal-boxed.d-blue .deal-p2 {
    color: #2785e2;
}

.deal-boxed.d-blue .promo-btn .btn-default {
    background: none repeat scroll 0 0 #2785e2;
}

.deal-boxed.d-blue .promo-btn .btn-default {
    background: none repeat scroll 0 0 #2785e2;
}

.deal-boxed.d-blue .btn.btn-default:focus, .deal-boxed.d-blue .btn.btn-default:hover {
    background: none repeat scroll 0 0 #333333;
}

.deal-boxed.d-green .icon-tag {
    background-position: -307px 0;
    color: #39b20d;
}

.deal-boxed.d-green .deal-p2 {
    color: #39b20d;
}

.deal-boxed.d-green .promo-btn .btn-default {
    background: none repeat scroll 0 0 #39b20d;
}

.deal-boxed.d-green .promo-btn .btn-default {
    background: none repeat scroll 0 0 #39b20d;
}

.deal-boxed.d-green .btn.btn-default:focus, .deal-boxed.d-green .btn.btn-default:hover {
    background: none repeat scroll 0 0 #333333;
}

.image-box {
    margin-bottom: 30px
}


/*=========================================================================

 10. Image Container
 
=========================================================================*/


.image-container {
    position: relative
}

    .image-container img {
        width: 100%
    }

    .image-container.fixed img {
        max-width: 100%;
    }



/*=========================================================================

 11. PROCESS HOW IT WORKS

========================================================================= */


.process-builder .process-item {
    float: left;
    text-align: center;
}

.process-builder.style-simple.items-3 .process-item {
    width: 33.3333%
}

.process-builder.style-simple .process-icon {
    border: 2px solid #eeeeee;
    -webkit-border-radius: 50% 50% 50% 50%;
    -moz-border-radius: 50% 50% 50% 50%;
    -ms-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
    color: #333;
    display: inline-block;
    font-size: 26px;
    height: 56px;
    line-height: 56px;
    margin-bottom: 20px;
    position: relative;
    width: 56px;
}

    .process-builder.style-simple .process-icon:before, .process-builder.style-simple .process-icon:after {
        content: "";
        display: block;
        position: absolute;
        border-top: 2px solid #eeeeee;
        width: 300%;
        top: 50%;
        margin-top: -1px
    }

    .process-builder.style-simple .process-icon:before {
        right: 100%;
        margin-right: 12px
    }

    .process-builder.style-simple .process-icon:after {
        left: 100%;
        margin-left: 12px
    }

.process-item > img.icon-st {
    display: block;
    height: 128px;
    margin: 0 auto 20px;
    width: 128px;
}

.process-builder.style-simple .process-item {
    overflow: hidden
}

    .process-builder.style-simple .process-item:first-child .process-icon:before {
        display: none
    }

    .process-builder.style-simple .process-item:last-child .process-icon:after {
        display: none
    }

    .process-builder.style-simple .process-item.active .process-icon, .process-builder.style-simple .process-item .process-icon:hover {
        background: #3451c6;
        border: none;
        color: #fff
    }

.process-builder.style-simple .process-details {
    padding: 0 25px
}

@media (max-width: 480px) {
    .process-builder.style-simple.items-3 .process-item {
        width: 100%
    }

    .process-builder.style-simple .process-icon::before, .process-builder.style-simple .process-icon::after {
        display: none;
    }
}


/*=========================================================================

 12. Theme Features

========================================================================= */


.theme-features .same-height {
    margin-top: -2px
}

    .theme-features .same-height > div {
        border-top: 1px solid #f7f7f7;
        border-right: 1px solid #f7f7f7
    }

    .theme-features .same-height.first > div {
        border-top: 0 none;
    }

.theme-features .image-box {
    margin-top: 30px
}

    .theme-features .image-box .image-container {
        float: left;
        margin-right: 15px;
    }

.details {
    overflow: hidden;
}


.col-three {
    border: 1px solid #e2e2e2;
    float: left;
    margin-left: -1px;
    margin-top: -1px;
    max-height: 197px;
    min-height: 197px;
    padding: 40px;
    width: 33.3333%;
    -webkit-transition: all 0.6s ease; /* Safari 3.2+, Chrome */
    -moz-transition: all 0.6s ease; /* Firefox 4-15 */
    -o-transition: all 0.6s ease; /* Opera 10.5-12.00 */
    transition: all 0.6s ease; /* Firefox 16+, Opera 12.50+ */
}

    .col-three:hover {
        background: #f0f0f0;
    }

    .col-three.lt {
        border-left: 1px solid rgba(0, 0, 0, 0);
    }

    .col-three.tp {
        border-top: 1px solid rgba(0, 0, 0, 0);
    }

    .col-three.bt {
        border-bottom: 1px solid rgba(0, 0, 0, 0);
    }

    .col-three.rt {
        border-right: 1px solid rgba(0, 0, 0, 0);
    }

    .col-three p {
        margin-bottom: 0;
    }

@media (max-width: 980px) {
    .col-three {
        width: 50%;
        max-height: 224px;
    }

        .col-three.lt, .col-three.tp, .col-three.bt, .col-three.rt {
            border: 1px solid #e2e2e2;
        }
}

@media (max-width: 640px) {
    .col-three {
        width: 100%;
        max-height: 100%;
    }

        .col-three.lt, .col-three.tp, .col-three.bt, .col-three.rt {
            border-bottom: 1px solid #e2e2e2;
            border-top: 1px solid rgba(0, 0, 0, 0);
            border-right: 1px solid rgba(0, 0, 0, 0);
            border-left: 1px solid rgba(0, 0, 0, 0);
        }
}


/*=========================================================================

 13. PRODUCT FEATURE

========================================================================= */

.product-feature h3 {
    font-size: 31px;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 40px;
    text-transform: uppercase;
}

.product-feature p.lead {
    color: #e74c3c;
    font-size: 27px;
    font-weight: 400;
    margin-bottom: 20px;
}

    .product-feature p.lead span {
        font-size: 16px;
    }

.product-feature strong {
    color: #555e65;
}


/*=========================================================================

 14. Register

========================================================================= */


.colorgraph {
    height: 5px;
    border-top: 0;
    background: #c4e17f;
    border-radius: 5px;
    background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
    background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
    background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
    background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
}




/*=========================================================================

 15. Hosting Search Domain Form

========================================================================= */


.colorfull-row {
    background: #3451c6;
    color: #636363;
    padding: 40px 0;
}

    .colorfull-row.full-bottom {
        bottom: 0;
        position: absolute;
        left: 0;
        width: 100%;
        z-index: 99;
    }

    .colorfull-row h1, .colorfull-row h2, .colorfull-row h3, .colorfull-row h4, .colorfull-row h5 {
        color: #ffffff;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.27);
    }

    .colorfull-row p {
        color: #ffffff;
    }

    .colorfull-row a:hover {
        color: #fff;
    }

.btn strong {
    font-weight: 900
}

.btn.btn-default {
    background: #ebebeb;
    color: #959595
}

    .btn.btn-default:focus, .btn.btn-default:hover {
        background: #000 !important;
    }

.btn.btn-success {
    background: #1abc9c;
}

    .btn.btn-success:focus, .btn.btn-success:hover {
        background: #000000 none repeat scroll 0 0 !important;
        border: 3px solid #000000;
    }

.cw-hero-banner h1 {
    margin-bottom: 16px;
    font-size: 1.125rem;
    line-height: 1.5;
}

.cw-hero-banner h2 {
    font-size: 3rem;
    padding: 0;
    letter-spacing: .01em;
    line-height: 1.1;
    margin-bottom: 16px;
    position: relative;
}

.cw-hero-banner p {
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-bottom: 0;
    padding: 0 3rem;
}

.button, .edit-container .button:hover {
    color: #fff;
    border-radius: 4px;
    display: inline-block;
    margin-top: 40px;
    letter-spacing: 0.5px;
    margin-top: 32px;
    padding: 12px 24px;
    opacity: 1;
    font-weight: 500;
    font-size: 1rem;
}

.cw-vTM {
    min-height: 34rem;
    display: flex;
    width: 56%;
    margin: 0 auto;
    text-align: center;
    align-items: center;
    word-break: break-word;
}

.control-label {
    font-size: 13px;
    font-weight: bold;
    color: #000;
}

.btn.btn-success-savelink {
    font-family: 'Changa';
    font-size: 15px;
    font-weight: bold;
    color: #f7f7f7;
    background: #337ab7;
}

    .btn.btn-success-savelink:focus, .btn.btn-success-savelink:hover {
        background: #000000 none repeat scroll 0 0 !important;
        border: 3px solid #000000;
    }

.btn.btn-success-save {
    height: 50px;
    font-family: 'Changa';
    font-size: 15px;
    font-weight: bold;
    color: #f7f7f7;
    background: #337ab7;
}

    .btn.btn-success-save:focus, .btn.btn-success-save:hover {
        background: #000000 none repeat scroll 0 0 !important;
        border: 3px solid #000000;
    }

.btn.btn-green {
    height: 40px;
    font-family: 'Changa';
    font-size: 13px;
    font-weight: bold;
    color: #f7f7f7;
    background: #437c20;
}

    .btn.btn-green:focus, .btn.btn-green:hover {
        background: #000000 none repeat scroll 0 0 !important;
        border: 3px solid #000000;
    }


.btn.btn-blue {
    height: 40px;
    font-family: 'Changa';
    font-size: 13px;
    font-weight: bold;
    color: #f7f7f7;
    background: #437df6;
}

    .btn.btn-blue:focus, .btn.btn-blue:hover {
        background: #000000 none repeat scroll 0 0 !important;
        border: 3px solid #000000;
    }

.btn.btn-success-back {
    height: 50px;
    padding: 10px;
    font-family: 'Changa';
    font-size: 15px;
    font-weight: bold;
    color: #f7f7f7;
    background: #dc3545;
}

    .btn.btn-success-back:focus, .btn.btn-success-back:hover {
        background: #000000 none repeat scroll 0 0 !important;
        border: 3px solid #000000;
    }


.form-control1 {
    padding: 9px 18px;
    border: 1px solid #e3e3e3;
    color: #000;
    font-family: 'Changa';
    font-size: 13px;
    font-weight: bold;
}

.form-control {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.04);
    border: 1px solid #e3e3e3;
    color: #ffffff;
    font-family: "Roboto",sans-serif;
    font-size: 15px;
    font-weight: 300;
    padding: 9px 18px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0;
    -moz-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
    height: auto;
}

    .form-control:focus {
        border-color: #ccc;
        -webkit-box-shadow: inset 0 1px 1px transparent, 0 0 8px rgba(102, 175, 233, 0);
        box-shadow: inset 0 1px 1px transparent, 0 0 8px rgba(102, 175, 233, 0)
    }

.wrapper {
    width: 1030px;
    margin: 0 auto;
    padding: 0;
    position: relative
}

section {
    padding: 30px 0
}

.domain-search:after, .domain-search:before {
    display: table;
    content: " "
}

.domain-search:after {
    clear: both
}

.form-domain {
    margin: 0;
    padding: 0 15px 0 0;
    width: 70%;
    float: left;
    display: block
}

.search-input {
    margin: 0;
    padding: 0 15px 0 0;
    position: relative;
    width: 75%;
    float: left;
    display: block
}

.form-domain .input-domain {
    background: #ffffff none repeat scroll 0 0 !important;
    border: 0 none;
    color: #333333;
    font-size: 18px;
    font-weight: 300;
    height: 65px;
    margin: 0;
    padding-left: 112px;
    -webkit-border-radius: 34px;
    -moz-border-radius: 34px;
    border-radius: 34px;
}

.form-domain .www {
    border-right: 1px solid rgba(0, 0, 0, 0.03);
    bottom: 10px;
    color: #333333;
    font-size: 18px;
    font-weight: 700;
    left: 0;
    line-height: 30px;
    padding: 8px 0;
    position: absolute;
    text-align: center;
    top: 10px;
    width: 91px;
}

.form-domain .input-domain::-moz-placeholder {
    color: #c7c7c7;
    opacity: 1
}

.form-domain .domain-extension {
    background: #f4f8fb url("../img/icons/select-caret.png") no-repeat scroll right center;
    -webkit-border-radius: 33px;
    -moz-border-radius: 33px;
    border-radius: 33px;
    bottom: 8px;
    height: auto;
    overflow: hidden;
    position: absolute;
    right: 14px;
    top: 8px;
    z-index: 1;
}

    .form-domain .domain-extension select {
        color: #333;
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        font-size: 18px;
        font-weight: 600;
        width: 120px;
        padding-left: 15px;
        padding-right: 15px;
        z-index: 2;
        height: 49px;
        border: none;
        position: relative;
        -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -webkit-appearance: none
    }

.form-domain .btn {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border: 3px solid rgba(255, 255, 255, 0.3);
    font-size: 14px;
    font-weight: 800;
    width: 25%;
    height: 65px;
    margin: 0;
    -webkit-box-shadow: 0 0px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0px 1px rgba(0, 0, 0, 0.3);
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    text-transform: uppercase;
}

.promo-btn {
    float: left;
    width: 30%
}

    .promo-btn .btn {
        height: 65px;
        font-weight: 800;
        line-height: 33px;
        padding-top: 15px
    }

        .promo-btn .btn img {
            margin-right: 20px;
            top: 3px;
            position: relative
        }

    .promo-btn .btn-default {
        background: #f76742;
        color: #fff;
        -webkit-box-shadow: 0 0px 1px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 0px 1px rgba(0, 0, 0, 0.3);
        box-shadow: 0 0px 1px rgba(0, 0, 0, 0.3);
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    }

    .promo-btn strong {
        color: #fffeae;
    }

@media (max-width:1024px) {
    .wrapper {
        width: 100%
    }
}

@media (max-width:800px) {
    .form-domain {
        width: 100%;
    }

    .promo-btn {
        display: none;
    }
}

@media (max-width:768px) {
    .form-domain {
        width: 100%;
        float: none;
        display: block;
        margin: 0;
        padding: 0
    }

        .form-domain .input-domain {
            padding-left: 10px;
            font-size: 13px;
            font-weight: 300;
            height: 55px;
            margin: 0;
        }

    .search-input {
        width: 62%;
    }

    .form-domain .domain-extension select {
        font-size: 13px;
        height: 39px;
        padding-left: 5px;
        padding-right: 15px;
        width: 120px;
    }

    .form-domain .btn {
        font-size: 12px;
        font-weight: 700;
        height: 55px;
        margin: 0;
        padding: 0 4px;
        width: 36%;
    }

    .promo-btn {
        display: none;
    }

    .domain-search {
        margin-top: 0
    }

    .form-domain .domain-extension select {
        width: 72px;
    }

    .btn-block {
        margin-bottom: 10px
    }
}

@media (max-width:768px) {
    .form-domain .www {
        display: none
    }
}

@media (max-width:640px) {
    .form-domain .input-domain {
        padding-left: 10px
    }

    .form-domain .www {
        display: none
    }
}


/*=========================================================================

 16. Hosting Domain Price

========================================================================= */


.row-LightBlue {
    background: -moz-linear-gradient(270deg, #f5ffff 0%, #e6efef 30%); /* FF3.6+ */
    background: -webkit-gradient(linear, 270deg, color-stop(0%, #f5ffff), color-stop(30%, #e6efef)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(270deg, #f5ffff 0%, #e6efef 30%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(270deg, #f5ffff 0%, #e6efef 30%); /* Opera 11.10+ */
    background: -ms-linear-gradient(270deg, #f5ffff 0%, #e6efef 30%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5ffff', endColorstr='#e6efef', GradientType='1'); /* for IE */
    background: linear-gradient(180deg, #f5ffff 0%, #e6efef 30%); /* W3C */
    border-bottom: 1px solid #d4dddd;
    border-top: 1px solid #d4dddd;
    padding: 50px 0;
}

.tld-wrp {
    display: inline-block;
    float: left;
    margin: 8px 0;
    text-align: center;
    width: 10%;
}

.tld {
    background: none repeat scroll 0 0 #535c6b;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #ffffff;
    font-family: open sans Condensed;
    font-size: 18px;
    font-weight: 600;
    height: 70px;
    line-height: 31px;
    margin: 0 auto 14px;
    padding: 20px 0;
    text-align: center;
    width: 70px;
}

.currentprice {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
}

.WebPrice {
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 500;
    margin-top: 7px;
}

.tld-wrp:hover .tld {
    -webkit-transition: all 0.3s ease; /* Safari 3.2+, Chrome */
    -moz-transition: all 0.3s ease; /* Firefox 4-15 */
    -o-transition: all 0.3s ease; /* Opera 10.5-12.00 */
    transition: all 0.3s ease; /* Firefox 16+, Opera 12.50+ */
}

.tld-wrp:hover .tld {
    background: none repeat scroll 0px 0px #3451c6;
}

.tld-wrp:hover .currentprice {
    color: #3451c6;
}

@media (max-width: 640px) {
    .tld-wrp {
        width: 20%;
    }
}

@media (max-width: 360px) {
    .tld-wrp {
        width: 33.3333%;
    }
}


/*=========================================================================

 17. Team
 
========================================================================= */


.shape {
    position: relative;
    margin: 0 auto
}

    .shape .overlay {
        display: block;
        width: 310px;
        height: 310px;
        position: absolute;
        top: -5px;
        left: -5px;
        -webkit-transform: scale(1, 1);
        -webkit-transition-timing-function: ease-out;
        -webkit-transition-duration: .6s;
        -moz-transform: scale(1, 1);
        -moz-transition-timing-function: ease-out;
        -moz-transition-duration: .6s;
        transform: scale(1, 1);
        transition-timing-function: ease-out;
        transition-duration: .6s;
        z-index: 7;
        pointer-events: none;
        background-repeat: no-repeat;
        outline: 0
    }

        .shape .overlay.hexagon {
            background: url(../img/team/shape.png)
        }

    .shape:hover .overlay {
        -webkit-transform: scale(1.07, 1.07);
        -webkit-transition-timing-function: ease-out;
        -webkit-transition-duration: .3s;
        -moz-transform: scale(1.07, 1.07);
        -moz-transition-timing-function: ease-out;
        -moz-transition-duration: .3s
    }

.shape-inner {
    height: 300px;
    overflow: hidden;
    position: relative;
    width: 300px;
    margin: 0 auto;
}

.shape .base > img {
    background: -moz-radial-gradient(50% 50%, circle cover, #ffffff 36%, #e3e3e3 100%); /* FF3.6+ */
    background: -webkit-radial-gradient(50% 50%, circle cover, #ffffff 36%, #e3e3e3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(50% 50%, circle cover, #ffffff 36%, #e3e3e3 100%); /* Opera 11.10+ */
    background: -ms-radial-gradient(50% 50%, circle cover, #ffffff 36%, #e3e3e3 100%); /* IE10+ */
    background: radial-gradient(50% 50%, circle cover, #ffffff 36%, #e3e3e3 100%); /* W3C */
    left: 0;
    max-width: 100%;
    position: absolute;
    top: 0;
}

.shape .base > .team-img2 {
    opacity: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.shape:hover .base > .team-img2 {
    opacity: 1;
}

.shape h3 {
    color: #333;
    font-size: 21px;
    font-weight: 600;
    margin: 16px 0 21px;
    position: relative;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
}

    .shape h3:after {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
        bottom: -10px;
        content: "";
        height: 3px;
        left: 50%;
        margin-left: -15px;
        position: absolute;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        width: 30px;
    }

.shape:hover h3:after {
    margin-left: -25px;
    width: 50px;
}

.shape a {
    color: #777777;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}

    .shape a:hover {
        color: #FF5533;
    }


/*=========================================================================

 18. Clients

========================================================================= */


.client-clr {
    -webkit-transition: all 0.6s ease; /* Safari 3.2+, Chrome */
    -moz-transition: all 0.6s ease; /* Firefox 4-15 */
    -o-transition: all 0.6s ease; /* Opera 10.5-12.00 */
    transition: all 0.6s ease; /* Firefox 16+, Opera 12.50+ */
}

    .client-clr:hover {
        background: #ffffff none repeat scroll 0 0;
        -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.17);
        -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.17);
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.17);
    }

.clients p {
    margin-bottom: 48px !important
}

.client-row {
    text-align: center;
    line-height: 0
}

    .client-row .col-sm-3 {
        min-height: 140px;
        line-height: 140px;
        margin-bottom: 0;
        padding-top: 16px;
        padding-bottom: 16px
    }

    .client-row img {
        max-height: 60px;
        max-width: 140px;
        vertical-align: middle;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease;
        -webkit-backface-visibility: none
    }

        .client-row img:hover {
            opacity: 1
        }

    .client-row .row-wrapper {
        display: inline-block;
        width: 80%;
        border-bottom: 1px solid rgba(0, 0, 0, 0.06)
    }

    .client-row:last-child .row-wrapper {
        border-bottom: none
    }

.row-wrapper .col-sm-3 {
    border-right: 1px solid rgba(0, 0, 0, 0.06)
}

    .row-wrapper .col-sm-3:last-child {
        border-right: none
    }

.clients-2 {
    text-align: center;
    padding: 64px 0
}

    .clients-2 .col-md-2 {
        height: 80px;
        line-height: 80px
    }

    .clients-2 img {
        max-height: 60px;
        max-width: 140px;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease;
        opacity: .4
    }

        .clients-2 img:hover {
            opacity: 1
        }

.flip-card {
    width: 100%;
    height: 130px
}

.flip-front {
    line-height: 140px
}

.flip-back {
    background-color: #fff;
    border: 1px solid #f3f3f3;
    color: #000000;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    padding: 15px;
    overflow: hidden
}

@media (max-width: 480px) {
    .row-wrapper .col-sm-3 {
        border-right: 0 solid rgba(0, 0, 0, 0.06);
        border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    }
}


/*=========================================================================

 19. FAQ's
 
=========================================================================*/


.panel-group .panel-title {
    background: -moz-linear-gradient(270deg, #ffffff 0%, #f1f1f1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, 270deg, color-stop(0%, #ffffff), color-stop(100%, #f1f1f1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(270deg, #ffffff 0%, #f1f1f1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(270deg, #ffffff 0%, #f1f1f1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(270deg, #ffffff 0%, #f1f1f1 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1', GradientType='1'); /* for IE */
    background: linear-gradient(180deg, #ffffff 0%, #f1f1f1 100%); /* W3C */
    font-size: 1.1667em;
    line-height: 20px
}

    .panel-group .panel-title a {
        white-space: normal;
        display: block;
        padding: 15px 30px
    }

        .panel-group .panel-title a.active .open-sub:after {
            display: none
        }

    .panel-group .panel-title .open-sub {
        display: block;
        position: relative
    }

        .panel-group .panel-title .open-sub:before,
        .panel-group .panel-title .open-sub:after {
            content: "";
            display: block;
            position: absolute
        }

        .panel-group .panel-title .open-sub:before {
            height: 1px;
            top: 50%;
            margin-top: -0.5px;
            left: 50%
        }

        .panel-group .panel-title .open-sub:after {
            width: 1px;
            left: 50%;
            margin-left: -0.5px;
            top: 50%
        }

.panel-group h3.panel-title {
    font-size: 21px;
}

.panel-group .panel-content {
    padding: 10px 30px 20px
}

    .panel-group .panel-content > *:last-child {
        margin-bottom: 0
    }

.panel-group .panel {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    border: none;
    margin-bottom: 20px;
    position: relative;
}

    .panel-group .panel + .panel {
        margin-top: 1px
    }

.faqs {
    background: none repeat scroll 0 0 #f9f9f9;
    border: 1px solid #eeeeee;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);
    padding: 40px;
}

    .faqs .panel + .panel {
        margin-top: 0
    }

    .faqs .panel-title .open-sub {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.01);
        border: 1px solid #e1e1e1;
        -webkit-border-radius: 0 6px 6px 0;
        -moz-border-radius: 0 6px 6px 0;
        border-radius: 0 6px 6px 0;
        color: #cccccc;
        float: right;
        font-family: FontAwesome;
        font-size: 18px;
        line-height: 61px;
        margin-left: 30px;
        position: absolute;
        right: 0;
        text-align: center;
        text-indent: 1px;
        top: 0;
        width: 61px;
    }

        .faqs .panel-title .open-sub:before {
            position: static;
            display: inline;
            content: "\f067";
            height: auto;
            margin: 0
        }

    .faqs .panel-title a {
        border: 1px solid #e4e4e4;
        color: #e6c300;
        line-height: 1;
        padding: 20px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
    }

        .faqs .panel-title a.active {
            background: none repeat scroll 0 0 #ffffff;
            border-bottom: 0 none;
            -webkit-border-radius: 6px 6px 0 0;
            -moz-border-radius: 6px 6px 0 0;
            border-radius: 6px 6px 0 0;
        }

            .faqs .panel-title a.active .open-sub {
                background: none repeat scroll 0 0 #ffffff;
                border-color: #e4e4e4;
                color: #acacac;
            }

                .faqs .panel-title a.active .open-sub:before {
                    content: "\f068"
                }

    .faqs .panel-content {
        background: none repeat scroll 0 0 #ffffff;
        border-bottom: 1px solid #e4e4e4;
        border-left: 1px solid #e4e4e4;
        border-right: 1px solid #e4e4e4;
        padding: 30px 40px;
    }



/*=========================================================================

 20. Sitemap
 
========================================================================= */


.site-map {
    margin: 0 0 40px 0;
    float: left;
    width: 100%;
}

#site-map li {
    width: 25%;
}

    #site-map li ul li {
        width: 100% !important;
    }

/* --------	Top Level --------- */

#site-map {
    margin: 0;
    float: left;
    width: 100%;
}

    #site-map #home {
        display: block;
        float: none;
        background: #ffffff url('../img/icons/ST1-left.png') center bottom no-repeat;
        position: relative;
        z-index: 2;
    }

    #site-map li {
        float: left;
        background: url('../img/icons/ST1-center.html') center top no-repeat;
        padding: 30px 0;
        margin-top: -30px;
    }

        #site-map li a.main {
            background: none repeat scroll 0 0 #A56AB6;
            border: 1px solid #854A96;
        }

            #site-map li a.main:hover {
                background: none repeat scroll 0 0 #BA7FCB;
                border: 1px solid #A56AB6;
            }

        #site-map li a {
            margin: 0 20px 0 0;
            padding: 10px 0;
            display: block;
            font-size: 14px;
            font-family: 'Roboto', Arial, sans-serif;
            font-weight: 600;
            text-align: center;
            color: #fff;
            background: none repeat scroll 0 0 #4AAAD3;
            border: 1px solid #64B2D3;
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
            border-radius: 6px;
            -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
            -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
            box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
            text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
        }

            #site-map li a:hover {
                background-color: #6ACAF3;
                border-color: #3A9AC3;
                -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0s);
                -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
                box-shadow: 0 0 0 rgba(0, 0, 0, 0);
            }

        #site-map li:last-child {
            background: url('../img/icons/ST1-right.png') center top no-repeat;
        }

        /* --------	Second Level --------- */

        #site-map li li {
            width: 100%;
            clear: left;
            margin-top: 0;
            padding: 10px 0 0 0;
            background: url('../img/icons/ST-vertical-line.png') center bottom repeat-y;
        }

            #site-map li li a {
                background-color: #4AD3A7;
                border-color: #36BF93;
            }

                #site-map li li a:hover {
                    border-color: #3CC599;
                    background-color: #63ECC0;
                }

            #site-map li li:first-child {
                padding-top: 30px;
            }

            #site-map li li:last-child {
                background: url('../img/icons/ST-vertical-line.png') center bottom repeat-y;
            }

            /* --------	Third Level --------- */

            #site-map li li ul {
                margin: 10px 0 0 0;
                width: 100%;
                float: right;
                padding: 9px 0 0 0;
                background: #ffffff url('../img/icons/ST3-ul-top.png') center top no-repeat;
            }

            #site-map li li li {
                background: url('../img/icons/ST3-center.png') left center no-repeat;
                padding: 5px 0;
            }

                #site-map li li li a {
                    background-color: #E9CE3B;
                    border-color: #CCB11E;
                    width: 80%;
                    float: right;
                }

                    #site-map li li li a:hover {
                        background-color: #FADF4C;
                        border-color: #CDB21F;
                    }

                #site-map li li li:first-child {
                    padding: 15px 0 5px 0;
                    background: url('../img/icons/ST3-li-top.png') left center no-repeat;
                }

                #site-map li li li:last-child {
                    background: url('../img/icons/ST3-bottom.png') left center no-repeat;
                }


/*=========================================================================

 21. Blog
 
========================================================================= */

.post-holder {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E1E1E1;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    margin-bottom: 60px;
    position: relative;
}

    .post-holder .img-responsive {
        width: 100%;
    }

    .post-holder figure {
        border: 0;
        margin: 0 0 20px 0;
        position: relative;
    }

    .post-holder .entry-title, .post-holder .entry-title a {
        color: #222222;
        font-size: 27px;
        margin-bottom: 20px;
        margin-top: 60px;
    }

        .post-holder .entry-title a:hover {
            color: #108d45;
        }

.post-meta {
    color: #777777;
    display: block;
    margin-bottom: 23px;
    padding: 0 0 20px 0;
    overflow: hidden;
}

    .post-meta a {
        color: #777;
        padding: 0 6px 0 0;
        text-decoration: none;
    }

    .post-meta i {
        font-size: 16px;
        padding: 0 8px 0 0;
    }

    .post-meta a:hover {
        color: #000;
    }

.post-holder h4 {
    margin: 0 0 7px;
}

/*  parent post */

.parent {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 0 1px #CCCCCC;
    margin-bottom: 30px;
    padding: 20px;
    position: relative;
}

.parent-sub-img {
    background: url("../img/icons/post-sub.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 70px;
    left: -22px;
    position: absolute;
    top: -30px;
    width: 19px;
}

.parent img {
    float: left;
}

.parent span {
    font: italic 12px 'georgia';
}

.parent a.reply:link, .parent a.reply:visited {
    background: none repeat scroll 0 0 #EB4D3A;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    margin-left: 20px;
    padding: 2px 6px;
    text-transform: uppercase;
}

.parent a.reply:hover {
    background: none repeat scroll 0 0 #333;
}

.parent p {
    margin-top: 10px;
    overflow: hidden;
}

.child {
    margin-left: 40px;
}

.subchild {
    margin-left: 80px;
}

.parent a.reply:visited {
    background: none repeat scroll 0 0 #3498DB;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    margin-left: 20px;
    padding: 2px 6px;
    text-transform: uppercase;
}

.post-holder code {
    background-color: #F7F7F9;
    border: 1px solid #E1E1E8;
    color: #DD1144;
    display: block;
    font-size: 13px;
    padding: 15px 24px;
    white-space: normal;
}

/*  Blog Video */
.sidebar-blog-video {
    width: 100%;
    height: auto;
}

    .sidebar-blog-video iframe {
        width: 100%;
        height: 433px;
    }

.post-pad-rt {
    padding-right: 31px;
}

code {
    background-color: #f6f6f6;
    border: 1px solid #eaeaea;
    border-radius: 4px;
    color: #c7254e;
    display: block;
    font-size: 90%;
    padding: 30px;
    white-space: nowrap;
}

@media (min-width: 479px), (min-width: 768px) and (max-width: 991px) {
    .post-pad-rt {
        padding-right: 0;
    }
}

/*  Ribbon */

.ribbon {
    background: #2bb5ca none repeat scroll 0 0;
    color: #ffffff;
    display: inline-block;
    font-size: 18px;
    font-style: italic;
    height: 40px;
    left: 0;
    line-height: 39px;
    padding: 0 10px;
    position: absolute;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
    top: 35px;
    z-index: 3;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

    .ribbon::before {
        background: #1ba5ba none repeat scroll 0 0;
        content: "";
        height: 40px;
        left: -6px;
        position: absolute;
        top: 2px;
        width: 6px;
        z-index: 2;
    }

/*-----------------------------------*/
/* Ribbons 2 */
/*-----------------------------------*/

.ribbon2 {
    background: #108d45 none repeat scroll 0 0;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    height: 40px;
    line-height: 39px;
    padding: 0 15px;
    position: absolute;
    left: 0;
    top: 35px;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

    .ribbon2::before {
        background: #e6c300 none repeat scroll 0 0;
        content: "";
        height: 40px;
        position: absolute;
        right: -8px;
        top: 3px;
        width: 8px;
    }

.ribbon2 {
}

.post-pad {
    padding: 20px 54px;
}

.cont-pad {
    padding: 40px 40px 80px;
}

.post-meta-links ul {
    border-radius: 0px;
    margin-bottom: 0px;
    overflow: hidden;
}

.post-meta-links li {
    border-left: 1px solid #108d45;
    color: #7B6D5E;
    float: left;
    font-size: 15px;
    font-weight: 700;
    line-height: 25px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    text-align: center;
    text-transform: uppercase;
}

    .post-meta-links li.post-view {
        width: 21%;
    }

    .post-meta-links li.post-comm {
        width: 21%;
    }

    .post-meta-links li.post-author {
        width: 37%;
    }

    .post-meta-links li.post-read {
        width: 21%;
    }

    .post-meta-links li a {
        background: none repeat scroll 0 0 #108d45;
        color: #ffffff;
        display: block;
        font-family: "Roboto", sans-serif;
        font-size: 14px;
        font-weight: 800;
        padding: 14px 10px;
        -webkit-transition: all 0.3s ease; /* Safari 3.2+, Chrome */
        -moz-transition: all 0.3s ease; /* Firefox 4-15 */
        -o-transition: all 0.3s ease; /* Opera 10.5-12.00 */
        transition: all 0.3s ease; /* Firefox 16+, Opera 12.50+ */
    }

        .post-meta-links li a:hover {
            background: none repeat scroll 0 0 #FFFFFF;
            color: #108d45;
        }

    .post-meta-links li.first {
        border-left: 0px none;
        border-radius: 0px 0px 0px 5px;
    }

    .post-meta-links li.last {
        border-radius: 0px 0px 5px;
    }

@media (max-width: 640px) {
    .post-meta-links li.first {
        width: 50%;
        border-left: 0 none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    .post-meta-links li.post-comm {
        width: 50%;
    }

    .post-meta-links li.post-author {
        border-top: 1px solid #0aac8c;
        width: 100%;
        border-left: 0;
    }

    .post-meta-links li.last {
        width: 100%;
        border-left: 0 none;
        -webkit-border-radius: 0 0 5px 5px;
        -moz-border-radius: 0 0 5px 5px;
        border-radius: 0 0 5px 5px;
        border-top: 1px solid #0aac8c;
    }
}



/*=========================================================================

 22. SIDEBAR
 
=========================================================================*/


/* ===================================== */
/* Sidebar left and right container      */
/* ===================================== */

.side-br-rt {
    height: 100%;
    padding: 0 0 0 80px;
    position: relative;
    right: 0;
    width: 100%;
    z-index: 99;
}

    .side-br-rt::before {
        background: rgba(0, 0, 0, 0.03) none repeat scroll 0 0;
        border-left: 1px solid rgba(0, 0, 0, 0.03);
        bottom: -1000%;
        content: "";
        left: 30px;
        position: absolute;
        top: -1000%;
        width: 200%;
        z-index: -1;
    }

.side-br-lt {
    height: 100%;
    padding: 0 80px 0 0;
    position: relative;
    left: 0;
    width: 100%;
}

    .side-br-lt::before {
        background: rgba(0, 0, 0, 0.03) none repeat scroll 0 0;
        border-right: 1px solid rgba(0, 0, 0, 0.03);
        bottom: -1000%;
        content: "";
        right: 30px;
        position: absolute;
        top: -1000%;
        width: 200%;
        z-index: -1;
    }

@media (max-width: 980px) {
    .side-br-rt {
        display: block;
        float: none;
        margin-top: 30px;
        padding: 0 15px;
        position: relative;
        right: auto;
        width: 100%;
    }

        .side-br-rt::before {
            background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
            border-left: 0 solid rgba(0, 0, 0, 0);
            bottom: 0;
            content: "";
            height: 100%;
            width: 100%;
        }

    .side-br-lt {
        display: block;
        float: none;
        margin-top: 30px;
        padding: 0;
        position: relative;
        left: auto;
        width: 100%;
    }

        .side-br-lt::before {
            background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
            border-right: 0 solid rgba(0, 0, 0, 0);
            bottom: 0;
            content: "";
            height: 100%;
            width: 100%;
        }
}

/* ===================================== */
/* Flickr                                */
/* ===================================== */

.flickr-inner {
    font-size: 0;
}

.flickr-image {
    display: inline-block;
    margin: 1px;
}

    .flickr-image a {
        display: block;
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.30);
        box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.30);
    }

        .flickr-image a img {
            width: 54px;
            height: 54px !important;
            position: relative;
            z-index: -1;
        }

/* ===================================== */
/* Tag                                   */
/* ===================================== */


.tags a {
    display: inline-block;
    margin: 0 4px 12px 0;
    padding-left: 15px;
    position: relative;
}

    .tags a span {
        background-color: rgba(0, 0, 0, 0.047);
        color: #000 !important;
        display: block;
        font-family: 'Open Sans', sans-serif;
        font-size: 12px;
        font-weight: 600;
        height: 32px;
        line-height: 32px;
        max-width: 100%;
        overflow: hidden;
        padding: 0px 12px;
        text-overflow: ellipsis;
        transition: all 0.16s ease 0s;
        white-space: nowrap;
    }

    .tags a:hover span {
        background-color: rgba(0, 0, 0, 0.07);
    }

    .tags a:before {
        border-bottom: 16px solid transparent;
        border-right: 15px solid rgba(0, 0, 0, 0.047);
        border-top: 16px solid transparent;
        content: "";
        height: 0px;
        left: 0px;
        position: absolute;
        top: 0px;
        transition: all 0.16s ease 0s;
        width: 0px;
    }

    .tags a:hover:before {
        border-right-color: rgba(0, 0, 0, 0.07);
    }

    .tags a:after {
        background-color: #FFFFFF;
        border-radius: 50%;
        content: "";
        height: 9px;
        left: 11px;
        position: absolute;
        top: 11px;
        width: 9px;
    }

#footer .tags a:after {
    background-color: #fff;
}

.latest-news {
    overflow: hidden;
}

    .latest-news > li:first-child {
        border: 0 none;
        margin-top: 0;
        padding-top: 10px;
    }

    .latest-news > li {
        border-top: 1px solid rgba(0,0,0,0.06);
        line-height: 24px;
        margin-top: 18px;
        padding-top: 18px;
    }

    .latest-news img.fleft {
        margin-right: 18px;
        margin-top: 8px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

.text2 {
    color: #000000;
    display: block;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 18px;
    margin-top: 18px;
}

.latest-news img.fright {
    margin-left: 18px;
    margin-top: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

/* ===================================== */
/* Sidebar List                          */
/* ===================================== */


ul.list-link {
    margin-bottom: 9px;
}

    ul.list-link > li {
        border-top: 1px solid #e9e9e9;
        font-size: 18px;
        line-height: 24px;
    }

        ul.list-link > li:first-child {
            border: none;
        }

        ul.list-link > li a {
            color: #777;
            display: block;
            font-size: 13px;
            font-family: 'Open Sans', Arial, sans-serif;
            font-weight: 600;
            line-height: 24px;
            padding: 8px 0;
        }

        ul.list-link > li i {
            float: right;
            font-size: 18px;
            padding: 2px 10px 0;
        }

        ul.list-link > li a:hover {
            color: #D53701;
            text-decoration: none;
        }

.cnt-pg {
    position: relative;
}

    .cnt-pg .map-wrapper {
        margin: 110px auto;
        position: absolute;
        text-align: center;
        top: 0;
        width: 100%;
    }

.cnt-pad-top {
    margin-top: 320px;
    position: relative;
}

/*=========================================================================

 23. Popup Contact Form
 
========================================================================= */

.cd-nav-trigger {
    position: fixed;
    bottom: 50px;
    right: 50px;
    width: 44px;
    height: 44px;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    z-index: 2;
    visibility: hidden;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform 0.3s, visibility 0s 0.3s;
    -moz-transition: -moz-transform 0.3s, visibility 0s 0.3s;
    transition: transform 0.3s, visibility 0s 0.3s;
}

.is-fixed .cd-nav-trigger {
    visibility: visible;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    transition: all 0s;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-animation: anim-jelly 0.3s linear forwards;
    -moz-animation: anim-jelly 0.3s linear forwards;
    animation: anim-jelly 0.3s linear forwards;
}

.cd-nav-trigger span {
    color: #FFFFFF;
    display: block;
    font-size: 23px;
    left: 0;
    line-height: 43px;
    position: absolute;
    top: 0;
}

    .cd-nav-trigger span:before {
        content: '\f00d';
        font-family: 'FontAwesome';
        height: 100%;
        left: 14px;
        opacity: 0;
        position: absolute;
        width: 100%;
    }

    .cd-nav-trigger span:after {
        content: '\f003';
        font-family: 'FontAwesome';
        height: 100%;
        left: 11px;
        opacity: 1;
        position: absolute;
        width: 100%;
    }

.cd-nav-trigger.menu-is-open {
    box-shadow: none;
}

    .cd-nav-trigger.menu-is-open span {
        background: rgba(232, 74, 100, 0);
    }

        .cd-nav-trigger.menu-is-open span::before {
            opacity: 1;
        }

        .cd-nav-trigger.menu-is-open span::after {
            opacity: 0;
        }

#cd-pop-form h3 {
    background: #000000 none repeat scroll 0 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 16px;
    padding: 16px 18px;
    text-transform: uppercase;
}

#cd-pop-form .form1 input,
#cd-pop-form .form1 textarea {
    background: rgba(255, 255, 255, 0.07) none repeat scroll 0 0;
    border: 1px solid rgba(255, 255, 255, 0.07);
    color: #777;
    font-size: 12px;
}

#cd-nav .cd-wrap-form {
    color: #FFFFFF;
    position: fixed;
    width: 0;
    right: 36px;
    bottom: 30px;
    padding-bottom: 7px;
    overflow: hidden;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: none repeat scroll 0 0 #000;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transition: -webkit-transform 0.3s, visibility 0s 0.3s;
    -moz-transition: -moz-transform 0.3s, visibility 0s 0.3s;
    transition: transform 0.3s, visibility 0s 0.3s;
}

    #cd-nav .cd-wrap-form.is-visible {
        width: 300px;
        height: auto;
        visibility: visible;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        -webkit-transition: -webkit-transform 0.3s, visibility 0s 0s;
        -moz-transition: -moz-transform 0.3s, visibility 0s 0s;
        transition: transform 0.3s, visibility 0s 0s;
        -webkit-animation: anim-jelly 0.8s linear forwards;
        -moz-animation: anim-jelly 0.8s linear forwards;
        -ms-animation: anim-jelly 0.8s linear forwards;
        -o-animation: anim-jelly 0.8s linear forwards;
        animation: anim-jelly 0.8s linear forwards;
    }

#cd-pop-form .flat {
    margin: 18px 8px 18px 0;
}

#cd-nav {
    position: relative;
    z-index: 999;
}

@media (min-width: 320px) and (max-width: 991px) {
    #cd-nav .cd-wrap-form.is-visible {
        width: 90%;
    }
}

@media (max-width: 320px) {
    #cd-nav .cd-wrap-form.is-visible {
        width: 80%;
    }
}
/* Generated with Bounce.js. Edit at http://goo.gl/PJ93gs */

@-webkit-keyframes anim-jelly {
    0% {
        -webkit-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    3.333333% {
        -webkit-transform: matrix3d(0.32778, 0, 0, 0, 0, 0.32778, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.32778, 0, 0, 0, 0, 0.32778, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    6.666667% {
        -webkit-transform: matrix3d(0.69875, 0, 0, 0, 0, 0.69875, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.69875, 0, 0, 0, 0, 0.69875, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    10% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    13.333333% {
        -webkit-transform: matrix3d(1.1815, 0, 0, 0, 0, 1.1815, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.1815, 0, 0, 0, 0, 1.1815, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    16.666667% {
        -webkit-transform: matrix3d(1.24402, 0, 0, 0, 0, 1.24402, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.24402, 0, 0, 0, 0, 1.24402, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    20% {
        -webkit-transform: matrix3d(1.21871, 0, 0, 0, 0, 1.21871, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.21871, 0, 0, 0, 0, 1.21871, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    23.333333% {
        -webkit-transform: matrix3d(1.14702, 0, 0, 0, 0, 1.14702, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.14702, 0, 0, 0, 0, 1.14702, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    26.666667% {
        -webkit-transform: matrix3d(1.06589, 0, 0, 0, 0, 1.06589, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.06589, 0, 0, 0, 0, 1.06589, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    30% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    33.333333% {
        -webkit-transform: matrix3d(0.9603, 0, 0, 0, 0, 0.9603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.9603, 0, 0, 0, 0, 0.9603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    36.666667% {
        -webkit-transform: matrix3d(0.94663, 0, 0, 0, 0, 0.94663, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.94663, 0, 0, 0, 0, 0.94663, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    40% {
        -webkit-transform: matrix3d(0.95217, 0, 0, 0, 0, 0.95217, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.95217, 0, 0, 0, 0, 0.95217, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    43.333333% {
        -webkit-transform: matrix3d(0.96784, 0, 0, 0, 0, 0.96784, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.96784, 0, 0, 0, 0, 0.96784, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    46.666667% {
        -webkit-transform: matrix3d(0.98559, 0, 0, 0, 0, 0.98559, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.98559, 0, 0, 0, 0, 0.98559, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    50% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    53.333333% {
        -webkit-transform: matrix3d(1.00868, 0, 0, 0, 0, 1.00868, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00868, 0, 0, 0, 0, 1.00868, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    56.666667% {
        -webkit-transform: matrix3d(1.01167, 0, 0, 0, 0, 1.01167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.01167, 0, 0, 0, 0, 1.01167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    60% {
        -webkit-transform: matrix3d(1.01046, 0, 0, 0, 0, 1.01046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.01046, 0, 0, 0, 0, 1.01046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    63.333333% {
        -webkit-transform: matrix3d(1.00703, 0, 0, 0, 0, 1.00703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00703, 0, 0, 0, 0, 1.00703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    66.666667% {
        -webkit-transform: matrix3d(1.00315, 0, 0, 0, 0, 1.00315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00315, 0, 0, 0, 0, 1.00315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    70% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    73.333333% {
        -webkit-transform: matrix3d(0.9981, 0, 0, 0, 0, 0.9981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.9981, 0, 0, 0, 0, 0.9981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    76.666667% {
        -webkit-transform: matrix3d(0.99745, 0, 0, 0, 0, 0.99745, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99745, 0, 0, 0, 0, 0.99745, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    80% {
        -webkit-transform: matrix3d(0.99771, 0, 0, 0, 0, 0.99771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99771, 0, 0, 0, 0, 0.99771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    83.333333% {
        -webkit-transform: matrix3d(0.99846, 0, 0, 0, 0, 0.99846, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99846, 0, 0, 0, 0, 0.99846, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    86.666667% {
        -webkit-transform: matrix3d(0.99931, 0, 0, 0, 0, 0.99931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99931, 0, 0, 0, 0, 0.99931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    90% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    93.333333% {
        -webkit-transform: matrix3d(1.00042, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00042, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    96.666667% {
        -webkit-transform: matrix3d(1.00056, 0, 0, 0, 0, 1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00056, 0, 0, 0, 0, 1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    100% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
}

@keyframes anim-jelly {
    0% {
        -webkit-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    3.333333% {
        -webkit-transform: matrix3d(0.32778, 0, 0, 0, 0, 0.32778, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.32778, 0, 0, 0, 0, 0.32778, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    6.666667% {
        -webkit-transform: matrix3d(0.69875, 0, 0, 0, 0, 0.69875, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.69875, 0, 0, 0, 0, 0.69875, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    10% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    13.333333% {
        -webkit-transform: matrix3d(1.1815, 0, 0, 0, 0, 1.1815, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.1815, 0, 0, 0, 0, 1.1815, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    16.666667% {
        -webkit-transform: matrix3d(1.24402, 0, 0, 0, 0, 1.24402, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.24402, 0, 0, 0, 0, 1.24402, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    20% {
        -webkit-transform: matrix3d(1.21871, 0, 0, 0, 0, 1.21871, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.21871, 0, 0, 0, 0, 1.21871, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    23.333333% {
        -webkit-transform: matrix3d(1.14702, 0, 0, 0, 0, 1.14702, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.14702, 0, 0, 0, 0, 1.14702, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    26.666667% {
        -webkit-transform: matrix3d(1.06589, 0, 0, 0, 0, 1.06589, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.06589, 0, 0, 0, 0, 1.06589, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    30% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    33.333333% {
        -webkit-transform: matrix3d(0.9603, 0, 0, 0, 0, 0.9603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.9603, 0, 0, 0, 0, 0.9603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    36.666667% {
        -webkit-transform: matrix3d(0.94663, 0, 0, 0, 0, 0.94663, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.94663, 0, 0, 0, 0, 0.94663, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    40% {
        -webkit-transform: matrix3d(0.95217, 0, 0, 0, 0, 0.95217, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.95217, 0, 0, 0, 0, 0.95217, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    43.333333% {
        -webkit-transform: matrix3d(0.96784, 0, 0, 0, 0, 0.96784, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.96784, 0, 0, 0, 0, 0.96784, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    46.666667% {
        -webkit-transform: matrix3d(0.98559, 0, 0, 0, 0, 0.98559, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.98559, 0, 0, 0, 0, 0.98559, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    50% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    53.333333% {
        -webkit-transform: matrix3d(1.00868, 0, 0, 0, 0, 1.00868, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00868, 0, 0, 0, 0, 1.00868, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    56.666667% {
        -webkit-transform: matrix3d(1.01167, 0, 0, 0, 0, 1.01167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.01167, 0, 0, 0, 0, 1.01167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    60% {
        -webkit-transform: matrix3d(1.01046, 0, 0, 0, 0, 1.01046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.01046, 0, 0, 0, 0, 1.01046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    63.333333% {
        -webkit-transform: matrix3d(1.00703, 0, 0, 0, 0, 1.00703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00703, 0, 0, 0, 0, 1.00703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    66.666667% {
        -webkit-transform: matrix3d(1.00315, 0, 0, 0, 0, 1.00315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00315, 0, 0, 0, 0, 1.00315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    70% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    73.333333% {
        -webkit-transform: matrix3d(0.9981, 0, 0, 0, 0, 0.9981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.9981, 0, 0, 0, 0, 0.9981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    76.666667% {
        -webkit-transform: matrix3d(0.99745, 0, 0, 0, 0, 0.99745, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99745, 0, 0, 0, 0, 0.99745, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    80% {
        -webkit-transform: matrix3d(0.99771, 0, 0, 0, 0, 0.99771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99771, 0, 0, 0, 0, 0.99771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    83.333333% {
        -webkit-transform: matrix3d(0.99846, 0, 0, 0, 0, 0.99846, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99846, 0, 0, 0, 0, 0.99846, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    86.666667% {
        -webkit-transform: matrix3d(0.99931, 0, 0, 0, 0, 0.99931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99931, 0, 0, 0, 0, 0.99931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    90% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    93.333333% {
        -webkit-transform: matrix3d(1.00042, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00042, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    96.666667% {
        -webkit-transform: matrix3d(1.00056, 0, 0, 0, 0, 1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00056, 0, 0, 0, 0, 1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    100% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
}

/*=========================================================================

 24. MAP
 
========================================================================= */

.page-title-map #map {
    position: absolute !important;
    height: 100%;
    z-index: 1;
}

#map {
    width: 100%;
    height: 560px;
}

.gm-style > div > a > div > img, .gm-style-cc {
    opacity: 0.1;
}

.map-wrapper {
    position: relative;
    padding: 30px 0 40px;
    text-align: center
}



/*** Circle Map Contact Info ***/

.map-center {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    position: absolute;
    height: 0;
    padding: 0 !important;
    float: left;
    width: 100%;
    z-index: 4;
}

    .map-center.off {
        z-index: 2;
    }

    .map-center .map-circle {
        background: rgba(255, 255, 255, 0.96) none repeat scroll 0 0;
        border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        box-shadow: 0 10px 36px rgba(0, 0, 0, 0.6);
        -webkit-box-shadow: 0 10px 36px rgba(0, 0, 0, 0.6);
        -moz-box-shadow: 0 10px 36px rgba(0, 0, 0, 0.6);
        font-family: "Roboto",sans-serif;
        font-size: 2em;
        font-weight: normal !important;
        height: 326px;
        left: 50%;
        margin-left: -163px;
        margin-top: 110px;
        opacity: 1;
        padding: 50px 0 0;
        position: relative;
        text-align: center !important;
        text-transform: uppercase;
        -webkit-transition: all 0.6s ease-in-out;
        -moz-transition: all 0.6s ease-in-out;
        -ms-transition: all 0.6s ease-in-out;
        -o-transition: all 0.6s ease-in-out;
        width: 326px;
        z-index: 1;
    }

    .map-center a {
        color: #ffffff;
        height: 100%;
        text-decoration: none;
        width: 100%;
    }

    .map-center a {
        color: #ffffff;
        height: 100%;
        text-decoration: none;
        width: 100%;
    }

    .map-center .map-circle span {
        float: left;
        font-size: 14px;
        width: 100%;
    }

    .map-center .map-circle span {
        float: left;
        font-size: 16px;
        font-weight: 600;
        margin: 4px 0;
        width: 100%;
    }

    .map-center.off .map-circle {
        opacity: 0;
        transform: translate(0, -30px);
        -webkit-transform: translate(0, -30px);
        -moz-transform: translate(0, -30px);
        -ms-transform: translate(0, -30px);
    }




    .map-center .logo-drk {
        color: #e74c3c;
        font-size: 19px;
        font-weight: 800;
        line-height: 46px;
        margin-bottom: 14px;
    }

.logo-drk > img {
    margin-right: 7px;
    width: 44px;
}

.map-circle p {
    font-size: 14px;
    margin-bottom: 9px;
}

.map-center h6 {
    font-size: 18px;
    margin-bottom: 16px;
    text-transform: capitalize;
}

@media (max-width:320px) {
    .map-center .map-circle {
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
    }
}



/*** Map with markers ***/

.map-marker {
    cursor: crosshair;
    position: absolute;
    transform: scale(0.9);
    -webkit-transition: transform ease-in-out .25s;
    -moz-transition: transform ease-in-out .25s;
    transition: transform ease-in-out .25s
}

    .map-marker:hover {
        position: absolute;
        transform: scale(1)
    }

.red-marker {
    top: 16%;
    left: 12%;
}

.blue-marker {
    top: 43%;
    left: 19%;
}

.green-marker {
    top: 13.5%;
    left: 39.5%;
}

.purple-marker {
    left: 59%;
    top: 21%;
}

.yellow-marker {
    left: 43%;
    top: 40%;
}

.orange-marker {
    top: 48%;
    right: 15.56%;
}

/*=========================================================================

 25. Contact form
 
=========================================================================*/


/* ===================================== */
/* box-style                             */
/* ===================================== */

.box-style {
    background: #fff;
    border: 1px solid #dfdcd6;
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 1px rgba(224, 222, 220, 0.75);
    box-shadow: 0 1px 1px rgba(224, 222, 220, 0.75);
    margin-bottom: 50px;
    position: relative;
    z-index: 0;
}

    .box-style:after {
        content: '';
        height: 4px;
        background: #fbfbfb;
        border: 1px solid #dfdcd6;
        border-top: none;
        border-radius: 0 0 4px 4px;
        -webkit-box-shadow: 0 1px 1px rgba(224, 222, 220, 0.75);
        box-shadow: 0 1px 1px rgba(224, 222, 220, 0.75);
        position: absolute;
        bottom: -6px;
        left: 8px;
        right: 8px;
    }

    .box-style > .inner {
        padding: 22px 24px 26px;
    }

        .box-style > .inner .text2 {
            margin-top: 0;
        }

    .box-style .title {
        margin-top: 10px;
    }

    .box-style .title,
    .comment-box .title {
        background: url("../img/patterns/pattern-stripes.png") repeat scroll 0 50% rgba(0, 0, 0, 0);
        color: #343844;
        font-size: 18px;
        overflow: hidden;
        text-shadow: 0 0 0;
        line-height: 26px;
    }

        .box-style .title span,
        .comment-box .title span {
            background: none repeat scroll 0 0 #fff;
            float: left;
            padding: 0 31px 0 0 !important;
        }

/* ===================================== */
/* Form-style                            */
/* ===================================== */


.form1 {
    position: relative;
    vertical-align: top;
    z-index: 1;
    font-family: "Roboto",sans-serif;
    padding-top: 6px;
}

    .form1 fieldset {
        border: none;
        padding: 0;
    }

    .form1 label {
        display: block;
        margin-bottom: 23px;
        position: relative;
    }

        .form1 label.message {
            height: 191px;
        }

    .form1 input {
        background: none repeat scroll 0 0 #FCFCFC;
        outline: none;
        border: 1px solid #E3E3E3;
        color: #777;
        font-family: "Roboto",sans-serif;
        font-size: 15px;
        font-weight: 300;
        height: auto;
        margin: 0;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        padding: 21px 18px;
        width: 100%;
        display: inline-block;
    }

#cd-pop-form .form1 input,
#cd-pop-form .form1 textarea {
    padding: 11px 8px;
}

#cd-pop-form .form1 label.message {
    height: 91px;
}

.form1 .area .error {
    float: none;
}

.form1 textarea {
    background: none repeat scroll 0 0 #FCFCFC;
    height: 100%;
    margin: 0;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    resize: none;
    outline: none;
    border: 1px solid #E3E3E3;
    padding: 21px 18px;
    overflow: auto;
    color: #777;
    font-size: 15px;
    font-weight: 300;
    display: block;
}

.form1 .success {
    background: none repeat scroll 0 0 #f6f6f5;
    border: 1px solid #333333;
    display: none;
    height: 166px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    position: absolute;
    width: 301px;
    z-index: 1;
}

.p27 {
    margin-right: 10px;
}

.form1 .success .success_txt {
    color: #000;
    position: relative;
    text-align: center;
    top: 34%;
}

.form1 .error,
.form1 .empty {
    background: none repeat scroll 0 0 #000;
    color: #FFFFFF;
    font-size: 10px;
    line-height: 1.25em;
    padding: 3px 6px;
    display: none;
    font-family: "Roboto",sans-serif;
    overflow: hidden;
    position: absolute;
    right: 16px;
    top: 0;
}

.form1 .message .error,
.form1 .message .empty {
    right: 16px;
    top: 0;
}

.link-form {
    float: left;
}

address {
    font-size: 14px;
    font-style: normal;
    line-height: 32px;
    margin-bottom: 20px;
}

    address strong {
        color: #333333;
        display: inline-block;
        font-family: raleway;
        font-size: 18px;
        font-weight: 400;
        line-height: 36px;
        margin-bottom: 24px;
    }

    address i {
        width: 30px;
    }

    address span {
        display: block;
        margin-bottom: 13px;
    }

@media only screen and (max-width: 995px) {
    .form1 input, .form1 textarea {
        width: 100%;
    }

    .form1 label.message {
        width: 100%;
        height: 222px;
    }

    .form1 label {
        width: 100%;
    }

    .form1 .success {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .form1 input, .form1 textarea {
        width: 100%;
    }

    .form1 label {
        width: 100%;
    }

    .form1 .success {
        width: 100%;
    }
}


/*=========================================================================

 26. Footer

========================================================================= */



/* ===================================== */
/* Social ICONS                          */
/* ===================================== */

.social-icons {
    margin-bottom: 0
}

    .social-icons:after {
        display: table;
        content: "";
        clear: both
    }

    .social-icons .social-icon {
        display: inline-block;
        float: right;
        line-height: 0;
        margin-bottom: 0;
        margin-left: -1px;
        width: 25%;
    }

        .social-icons .social-icon:last-child i {
            border-right: 1px solid rgba(255, 255, 255, 0.1);
        }

        .social-icons .social-icon i {
            border-color: rgba(255, 255, 255, 0.1);
            border-style: none solid solid;
            border-width: 0 1px 1px;
            color: #fff;
            font-size: 21px;
            height: 112px;
            line-height: 112px;
            overflow: hidden;
            text-align: center;
            transition: all 0.3s ease 0s;
            width: 100%;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            border-radius: 0;
            -webkit-transition: all 0.3s ease; /* Safari 3.2+, Chrome */
            -moz-transition: all 0.3s ease; /* Firefox 4-15 */
            -o-transition: all 0.3s ease; /* Opera 10.5-12.00 */
            transition: all 0.3s ease; /* Firefox 16+, Opera 12.50+ */
        }

        .social-icons .social-icon:hover i {
            color: #fff;
            background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
            border-color: -moz-use-text-color rgba(0, 0, 0, 0.07);
            border-style: none solid;
            border-width: 0 1px;
        }

            .social-icons .social-icon:hover i:before {
                -webkit-animation: fadeIn 0.3s ease-in;
                -moz-animation: fadeIn 0.3s ease-in;
                animation: fadeIn 0.3s ease-in;
                display: inline-block
            }

        .social-icons .social-icon:last-child {
            margin-right: 0
        }

    .social-icons.size-sm .social-icon {
        margin-left: 5px;
        margin-right: 5px;
    }

        .social-icons.size-sm .social-icon i {
            -webkit-border-radius: 21px;
            -moz-border-radius: 21px;
            border-radius: 21px;
            font-size: 17px;
            height: 2.4em;
            line-height: 2.35em;
            width: 2.4em;
        }

    .social-icons.style1 .social-icon i {
        color: #747d85;
        border: 1px solid #d4dde5
    }

    .social-icons.style1 .social-icon:hover i {
        border-color: transparent;
        color: #fff
    }

@media (max-width: 800px) {
    .social-icons .social-icon i {
        font-size: 16px;
        line-height: 63px;
        height: 63px;
    }
}



/* ===================================== */
/* Newsletter                            */
/* ===================================== */


#newsletter_signup {
    margin-bottom: 31px;
    margin-top: 31px;
    position: relative;
    text-align: right;
}

    #newsletter_signup input[type="email"].form-control {
        background: url("../img/icons/mail.png") no-repeat scroll 10px 6px #ffffff;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        font-size: 15px;
        height: 50px;
        padding: 5px 15px 5px 65px;
        width: 100%;
    }

    #newsletter_signup input[type="submit"] {
        background: none repeat scroll 0 0 #000;
        border: 0 none;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        color: #ffffff;
        cursor: pointer;
        float: right;
        font-size: 14px;
        font-weight: 600;
        height: 44px;
        margin: 3px;
        padding: 6px 20px;
        position: absolute;
        right: 0;
        text-transform: uppercase;
        top: 0;
        -webkit-transition: all 0.3s ease; /* Safari 3.2+, Chrome */
        -moz-transition: all 0.3s ease; /* Firefox 4-15 */
        -o-transition: all 0.3s ease; /* Opera 10.5-12.00 */
        transition: all 0.3s ease; /* Firefox 16+, Opera 12.50+ */
    }

        #newsletter_signup input[type="submit"]:hover {
            background: #212429;
        }

    #newsletter_signup input[type="email"]:focus {
        box-shadow: 0 0 0 0 #000;
    }

@media (max-width: 800px) {
    #newsletter_signup {
        margin-bottom: 6px;
        margin-top: 6px;
    }

        #newsletter_signup input.form-control[type="email"] {
            font-size: 12px;
        }

        #newsletter_signup input[type="submit"] {
            font-size: 12px;
            padding: 6px 10px;
            text-transform: lowercase;
        }
}

/* ===================================== */
/* Recent Post                           */
/* ===================================== */


.recent-posts > li {
    width: 100%;
    margin-bottom: 1px;
    background: #edf6ff;
    padding: 8px
}

    .recent-posts > li:last-child {
        margin-bottom: 0
    }

.recent-posts .post-author-avatar {
    display: table-cell;
    padding-right: 12px;
    vertical-align: middle
}

    .recent-posts .post-author-avatar span {
        border: 4px solid rgba(255, 255, 255, 0.1);
        width: 48px;
        height: 48px;
        -webkit-border-radius: 50% 50% 50% 50%;
        -moz-border-radius: 50% 50% 50% 50%;
        -ms-border-radius: 50% 50% 50% 50%;
        border-radius: 50% 50% 50% 50%;
        display: block
    }

    .recent-posts .post-author-avatar img {
        width: 100%;
        height: auto;
        -webkit-border-radius: 50% 50% 50% 50%;
        -moz-border-radius: 50% 50% 50% 50%;
        -ms-border-radius: 50% 50% 50% 50%;
        border-radius: 50% 50% 50% 50%;
        -moz-transition: all 0.25s ease 0s;
        -o-transition: all 0.25s ease 0s;
        -webkit-transition: all 0.25s ease 0s;
        -ms-transition: all 0.25s ease 0s;
        transition: all 0.25s ease 0s
    }

    .recent-posts .post-author-avatar:hover img {
        filter: alpha(opacity=80);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        -moz-opacity: 0.8;
        -khtml-opacity: 0.8;
        opacity: 0.8
    }

.recent-posts .post-content {
    display: table-cell;
    vertical-align: middle
}

.recent-posts .post-title {
    margin-bottom: 12px;
    display: block;
    font-size: 1.1667em;
}

    .recent-posts .post-title:hover {
        color: #3451c6
    }

.recent-posts .post-meta {
    font-size: 0.8333em;
    margin-bottom: 0
}



/* ===================================== */
/* FOOTER                                */
/* ===================================== */


#footer.style4 .footer-wrapper .btn.style4:hover {
    border-color: #000;
}

#footer {
    overflow: hidden;
    position: relative;
    z-index: 99;
}

    #footer .section-title {
        font-weight: 600;
        font-size: 14px;
        text-transform: uppercase;
    }

    #footer .footer-wrapper .container {
        position: relative
    }

        #footer .footer-wrapper .container > .row {
            margin: 0 -20px 0 -30px
        }

            #footer .footer-wrapper .container > .row > div {
                padding: 60px 15px 60px 30px
            }

@media (max-width: 980px) {
    #footer .footer-wrapper .container > .row > div {
        border-top: 1px solid rgba(0, 0, 0, 0.03);
        padding: 30px 15px 30px 30px;
    }
}

#footer .footer-wrapper .container > .row > div:last-child {
    position: relative
}

#footer .footer-wrapper .container:after {
    content: "";
    position: absolute;
    display: block;
    left: 100%;
    top: 0;
    height: 100%;
    bottom: 0;
    width: 2000px
}

#footer .recent-posts > li {
    width: 100%;
    margin-bottom: 10px;
    padding: 0;
    background: none
}

    #footer .recent-posts > li:last-child .post-content {
        border-bottom: none
    }

#footer .recent-posts .post-author-avatar {
    vertical-align: top
}

#footer .recent-posts .post-content {
    border-bottom: 1px solid #edf6ff;
    padding: 5px 0 12px
}

#footer .recent-posts .post-title {
    font-size: 13px;
}

    #footer .recent-posts .post-title:hover {
        color: #3451c6
    }

#footer .useful-links a {
    font-weight: 600
}

#footer .useful-links li:hover a {
    color: #1b4268
}

#footer .useful-links li:hover:before {
    color: #3451c6
}

#footer .copyright-area {
    display: table;
    width: 100%;
    padding: 20px 0;
    color: #ffffff;
}

    #footer .copyright-area .secondary-menu {
        display: table-cell;
        vertical-align: middle
    }

    #footer .copyright-area .copyright {
        display: table-cell;
        vertical-align: middle;
        direction: rtl
    }

#footer .secondary-menu .nav > li > a {
    letter-spacing: 0.1em;
    padding: 5px 10px;
    text-transform: uppercase;
}

    #footer .secondary-menu .nav > li > a:hover, #footer .secondary-menu .nav > li > a:focus {
        background: none;
        color: #ff5533;
    }

#footer .footer-wrapper {
    background: #edf6ff
}

    #footer .footer-wrapper .btn {
        padding: 0 20px
    }

#footer.style4 {
    background: none repeat scroll 0 0 #1c1f24;
}

    #footer.style4 .callout-box.style2 {
        background: none repeat scroll 0 0 #00abd9;
    }

    #footer.style4 .footer-wrapper {
        background: #202e31 none repeat scroll 0 0;
    }

        #footer.style4 .footer-wrapper .post-title, #footer.style4 .footer-wrapper .useful-links li:hover a {
        }

            #footer.style4 .footer-wrapper .post-title:hover {
                color: #000000;
            }

        #footer.style4 .footer-wrapper .section-title {
        }

        #footer.style4 .footer-wrapper .recent-posts .post-content {
            border-bottom-color: #e6e6e6;
        }

#footer .post-content > p {
    margin-bottom: 0;
}

#footer.style4 .footer-wrapper .useful-links {
    display: inline-block
}

    #footer.style4 .footer-wrapper .useful-links li {
        border-bottom: 1px solid #e6e6e6;
        padding-bottom: 10px;
        margin-bottom: 12px;
        padding-right: 30px
    }

        #footer.style4 .footer-wrapper .useful-links li:last-child {
            border-bottom: none
        }

#footer.style4 .footer-wrapper .btn.style4 {
    border-color: #3451c6;
}

.carousel-sliderL1 .item img {
    height: 550px;
}

.goals ul li {
    font-size: 18px;
    list-style: circle;
}

a.banner-title {
    font-size: 22px;
    display: block;
    color: #e6c300;
    margin: 15px 0;
    font-weight: 600;
}

.footer-logos .vision {
    width: 200px;
    margin: 35px 0;
}

.advantages li {
    list-style: circle;
    font-size: 18px;
}

.saudi-vision {
    width: 100px;
    padding: 20px 0;
    margin-left: 10px;
    display: inline-block;
    float: left;
}

.btn.style4 {
    float: right;
}

@media (max-width: 768px) {
    .carousel-sliderL1 .item img {
        height: 410px;
    }
}

.post-content a.post-btn {
    font-weight: bold;
}

.services {
    height: 240px;
    width: 100%;
    margin-bottom: 20px !important;
}

.post-content > h3 {
    font-size: 17px !important;
}

.profile {
    background: #108d45;
    padding: 10px 20px;
    color: #fff;
    border: solid 2px #e6c300;
    border-radius: 40px;
    font-weight: bold;
    float: right;
}


@media (max-width: 980px) {
    #footer .nav {
        display: inline-block;
    }

    #footer .secondary-menu {
        border-bottom: 1px solid rgba(255,255,255,0.06);
        padding-bottom: 18px;
    }

    #footer .secondary-menu, .copyright {
        display: inline-block !important;
        margin: 15px 0;
        text-align: center !important;
        width: 100%;
    }
}

.img-st-hv img {
    width: 100%;
    height: 185px;
    border: 4px solid #a6d169;
}

.box-title, .center {
    position: relative;
}

    .box-title:after, .center:after {
        content: "";
        position: absolute;
        bottom: -15px;
        left: 47%;
        border: 3px solid #e6c300;
        width: 70px;
    }

@media (max-width: 768px) {
    .box-title:after, .center:after {
        content: "";
        position: absolute;
        bottom: -15px;
        left: 41%;
        border: 3px solid #e6c300;
        width: 70px;
    }
}

.about-us {
    margin-top: 50px;
}

.desc-lg {
    margin-bottom: 50px;
}

.img-style-1.team-wrap:hover .owl-img-wrapper img {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
}

.title-slider-small {
    font-size: 30px;
}

.filters li a {
    font-size: 16px;
}

.img-st {
    background: rgba(105, 173, 72, 0.50) none repeat scroll 0 0;
}

@media (max-width: 768px) {
    ul.owl-menu.menu-content {
        width: 150px;
    }
}

.service-content {
    padding-bottom: 50px;
}

    .service-content a {
        background: none;
        font-weight: bold;
        border: 2px solid rgba(0, 0, 0, 0.1);
        border-radius: 20px;
        padding: 5px 10px;
        color: #000000;
        margin-bottom: 20px;
        transition: all .5s ease-in-out;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
    }

        .service-content a:hover {
            text-decoration: none;
            background: rgb(0, 171, 217);
            border: 2px solid rgb(0, 171, 217);
            color: #fff;
        }

.general ol {
    text-align: right;
    font-size: 16px;
}

    .general ol li {
        margin-bottom: 20px;
    }

a.style1 {
    background: transparent;
    color: #000;
    border: 3px solid #ddd;
}

#footer.style4 .footer-wrapper .section-title {
    color: #ffff;
    font-size: 22px;
}

.btn.style1:hover, .btn.style1:active, .btn.style1:focus {
    background: #e6c300;
    color: #fff;
    border: 3px solid #e6c300;
}

/*Start Scroll Top*/
.scroll-top {
    color: #e6c300;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99999;
    cursor: pointer;
    display: none
}
/*End Scroll Top*/

.header-inner {
    background: #fff;
    border-bottom: 3px solid #e6c300;
}

.social-links a {
    margin-left: 15px;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}

    .social-links a:hover {
        color: #e6e6e6;
    }

.post-content > h3 {
    font-size: 21px;
}

.presedent-speech {
    background: #eee;
    padding: 40px 0;
}

.calculate span {
    display: block
}

@media (max-width: 768px) {
    .calculate {
        margin-top: 40px;
    }
}

button.price {
    padding: 15px;
    background: #108d45;
    border: 2px solid #989899;
    color: #fff;
    font-weight: bold;
    width: 200px;
    border-radius: 30px;
    outline: none;
}

span.price {
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin: 40px 0;
}

.counter {
    background-color: #f5f5f5;
    padding: 20px 0;
    border-radius: 5px;
}

.count-title {
    font-size: 40px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
}

.count-text {
    font-size: 13px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
}

.fa-2x {
    margin: 0 auto;
    float: none;
    display: table;
    color: #4ad1e5;
}

.general input[type="text"] {
    padding: 10px;
    margin-right: 20px;
}

.modal-body .details {
    width: 50%;
}

.cart {
    margin-top: 50px;
}

    .cart td img {
        width: 175px;
        margin: 0 auto;
    }


.close {
    float: right;
    margin-top: -23px !important;
    font-size: 30px;
}

.thum-img {
    width: 150px;
    position: absolute;
    top: 24px;
    right: 13px;
}

input[type="number"] {
    padding: 10px 5px;
    margin-left: 20px;
}

.cart tr, .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    text-align: center;
}

select {
    width: 100%;
    padding: 21px 18px;
    background: #fcfcfc;
    border: 1px solid #E3E3E3;
    color: #777;
}

.top {
    background: #1c1f24;
    padding: 4px 0;
}

@media(max-width: 768px) {
    .sign-in, .sign-up {
        margin-bottom: 10px;
    }

    .cart-icon {
        text-align: right;
    }
}

.modal-backdrop {
    z-index: 9;
}

button.sign-in {
    background: transparent;
    border: transparent;
    color: #fff;
    font-weight: bold;
    outline: none;
}

.modal-body input[type="text"], .modal-body input[type="password"] {
    color: #777;
    display: block;
    margin-bottom: 15px;
    padding: 10px;
    width: 100%;
}

.btn:last-child {
    float: right;
}

.keep-in-touch {
    float: left;
}

/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

/* Provide sufficient contrast against white background */

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}


/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

.card-counter {
    box-shadow: 2px 2px 10px #DADADA;
    margin: 5px;
    padding: 20px 10px;
    background-color: #fff;
    height: 100px;
    border-radius: 5px;
    transition: .3s linear all;
}

    .card-counter:hover {
        box-shadow: 4px 4px 20px #DADADA;
        transition: .3s linear all;
    }

    .card-counter.primary {
        background-color: #007bff;
        color: #FFF;
    }

    .card-counter.danger {
        background-color: #ef5350;
        color: #FFF;
    }

    .card-counter.success {
        background-color: #66bb6a;
        color: #FFF;
    }

    .card-counter.info {
        background-color: #26c6da;
        color: #FFF;
    }

    .card-counter i {
        font-size: 4em;
        opacity: 0.5;
    }

    .card-counter .count-numbers {
        position: absolute;
        left: 35px;
        top: 20px;
        font-size: 32px;
        display: block;
    }

    .card-counter .count-name {
        position: absolute;
        top: 65px;
        font-style: normal;
        text-transform: capitalize;
        opacity: 0.7;
        display: contents;
        font-size: 18px;
    }

.total {
    background: #eee;
    padding: 20px 0;
    text-align: center;
    border: 1px solid #716d6d;
    margin-bottom: 20px;
    font-size: 20px;
}

@media (max-width: 768px) {
    .intro-video iframe {
        height: 400px;
        width: 100%;
    }

    .panel-group h3.panel-title {
        font-size: 18px;
    }

    .keep-in-touch {
        margin-bottom: 30px;
    }
}