/* ************************************************   

Theme Name: Powerstyle

Author: TMonkeyce

Text Domain: Monkeyce

Theme URI:  http://demo3-monkeyce.com/

Author URI: http://www.monkeyce.com/



TABLE CONTENT





- RESET

- GLOBAL WP

- FOOTER

- SIDEBAR

- SECTION ELEMENTS

- PORTFOLIO

- LOADER

- HOVER EFFECT

- ALERTS

- PROGRESS

- SERVICE TABS

 -SERVICE ITEM

- COUNTERS

- SOCIAL LIST

- PAGINATION

- NAV TABS

- CONTACT

- GALLERY

- FEATURED SECTION

- ACCORDION  SECTION 

- SKILL SECTION

- FEATURED LIST SECTION

- TEAM SECTION 

- PRELOADERS

- SERVICES

- PORTFOLIO

- PLAN SECTION 

- INTRO SECTION

- PRICE SECTION

- JARALLAX

- BUTTONS STYLES 

- SHUFFLE TEXT

- BLOG







-------------------------------------------------------------------*/





/* RESET */



html,

body,

div,

span,

applet,

object,

iframe,

h1,

h2,

h3,

h4,

h5,

h6,

p,

blockquote,

pre,

a,

abbr,

acronym,

address,

big,

cite,

code,

del,

dfn,

em,

img,

ins,

kbd,

q,

s,

samp,

small,

strike,

strong,

sub,

sup,

tt,

var,

b,

u,

i,

center,

dl,

dt,

dd,

ol,

ul,

li,

fieldset,

form,

label,

legend,

table,

caption,

tbody,

tfoot,

thead,

tr,

th,

td,

article,

aside,

canvas,

details,

embed,

figure,

figcaption,

footer,

header,

hgroup,

menu,

nav,

output,

ruby,

section,

summary,

time,

mark,

audio,

video {

    margin: 0;

    padding: 0;

    border: 0;

    vertical-align: baseline;

}



html {

    line-height: 1;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

}



caption,

th,

td {

    text-align: left;

    font-weight: normal;

    vertical-align: middle;

}



q,

blockquote {

    quotes: none;

}



q:before,

q:after,

blockquote:before,

blockquote:after {

    content: "";

    content: none;

}



a img {

    border: none;

}



article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section,

summary {

    display: block;

}



::selection {

    color: #fff;

    text-shadow: none;

    background: #d2583e;

}



.ua-safari::selection {

    background: none !important;

}



.b-team-holder {

    -moz-user-select: none;

    /* Firefox */

    -ms-user-select: none;

    /* Internet Explorer */

    -khtml-user-select: none;

    /* KHTML browsers (e.g. Konqueror) */

    -webkit-user-select: none;

    /* Chrome, Safari, and Opera */

    -webkit-touch-callout: none;

    /* Disable Android and iOS callouts*/

}





/******GLOBAL*******/



body {

    font-size: 16px;

    color: #333;

    overflow-x: hidden;

}



.layout-theme {

    background: #fff;

}



* {

    outline: none !important;

}



.vcenter {

    display: inline-block;

    vertical-align: middle;

    float: none;

}



.img-responsive {

    display: inline-block;

    vertical-align: middle;

}



.vtop {

    display: inline-block;

    vertical-align: top;

    float: none;

}



.vertical-middle {

    vertical-align: middle;

}



.vertical-bottom {

    vertical-align: bottom;

}



.no-margin {

    margin: 0 !important;

}



.row.row-margin {

    margin-bottom: 40px;

}



.row.no-gutter {

    margin-left: 0;

    margin-right: 0;

}



.row.no-gutter [class*='col-']:not(:first-child),

.row.no-gutter [class*='col-']:not(:last-child) {

    padding-left: 0;

    padding-right: 0;

}



html .wpb_column,

.wpb_row {

    z-index: initial;

}



.relative {

    position: relative;

}



.text-white {

    color: #fff;

}



.no-border {

    border: none !important;

}



.font-bold {

    font-weight: bold;

}



.font-bold.btn {

    font-weight: bold;

}



.invertX {

    -moz-transform: scaleX(-1);

    -o-transform: scaleX(-1);

    -webkit-transform: scaleX(-1);

    transform: scaleX(-1);

    filter: FlipH;

    -ms-filter: "FlipH";

}



.gmnoprint a,

.gmnoprint span,

.gm-style-cc {

    display: none;

}



.gmnoprint div {

    background: none !important;

}



.300 {

    font-weight: 300;

}



h1 {

    font-size: 44px;

    margin: 0 0 0.5em;

    font-weight: 500;

}



h2 {

    font-size: 36px;

    margin: 0 0 0.5em;

    font-weight: 500;

}



h3 {

    font-size: 28px;

    margin: 0 0 0.5em;

    font-weight: 500;

}



h4 {

    font-size: 20px;

    margin: 0 0 0.5em;

    font-weight: 500;

}



h5 {

    font-size: 18px;

    margin: 0 0 0.5em;

    font-weight: 500;

    line-height: 1.6;

}



h6 {

    font-size: 16px;

    margin: 0 0 0.5em;

    font-weight: 500;

}



h1.thin,

h2.thin,

h3.thin,

h4.thin,

h5.thin,

h6.thin {

    font-weight: 300;

}



h1.normal,

h2.normal,

h3.normal,

h4.normal,

h5.normal,

h6.normal {

    font-weight: 500;

}



h1.bold,

h2.bold,

h3.bold,

h4.bold,

h5.bold,

h6.bold {

    font-weight: bold;

}



h1.with-underline.under-orange:after,

h2.with-underline.under-orange:after,

h3.with-underline.under-orange:after,

h4.with-underline.under-orange:after,

h5.with-underline.under-orange:after,

h6.with-underline.under-orange:after {

    border-color: #ed912a;

}



h1.with-underline.under-blue:after,

h2.with-underline.under-blue:after,

h3.with-underline.under-blue:after,

h4.with-underline.under-blue:after,

h5.with-underline.under-blue:after,

h6.with-underline.under-blue:after {

    border-color: #088cdc;

}



h1.with-underline:after,

h2.with-underline:after,

h3.with-underline:after,

h4.with-underline:after,

h5.with-underline:after,

h6.with-underline:after {

    content: "";

    display: block;

    width: 60px;

    max-width: 100%;

    border-bottom: 1px solid #088cdc;

    margin-top: 20px;

    margin-bottom: 0.5em;

}



.bold {

    font-weight: bold;

}



a.orange:hover {

    color: #ed912a;

}



a:hover {

    text-decoration: none;

}



p,

.rtd {

    font-size: 15px;

    line-height: 1.7;

    color: #333;

}



.page-content.rtd {

    margin-bottom: 50px;

}



p {

    margin-bottom: 10px;

}



p span.hightlited-blue,

p span.hightlited-orange {

    padding: 0 5px;

    color: #fff;

}



p span.hightlited-blue {

    background: #088cdc;

}



p span.hightlited-orange {

    background: #ed912a;

}



p span.hightlited-dotted {

    border: 1px dotted #777777;

    color: #088cdc;

    padding: 0 5px;

}



p .first-letter {

    font-size: 48px;

    width: 60px;

    font-weight: bold;

    text-align: center;

    line-height: 60px;

    margin: 8px 15px 15px 0;

    float: left;

    text-transform: uppercase;

}



p .first-letter.circle {

    border-radius: 50%;

}



p .first-letter.blue-first-letter {

    background: #237ac6;

    color: #fff;

}



p .first-letter.square {

    font-size: 32px;

    line-height: 40px;

    height: 40px;

    width: 40px;

}



p .first-letter.orange-first-letter {

    background: #ed912a;

    color: #fff;

}



blockquote {

    display: block;

}



blockquote.blockquote-free {

    padding: 15px 0 15px 70px;

    font-size: 26px;

    color: #333;

    font-style: italic;

    line-height: 36px;

    margin-bottom: 60px;

}



blockquote.blockquote-free .author {

    font-size: 14px;

    font-weight: bold;

    color: #ed912a;

    text-transform: uppercase;

    font-style: normal;

}



blockquote.blockquote-box {

    padding: 15px 35px 10px 35px;

    font-size: 14px;

    /* color: #000000; */

    font-style: italic;

    line-height: 28px;

    margin-bottom: 60px;

    background: #f6f6f6;

    border-left: 5px solid #ed912a;

}



blockquote.blockquote-box p {

    font-size: 14px;

    font-style: italic;

    line-height: 28px;

}



blockquote.blockquote-box.text-left {

    text-align: left;

}



blockquote.blockquote-box.white-blockquote {

    background-color: #fff;

}



blockquote.blockquote-full {

    padding: 50px 25px 50px 135px;

    font-size: 16px;

    color: #fff;

    font-weight: bold;

    line-height: 30px;

    margin-bottom: 60px;

    background-color: #237ac6;

}



blockquote.blockquote-full.blue-blockquote {

    background: url(images/icons/quotes-orange-circle.png) 34px 59px no-repeat;

    background-color: #237ac6;

}



.blockquote-box {

    text-align: right;

    margin-bottom: 20px;

}



.blockquote-box.white-box blockquote {

    background: url(images/icons/quotes-orange.png) 40px 40px no-repeat;

    background-color: #fff;

    background-size: 25px 20px;

}



.blockquote-box.white-box blockquote:after {

    border-left-color: #fff;

}



.blockquote-box.white-box .wrap-author .avatar {

    border: 5px solid #fff;

}



.blockquote-box blockquote {

    text-align: left;

    padding: 40px 20px 40px 80px;

    color: #333333;

    font-style: italic;

    line-height: 28px;

    position: relative;

    margin-bottom: 30px;

    background: url(images/icons/quotes-orange.png) 40px 40px no-repeat;

    background-color: #f6f6f6;

    background-size: 25px 20px;

}



.blockquote-box blockquote:after {

    content: "";

    border: 20px solid transparent;

    border-left-color: #f6f6f6;

    display: block;

    position: absolute;

    top: 100%;

    right: 30px;

    margin-top: -20px;

}



.blockquote-box .wrap-author {

    display: inline-block;

    text-align: left;

}



.blockquote-box .wrap-author .avatar {

    overflow: hidden;

    width: 60px;

    height: 60px;

    border: 5px solid #f6f6f6;

    border-radius: 50%;

    background: #fff;

}



.blockquote-box .wrap-author .author {

    padding-left: 10px;

}



.blockquote-box .wrap-author .author a {

    display: block;

    color: #237ac6;

    font-size: 12px;

    font-weight: 500;

    text-transform: uppercase;

}



.blockquote-box .wrap-author .author span {

    color: #777777;

    font-size: 13px;

    font-style: italic;

    text-align: left;

}



.post-password-form input[type=password] {

    background: #fff none repeat scroll 0 0;

    border: 1px solid #e8ecef;

    border-radius: 0;

    color: #333;

    font-size: 15px;

    padding: 5px;

}



#respond .btn {

    margin: 25px 0;

    float: right;

}



.btn.btn-warning {

    background: #ed912a;

    border: 1px solid #ed912a !important;

    color: #fff;

    font-size: 15px;

    font-weight: 400;

    padding: 10px 25px;

    line-height: 30px;

    border-radius: 3px;

    text-transform: uppercase;

    box-shadow: none !important;

}



.btn .fa {

    font-size: 14px;

    padding-left: 10px;

}



.btn .icon-envelope {

    line-height: 30px;

    display: inline-block;

    vertical-align: bottom;

    margin-right: 10px;

}



.btn.btn-sm {

    padding: 5px 15px;

    font-size: 13px;

}



.btn.btn-lg {

    padding: 15px 35px;

    font-size: 18px;

}



.btn.btn-checkbox {

    padding: 0;

    line-height: 30px;

    color: #555555;

    text-transform: none;

    margin-right: 10px;

}



.btn.btn-checkbox.active:before {

    font-family: FontAwesome;

    content: "\f00c";

    color: #555;

}



.btn.btn-checkbox.checkbox-blue:before {

    background: #088cdc;

    border-color: #088cdc;

    color: #fff;

}



.btn.btn-checkbox.checkbox-orange:before {

    background: #ed912a;

    border-color: #ed912a;

    color: #fff;

}



.btn.btn-checkbox:before {

    content: "";

    width: 22px;

    height: 22px;

    border: 1px solid #cccccc;

    background: #fff;

    display: inline-block;

    vertical-align: middle;

    margin-right: 5px;

    margin-bottom: 5px;

    line-height: 20px;

    text-align: center;

}



.btn.btn-radio {

    padding: 0;

    line-height: 30px;

    color: #555555;

    text-transform: none;

    margin-right: 10px;

}



.btn.btn-radio.active:before {

    font-family: FontAwesome;

    content: "\f111";

    color: #555;

}



.btn.btn-radio.radio-blue:before {

    background: #088cdc;

    border-color: #088cdc;

    color: #fff;

}



.btn.btn-radio.radio-white:before {

    border: 1px solid #ccc;

    background: #fff;

    color: #088cdc;

}



.btn.btn-radio:before {

    content: "";

    width: 18px;

    height: 18px;

    border: 1px solid #cccccc;

    background: #fff;

    display: inline-block;

    vertical-align: middle;

    margin-right: 5px;

    margin-bottom: 5px;

    line-height: 16px;

    text-align: center;

    border-radius: 50%;

    font-size: 10px;

}



.btn.btn-primary {

    border: 1px solid #eee;

    font-size: 13px;

    font-weight: 500;

    letter-spacing: 1px;

    color: #222;

    background: #fff;

    text-transform: uppercase;

}



.btn.btn-primary:active,

.btn.btn-primary:focus,

.btn.btn-primary:hover {

    background: #1664A9;

}



.btn.btn-white-orange {

    color: #333;

    background: #fff;

    border: 1px solid #e8ecef

}



.btn.btn-white-orange.orange {

    color: #ed912a;

}



.btn.btn-white-orange.orange i {

    color: #088cdc;

}



.btn.btn-white-orange:active,

.btn.btn-white-orange:focus,

.btn.btn-white-orange:hover {

    background: #ed912a;

    border: 1px solid #ed912a !important;

    color: #fff;

}



.btn.btn-white-orange:active i,

.btn.btn-white-orange:focus i,

.btn.btn-white-orange:hover i {

    color: #fff;

}



.btn.btn-white-orange:active.no-border,

.btn.btn-white-orange:focus.no-border,

.btn.btn-white-orange:hover.no-border {

    border: none !important;

}



.btn.btn-white-orange.no-border {

    border: none !important;

}



.post-body .btn {

    background: #ed912a;

    border: 1px solid #ed912a !important;

    color: #fff;

}



.btn.btn-warning:active,

.btn.btn-warning:focus,

.btn.btn-warning:hover {

    background: #DF831D;

}



.btn.btn-default {

    background: transparent;

    border: 1px solid #eee;

    border-radius: 100px;

}



.btn.btn-default:active,

.btn.btn-default:focus,

.btn.btn-default:hover {

    background: #EFEFEF;

    border-color: #EFEFEF;

}



.btn.btn-default.btn-default-bordered {

    border: 2px solid #cccccc !important;

}



.btn.btn-transparent {

    background: none;

    border: none;

    box-shadow: none;

}



.btn.btn-transparent.orange i {

    color: #237ac6;

}



.btn.btn-transparent.orange:hover {

    color: #ed912a;

}



.input-group input[type=text] {

    height: 52px;

    background: #fff;

}



.input-group input[type=text]:first-child {

    padding-left: 15px;

    border-radius: 3px 0 0 3px;

}



.form-group.has-feedback input[type=text]-feedback {

    line-height: 40px;

    height: 40px;

    color: #ed912a;

}



.form-group.has-feedback input[type=text] {

    padding-right: 45px;

}



textarea {

    max-width: 100%;

}



textareainput[type=text] {

    margin-bottom: 40px;

    min-height: 100px;

    resize: none;

}



input[type=text],

html .km_cf7-input-container input[type=email],

html .km_cf7-input-container input[type=text],

html .km_cf7-input-container textarea {

    padding: 10px 0;

    background-color: #f6f6f6;

    box-shadow: none !important;

    outline: none;

    border: none;

    border-radius: 0;

    padding-left: 0;

    height: 40px;

    color: #aaaaaa;

    font-size: 15px;

    width: 100%;

}



textarea {

    background: none;

    box-shadow: none !important;

    outline: none;

    border: none;

    border-bottom: 1px solid #e8ecef;

    border-radius: 0;

    border-radius: none;

    padding-left: 0;

    color: #999;

    color: #aaaaaa;

    font-size: 15px;

    width: 100%;

    padding: 10px 0;

    background-color: #f6f6f6;

}



#respond textarea {

    background: #f6f6f6;

    border: 0;

    border-radius: 0 !important;

    color: #23272c;

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

    border-radius: 5px;

    color: #333;

    font-size: 15px;

    height: 40px;

    line-height: 26px;

    outline: medium none;

    padding: 10px 15px;

    width: 100%;

    min-height: 180px;

}



.logged-in-as {

    padding-bottom: 15px;

}



.comment-reply-title {

    position: relative;

    font-size: 30px;

    color: #23272c;

}



.comment-reply-title small {

    padding-left: 10px;

}



input[type=text]:focus,

input[type=text]:active {

    border-color: #e8ecef;

}



input[type=text].bordered {

    border: 1px solid #e8ecef border-radius: 2px;

    color: #777777;

    font-style: italic;

    padding: 0 15px;

}



input[type=text]-feedback {

    /*top: 8px;*/

}



.orange + .tooltip .tooltip-inner {

    background: #ed912a;

    color: #fff;

    text-transform: uppercase;

    border-radius: 0;

}



.orange + .tooltip .tooltip-arrow {

    border-top-color: #ed912a;

}



.blue {

    color: #088cdc;

}



.blue + .tooltip .tooltip-inner {

    background: #088cdc;

    color: #fff;

    text-transform: uppercase;

    border-radius: 0;

}



.blue + .tooltip .tooltip-arrow {

    border-top-color: #088cdc;

}



.grey {

    color: #aaaaaa;

}



.dark {

    position: relative;

}



.dark.dark-strong:after {

    background: #0b0f12;

    opacity: 0.9;

}



.dark:after {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    background: #191919;

    opacity: 0.72;

    z-index: 1;

}



.blue-dark {

    position: relative;

}



.blue-dark:after {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    background: #237ac6;

    opacity: 0.95;

    z-index: 1;

}



.blue-dark.solid:after {

    opacity: 1;

}



.orange-dark {

    position: relative;

}



.orange-dark:after {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    background: #ed912a;

    opacity: 0.95;

    z-index: 1;

}



.dark-content {

    position: relative;

    z-index: 2;

}



.light-title {

    font-size: 30px;

    margin-bottom: 30px;

    font-weight: 100;

    color: #777777;

}



ul.list,

ol.list {

    margin-bottom: 30px;

}



ul.list.list-round-check.orange-list li:before,

ol.list.list-round-check.orange-list li:before {

    color: #ed912a;

}



ul.list.list-round-check li:before,

ol.list.list-round-check li:before {

    font-family: FontAwesome;

    content: "\f05d";

    color: #111;

    margin-right: 20px;

    display: inline-block;

    vertical-align: middle;

}



ul.list.list-caret-right li:before,

ol.list.list-caret-right li:before {

    font-family: FontAwesome;

    content: "\f0da";

    color: #237ac6;

    margin-right: 20px;

    display: inline-block;

    vertical-align: middle;

}



ul.list.list-check li:before,

ol.list.list-check li:before {

    font-family: FontAwesome;

    content: "\f00c";

    color: #088cdc;

    margin-right: 20px;

    display: inline-block;

    vertical-align: middle;

}



ul.list.list-check li.disable:before,

ol.list.list-check li.disable:before {

    content: "\f00d";

    color: #ed912a;

}



ul.list.list-angle-right li:before,

ol.list.list-angle-right li:before {

    font-family: FontAwesome;

    content: "\f105";

    color: #ed912a;

    margin-right: 20px;

    display: inline-block;

    vertical-align: middle;

}



ul.list.list-square li:before,

ol.list.list-square li:before {

    font-family: FontAwesome;

    content: "\f096";

    color: #088cdc;

    margin-right: 20px;

    display: inline-block;

    vertical-align: middle;

}



ul.list.list-arrow-right li:before,

ol.list.list-arrow-right li:before {

    font-family: FontAwesome;

    content: "\f178";

    color: #088cdc;

    margin-right: 20px;

    display: inline-block;

    vertical-align: middle;

}



ul.list.list-circle li:before,

ol.list.list-circle li:before {

    font-family: FontAwesome;

    content: "\f111";

    color: #ed912a;

    font-size: 10px;

    margin-right: 20px;

    display: inline-block;

    vertical-align: middle;

}



ul.list li,

ol.list li {

    line-height: 30px;

    color: #333333;

    font-size: 15px;

    text-align: left;

}



ul.list-counter,

ol.list-counter {

    counter-reset: item;

}



ul.list-counter li,

ol.list-counter li {

    line-height: 30px;

    color: #333333;

    font-size: 15px;

    text-align: left;

}



ul.list-counter li:before,

ol.list-counter li:before {

    content: counter(item) ". ";

    counter-increment: item;

    margin-right: 20px;

    display: inline-block;

    vertical-align: middle;

    color: #ed912a;

}



ul.list-counter.list-counter-circle li:before,

ol.list-counter.list-counter-circle li:before {

    content: counter(item);

    color: #fff;

    background: #111;

    border-radius: 50%;

    line-height: 20px;

    width: 20px;

    text-align: center;

}



.table {

    /*&.table-primary {*/

    border: 1px solid #eeeeee;

    /*}*/

}



.table thead tr th {

    font-weight: bold;

    text-transform: uppercase;

    color: #333333;

    font-size: 14px;

    font-weight: 900;

    text-align: left;

    line-height: 30px;

    padding: 12px 15px;

    border-bottom: 4px solid #237ac6;

}



.table thead tr th:first-child {

    text-align: center;

}



.table tbody tr td {

    color: #333333;

    font-size: 15px;

    font-weight: 400;

    line-height: 25px;

    text-align: left;

    border-bottom: 1px solid #eeeeee;

    padding: 10px 15px;

}



.table tbody tr td:first-child {

    text-align: center;

}



.table.table-warning thead tr th {

    border-bottom: 4px solid #ed912a;

}



.table.table-mixed thead tr th {

    background: #237ac6;

    color: #fff;

    border-left: none;

    border-right: none;

    border-bottom: 4px solid #ed912a;

}



.table.table-mixed tbody tr td {

    border-color: #eeeeee;

}





/* ======= WordPress ELEMENTS ======= */



.admin-bar .header-search .close {

    top: 30px;

}



.aligncenter {

    margin: 0 auto;

    display: block;

}



img[class*="wp-image-"] {

    display: inline-block;

    max-width: 100%;

    height: auto;

}



.wp-caption {

    text-align: left;

}



.wp-caption-text {

    text-align: left;

    padding-top: 10px;

}



.gallery-caption {

    text-align: left;

}



.alignright {

    text-align: right;

    float: right;

}



.alignleft {

    text-align: left;

    float: left;

}



.aligncenter {

    text-align: center;

}



.bypostauthor {

    text-align: left;

}



blockquote.alignleft,

.wp-caption.alignleft,

img.alignleft {

    margin: 0.4211em 1.6842em 1.6842em 0;

}



blockquote.alignright,

.wp-caption.alignright,

img.alignright {

    margin: 0.4211em 0 1.6842em 1.6842em;

}



blockquote.aligncenter,

.wp-caption.aligncenter,

img.aligncenter {

    margin-top: 0.4211em;

    margin-bottom: 1.6842em;

}



.wp-caption.alignleft,

.wp-caption.alignright,

.wp-caption.aligncenter {

    margin-bottom: 1.2632em;

}



.alignleft {

    display: inline;

    float: left;

}



.alignright {

    display: inline;

    float: right;

}



.wp-caption.alignright{

    text-align: right !important;

}



.aligncenter {

    display: block;

    margin-right: auto;

    margin-left: auto;

}





/* Text meant only for screen readers. */



.screen-reader-text {

    clip: rect(1px, 1px, 1px, 1px);

    position: absolute !important;

    height: 1px;

    width: 1px;

    overflow: hidden;

}



.screen-reader-text:focus {

    background-color: #f1f1f1;

    border-radius: 3px;

    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

    clip: auto !important;

    display: block;

    font-size: 14px;

    font-size: 0.875rem;

    font-weight: bold;

    height: auto;

    left: 5px;

    line-height: normal;

    padding: 15px 23px 14px;

    text-decoration: none;

    top: 5px;

    width: auto;

    z-index: 100000;

    /* Above WP toolbar. */

}



.rtd h1:not([class]),

.rtd h2:not([class]),

.rtd h3:not([class]),

.rtd h4:not([class]),

.rtd h5:not([class]),

.rtd h6:not([class]) {

    font-weight: normal;

    margin: 15px 0 10px 0;

    padding: 0;

}









.type-post.sticky .post-body > h4:before {

    content: "\f06a";

    font-family: 'FontAwesome';

    speak: none;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    color: #fff;

    font-size: 20px;

    padding: 10px;

    position: relative;

    left: 0;

    width: 40px;

    height: 40px;

    text-align: center;

    top: -3px;

    z-index: 777;

    background: red;

    margin-right: 10px;

}



html blockquote:not([class]) {

    position: relative;

    padding: 45px 60px 40px 70px;

    background: #f6f6f6;

    margin: 0;

    font-style: italic;

    font-size: 4em;

}



.rtd blockquote:not([class]) {

    margin: 2.5% 3% 3% 3%;

}



html .post-image blockquote:not([class]),

html .wrap-image blockquote:not([class]) {

    padding: 20px;

    margin: 0px 0 0px 0;

    background: #fff;

    font-size: 16px;

    line-height: 26px;

}



html blockquote:not([class]) p {

    font-family: inherit !important;

    margin-bottom: 0 !important;

}



html blockquote:before {

    content: '';

    position: absolute;

    top: 25px;

    left: 25px;

    background: url(images/g-left.png);

    height: 20px;

    width: 22px;

}



html blockquote:after {

    content: '';

    position: absolute;

    bottom: 25px;

    right: 25px;

    background: url(images/g-right.png);

    height: 20px;

    width: 22px;

}



.bypostauthor {

    list-style: none;

    background: none;

}



.blog-item-quote .blog-item_desc {

    width: 80%;

    margin: 0px auto;

    float: none !important;

}



.blog-item-quote .blog-item_text {

    border: none !important;

}



.blog-quote-source {

    font-weight: normal;

    display: inline-block;

    text-align: right;

    width: 100%;

    font-size: 15px;

    font-style: italic;

}



.rtd h1:not([class]),

.rtd h2:not([class]),

.rtd h3:not([class]),

.rtd h4:not([class]),

.rtd h5:not([class]),

.rtd h6:not([class]) {

    line-height: 1.1;

}



.rtd p,

.rtd ul:not([class]) {}



.rtd ul:not([class]) {

    padding-left: 15px;

    list-style: none;

    margin-bottom: 0px;

    margin-top: 5px;

}



.rtd ul:not([class]) li:not([class]) {

    margin: 0;

    line-height: 1.444;

    padding-bottom: 5px;

}



.rtd ul:not([class]) li:last-child {

    padding-bottom: 0 !important;

}



.rtd ul:not([class]) li:before {

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    display: inline-block;

    margin-right: 5px;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



ul.list-styled li.disabled {

    color: #c8c9cc;

}



ul.list-styled.list-style-ok li::before {

    content: '\f00c';

    color: #28ad62;

}



ul.list-styled.list-style-ok li.disabled::before {

    content: '\f00d';

    color: #c8c9cc;

}



.rtd img {

    max-width: 100%;

    height: auto;

}



.wp-caption {

    text-align: left;

    max-width: 100%;

}



.rtd table:not([class]) {

    margin: 20px 0;

}



.rtd table:not([class]) td:not([class]),

.rtd table:not([class]) th:not([class]),

.rtd table th.views {

    padding: 10px;

    border: 1px solid #d0d2d7;

    font-weight: normal;

}



ul:([class]),

ol:([class]) {

    list-style: none;

    margin: 0;

    padding: 0;

}



.rtd ul:not([class]) li::before {

    font-size: 7px;

    width: 1.555em;

    content: '\f111';

    text-align: center;

    vertical-align: middle;

    position: relative;

    top: -1px;

}



.rtd ol:not([class]) > li::before {

    display: none !important;

}



.rtd ol:not([class]) {

    margin-left: 15px;

    margin-bottom: 0px;

}



.rtd ol:not([class]) li:not([class]) {

    padding-bottom: 0px;

    line-height: 1.444;

}



.rtd .wpb_singleimage_heading,

.rtd .wp-caption-text {

    background: #f9f9f9;

    margin: 0 !important;

    padding: 10px 15px 7px 15px;

    float: left;

    font-size: 11px;

    font-weight: normal;

    line-height: 16px;

    min-width: 120px;

    text-align: center;

}







.rtd .wp-caption.alignright .wp-caption-text{

    float: right !important;



}





html #gallery-1 .gallery-caption {

    margin-left: 0;

    text-align: center;

    width: 100%;

    background: none;

}





.wp-caption {

    max-width: 100%;

    padding-bottom: 10px;

    overflow: hidden;

}



.wrap-media img {

    max-width: 100%;

    height: auto;

}



.gallery-icon a {

    text-align: center;

    display: inline-block;

}



.rtd iframe {

    max-width: 100%;

    max-height: 100%;

}



.rtd pre {

    padding: 20px;

}





/*Sidebar*/



aside ul {

    list-style: none;

}



aside ul ul {

    margin-left: 10px;

}



aside .menu > li {

    padding: 10px 0;

    margin: 0 0 0px 0;

    list-style: none;

    border-bottom: 1px dotted #eee;

    position: relative;

}



aside .widget-title + ul > li,

aside .menu > li {

    padding: 5px 0;

    margin: 0 0 0px 0;

    list-style: none;

    font-size: 16px;

    line-height: 1.55;

    font-weight: normal;

    position: relative;

}



aside .children {

    margin: 0px 0px 0px 10px;

}



aside ul .children li {

    padding: 5px 0;

    margin: 0 0 10px 0;

    list-style: none;

    border-bottom: 0 !important;

    margin-bottom: 0 !important;

    padding-bottom: 0 !important;

}



.widget_product_categories .children {

    display: none;

}



.widget_product_categories .current-cat .children {

    display: block;

}



.widget_product_categories .children {

    margin: 0px 0px 5px 10px;

}



.widget_product_categories .children a {

    font-size: 10px;

}



aside .widget-title + ul li a,

aside .menu li a,

aside .widget-title + ul li {

    font-size: 14px;

    font-weight: normal;

    color: inherit;

    transition: all 0.3s ease-out;

    -webkit-transition: all 0.3s ease-out;

}



aside li a + .count {

    font-weight: normal;

    float: right;

}



aside .submenu-controll-inner {

    display: none;

}



.entry-media img {

    max-width: 100%;

    height: auto;

}



aside .menu li:hover .dropdown-menu {

    display: block !important;

}



.menu-main-container ul {

    list-style: none !important;

    margin-left: 15px;

}



.menu-main-container .submenu-controll-inner {

    display: none !important;

}





/*SIdebar Widgets*/



aside img {

    max-width: 100%;

    height: auto;

    margin: 10px 0;

}



aside select {

    max-width: 100%;

    border: 1px solid #ececec;

    padding: 5px;

    margin: 5px 0;

    border-radius: 0;

    font-size: 12px;

    color: #333;

    font-weight: normal;

    width: 100%;

}



aside table {

    width: 100%;

}



aside table td,

aside table th {

    border: 1px solid #ddd;

    padding: 5px;

    text-align: center;

}



aside table td a {

    color: #222;

}



.widget_rss .rss-date {

    display: inline-block;

    width: 100%;

    padding: 2px 0;

    font-weight: normal;

    font-size: 12px;

}



.widget_rss .rssSummary {

    font-weight: normal;

    text-transform: none;

    line-height: 20px;

    font-size: 12px;

}



.widget_rss cite {

    font-size: 12px;

    display: inline-block;

    text-align: right;

    width: 100%;

    font-weight: normal;

    text-transform: none;

}



.rsswidget {

    font-size: 12px;

    color: #666;

}



.widget_search label {

    display: none !important;

}



#searchform {

    position: relative;

}



.widget_search #searchform:before,

.woocommerce-product-search:before {

    display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    content: "\f002";

    position: absolute;

    right: 15px;

    top: 11px;

}



aside .mc4wp-form-fields:before {

    font: normal normal normal 34px/1 FontAwesome;

    text-rendering: auto;

    position: absolute;

    right: -27px;

    top: -42px;

    content: "\f003";

    font-size: 93px;

    color: #eee;

    transform: rotate(25deg);

}



.mc4wp-alert.mc4wp-error {

    padding-top: 14px;

    display: inline-block;

}



footer .mc4wp-alert.mc4wp-error {

    padding-top: 0;

}



aside .mc4wp-form-fields {

    position: relative;

    box-shadow: -1px 8px 24px -6px #eee;

    padding: 25px;

    border: 1px solid #eee;

    font-size: 12px;

    overflow: hidden;

}



.mc4wp_form_box {

    position: relative;

    display: inline-block;

    width: 100%;

}



aside .mc4wp-form-fields .btn {

    position: absolute;

    right: 1px;

    top: 1px;

    padding: 3px !important;

    border-radius: 0;

    text-align: center;

    width: 42px;

    border: 0;

    height: 37px;

    display: inline-block;

    color: #fff;

    min-width: 65px;

    font-weight: normal;

}



aside .mc4wp-form-fields h3 {

    font-size: 22px;

    margin: 0 0 0.5em;

    color: inherit;

}



aside .mc4wp-form-fields p small {

    color: #999;

}



.widget_search input[type="submit"],

.woocommerce-product-search input[type="submit"] {

    position: absolute;

    right: 1px;

    top: 1px;

    background: transparent !important;

    width: 42px;

    height: 37px;

    display: inline-block;

    color: transparent !important;

    font-size: 0 !important;

    border: 0 !important;

}



.woocommerce-product-search input[type="search"],

.widget_search input[type="search"],

.widget_search input[type="text"],

aside .mc4wp-form-fields input[type="email"] {

    width: 100%;

    float: left;

    margin-right: 0%;

    background: #f6f6f6;

    border: 0;

    padding: 7px 20px !important;

    height: 40px !important;

    border-radius: 0 !important;

}



.woocommerce-product-search input[type="search"]::-webkit-input-placeholder,

.searchform input[type="text"]::-webkit-input-placeholder,

aside .mc4wp-form-fields input[type="email"]::-webkit-input-placeholder {

    /* Chrome */

    color: #c5c7cb;

}



.woocommerce-product-search input[type="search"]::-webkit-input-placeholder,

.searchform input[type="text"]:-ms-input-placeholder {

    /* IE 10+ */

    color: #c5c7cb;

}



.woocommerce-product-search input[type="search"]::-webkit-input-placeholder,

.searchform input[type="text"]::-moz-placeholder {

    /* Firefox 19+ */

    color: #c5c7cb;

    opacity: 1;

}



.woocommerce-product-search input[type="search"]::-webkit-input-placeholder,

.searchform input[type="text"]:-moz-placeholder {

    /* Firefox 4 - 18 */

    color: #c5c7cb;

    opacity: 1;

}



.textwidget {

    line-height: 20px;

}



.textwidget img {

    margin-bottom: 5px;

}



.post-sticky:before {

    content: "\f0c6" !important;

    font-family: 'FontAwesome';

    speak: none;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    font-size: 35px;

    position: absolute;

    right: 60px;

    text-transform: none;

    top: -32px;

    z-index: 777;

    color: #000;

    height: 50px;

    border: 0;

    width: 50px;

    border-radius: 10px;

    padding: 16px;

}



.post-sticky:nth-child(even):before {

    right: auto;

    left: -12px;

    top: -30px;

}





/*TAGS*/



.wp-tag-cloud {

    margin-left: -5px !important;

    display: inline-block;

}



.tagcloud li {

    float: none !important;

    display: inline-block !important;

    margin: 3px 1px !important;

    width: auto !important;

}



.tagcloud {

    clear: both;

}



html .tagcloud a {

    font-size: 11px !important;

    text-transform: uppercase;

    display: inline-block;

    background: #f9f9f9;

    border: 0;

    padding: 10px 16px;

    margin-right: 0;

    margin-bottom: 3px;

    color: #333333 !important;

}



html .tagcloud a:hover {

    color: #fff !important;

    background-color: #2a64d9 !important;

    text-decoration: none !important;

}



.tagcloud li:hover a {

    color: #fff!important

}





/* ======= VC ELEMENTS ======= */



.vc-overflow-no {

    overflow: inherit !important;

}



.compose-mode .vc_row[data-vc-full-width].vc_hidden {

    opacity: 1;

}



.compose-mode .section-gallery {

    text-align: center;

}



.compose-mode .gallery-item {

    position: relative;

    width: 25%;

    display: inline-block;

    margin-left: -1%;

    vertical-align: top;

}



.compose-mode .vc_element,

.view-mode .vc_element {

    display: inline-block;

    position: relative;

}



.vc_tta-title-text {

    list-style: none;

    font-weight: bold;

    color: #333;

    font-size: 14px;

    text-transform: uppercase;

}



html .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body,

html .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body::after,

html .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body::before,

html .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading,

html .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {

    border-color: #eee;

}





/* jarallax */



.jarallax {

    background-size: cover;

    background-repeat: no-repeat;

    background-position: 50% 50%;

    z-index: 1;

    position: relative;

    width: 100%;

}



.jarallax-content,

.jarallax-content-inner {

    width: 100%;

}



.background-attachment-fixed {

    display: inline-block;

    width: 100%;

}



.vc_row_use_jarallax.vc_row {

    margin-left: 0;

    margin-right: 0;

}



.vc_row.vc_row-flex>.vc_column_container.vc_row_use_jarallax>.vc_column-inner .wpb_wrapper {

    display: flex;

    height: 100%;

}



.vc_row.vc_row-flex>.vc_column_container>.vc_column-inner .wpb_wrapper .jarallax {

    display: flex;

    height: 100%;

}



.vc_row.vc_row-flex>.vc_column_container>.vc_column-inner .wpb_wrapper .jarallax .jarallax-content {

    display: flex;

    height: 100%;

}



.staticblocks-template-default .col-lg-9.col-md-8.col-sm-12.col-xs-12.left-column.sidebar-type-2 {

    width: 100% !important;

}



.staticblocks-template-default .col-lg-3.col-md-4.col-sm-12.col-xs-12,

.staticblocks-template-default .post-footer,

.staticblocks-template-default .post-description,

.staticblocks-template-default .post-image,

.staticblocks-template-default .blog-post .post-image {

    display: none;

}



.no-image.wrap-blog-post .wrap-image.wrap-image-grid {

    display: none !important;

}



.no-image .wrap-info-grid {

    float: none;

    width: 100%;

}



.no-image.sticky .post-description {

    padding-left: 60px !important;

}





.not-found  input[type=text]{

    width: 200px;

    padding: 10px;

}



.no-slide-add-menu img {

    width: 100%;

    height: auto;

}



.no-slide-add-menu {

    margin: 25px 10px;

    font-size: 16px;

    line-height: 31px;

    text-align: left;

    color: #fff;

}



html body .header-menu-middle .submenu-controll {

    right: 12px;

    top: -57px;

}





/* version 1.02 */



html body .header-menu-middle .menu-marker-dot .submenu-controll:before {

    top: -7px !important;

}



html body .header-menu-middle .phone-menu {

    list-style: none;

}



[data-off-canvas] li {

    position: relative;

}



[data-off-canvas] li .menu-parent-link {

    display: inline-block;

    position: absolute;

    width: 100%;

    right: 0;

    top: 0;

}



[data-off-canvas] li .submenu-controll {

    position: absolute;

    right: 15px;

    top: 15px;

    display: block;

    width: 12px;

    text-align: center;

    z-index: 99;

    cursor: pointer;

    height: 12px;

}



[data-off-canvas] .side-cart {

    display: inline-block;

    margin-bottom: 10px;

    margin-left: 20px;

    padding-top: 25px;

    padding-left: 10px;

    height: 87px;

}



html [data-off-canvas] .header-cart-count {

    position: absolute;

    top: -1px;

    right: -9px;

}



html [data-off-canvas] .side-logo {

    display: inline-block;

    width: 100%;

    padding: 10px;

    margin-bottom: 10px;

}



.header-section {

    z-index: 7;

}



.img-hover-effect img {

    vertical-align: top;

}



html .wrap-blog-post .wrap-image.wrap-image-grid img,

html .blog-post .post-image img {

    max-width: 100%;

    height: auto;

    width: auto;

}



html body .type-post.sticky:after {

    left: 20px;

}



html .wrap-blog-post .wrap-image .post-date a {

    border-right: 0;

}



.wrap-blog-post:hover .wrap-image.wrap-image-grid .post-date {

    color: #fff;

}



html .our-services .department-1-item:hover i:after,

html .our-services .department-1-item:hover i:before {

    font-size: 50px;

    background: #fff;

    background: -moz-linear-gradient(top, #fff 0%, #fff 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #fff));

    background: -webkit-linear-gradient(top, #fff 0%, #fff 100%);

    background: -o-linear-gradient(top, #fff 0%, #fff 100%);

    background: -ms-linear-gradient(top, #fff 0%, #fff 100%);

    background: linear-gradient(to bottom, #fff 0%, #fff 100%);

    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fff', GradientType=0);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}



html .comment-list .comment,

.comment-list > li {

    margin-left: 2%;

}



[class^="flaticon-"]:before,

[class*=" flaticon-"]:before,

[class^="flaticon-"]:after,

[class*=" flaticon-"]:after {

    margin-left: 0;

    font-size: 45px;

}



html .header-social-link {

    position: relative;

    top: 2px;

}



.b-last-works .mac-wrapper {

    z-index: 9;

}



.header-section {

    background-size: cover;

}





/* Jaralax Safari fix*/



.vc_row.vc_row-flex>.vc_column_container.vc_row_use_jarallax>.vc_column-inner .wpb_wrapper {

    display: flex;

    height: 100%;

    -webkit-box-flex: 1;

    -webkit-flex-grow: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

    display: flex;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

}



.vc_row.vc_row-flex>.vc_column_container.vc_row_use_jarallax>.vc_column-inner .wpb_wrapper .jarallax {

    display: flex;

    height: 100%;

    -webkit-box-flex: 1;

    -webkit-flex-grow: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

    display: flex;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

}



.header .navbar-brand img {

    max-width: 180%;

    height: auto;

}





/* Title team fix*/



.b-upper-title-b-team {

    color: #ffffff !important;

    margin-top: -25px !important;

    margin-bottom: -15.5% !important;

}





/* Disable Gap */



.pix-gap-disable>.vc_column_container>.vc_column-inner {

    padding-left: 0;

    padding-right: 0;

}





/* kwasar icon fix */



html .kswr-icon-thatc[data-hover=sasuki] .kswr-icon-bg-h:before,

html .kswr-icon-thatc[data-hover=hiroshi] .kswr-icon-bg-h:before,

html .kswr-icon-thatc[data-hover=haruki] .kswr-icon-bg-h:before,

html .kswr-icon-thatc[data-hover=murawa] .kswr-icon-bg-h:before,

html .kswr-icon-thatc[data-hover=sisawa] .kswr-icon-bg-h:before {

    left: -6px;

    top: -6px;

}



.html kameleon-cf7-container[data-style=qaswara] .km_cf7-input {

    padding: 11px 19px;

}



html .kameleon-cf7-container[data-style=qaswara] .km_cf7_label-content {

    padding: 0 20px;

}





/* wpt sidebar widget  */



.wpt_widget_content .tab_title a {

    font-weight: normal!important;

    font-size: 12px;

    text-transform: uppercase;

}



.wpt_widget_content a {

    color: inherit !important;

}



.wpt_widget_content .entry-title {

    font-weight: 400 !important;

    line-height: 1.3 !important;

    font-size: 14px;

}



.wpt_comment_meta {

    font-weight: 500 !important;

    line-height: 1.3 !important;

    padding-bottom: 3px;

}



.wpt_widget_content .wpt-postmeta,

.wpt_comment_content,

.wpt_excerpt {

    color: inherit !important;

    font-size: 11px !important;

}



.wpt_avatar {

    margin-top: 0 !important;

}



.wpt_avatar img {

    margin-top: 0 !important;

}



.wpt_comment_meta {

    font-size: 12px;

}



.wpt_comment_content p,

.wpt_excerpt p {

    font-size: 12px !important;

}



.wpt_widget_content .wpt-postmeta {

    color: #999 !important;

}



html .wpt_widget_content {

    position: relative;

    border: 1px solid #eee;

}



html .wpt_widget_content .tab_title a {

    display: block;

    background: #f9f9f9;

    border-left: 1px solid #eee;

    border-bottom: 1px solid #eee;

}



html .wpt_widget_content #tags-tab-content ul li {

    color: inherit;

    border: 0;

}



html .wpt_widget_content #tags-tab-content ul li a {

    padding: 12px 10px;

    background: #f9f9f9;

    white-space: nowrap;

    display: block;

    color: inherit !important;

    font-size: 10px;

    text-transform: uppercase;

}



.wpt_widget_content #tags-tab-content ul li a:hover {

    color: #fff !important;

}



.wpt_widget_content .wpt-pagination a {

    margin: 0 15px;

    color: #999 !important;

    font-size: 12px;

}





/******** OWL  Carousel *********/



.owl-nav .owl-prev,

.owl-nav .owl-next {

    display: block;

    border-radius: 50%;

    border: 1px solid #e8ecef;

    background: #e88f41;

    color: #fff;

    width: 48px;

    height: 48px;

    font-size: 22px;

    color: #e8ecef text-align: center;

    position: absolute;

    cursor: pointer;

    left: 0px;

    top: 20%;

    opacity: 0.7;

    transition: all 0.3s ease-out;

    -webkit-transition: all 0.3s ease-out;

    -moz-transition: all 0.3s ease-out;

}



.jarallax-content .owl-nav .owl-prev,

.jarallax-content .owl-nav .owl-next {

    border: 1px solid rgba(0, 0, 0, 0.1);

    background: rgba(0, 0, 0, 0.1);

}



.owl-nav .owl-next {

    left: auto;

    right: 30px;

    top: 20%;

}



.owl-nav .owl-prev:hover,

.owl-nav .owl-next:hover {

    opacity: 1;

}



.owl-nav .owl-next i,

.owl-nav .owl-prev i {

    font-size: 36px;

    margin-bottom: 24px;

    font-size: 24px;

    position: relative;

    top: 5px;

}



.owl-nav .owl-dots {

    text-align: center;

    position: relative;

    bottom: -8px;

}



.owl-next.disabled,

.owl-prev.disabled {

    display: none !important

}





/******** FOOTER *********/



.fixed-footer {

    position: fixed;

    width: 100%;

    bottom: 0;

    left: 0;

    z-index: -2;

}



.footer div.wpcf7 {

    margin: 0;

    padding: 0;

    max-width: 500px;

    margin: 0 auto;

    display: inline-block;

    width: 100%;

}



.footer .kameleon-cf7-container .km_cf7-submit-insider {

    border-radius: 100px !important;

}



.footer .common-footer {

    padding: 40px 0 20px;

}



.footer.contact-footer {

    padding: 100px 0 20px;

}



.footer .footer-text {

    margin-bottom: 60px;

    color: #fefefe;

}



.footer .footer-logo {

    margin-bottom: 20px;

}





.footer .footer-logo img{

    max-width: 220px;

    height: auto;

}



.footer .list-social {

    margin-bottom: 20px;

}



footer ul {

    list-style: none;

    margin: 0;

    padding: 0;

}



.footer .list-social ul li {

    display: inline-block;

    vertical-align: middle;

}



.footer .list-social ul li a {

    font-size: 16px;

    color: rgba(170, 170, 170, 0.8);

    padding: 0 10px;

    transition: all 0.3s ease-out;

    -webkit-transition: all 0.3s ease-out;

    -moz-transition: all 0.3s ease-out;

}



.footer .list-social ul li a:hover {

    color: #fff;

}



.footer .copyright {

    color: #333;

    font-size: 12px;

}



.footer input[type=text] {

    border-color: #444444;

}



.footer {

    margin-top: 0px;

    font-size: 16px;

}



.footer a {

    color: inherit;

}



.footer a:hover {

    color: #246bad;

}



.footer li {

    padding-bottom: 10px;

    font-size: 16px;

}



.coming-soon-footer {

    padding: 60px 0;

    border-top: 1px solid #eeeeee;

    position: relative;

    color: #333;

    text-transform: uppercase;

}



.coming-soon-footer .footer-logo {

    margin-bottom: 20px;

}



.coming-soon-footer .list-social {

    margin-bottom: 20px;

}



.coming-soon-footer .list-social ul li {

    display: inline-block;

    vertical-align: middle;

}



.coming-soon-footer .list-social ul li a {

    font-size: 16px;

    color: rgba(170, 170, 170, 0.8);

    padding: 0 10px;

    transition: all 0.3s ease-out;

    -webkit-transition: all 0.3s ease-out;

    -moz-transition: all 0.3s ease-out;

}



.coming-soon-footer .list-social ul li a:hover {

    color: #fff;

}



.coming-soon-footer .copyright {

    color: #333;

    font-size: 12px;

}



.coming-soon-footer:before {

    content: "";

    background-color: #ffffff;

    border: 1px solid #eeeeee;

    width: 10px;

    height: 11px;

    display: block;

    position: absolute;

    top: 0;

    left: 50%;

    margin-left: -5px;

    margin-top: -5px;

}





/******** LAYOUT ********/



body {

    background: #fff;

    transition: background 0.5s ease;

}



.page-layout-full-width .page-content > .container {

    width: 100%;

}



.page-layout-boxed {

    max-width: 1240px;

    overflow: hidden;

    margin: 0 auto;

    background: #fff;

}





/******** SIDEBAR ********/



.work-body-sticky .sticky {

    margin-top: 20px;

    position: fixed;

    z-index: 101;

}



.work-body-sticky .stop {

    position: relative;

    z-index: 101;

}



.sidebar-widget {

    margin-bottom: 40px;

}



.sidebar-widget .widget-heading {

    color: #333333;

    font-size: 14px;

    font-weight: 900;

    text-transform: uppercase;

    margin-bottom: 25px;

}



.sidebar-widget .widget-heading:after {

    content: "";

    display: block;

    width: 60px;

    max-width: 100%;

    border-bottom: 1px solid #e8ecef margin-top: 15px;

    margin-bottom: 0.5em;

}



.sidebar-widget.widget-categories .categories-list ul li.active a,

.sidebar-widget.widget-categories .categories-list ul li:hover a {

    color: #237ac6;

}



.sidebar-widget.widget-categories .categories-list ul li.active a i,

.sidebar-widget.widget-categories .categories-list ul li:hover a i {

    color: #ed912a;

}



.sidebar-widget.widget-categories .categories-list ul li a {

    color: #333333;

    font-size: 15px;

    line-height: 26px;

    text-align: left;

    display: block;

    padding: 12px 0;

    border-bottom: 1px solid #eeeeee;

}



.sidebar-widget.widget-categories .categories-list ul li a i {

    color: #237ac6;

    margin-right: 10px;

}



.sidebar-widget.widget-recents-posts .posts-list .list-item {

    padding: 20px 0;

    margin: 0;

    border-bottom: 1px solid #eeeeee;

}



.sidebar-widget.widget-recents-posts .posts-list .list-item img {

    width: 70px;

    max-height: 70px;

}



.sidebar-widget.widget-recents-posts .posts-list .list-item .media-left {

    padding-right: 20px;

}



.sidebar-widget.widget-recents-posts .posts-list .list-item .post-title {

    color: #333333;

    font-size: 15px;

    font-weight: 500;

    line-height: 22px;

    text-align: left;

    margin-bottom: 10px;

    display: block;

}



.sidebar-widget.widget-recents-posts .posts-list .list-item .post-description a {

    color: #237ac6;

    font-size: 12px;

    margin-right: 10px;

}



.sidebar-widget.widget-recents-posts .posts-list .list-item .post-description a span {

    color: #e8ecef

}



.sidebar-widget.widget-tags .btn {

    margin-bottom: 5px;

    text-transform: capitalize;

}





/*********  SECTIONS **********/



.top-arrow-effect {

    position: relative;

}



.top-arrow-effect:before {

    content: "";

    display: block;

    pointer-events: none;

    height: 10px;

    width: 100%;

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    background: linear-gradient(to top, #f6f6f6, #ececec);

    background: -webkit-linear-gradient(to top, #f6f6f6, #ececec);

    background: -moz-linear-gradient(to top, #f6f6f6, #ececec);

}



.top-arrow-effect:after {

    content: "";

    position: absolute;

    top: 0;

    left: 50%;

    border: 20px solid transparent;

    border-left-width: 30px;

    border-right-width: 30px;

    border-top-color: #fff;

    margin-left: -30px;

}



.bulge-bottom-container {

    margin-top: -90px;

    position: relative;

    bottom: -90px;

}



.bulge-top-container {

    margin-bottom: -70px;

    position: relative;

    top: -70px;

}



.counter-item .count {

    color: #333333;

    font-size: 52px;

    font-weight: 500;

    margin-bottom: 5px;

}



.counter-item .counter-title {

    color: #555555;

    font-size: 14px;

    font-weight: 400;

    text-transform: uppercase;

}



.counter-item .counter-title:after {

    content: "";

    display: block;

    border-top: 1px solid #237ac6;

    width: 40px;

    margin-top: 20px;

}



.sep-element {

    border-bottom: 1px solid #237ac6;

    width: 100px;

    display: inline-block;

    position: relative;

    margin: 0 auto;

}



.sep-element:after {

    content: "";

    background-color: #ffffff;

    border: 1px solid #237ac6;

    width: 10px;

    height: 11px;

    display: block;

    position: absolute;

    top: 0;

    left: 50%;

    margin-left: -5px;

    margin-top: -5px;

}



.section-heading {

    text-align: center;

    padding: 50px 0 30px;

}



.section-heading.white-heading .section-subtitle {

    color: rgba(170, 170, 170, 0.8);

}



.section-heading.white-heading .section-title {

    color: #ffffff;

}



.section-heading.white-heading .sep-element {

    border-color: #fff;

}



.section-heading.white-heading .sep-element:after {

    border-color: #fff;

    background: #2f3849;

}



.section-heading .section-subtitle {

    color: rgba(170, 170, 170, 0.8);

    font-size: 20px;

    font-weight: 400;

    margin-bottom: 5px;

    text-transform: uppercase;

    letter-spacing: 4px;

}



.section-heading .section-title {

    color: #333333;

    font-size: 44px;

    font-weight: 400;

    margin-bottom: 30px;

    /*     letter-spacing: 4px; */

}



.header-section {

    padding: 180px 0 100px;

    text-align: center;

    border-bottom: 6px solid #088cdc;

}



.page-title-box {

    line-height: 30px;

}



.ui-title-page h1 {

    text-transform: capitalize;

    color: #33609a;

    margin: 0;

    font-size: 54px;

    line-height: 1.2;

}



.ui-title-page.pull-left h1,

.ui-title-page.pull-left .subtitle {

    text-align: left;

}



.ui-title-page.pull-right h1,

.ui-title-page.pull-right .subtitle {

    text-align: right;

}



.ui-title-page .subtitle {

    color: #33609a;

    display: inline-block;

    width: 100%;

    font-size: 24px;

    max-width: 800px;

    font-weight: 300;

    line-height: 1.4;

    margin: 30px 0;

}



.ui-title-page.pull-left .subtitle {

    max-width: 100%;

}



.breadcrumbs {

    background: rgba(17, 86, 239, 0.2);

    display: inline-block;

    margin: 20px auto 20px;

    padding: 0px 20px;

    border-radius: 100px;

}



.ui-title-page.pull-left + .breadcrumbs {

    background: none;

    display: inline-block;

    margin: 0;

    padding: 0;

    border-radius: 100px;

    clear: both;

    display: inline-block;

    width: 100%;

    text-align: left;

}



.breadcrumbs,

.breadcrumbs a {

    color: #fff;

    text-transform: uppercase;

    font-size: 12px;

}



.breadcrumbs.text-left{

    text-align: left;

    float: left;

    clear: both;

}



.breadcrumbs.text-right{

    text-align: right;

    float: right;

    clear: both;

}



.header-section p {

    color: #fff;

}



.header-section.elements-header {

    background: url(../img/sections/section-1.jpg) top center no-repeat;

    background-size: cover;

}



.header-section.portfolio-single-header {

    background: url(../img/sections/section-6.jpg) top center no-repeat;

    background-size: cover;

}



.section-headings {

    padding: 110px 0 80px;

    background: #fff;

    border-bottom: 1px solid #eeeeee;

    margin-bottom: 3px;

}



.section-texts {

    padding: 80px 0;

    border-top: 1px solid #eee;

    border-bottom: 1px solid #eee;

    margin-bottom: 3px;

}



.section-lists {

    padding: 80px 0;

    border-top: 1px solid #eee;

    border-bottom: 1px solid #eee;

    margin-bottom: 3px;

}



.section-blockquotes {

    padding: 80px 0;

    border-top: 1px solid #eee;

    border-bottom: 1px solid #eee;

    margin-bottom: 3px;

}



.section-blockquotes .light-title {

    margin-bottom: 70px;

}



.section-buttons {

    padding: 80px 0;

    border-top: 1px solid #eee;

    border-bottom: 1px solid #eee;

    margin-bottom: 3px;

}



.section-buttons .buttons-row {

    padding: 17px 0;

}



.section-buttons .buttons-row .btn {

    margin: 0 10px;

    display: inline-block;

    vertical-align: middle;

}



.section-pagination {

    padding: 80px 0;

    border-top: 1px solid #eee;

    border-bottom: 1px solid #eee;

    margin-bottom: 3px;

}



.section-forms {

    padding: 80px 0;

    border-top: 1px solid #eee;

    border-bottom: 1px solid #eee;

    margin-bottom: 3px;

}



.section-alerts {

    padding: 80px 0;

    border-top: 1px solid #eee;

    border-bottom: 1px solid #eee;

    margin-bottom: 3px;

}



.section-bars {

    padding: 80px 0;

    border-top: 1px solid #eee;

    border-bottom: 1px solid #eee;

    margin-bottom: 3px;

}



.section-tables {

    padding: 80px 0;

    border-top: 1px solid #eee;

}



.section-header-slider .vertical-slider {

    text-align: center;

    width: 100%;

    max-width: 100% !important;

    position: relative;

}



.section-header-slider .vertical-slider .sp-buttons {

    position: absolute;

    right: 30px;

    top: 50%;

    width: auto;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

}



.section-header-slider .vertical-slider .sp-buttons .sp-button {

    display: block;

    width: 10px;

    height: 10px;

    margin-bottom: 5px;

    border-radius: 50%;

    border: 1px solid #666668;

}



.section-header-slider .vertical-slider .sp-buttons .sp-button:hover,

.section-header-slider .vertical-slider .sp-buttons .sp-button.sp-selected-button {

    background: #088cdc;

    border-color: #088cdc;

}



.section-header-slider .vertical-slider .sp-layer {

    position: relative;

}



.section-header-slider .vertical-slider .sp-mask {

    height: 800px !important;

    width: 100% !important;

    background: #333;

}



.section-header-slider .vertical-slider .slide-item {

    width: 100%;

    text-align: center;

    z-index: 5;

    position: absolute;

    height: 800px !important;

    width: 100% !important;

}



.section-header-slider .vertical-slider .slide-item .slider-title {

    font-size: 12px;

    text-transform: uppercase;

    color: #e8ecef;

    font-weight: bold;

    margin-bottom: 40px;

}



.section-header-slider .vertical-slider .slide-item .slider-title i {

    margin: 0 5px 0 8px;

    font-size: 24px;

    color: #ed912a;

    text-shadow: #393a39 2px 0px, #393a39 2px 2px, #393a39 0px 2px, #393a39 -2px 2px, #393a39 -2px 0px, #393a39 -2px -2px, #393a39 0px -2px, #393a39 2px -2px, #393a39 0 0 3px, #393a39 0 0 3px, #393a39 0 0 3px, #393a39 0 0 3px, #393a39 0 0 3px, #393a39 0 0 3px, #393a39 0 0 3px, #393a39 0 0 3px;

}



.section-header-slider .vertical-slider .slide-item p {

    color: #fff;

}



.section-header-slider .vertical-slider .slide-item .slide-image {

    background: #000;

    height: 800px;

    overflow: hidden;

}



.section-header-slider .vertical-slider .slide-item .slide-image img {

    width: auto;

    min-width: 100%;

}



.section-header-slider .vertical-slider .slide-item .time {

    color: #999999;

    font-size: 13px;

    font-style: italic;

    margin-bottom: 30px;

    display: inline-block;

    vertical-align: middle;

}



.section-header-slider .vertical-slider .slide-item .slide-content {

    padding: 250px 15px 0;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    padding-top: 320px;

    padding-bottom: 280px;

}



.section-header-slider .vertical-slider .slide-item .slide-content.right-slide-content {

    text-align: left;

}



.section-header-slider .vertical-slider .slide-item .slide-content .above-title {

    color: #ffffff;

    font-size: 30px;

    font-weight: 300;

    text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);

    text-transform: uppercase;

    letter-spacing: 6px;

    margin-bottom: 5px;

}



.section-header-slider .vertical-slider .slide-item .slide-content h1 {

    color: #ffffff;

    font-size: 50px;

    font-weight: 500;

    text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);

    text-transform: uppercase;

}



.section-header-slider .vertical-slider .slide-item .slide-content p {

    color: #ffffff;

    font-size: 18px;

    font-weight: 400;

    line-height: 26px;

    text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);

    margin-bottom: 30px;

}



.section-header-slider .vertical-slider .slide-item .slide-content .slider-buttons .btn {

    color: #fff;

    margin: 0 4px;

    min-width: 145px;

    margin-bottom: 10px;

    margin-left: 0;

}



.section-header-slider .vertical-slider .slide-item .slide-content .slider-buttons .btn:first-child {

    margin-left: 0;

}



.section-header-slider .vertical-slider .slide-item .slide-content .slider-buttons .btn:hover,

.section-header-slider .vertical-slider .slide-item .slide-content .slider-buttons .btn:focus,

.section-header-slider .vertical-slider .slide-item .slide-content .slider-buttons .btn.active {

    color: #fff;

    background: #ed912a;

    border-color: #ed912a !important;

}



.section-header-slider .vertical-slider .slide-item .slide-content .watch-video {

    text-decoration: none !important;

}



.section-header-slider .vertical-slider .slide-item .slide-content .watch-video i {

    font-size: 30px;

    display: inline-block;

    color: #ed912a;

    margin-bottom: 15px;

}



.section-header-slider .vertical-slider .slide-item .slide-content .watch-video span {

    display: block;

    text-transform: uppercase;

    color: #ffffff;

    font-size: 15px;

    font-weight: 500;

    font-style: italic;

    text-decoration: none !important;

    text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);

}



.section-header-slider .vertical-slider .owl-dots {

    position: absolute;

    right: 30px;

    top: 50%;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

}



.section-header-slider .vertical-slider .owl-dots .owl-dot {

    display: block;

    width: 10px;

    height: 10px;

    margin-bottom: 5px;

    border-radius: 50%;

    border: 1px solid #666668;

}



.section-header-slider .vertical-slider .owl-dots .owl-dot:hover,

.section-header-slider .vertical-slider .owl-dots .owl-dot.active {

    background: #088cdc;

    border-color: #088cdc;

}



.section-intro .iphone {

    margin-top: -60px;

    margin-bottom: -60px;

}



.section-intro .arrow {

    padding-top: 155px;

    margin-bottom: 30px;

}



.section-intro .intro-title {

    color: #ffffff;

    font-size: 60px;

    font-weight: 500;

    padding-left: 60px;

    text-transform: uppercase;

}



.section-intro .intro-text {

    color: #ffffff;

    font-size: 28px;

    font-weight: 400;

    line-height: 42px;

    padding-top: 75px;

    text-align: left;

    margin-bottom: 40px;

}



.section-intro .under-intro-text {

    color: #ffffff;

    font-size: 28px;

    font-weight: 500;

    text-align: left;

}



.section-intro-2 {

    padding: 60px 0;

    border-bottom: 1px solid #ebebeb;

}



.section-intro-2 .counters {

    padding-top: 70px;

}



.section-intro-2 p {

    margin-bottom: 32px;

}



.section-services-2 {

    background: url(../img/sections/section-4.jpg) top center no-repeat;

    background-size: cover;

    background-attachment: fixed;

}



.service-features-section {

    padding-bottom: 80px;

    position: relative;

}



.service-features-section:before {

    content: "";

    border-left: 1px solid #4590cf;

    position: absolute;

    display: block;

    top: 55px;

    bottom: 145px;

    left: 50%;

    z-index: 2;

}



.service-features-section .pages a {

    display: inline-block;

    vertical-align: middle;

    margin: 0 5px;

    opacity: 0.7;

    text-decoration: none;

}



.service-features-section .pages a:hover {

    opacity: 1;

}



.service-features-section .pages a i {

    font-size: 16px;

    color: #fff;

}



.section-gallery {

    padding-top: 80px;

}



.section-error-404 {

    text-align: center;

    padding: 220px 0 0 0;

    margin-bottom: 30px;

}



.section-error-404 .logo-container {

    background: #f6f6f6;

    padding: 0 15px;

}



.section-error-404 .logo-container .text-404 {

    width: 378px;

    height: 164px;

    background: url(../img/404.png) center no-repeat;

    background-size: contain;

    margin: 0 auto -30px;

    position: relative;

    top: -70px;

    max-width: 100%;

}



.section-error-404 .logo-container h5 {

    letter-spacing: 7px;

    margin-bottom: 75px;

}



.section-error-404 .logo-container p {

    font-size: 20px;

    margin-bottom: 100px;

}



.section-error-404 .logo-container p strong {

    font-weight: bold;

}



.section-error-404 .gohome-container {

    background: #237ac6;

    padding: 35px 0;

    margin-top: -35px;

}



.section-coming-soon {

    padding: 140px 0 120px;

    background: url(../img/sections/section-2.jpg) top center no-repeat;

    background-size: cover;

    text-align: center;

}



.section-coming-soon .big-logo {

    margin-bottom: 35px;

}



.section-coming-soon.section-contact-2 {

    background: url(../img/sections/section-2.jpg) top center no-repeat;

    background-size: cover;

}



.section-coming-soon h5 {

    color: #ffffff;

    font-size: 26px;

    font-weight: 400;

    line-height: 26px;

    letter-spacing: 7px;

    text-transform: uppercase;

    margin-bottom: 80px;

}



.section-coming-soon .wrap-email-form {

    padding-top: 60px;

}



.section-coming-soon-2 {

    background: url(../img/sections/section-6.jpg) top center no-repeat;

    background-size: cover;

}



.section-contact {

    padding: 120px 0;

    background: #f6f6f6;

}



.section-socials {

    padding: 90px 0;

}



.section-socials h4 {

    margin-bottom: 35px;

    letter-spacing: 4px;

}



.blog-content-section {

    padding: 0 0 50px;

}



.map-section {

    padding: 70px 0;

    background: url(../img/sections/map-section.jpg) top center/cover no-repeat;

}



.map-section a {

    color: #ffffff;

    font-size: 16px;

    text-align: center;

    text-transform: uppercase;

    letter-spacing: 3px;

    display: block;

    text-decoration: none;

}



.section-purchase {

    padding: 60px 0;

    color: #fff;

    display: inline-block;

}



.section-purchase h3 {

    font-size: 26px;

    margin: 0;

}



.section-purchase .btn.btn-default {

    color: #fff;

}



.section-purchase .btn.btn-default:hover {

    color: #333;

}



.section-purchase .logo-block {

    text-transform: uppercase;

    border-right: 1px solid #f5c083;

    padding: 10px 30px;

}



.section-who-we-are .text-container .col-md-6 {

    margin-bottom: 30px;

}



.section-who-we-are .who-we-are-image {

    padding-top: 60px;

    text-align: center;

}



.section-who-we-are .who-we-are-image img {

    max-width: 100%;

}



.section-who-we-are .who-we-are-collage {

    padding-top: 60px;

    text-align: center;

    position: relative;

    min-height: 500px;

    margin-bottom: -100px;

}



.section-who-we-are .who-we-are-collage img {

    max-width: 100%;

}



.section-who-we-are .who-we-are-collage .collage-item {

    position: absolute;

}



.section-who-we-are .who-we-are-collage .collage-item.item-brac {

    top: 57%;

    right: 20%;

}



.section-who-we-are .who-we-are-collage .collage-item.item-camera {

    top: 51%;

    left: 15%;

}



.section-who-we-are .who-we-are-collage .collage-item.item-clips {

    top: 28%;

    left: 5%;

}



.section-who-we-are .who-we-are-collage .collage-item.item-headphones {

    top: 25%;

    right: 0%;

}



.section-who-we-are .who-we-are-collage .collage-item.item-keyboard {

    top: 48%;

    right: 42%;

}



.section-who-we-are .who-we-are-collage .collage-item.item-mouse {

    top: 48%;

    right: 32%;

}



.section-who-we-are .who-we-are-collage .collage-item.item-pen {

    top: 39%;

    right: 26%;

}



.section-skills .feature-section .wrap-feature-content {

    position: relative;

    margin-top: -45px;

}



.section-skills .feature-section .wrap-feature-content > img {

    width: 100%;

}



.section-skills .feature-section .wrap-feature-content .feature-content {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

}



.section-skills .feature-section .wrap-feature-content .feature-content img {

    display: block;

    margin: 0 auto 20px;

}



.section-skills .feature-section .wrap-feature-content .feature-content .feature-text {

    text-align: center;

    color: #ffffff;

    font-size: 24px;

    font-weight: 500;

    line-height: 26px;

}



.section-skills .feature-section .wrap-feature-content .feature-content .feature-text span {

    display: block;

    color: #cccccc;

    font-size: 20px;

    font-weight: 400;

    line-height: 26px;

}



.section-skills .feature-section .section-heading {

    padding-top: 100px;

}



.section-skills .skills-section .skills-features-section {

    padding: 70px 15px;

    background: url(../img/sections/section-9.jpg) bottom center/cover no-repeat;

    position: relative;

    color: #fff;

}



.section-skills .skills-section .skills-features-section:before {

    content: "";

    border-left: 1px solid #4590cf;

    position: absolute;

    display: block;

    top: 55px;

    bottom: 55px;

    left: 50%;

    z-index: 2;

}



.section-trust-us {

    padding: 120px 0 120px;

    position: relative;

}



.section-trust-us .trus-image {

    width: 50%;

    position: absolute;

    right: 50%;

    top: 30px;

    bottom: 30px;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

}



.section-trust-us .trus-image img {

    max-width: 100%;

    max-height: 100%;

}



.section-trust-us .section-heading {

    padding-top: 40px;

    text-align: left;

}



.section-trust-us .section-heading .section-title {

    margin-bottom: 7px;

}



.section-blog {

    background: url(../img/sections/section-10.jpg) top center/cover no-repeat;

    background-attachment: fixed;

}



.section-blog .blog-list-container {

    padding: 55px 15px 35px;

    bottom: -80px;

}



.section-feedbacks {

    padding-top: 80px;

}



.section-feedbacks .feedbacks-container {

    background: #f6f6f6;

    padding: 100px 0 100px;

}



.feedbacks-container .feedbacks-carousel .wrap-author {

    margin-right: 30px;

}



.owl-dots {

    text-align: center;

    margin-top: 30px;

}



.owl-dot.active,

.owl-dots .owl-dot:hover {

    background: #f3f3f3 !important;

}



.owl-dots .owl-dot {

    display: inline-block;

    vertical-align: middle;

    width: 11px;

    height: 11px;

    border-radius: 50%;

    border: 1px solid #cecece;

    margin: 0 4px;

}



.feedbacks-container .carousel-item {

    margin: 0 15px;

}



.section-brands {

    text-align: center;

}



.section-brands .brand-item {

    display: inline-block;

    vertical-align: middle;

    padding: 10px 30px;

}



.section-price {

    padding-bottom: 90px;

}



.section-price .list-prices {

    padding: 40px 0 0 0;

}



.big-map-section .big-map {

    height: 500px;

    max-height: 70vh;

}



.contact-form-section {

    padding: 60px 0;

    background: #F9F9F9;

}



.contact-form-section .top-info {

    margin-bottom: 15px;

}



.contact-form-section .bottom-info i,

.contact-form-section .bottom-info p,

.contact-form-section .bottom-info label {

    margin: 0;

    display: inline-block;

    vertical-align: middle;

}



.contact-form-section .bottom-info i {

    margin-right: 5px;

    color: #088cdc;

}



.contact-form-section .bottom-info label {

    margin-right: 15px;

    font-weight: bold;

    min-width: 70px;

}



@media (max-width: 991px) {

    .contact-form-section .reply-form {

        margin-bottom: 30px;

    }

}





/***PRELOADERS***/



#loftloader-wrapper.pl-imgloading #loader img {

    opacity: 1 !important;

}



.loader-center {

    height: 60px;

    left: 50%;

    margin-left: -30px;

    margin-top: -30px;

    position: absolute;

    top: 50%;

    width: 60px;

}



.loader01 {

    width: 56px;

    height: 56px;

    border: 8px solid #0052ec;

    border-right-color: transparent;

    border-radius: 50%;

    position: relative;

    animation: loader-rotate 1s linear infinite;

    top: 50%;

    margin: -28px auto 0 auto;

}



.loader01:after {

    content: '';

    width: 8px;

    height: 8px;

    background: #0052ec;

    border-radius: 50%;

    position: absolute;

    top: -1px;

    left: 33px;

}



@keyframes loader-rotate {

    0% {

        transform: rotate(0);

    }

    100% {

        transform: rotate(360deg);

    }

}



.loader02 {

    width: 56px;

    height: 56px;

    border: 8px solid rgba(0, 82, 236, 0.25);

    border-top-color: #0052ec;

    border-radius: 50%;

    position: relative;

    animation: loader-rotate 1s linear infinite;

    top: 50%;

    margin: -28px auto 0 auto;

}



@keyframes loader-rotate {

    0% {

        transform: rotate(0);

    }

    100% {

        transform: rotate(360deg);

    }

}



.loader03 {

    width: 56px;

    height: 56px;

    border: 8px solid transparent;

    border-top-color: #0052ec;

    border-bottom-color: #0052ec;

    border-radius: 50%;

    position: relative;

    animation: loader-rotate 1s linear infinite;

    top: 50%;

    margin: -28px auto 0 auto;

}



@keyframes loader-rotate {

    0% {

        transform: rotate(0);

    }

    100% {

        transform: rotate(360deg);

    }

}



.loader04 {

    width: 56px;

    height: 56px;

    border: 2px solid rgba(0, 82, 236, 0.5);

    border-radius: 50%;

    position: relative;

    animation: loader-rotate 1s ease-in-out infinite;

    top: 50%;

    margin: -28px auto 0 auto;

}



.loader04:after {

    content: '';

    width: 10px;

    height: 10px;

    border-radius: 50%;

    background: #0052ec;

    position: absolute;

    top: -6px;

    left: 50%;

    margin-left: -5px;

}



@keyframes loader-rotate {

    0% {

        transform: rotate(0);

    }

    100% {

        transform: rotate(360deg);

    }

}



.loader05 {

    display: inline-block;

    width: 56px;

    height: 56px;

    border: 4px solid #00c8c8;

    border-radius: 50%;

    position: relative;

    animation: loader-scale 1s ease-out infinite;

    top: 50%;

    margin: -28px auto 0 auto;

}



@keyframes loader-scale {

    0% {

        transform: scale(0);

        opacity: 0;

    }

    50% {

        opacity: 1;

    }

    100% {

        transform: scale(1);

        opacity: 0;

    }

}



.loader06 {

    width: 56px;

    height: 56px;

    border: 4px solid transparent;

    border-radius: 50%;

    position: relative;

    top: 50%;

    margin: -28px auto 0 auto;

}



.loader06:before {

    content: '';

    border: 4px solid rgba(0, 82, 236, 0.5);

    border-radius: 50%;

    width: 67.2px;

    height: 67.2px;

    position: absolute;

    top: -9.6px;

    left: -9.6px;

    animation: loader-scale 1s ease-out infinite;

    animation-delay: 1s;

    opacity: 0;

}



.loader06:after {

    content: '';

    border: 4px solid #0052ec;

    border-radius: 50%;

    width: 56px;

    height: 56px;

    position: absolute;

    top: -4px;

    left: -4px;

    animation: loader-scale 1s ease-out infinite;

    animation-delay: 0.5s;

}



@keyframes loader-scale {

    0% {

        transform: scale(0);

        opacity: 0;

    }

    50% {

        opacity: 1;

    }

    100% {

        transform: scale(1);

        opacity: 0;

    }

}



.loader07 {

    width: 16px;

    height: 16px;

    border-radius: 50%;

    position: relative;

    animation: loader-circles 1s linear infinite;

    top: 50%;

    margin: -8px auto 0 auto;

}



@keyframes loader-circles {

    0% {

        box-shadow: 0 -27px 0 0 rgba(0, 82, 236, 0.05), 19px -19px 0 0 rgba(0, 82, 236, 0.1), 27px 0 0 0 rgba(0, 82, 236, 0.2), 19px 19px 0 0 rgba(0, 82, 236, 0.3), 0 27px 0 0 rgba(0, 82, 236, 0.4), -19px 19px 0 0 rgba(0, 82, 236, 0.6), -27px 0 0 0 rgba(0, 82, 236, 0.8), -19px -19px 0 0 #0052ec;

    }

    12.5% {

        box-shadow: 0 -27px 0 0 #0052ec, 19px -19px 0 0 rgba(0, 82, 236, 0.05), 27px 0 0 0 rgba(0, 82, 236, 0.1), 19px 19px 0 0 rgba(0, 82, 236, 0.2), 0 27px 0 0 rgba(0, 82, 236, 0.3), -19px 19px 0 0 rgba(0, 82, 236, 0.4), -27px 0 0 0 rgba(0, 82, 236, 0.6), -19px -19px 0 0 rgba(0, 82, 236, 0.8);

    }

    25% {

        box-shadow: 0 -27px 0 0 rgba(0, 82, 236, 0.8), 19px -19px 0 0 #0052ec, 27px 0 0 0 rgba(0, 82, 236, 0.05), 19px 19px 0 0 rgba(0, 82, 236, 0.1), 0 27px 0 0 rgba(0, 82, 236, 0.2), -19px 19px 0 0 rgba(0, 82, 236, 0.3), -27px 0 0 0 rgba(0, 82, 236, 0.4), -19px -19px 0 0 rgba(0, 82, 236, 0.6);

    }

    37.5% {

        box-shadow: 0 -27px 0 0 rgba(0, 82, 236, 0.6), 19px -19px 0 0 rgba(0, 82, 236, 0.8), 27px 0 0 0 #0052ec, 19px 19px 0 0 rgba(0, 82, 236, 0.05), 0 27px 0 0 rgba(0, 82, 236, 0.1), -19px 19px 0 0 rgba(0, 82, 236, 0.2), -27px 0 0 0 rgba(0, 82, 236, 0.3), -19px -19px 0 0 rgba(0, 82, 236, 0.4);

    }

    50% {

        box-shadow: 0 -27px 0 0 rgba(0, 82, 236, 0.4), 19px -19px 0 0 rgba(0, 82, 236, 0.6), 27px 0 0 0 rgba(0, 82, 236, 0.8), 19px 19px 0 0 #0052ec, 0 27px 0 0 rgba(0, 82, 236, 0.05), -19px 19px 0 0 rgba(0, 82, 236, 0.1), -27px 0 0 0 rgba(0, 82, 236, 0.2), -19px -19px 0 0 rgba(0, 82, 236, 0.3);

    }

    62.5% {

        box-shadow: 0 -27px 0 0 rgba(0, 82, 236, 0.3), 19px -19px 0 0 rgba(0, 82, 236, 0.4), 27px 0 0 0 rgba(0, 82, 236, 0.6), 19px 19px 0 0 rgba(0, 82, 236, 0.8), 0 27px 0 0 #0052ec, -19px 19px 0 0 rgba(0, 82, 236, 0.05), -27px 0 0 0 rgba(0, 82, 236, 0.1), -19px -19px 0 0 rgba(0, 82, 236, 0.2);

    }

    75% {

        box-shadow: 0 -27px 0 0 rgba(0, 82, 236, 0.2), 19px -19px 0 0 rgba(0, 82, 236, 0.3), 27px 0 0 0 rgba(0, 82, 236, 0.4), 19px 19px 0 0 rgba(0, 82, 236, 0.6), 0 27px 0 0 rgba(0, 82, 236, 0.8), -19px 19px 0 0 #0052ec, -27px 0 0 0 rgba(0, 82, 236, 0.05), -19px -19px 0 0 rgba(0, 82, 236, 0.1);

    }

    87.5% {

        box-shadow: 0 -27px 0 0 rgba(0, 82, 236, 0.1), 19px -19px 0 0 rgba(0, 82, 236, 0.2), 27px 0 0 0 rgba(0, 82, 236, 0.3), 19px 19px 0 0 rgba(0, 82, 236, 0.4), 0 27px 0 0 rgba(0, 82, 236, 0.6), -19px 19px 0 0 rgba(0, 82, 236, 0.8), -27px 0 0 0 #0052ec, -19px -19px 0 0 rgba(0, 82, 236, 0.05);

    }

    100% {

        box-shadow: 0 -27px 0 0 rgba(0, 82, 236, 0.05), 19px -19px 0 0 rgba(0, 82, 236, 0.1), 27px 0 0 0 rgba(0, 82, 236, 0.2), 19px 19px 0 0 rgba(0, 82, 236, 0.3), 0 27px 0 0 rgba(0, 82, 236, 0.4), -19px 19px 0 0 rgba(0, 82, 236, 0.6), -27px 0 0 0 rgba(0, 82, 236, 0.8), -19px -19px 0 0 #0052ec;

    }

}



.loader08 {

    width: 20px;

    height: 20px;

    position: relative;

    animation: loader08 1s ease infinite;

    top: 50%;

    margin: -46px auto 0 auto;

}



@keyframes loader08 {

    0%,

    100% {

        box-shadow: -13px 20px 0 #0052ec, 13px 20px 0 rgba(0, 82, 236, 0.2), 13px 46px 0 rgba(0, 82, 236, 0.2), -13px 46px 0 rgba(0, 82, 236, 0.2);

    }

    25% {

        box-shadow: -13px 20px 0 rgba(0, 82, 236, 0.2), 13px 20px 0 #0052ec, 13px 46px 0 rgba(0, 82, 236, 0.2), -13px 46px 0 rgba(0, 82, 236, 0.2);

    }

    50% {

        box-shadow: -13px 20px 0 rgba(0, 82, 236, 0.2), 13px 20px 0 rgba(0, 82, 236, 0.2), 13px 46px 0 #0052ec, -13px 46px 0 rgba(0, 82, 236, 0.2);

    }

    75% {

        box-shadow: -13px 20px 0 rgba(0, 82, 236, 0.2), 13px 20px 0 rgba(0, 82, 236, 0.2), 13px 46px 0 rgba(0, 82, 236, 0.2), -13px 46px 0 #0052ec;

    }

}



.loader09 {

    width: 10px;

    height: 48px;

    background: #0052ec;

    position: relative;

    animation: loader09 1s ease-in-out infinite;

    animation-delay: 0.4s;

    top: 50%;

    margin: -28px auto 0 auto;

}



.loader09:after,

.loader09:before {

    content: '';

    position: absolute;

    width: 10px;

    height: 48px;

    background: #0052ec;

    animation: loader09 1s ease-in-out infinite;

}



.loader09:before {

    right: 18px;

    animation-delay: 0.2s;

}



.loader09:after {

    left: 18px;

    animation-delay: 0.6s;

}



@keyframes loader09 {

    0%,

    100% {

        box-shadow: 0 0 0 #0052ec, 0 0 0 #0052ec;

    }

    50% {

        box-shadow: 0 -8px 0 #0052ec, 0 8px 0 #0052ec;

    }

}



.loader10 {

    width: 28px;

    height: 28px;

    border-radius: 50%;

    position: relative;

    animation: loader10 0.9s ease alternate infinite;

    animation-delay: 0.36s;

    top: 50%;

    margin: -42px auto 0 auto;

}



.loader10:after,

.loader10:before {

    content: '';

    position: absolute;

    width: 28px;

    height: 28px;

    border-radius: 50%;

    animation: loader10 0.9s ease alternate infinite;

}



.loader10:before {

    left: -40px;

    animation-delay: 0.18s;

}



.loader10:after {

    right: -40px;

    animation-delay: 0.54s;

}



@keyframes loader10 {

    0% {

        box-shadow: 0 28px 0 -28px #0052ec;

    }

    100% {

        box-shadow: 0 28px 0 #0052ec;

    }

}



.loader11 {

    width: 20px;

    height: 20px;

    border-radius: 50%;

    box-shadow: 0 40px 0 #0052ec;

    position: relative;

    animation: loader11 0.8s ease-in-out alternate infinite;

    animation-delay: 0.32s;

    top: 50%;

    margin: -50px auto 0 auto;

}



.loader11:after,

.loader11:before {

    content: '';

    position: absolute;

    width: 20px;

    height: 20px;

    border-radius: 50%;

    box-shadow: 0 40px 0 #0052ec;

    animation: loader11 0.8s ease-in-out alternate infinite;

}



.loader11:before {

    left: -30px;

    animation-delay: 0.48s;

}



.loader11:after {

    right: -30px;

    animation-delay: 0.16s;

}



@keyframes loader11 {

    0% {

        box-shadow: 0 40px 0 #0052ec;

    }

    100% {

        box-shadow: 0 20px 0 #0052ec;

    }

}



.loader12 {

    width: 20px;

    height: 20px;

    border-radius: 50%;

    position: relative;

    animation: loader12 1s linear alternate infinite;

    top: 50%;

    margin: -50px auto 0 auto;

}



@keyframes loader12 {

    0% {

        box-shadow: -60px 40px 0 2px #0052ec, -30px 40px 0 0 rgba(0, 82, 236, 0.2), 0 40px 0 0 rgba(0, 82, 236, 0.2), 30px 40px 0 0 rgba(0, 82, 236, 0.2), 60px 40px 0 0 rgba(0, 82, 236, 0.2);

    }

    25% {

        box-shadow: -60px 40px 0 0 rgba(0, 82, 236, 0.2), -30px 40px 0 2px #0052ec, 0 40px 0 0 rgba(0, 82, 236, 0.2), 30px 40px 0 0 rgba(0, 82, 236, 0.2), 60px 40px 0 0 rgba(0, 82, 236, 0.2);

    }

    50% {

        box-shadow: -60px 40px 0 0 rgba(0, 82, 236, 0.2), -30px 40px 0 0 rgba(0, 82, 236, 0.2), 0 40px 0 2px #0052ec, 30px 40px 0 0 rgba(0, 82, 236, 0.2), 60px 40px 0 0 rgba(0, 82, 236, 0.2);

    }

    75% {

        box-shadow: -60px 40px 0 0 rgba(0, 82, 236, 0.2), -30px 40px 0 0 rgba(0, 82, 236, 0.2), 0 40px 0 0 rgba(0, 82, 236, 0.2), 30px 40px 0 2px #0052ec, 60px 40px 0 0 rgba(0, 82, 236, 0.2);

    }

    100% {

        box-shadow: -60px 40px 0 0 rgba(0, 82, 236, 0.2), -30px 40px 0 0 rgba(0, 82, 236, 0.2), 0 40px 0 0 rgba(0, 82, 236, 0.2), 30px 40px 0 0 rgba(0, 82, 236, 0.2), 60px 40px 0 2px #0052ec;

    }

}



.thecube {

    width: 75px;

    height: 75px;

    margin: 0 auto;

    margin-top: 50px;

    position: relative;

    -webkit-transform: rotateZ(45deg);

    -moz-transform: rotateZ(45deg);

    -ms-transform: rotateZ(45deg);

    -o-transform: rotateZ(45deg);

    transform: rotateZ(45deg);

}



.thecube .cube {

    position: relative;

    -webkit-transform: rotateZ(45deg);

    -moz-transform: rotateZ(45deg);

    -ms-transform: rotateZ(45deg);

    -ms-transform: rotateZ(45deg);

    transform: rotateZ(45deg);

}



.thecube .cube {

    float: left;

    width: 50%;

    height: 50%;

    position: relative;

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1);

}



.thecube .cube:before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #2796de;

    -webkit-animation: foldthecube 2.4s infinite linear both;

    -moz-animation: foldthecube 2.4s infinite linear both;

    -ms-animation: foldthecube 2.4s infinite linear both;

    -o-animation: foldthecube 2.4s infinite linear both;

    animation: foldthecube 2.4s infinite linear both;

    -webkit-transform-origin: 100% 100%;

    -moz-transform-origin: 100% 100%;

    -ms-transform-origin: 100% 100%;

    -o-transform-origin: 100% 100%;

    transform-origin: 100% 100%;

}



.thecube .c2 {

    -webkit-transform: scale(1.1) rotateZ(90deg);

    -moz-transform: scale(1.1) rotateZ(90deg);

    -ms-transform: scale(1.1) rotateZ(90deg);

    -o-transform: scale(1.1) rotateZ(90deg);

    transform: scale(1.1) rotateZ(90deg);

}



.thecube .c3 {

    -webkit-transform: scale(1.1) rotateZ(180deg);

    -moz-transform: scale(1.1) rotateZ(180deg);

    -ms-transform: scale(1.1) rotateZ(180deg);

    -o-transform: scale(1.1) rotateZ(180deg);

    transform: scale(1.1) rotateZ(180deg);

}



.thecube .c4 {

    -webkit-transform: scale(1.1) rotateZ(270deg);

    -moz-transform: scale(1.1) rotateZ(270deg);

    -ms-transform: scale(1.1) rotateZ(270deg);

    -o-transform: scale(1.1) rotateZ(270deg);

    transform: scale(1.1) rotateZ(270deg);

}



.thecube .c2:before {

    -webkit-animation-delay: 0.3s;

    -moz-animation-delay: 0.3s;

    -ms-animation-delay: 0.3s;

    -o-animation-delay: 0.3s;

    animation-delay: 0.3s;

}



.thecube .c3:before {

    -webkit-animation-delay: 0.6s;

    -moz-animation-delay: 0.6s;

    -ms-animation-delay: 0.6s;

    -o-animation-delay: 0.6s;

    animation-delay: 0.6s;

}



.thecube .c4:before {

    -webkit-animation-delay: 0.9s;

    -moz-animation-delay: 0.9s;

    -ms-animation-delay: 0.9s;

    -o-animation-delay: 0.9s;

    animation-delay: 0.9s;

}



@-webkit-keyframes foldthecube {

    0%,

    10% {

        -webkit-transform: perspective(140px) rotateX(-180deg);

        -moz-transform: perspective(140px) rotateX(-180deg);

        -ms-transform: perspective(140px) rotateX(-180deg);

        -o-transform: perspective(140px) rotateX(-180deg);

        transform: perspective(140px) rotateX(-180deg);

        opacity: 0;

    }

    25%,

    75% {

        -webkit-transform: perspective(140px) rotateX(0deg);

        -moz-transform: perspective(140px) rotateX(0deg);

        -ms-transform: perspective(140px) rotateX(0deg);

        -o-transform: perspective(140px) rotateX(0deg);

        transform: perspective(140px) rotateX(0deg);

        opacity: 1;

    }

    90%,

    100% {

        -webkit-transform: perspective(140px) rotateY(180deg);

        -moz-transform: perspective(140px) rotateY(180deg);

        -ms-transform: perspective(140px) rotateY(180deg);

        -o-transform: perspective(140px) rotateY(180deg);

        transform: perspective(140px) rotateY(180deg);

        opacity: 0;

    }

}



@keyframes foldthecube {

    0%,

    10% {

        -webkit-transform: perspective(140px) rotateX(-180deg);

        -moz-transform: perspective(140px) rotateX(-180deg);

        -ms-transform: perspective(140px) rotateX(-180deg);

        -o-transform: perspective(140px) rotateX(-180deg);

        transform: perspective(140px) rotateX(-180deg);

        opacity: 0;

    }

    25%,

    75% {

        -webkit-transform: perspective(140px) rotateX(0deg);

        -moz-transform: perspective(140px) rotateX(0deg);

        -ms-transform: perspective(140px) rotateX(0deg);

        -o-transform: perspective(140px) rotateX(0deg);

        transform: perspective(140px) rotateX(0deg);

        opacity: 1;

    }

    90%,

    100% {

        -webkit-transform: perspective(140px) rotateY(180deg);

        -moz-transform: perspective(140px) rotateY(180deg);

        -ms-transform: perspective(140px) rotateY(180deg);

        -o-transform: perspective(140px) rotateY(180deg);

        transform: perspective(140px) rotateY(180deg);

        opacity: 0;

    }

}



.spinner {

    position: absolute;

    z-index: 1001;

    top: 50%;

    left: 50%;

    display: block;

    width: 100px;

    height: 100px;

    margin-top: -50px;

    margin-left: -50px;

    -webkit-animation: spin 2.5s infinite linear;

    animation: spin 2.5s infinite linear;

    border: 3px solid transparent;

    border-top-color: #a91605;

    border-radius: 50%;

}



.spinner:before,

.spinner:after {

    position: absolute;

    content: '';

    border-radius: 50%;

}



.spinner:before {

    top: 5px;

    right: 5px;

    bottom: 5px;

    left: 5px;

    -webkit-animation: spin 2s infinite linear;

    animation: spin 2s infinite linear;

    border: 3px solid transparent;

    border-top-color: red;

}



.spinner:after {

    top: 15px;

    right: 15px;

    bottom: 15px;

    left: 15px;

    -webkit-animation: spin 1s infinite linear;

    animation: spin 1s infinite linear;

    border: 3px solid transparent;

    border-top-color: #549404;

}



@-webkit-keyframes spin {

    0% {

        -webkit-transform: rotate(0);

        transform: rotate(0);

    }

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}



@keyframes spin {

    0% {

        -webkit-transform: rotate(0);

        transform: rotate(0);

    }

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}



#page-preloader {

    position: fixed;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    background: #f1f3f2;

    z-index: 100500;

}



#page-preloader .spinner {

    display: block;

    position: absolute;

    left: 50%;

    top: 50%;

    width: 100px;

    height: 100px;

    margin-top: -50px;

    margin-left: -50px;

    border: 3px solid transparent;

    border-top-color: #00c8c8;

    border-radius: 50%;

    z-index: 1001;

    -webkit-animation: spin 2.5s infinite linear;

    animation: spin 2.5s infinite linear;

}



#page-preloader .spinner:before,

#page-preloader .spinner:after {

    content: '';

    position: absolute;

    border-radius: 50%;

}



#page-preloader .spinner:before {

    top: 5px;

    left: 5px;

    right: 5px;

    bottom: 5px;

    border: 3px solid transparent;

    border-top-color: #088cdc;

    -webkit-animation: spin 2s infinite linear;

    animation: spin 2s infinite linear;

}



#page-preloader .spinner:after {

    top: 15px;

    left: 15px;

    right: 15px;

    bottom: 15px;

    border: 3px solid transparent;

    border-top-color: #52bf81;

    -webkit-animation: spin 1s infinite linear;

    animation: spin 1s infinite linear;

}



@-webkit-keyframes spin {

    0% {

        -webkit-transform: rotate(0);

        transform: rotate(0);

    }

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}



@keyframes spin {

    0% {

        -webkit-transform: rotate(0);

        transform: rotate(0);

    }

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}





/****PORTFOLIO****/



.portfolio-related-projects-section {

    padding-top: 50px;

    padding-bottom: 50px;

    border-top: 1px solid #eee;

    overflow: hidden;

}



.portfolio-related-projects-section .list-works {

    padding-top: 0;

}



.portfolio-section {

    padding: 0 0 50px 0;

}



.portfolio-custom-content .wpb_content_element p {

    padding-bottom: 10px;

}



.work-footer {

    position: relative;

    padding-right: 0;

    text-align: center;

    padding: 20px;

    background: #f9f9f9;

    margin-bottom: -50px;

    z-index: 8;

}



.work-footer .category {

    margin-bottom: 5px;

}



.work-footer .category a,

.portfolio-section .work-footer .category {

    font-size: 12px;

    color: #999999;

}



.work-footer .views .icon {

    font-size: 16px;

    color: #666666;

    margin-right: 5px;

    vertical-align: middle;

    display: inline-block;

}



.work-footer .views span:not(.icon) {

    font-size: 12px;

    color: #999999;

    vertical-align: middle;

    display: inline-block;

}



.work-footer .controls ul li {

    display: inline-block;

    vertical-align: middle;

    margin: 0 5px;

}



.work-footer .controls ul li a {

    line-height: 24px;

    -moz-transition: all 0.3s ease-out;

    -o-transition: all 0.3s ease-out;

    -webkit-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

}



.work-footer .controls ul li .fa {

    -moz-transition: all 0.3s ease-out;

    -o-transition: all 0.3s ease-out;

    -webkit-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

}



.work-footer .controls ul li a:hover .fa {

    color: #000;

}



.work-footer .controls ul li a .fa {

    font-size: 24px;

    color: #cccccc;

    line-height: 24px;

}



.work-footer .controls ul li a .fa.fa-th {

    font-size: 16px;

    line-height: 24px;

}



.portfolio-section .work-image {

    margin-bottom: 30px;

}



.portfolio-section .work-image .portfolio-gallery-none {

    display: none;

}



.portfolio-section .work-image .image {

    text-align: center;

    position: relative;

}



.portfolio-section .work-image .image img {

    max-width: 100%;

    height: auto;

}



.portfolio-section .work-image .image .controls {

    position: absolute;

    bottom: 30px;

    right: 30px;

    z-index: 8;

}



.portfolio-section .work-image .image .controls .big-view a {

    display: block;

    width: 40px;

    height: 40px;

    -moz-border-radius: 50%;

    -webkit-border-radius: 50%;

    border-radius: 50%;

    background: #ff9801;

    color: #fff;

    text-align: center;

    line-height: 44px;

    text-decoration: none;

    -moz-transition: all 0.3s ease-out;

    -o-transition: all 0.3s ease-out;

    -webkit-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

}



.portfolio-section .work-image .image .controls .big-view a:hover {

    opacity: 0.8;

}



.portfolio-section .work-image .image .controls .big-view a span {

    color: #fff;

    font-size: 16px;

}



.portfolio-section .work-image .owl-controls .owl-pagination {

    position: absolute;

    top: 100%;

    width: 100%;

    z-index: 9;

    padding: 15px 0;

    text-align: center;

}



.portfolio-section .work-image .owl-controls .owl-pagination .owl-page {

    display: inline-block;

    vertical-align: middle;

    width: 10px;

    height: 10px;

    border: 1px solid #8e9195;

    -moz-border-radius: 50%;

    -webkit-border-radius: 50%;

    border-radius: 50%;

    margin: 0 4px;

    cursor: pointer;

}



.portfolio-section .work-image .owl-controls .owl-pagination .owl-page.active {

    background: #ff6400;

    border-color: #ff6400;

}



.portfolio-section .work-body .work-body-left,

.portfolio-section .work-body .work-body-right {

    margin-bottom: 30px;

}



.portfolio-section .work-body .summary-list .col-md-12 {

    padding: 15px;

    border-bottom: 1px solid #eeeeee;

}



.portfolio-section .work-body .summary-list .col-md-12:first-child {

    padding-top: 0;

}



.portfolio-section .work-body .summary-list .type-info {

    font-size: 16px;

    line-height: 12px;

}



.portfolio-section .work-body .summary-list .type-info i {

    min-width: 20px;

    font-size: 21px;

    display: inline-block;

    vertical-align: baseline;

    margin-right: 10px;

    position: relative;

    top: 2px;

}



.work-body .pull-right * {

    color: #999;

}



.portfolio-section .work-body .summary-list .info .list-socials li {

    display: inline-block;

    vertical-align: middle;

    padding: 0 3px;

}



.portfolio-section .work-body .summary-list .info .list-socials li a {

    color: #333;

}



.work-body .btn {

    display: inline-block;

    width: 100%;

    text-transform: uppercase;

    margin-top: 15px;

    font-weight: 500;

}



.work-body .btn:hover {

    background: #246bad;

    color: #fff;

}



.box-sticky {

    max-width: 393px;

    margin-top: 30px;

}



.stack-portfolio-carousel img {

    margin-bottom: 25px;

}



.work-image .owl-dots {

    text-align: center;

    position: absolute;

    bottom: 15px;

    width: 100%;

    text-align: center;

}



.work-image .owl-dot {

    border: 0;

    background: #fff;

}



.work-body h5 {

    font-weight: 500;

    margin-bottom: 0;

    font-size: 32px;

    padding-bottom: 10px;

}



.work-heading h3 {

    font-weight: 500;

    margin-bottom: 0;

    font-size: 27px;

    padding-bottom: 10px;

}



.work-body h5 {

    font-weight: 500;

    margin-bottom: 20px;

    font-size: 17px;

    border-bottom: 1px solid #eeeeee;

    padding-bottom: 15px;

}



.work-name {

    margin-bottom: 20px;

    padding-bottom: 15px;

    border-bottom: 1px solid #eeeeee;

}



.work-name h3 {

    margin-bottom: 10px;

    font-weight: 300;

    font-size: 37px;

    line-height: 1.2;

}



.work-body {

    padding-bottom: 25px;

}



.summary-list {

    padding-top: 20px;

    border-top: 1px solid #eeeeee;

    margin-top: 20px;

}



.portfolio-centerd .summary-list {

    margin-top: 48px;

}



.portfolio-isotope .summary-list {

    margin-top: 70px;

}



.portfolio-isotope {

    padding-bottom: 25px;

}



.pix-portfolio-thumb,

.pix-puzzle-thumb-x {

    width: 20%;

}



.pix-puzzle-thumb-xy,

.pix-puzzle-thumb-y {

    width: 10%;

}



.portfolio-custom-content {

    padding-left: 15px;

    padding-right: 15px;

}



.work-category a {

    font-size: 14px;

    color: #999999;

    font-weight: normal;

}



.work-body .pix-social-share li {

    list-style: none;

    display: inline-block;

    margin-right: 10px;

    font-size: 16px;

    margin-top: 3px;

}



.work-body .pix-social-title {

    display: none;

}



.work-body .pix-social-share {

    display: inline-block;

    width: 100%;

}





/******  CONTENT TABS ******/



.folio-isotop-filter ul {

    text-align: center;

    border: none;

    font-size: 0;

    padding: 0 0 0px 0;

    margin-bottom: 50px;

}



.folio-isotop-filter ul > li {

    float: none;

    display: inline-block;

    border: 0;

    border-right: 0;

    margin-right: 0;

    background: transparent;

    margin-bottom: 0;

}



.folio-isotop-filter ul > li a,

esg-filters span {

    display: block;

    line-height: 1.1;

    border: none;

    padding: 0 15px;

    line-height: 45px;

    background: transparent;

    -moz-transition: all 0.3s ease-out;

    -o-transition: all 0.3s ease-out;

    -webkit-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

    font-size: 14px;

    text-transform: uppercase;

    position: relative;

    margin: 0;

    font-weight: 400;

    padding-bottom: 15px;

    color: inherit;

    text-decoration: none;

}



.folio-isotop-filter ul > li a.selected {

    background: transparent;

    color: #333;

    text-decoration: none;

    position: relative;

}



.folio-isotop-filter ul > li a.selected:after {

    position: absolute;

    content: '';

    bottom: -1px;

    left: 0;

    display: inline-block;

    width: 100%;

    border-bottom: #ff9801 2px solid;

}





/*HOVER*/



.img-hover-effect {

    position: relative;

    overflow: hidden;

    display: block;

    height: 100%;

    width: 100%;

}



.img-hover-effect img {

    -webkit-transition: all .3s ease-out;

    -moz-transition: all .3s ease-out;

    -ms-transition: all .3s ease-out;

    -o-transition: all .3s ease-out;

    transition: all .3s ease-out;

}



.img-hover-effect:after {

    background: #246bad;

    background: -moz-linear-gradient(top, #246bad 0%, #00c8c8 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #246bad), color-stop(100%, #00c8c8));

    background: -webkit-linear-gradient(top, #246bad 0%, #00c8c8 100%);

    background: -o-linear-gradient(top, #246bad 0%, #00c8c8 100%);

    background: -ms-linear-gradient(top, #246bad 0%, #00c8c8 100%);

    background: linear-gradient(to bottom, #246bad 0%, #00c8c8 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#246bad', endColorstr='#00c8c8', GradientType=0);

    content: "";

    display: block;

    width: 100%;

    height: 100%;

    top: 0;

    opacity: 0;

    position: absolute;

}



.img-hover-effect:hover img {

    transform: scale(1.1);

}



.img-hover-effect:hover:after {

    opacity: 0.7;

}



.sidebar-container ul.styled {

    margin: 0;

    padding: 0;

}





/******** LOADER ********/



#page-preloader {

    position: fixed;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    background: #fff;

    z-index: 100500;

}



#page-preloader .spinner {

    display: block;

    position: absolute;

    left: 50%;

    top: 50%;

    width: 100px;

    height: 100px;

    margin-top: -50px;

    margin-left: -50px;

    border: 3px solid transparent;

    border-top-color: #ed5c2a;

    border-radius: 50%;

    z-index: 1001;

    -webkit-animation: spin 2.5s infinite linear;

    animation: spin 2.5s infinite linear;

}



#page-preloader .spinner:before,

#page-preloader .spinner:after {

    content: '';

    position: absolute;

    border-radius: 50%;

}



#page-preloader .spinner:before {

    top: 5px;

    left: 5px;

    right: 5px;

    bottom: 5px;

    border: 3px solid transparent;

    border-top-color: #ed912a;

    -webkit-animation: spin 2s infinite linear;

    animation: spin 2s infinite linear;

}



#page-preloader .spinner:after {

    top: 15px;

    left: 15px;

    right: 15px;

    bottom: 15px;

    border: 3px solid transparent;

    border-top-color: #fff;

    -webkit-animation: spin 1s infinite linear;

    animation: spin 1s infinite linear;

}



@-webkit-keyframes spin {

    0% {

        -webkit-transform: rotate(0);

        transform: rotate(0);

    }

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}



@keyframes spin {

    0% {

        -webkit-transform: rotate(0);

        transform: rotate(0);

    }

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}





/******** ALERTS ********/



.alert {

    padding: 5px 20px;

    line-height: 30px;

    border-radius: 0;

    border: none;

    color: #fff;

}



.alert.alert-default {

    background: #eeeeee;

    color: #333333;

}



.alert.alert-default span {

    color: #333;

}



.alert.alert-warning {

    background: #edb82a;

}



.alert.alert-danger {

    background: #ed5c2a;

}



.alert.alert-success {

    background: #4fcd24;

}



.alert.alert-info {

    background: #237ac6;

}



.alert.alert-default-2 {

    background: #7323c6;

}



.alert span {

    margin-right: 20px;

    font-size: 16px;

    color: #fff;

}



.alert.alert-dismissable {

    position: relative;

    padding: 30px 60px 30px 120px;

    background: #fff;

    border: 1px solid #eeeeee;

    color: #333333;

}



.alert.alert-dismissable .alert-icon {

    position: absolute;

    top: 50%;

    height: 50px;

    left: 50px;

    margin-top: -25px;

    line-height: 50px;

    font-size: 30px;

    min-width: 30px;

    text-align: center;

}



.alert.alert-dismissable .close {

    position: absolute;

    top: 50%;

    right: 15px;

    color: #ccc;

    margin-top: -10px;

    opacity: 1;

}



.alert.alert-dismissable .title {

    color: #333333;

    font-size: 16px;

    font-weight: 500;

    text-transform: uppercase;

}



.alert.alert-dismissable.alert-warning {

    background: #ffecb7;

    border: none;

}



.alert.alert-dismissable.alert-warning .alert-icon,

.alert.alert-dismissable.alert-warning .close .fa {

    color: #edb82a;

}



.alert.alert-dismissable.alert-danger {

    background: #fcccd1;

    border: none;

}



.alert.alert-dismissable.alert-danger .alert-icon,

.alert.alert-dismissable.alert-danger .close .fa {

    color: #ed5c2a;

}



.alert.alert-dismissable.alert-success {

    background: #c0f4af;

    border: none;

}



.alert.alert-dismissable.alert-success .alert-icon,

.alert.alert-dismissable.alert-success .close .fa {

    color: #4fcd24;

}





/******** PROGRESS ********/



.progress {

    border: 1px solid #eeeeee;

    border-radius: 0;

    background: #fff;

    box-shadow: none;

}



.progress.bordered.progress-primary {

    border: 2px solid #237ac6;

}



.progress.bordered.progress-warning {

    border: 2px solid #ed912a;

}



.progress.progress-primary .progress-bar {

    background-color: #237ac6;

}



.progress.progress-warning .progress-bar {

    background-color: #ed912a;

}



.progress.progress-danger .progress-bar {

    background-color: #ed5c2a;

}



.progress.progress-custom .progress-bar {

    background-color: #7323c6;

}



.progress.progress-custom-2 .progress-bar {

    background-color: #c924ab;

}



.progress.progress-success .progress-bar {

    background-color: #4fcd24;

}



.progress .progress-bar {

    box-shadow: none;

}





/******** SERVICE TABS ********/



.left-column .wrap-tabs-content > .container,

.left-column .wrap-tabs > .container,

.right-column .wrap-tabs-content > .container,

.right-column .wrap-tabs > .container {

    width: 100%;

}



.wrap-services-tabs .wrap-tabs {

    text-align: center;

}



.wrap-services-tabs .wrap-tabs .nav.nav-tabs {

    border: none;

    text-align: center;

    font-size: 0;

    margin-bottom: 55px;

}



.wrap-services-tabs .wrap-tabs .nav.nav-tabs li {

    float: none;

    display: inline-block;

    vertical-align: middle;

    font-size: 12px;

    border: 1px solid #000 !important;

    margin: 0 10px;

}



.wrap-services-tabs .wrap-tabs .nav.nav-tabs li:last-child a {

    border: none;

}



.wrap-services-tabs .wrap-tabs .nav.nav-tabs li a {

    padding: 17px 32px 14px;

    margin: 0;

    text-align: center;

    background: none;

    color: #222;

    border: none;

    -webkit-transition: all .3s ease-out;

    transition: all .3s ease-out;

}



.text-white-color .wrap-services-tabs .wrap-tabs .nav.nav-tabs li a {

    color: #fff !important;

}



.text-white-color .wrap-services-tabs .wrap-tabs .nav.nav-tabs li {

    border-color: #fff !important;

}



.wrap-services-tabs .wrap-tabs .nav.nav-tabs li a .icons {

    font-size: 20px;

    float: left;

    margin-right: 7px;

    margin-top: -8px;

}



.wrap-services-tabs .wrap-tabs .nav.nav-tabs li a .icons:before {

    font-size: 20px;

}



.wrap-services-tabs .wrap-tabs .nav.nav-tabs li a .icons.icon-support {

    height: 41px;

    background: url(images/icons/tabs/support.png) top center no-repeat;

}



.wrap-services-tabs .wrap-tabs .nav.nav-tabs li a .icons.icon-responsive {

    background: url(images/icons/tabs/responsive.png) top center no-repeat;

}



.wrap-services-tabs .wrap-tabs .nav.nav-tabs li a .icons.icon-analytics {

    background: url(images/icons/tabs/analytics.png) top center no-repeat;

}



.wrap-services-tabs .wrap-tabs .nav.nav-tabs li a .icons.icon-customizable {

    background: url(images/icons/tabs/customizable.png) top center no-repeat;

}



.wrap-services-tabs .wrap-tabs .nav.nav-tabs li a .icons.icon-multipurpose {

    background: url(images/icons/tabs/multipurpose.png) top center no-repeat;

}



.wrap-services-tabs .wrap-tabs .nav.nav-tabs li a span {

    font-size: 13px;

}



.wrap-services-tabs .wrap-tabs .nav.nav-tabs li.active a,

.wrap-services-tabs .wrap-tabs .nav.nav-tabs li:hover a {

    background: none;

}



.wrap-services-tabs .wrap-tabs .nav.nav-tabs li.active a .icons,

.wrap-services-tabs .wrap-tabs .nav.nav-tabs li:hover a .icons {

    background-position: bottom center;

}



.wrap-services-tabs .wrap-tabs .nav.nav-tabs li.active a span,

.wrap-services-tabs .wrap-tabs .nav.nav-tabs li:hover a span {

    color: #fff;

}



.wrap-tabs-content img {

    max-width: 100%;

}



.wrap-tabs-content .tab-pane h5,

.wrap-tabs-content .tab-pane p,

.wrap-tabs-content .tab-pane ul {

    margin-bottom: 30px;

}



.wrap-tabs-content .tab-pane .designations .last-year {

    color: #999999;

    font-size: 13px;

    font-weight: 500;

    text-align: left;

    float: left;

    margin-right: 30px;

    text-transform: uppercase;

}



.wrap-tabs-content .tab-pane .designations .last-year span {

    display: inline-block;

    vertical-align: middle;

    margin-right: 10px;

    background-color: #237ac6;

    width: 15px;

    height: 10px;

}



.wrap-tabs-content .tab-pane .designations .this-year {

    color: #999999;

    font-size: 13px;

    font-weight: 500;

    text-align: left;

    float: left;

    margin-right: 30px;

    text-transform: uppercase;

}



.wrap-tabs-content .tab-pane .designations .this-year span {

    display: inline-block;

    vertical-align: middle;

    margin-right: 10px;

    background-color: #cccccc;

    width: 15px;

    height: 10px;

}





/******** SERVICE ITEM ********/



.service-item {

    padding-top: 0;

    padding-bottom: 0;

}



.service-icon {

    font-size: 38px;

}



.service-heading {

    padding: 15px 0 10px;

    margin: 0;

    font-weight: 500;

}



.service-content {

    font-weight: 300;

    font-size: 17px;

    line-height: 28px;

}



.service-item.border-bottom {

    border-bottom: 1px solid #4590cf;

}



.service-item.right-text-item {

    text-align: right;

}



.service-item.right-text-item .item-heading > .icon {

    margin-right: 0;

    margin-left: 15px;

}



.service-item.right-text-item .item-heading .title {

    position: relative;

    margin-bottom: 16px;

}



.service-item.right-text-item .item-heading .title:after {

    position: absolute;

    right: 0;

}



.service-item.right-text-item .item-body p {

    text-align: right;

}



.service-item .item-heading {

    margin-bottom: 30px;

}



.service-item .item-heading > .icon {

    display: inline-block;

    vertical-align: middle;

    margin-right: 15px;

}



.service-item .item-heading > .icon span {

    font-size: 44px;

    color: #fff;

}



.service-item .item-heading .title {

    display: inline-block;

    vertical-align: middle;

    color: #ffffff;

    font-size: 18px;

    font-weight: 400;

    text-align: left;

}



.service-item .item-heading .title:after {

    width: 40px;

    content: "";

    display: block;

    border-bottom: 1px solid #92c0e4;

    margin-top: 15px;

}



.service-item .item-body,

.service-item .item-body p {

    margin: 0;

    color: #b7deff;

    line-height: 28px;

    text-align: left;

}





/******** COUNTERS ********/



.counters .counter-item {

    margin-bottom: 15px;

    display: inline-block;

    vertical-align: middle;

    padding: 0 30px 0;

}



.counters .counter-item:last-child .top-counter:after {

    display: none;

}



.counters .counter-item .top-counter {

    border-radius: 50%;

    width: 115px;

    height: 115px;

    text-align: center;

    border: 1px solid #fff;

    margin-bottom: 30px;

    position: relative;

}



.counters .counter-item .top-counter:after {

    content: ":";

    font-size: 48px;

    font-weight: bold;

    color: #fff;

    display: block;

    position: absolute;

    top: 50%;

    line-height: 40px;

    margin-top: -25px;

    left: 133%;

    margin-left: -10px;

}



.counters .counter-item .top-counter span {

    line-height: 115px;

    color: #fff;

    font-size: 48px;

    font-weight: bold;

}



.counters .counter-item .bottom-counter {

    position: relative;

    color: #ffffff;

    font-size: 18px;

    font-weight: 500;

    text-transform: uppercase;

}



.counters .counter-item .bottom-counter:after {

    content: "";

    width: 40px;

    border-top: 1px solid #fff;

    margin: 25px auto 0;

    display: block;

}





/******** SOCIAL LIST ********/



.social-list {

    display: inline-block;

    font-size: 0;

}



.social-list.round-social-list li {

    margin: 0 4px 8px;

}



.social-list.round-social-list li a {

    margin: 0;

    border-radius: 50%;

    border-color: #cdcdcd;

    color: #999999;

}



.social-list.round-social-list li a:hover {

    border-color: #088cdc;

    background: #088cdc;

}



.social-list li {

    display: inline-block;

    vertical-align: middle;

    font-size: 15px;

}



.social-list li a {

    display: block;

    line-height: 48px;

    width: 48px;

    height: 48px;

    border: 1px solid #cccccc;

    margin-right: -1px;

    margin-top: -1px;

    color: #ccc;

}



.social-list li a:hover {

    background: #088cdc;

    border-color: #088cdc;

    color: #fff;

}





/******** PAGINATION ********/



.pagination.text-center {

    text-align: center;

    width: 100%;

}



.pagination ul li {

    display: inline-block;

    vertical-align: middle;

    margin: 0 5px 5px;

}



.pagination ul li span.current {

    line-height: 33px;

    text-align: center;

    width: 36px;

    height: 36px;

    font-size: 14px;

    display: inline-block;

    background: #f6f8f9;

    border: 1px solid #f6f8f9;

    border-radius: 0;

}



.pagination ul li a {

    line-height: 33px;

    width: 36px;

    height: 36px;

    text-align: center;

    font-size: 14px;

    display: inline-block;

    border: 1px solid #eee;

    text-decoration: none;

    border-radius: 0;

    color: inherit;

}



.pagination ul li:hover a {

    background: #246bad;

    border-color: #246bad;

    color: #fff;

}



.pagination.orange-pagination ul li a:hover {

    color: #ed912a;

}



.pagination.orange-pagination ul li.active span {

    background: #ed912a;

    border: 3px solid #ed912a;

}



.pagination.blue-pagination ul li a:hover {

    color: #237ac6;

}



.pagination.blue-pagination ul li.active span {

    background: #237ac6;

    border: 3px solid #237ac6;

}





/******** NAV TABS ********/



.nav.nav-tabs.theme-tab {

    border: none;

    text-align: center;

    font-size: 0;

}



.nav.nav-tabs.theme-tab li {

    border: none;

    background: none;

    float: none;

    display: inline-block;

    vertical-align: middle;

    margin: 0;

    font-size: 14px;

}



.nav.nav-tabs.theme-tab li:hover a,

.nav.nav-tabs.theme-tab li.active a {

    border-color: #27ae60;

    color: #fff !important;

    background: transparent !important;

}



.nav.nav-tabs.theme-tab li a {

    padding: 20px 65px;

    line-height: 1;

    margin: 0;

    background: none;

    border: none;

    border-bottom: 3px solid #555555;

    color: rgba(170, 170, 170, 0.8);

    font-size: 13px;

    font-weight: 500;

    text-transform: uppercase;

}



.tab-content.theme-tab-content {

    padding: 70px 0 70px;

}





/******** CONTACT  ********/



.contact-item .dotted-line {

    position: absolute;

    top: 0;

    right: -51%;

    overflow: hidden;

    width: 100%;

}



.contact-item .dotted-line:after {

    font-size: 30px;

    line-height: 100px;

    content: '\2022\2022\2022\2022\2022\2022\2022\2022\2022\2022\2022\2022';

    letter-spacing: 14px;

    color: #555555;

    font-size: 20px;

}



.contact-item h5 {

    margin-top: 27px;

    color: #ffffff;

    font-size: 14px;

    font-weight: 500;

    text-transform: uppercase;

}



.contact-item p {

    color: #cccccc;

    font-size: 14px;

    font-weight: 400;

    line-height: 28px;

}



.contact-item .striped-icon-xlarge {

    font-size: 36px;

    font-weight: 500;

    line-height: 100px;

    position: relative;

    width: 100px;

    height: 100px;

    margin: auto;

    text-align: center;

    color: #fff;

    border-radius: 50%;

    background: rgba(35, 122, 198, 0.4);

}



.contact-item .striped-icon-xlarge:after {

    position: absolute;

    z-index: 0;

    top: 5px;

    right: 5px;

    bottom: 5px;

    left: 5px;

    content: '';

    border-radius: 50%;

    background: content-box #237ac6;

}



.contact-item .striped-icon-xlarge span {

    vertical-align: middle;

    position: relative;

    z-index: 1;

    top: -5px;

}





/******** GALLERY ********/



.gallery-controls {

    text-align: center;

    margin-bottom: 40px;

}



.gallery-controls .btn-group a {

    background: none !important;

    border: 0;

    color: #555555;

    font-size: 17px;

    text-transform: uppercase;

    -webkit-transition: all .3s ease-out;

    transition: all .3s ease-out;

}



.gallery-controls .btn-group a i {

    opacity: 0;

    display: block;

    -webkit-transition: all .3s ease-out;

    transition: all .3s ease-out;

    -webkit-transform: translate(0, -10px);

    transform: translate(0, -10px);

    padding: 0;

    margin: auto;

    font-size: 22px;

}



.gallery-controls .btn-group a:hover,

.gallery-controls .btn-group a.active {

    color: #ed912a;

}



.gallery-controls .btn-group a:hover i,

.gallery-controls .btn-group a.active i {

    color: #ed912a;

    opacity: 1;

    -webkit-transform: translate(0, 0);

    transform: translate(0, 0);

}



.gallery-item {

    position: relative;

    width: 25%;

}



.gallery-item img {

    vertical-align: middle;

    width: 100%;

    height: auto

}



.gallery-item .pix-gallery-info {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    top: 0;

    background-color: rgba(0, 0, 0, 0.8);

    -webkit-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

    opacity: 0;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

}



.gallery-item .pix-gallery-info .description {

    text-align: center;

}



.gallery-item .pix-gallery-info .description a {

    color: #fff;

}



.gallery-item .pix-gallery-info .description a span {

    font-size: 22px;

    color: #ed912a;

    margin-bottom: 20px;

}



.gallery-item:hover .description span {

    top: 0px;

}



.gallery-item .pix-gallery-info .description span {

    display: block;

    color: #ffffff;

    font-size: 18px;

    font-weight: 500;

    text-transform: uppercase;

    margin-bottom: 10px;

    position: relative;

    top: -30px;

    transition: all 0.3s ease-out;

    -webkit-transition: all 0.3s ease-out;

}



.gallery-item .pix-gallery-info .description span + span a,

.gallery-item .pix-gallery-info .description span + span {

    color: #cccccc;

    font-size: 13px;

}



.gallery-item:hover .pix-gallery-info {

    opacity: 1;

}





/******** FEATURED SECTION ********/



.feature-item {

    margin-bottom: 30px;

    height: 77px;

}



.feature-divider {

    height: auto !important;

}



.feature-item h5 {

    color: #222;

    font-size: 20px;

    font-weight: 400;

}



.feature-item h5 span {

    color: #e88f41;

    font-size: 20px;

    font-weight: 300;

    margin-right: 10px;

}



.feature-item p {

    font-size: 15px;

    line-height: 1.7;

}



.feature-item.right-feature-item {

    text-align: left;

}



.feature-item.right-feature-item h5 span {

    margin-left: 10px;

    margin-right: 0;

}



.feature-item.right-feature-item.feature-divider .feature-divider-item {

    margin-left: 0;

}



.feature-item.feature-divider .feature-divider-item {

    width: 125px;

    height: 2px;

    background: #eee;

    position: relative;

    margin-left: auto;

}



.feature-item.feature-divider .feature-divider-item:before {

    content: "";

    width: 5px;

    height: 5px;

    background: #eee;

    border-radius: 50%;

    position: absolute;

    left: 0;

    top: -1px;

}



.feature-item.feature-divider .feature-divider-item:after {

    content: "";

    width: 5px;

    height: 5px;

    background: #eee;

    border-radius: 50%;

    position: absolute;

    right: 0;

    top: -1px;

}





/******** SKILL SECTION ********/



.skill-item {

    margin-bottom: 50px;

}



.skill-item:last-child {

    margin-bottom: 0;

}



.skill-item .skill-label {

    color: #ffffff;

    font-size: 13px;

    font-weight: 500;

    text-transform: uppercase;

}



.skill-item .skill-label span {

    margin-right: 15px;

}



.skill-item .skill-line {

    height: 3px;

    width: 100%;

    background: #519ad4;

    position: relative;

}



.skill-item .skill-line span {

    display: block;

    height: 3px;

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    background: #fff;

}



.skill-item .skill-count {

    color: #7cb0e4;

    font-size: 22px;

    line-height: 10px;

}





/******** ACCORDION  SECTION ********/



.panel-alt-two {

    position: relative;

    border: 0;

    border: none;

    box-shadow: none;

}



.panel-alt-two::after {

    content: "";

    position: absolute;

    top: 25px;

    bottom: 25px;

    left: 25px;

    width: 2px;

    background: #eeeeee;

}



.panel-alt-two:before {

    content: "";

    position: absolute;

    width: 8px;

    height: 8px;

    bottom: 25px;

    left: 22px;

    border-radius: 50%;

    background: #eeeeee;

}



.panel-alt-two .panel-heading {

    padding-left: 70px;

}



.panel-alt-two .panel-body {

    padding-left: 70px;

    padding-top: 0;

    line-height: 28px;

    font-size: 17px;

    padding-bottom: 35px;

}



.panel-alt-two .panel-body p {

    color: #555555;

}



.panel-alt-two .panel-heading {

    border: 0;

    padding-bottom: 40px;

    background: none;

}



.text-white-color .panel-alt-two .panel-title a {

    color: #fff !important;

}



.panel-alt-two .panel-heading .panel-title {

    position: relative;

    font-weight: 500;

}



.panel-alt-two .panel-heading .panel-title a {

    color: #2b2e33;

    font-weight: 500;

    text-decoration: none;

}



.panel-alt-two .panel-heading .panel-title a b {

    font-weight: bold;

}



.panel-alt-two .panel-heading .panel-title a:after {

    content: "";

    width: 40px;

    border-top: 1px solid #e8ecef display: block;

    margin-top: 15px;

}



.panel-alt-two .panel-heading .panel-title a:hover {

    color: #237ac6;

}



.panel-alt-two .panel-heading a:hover .accordion-icon {

    background: rgba(221, 221, 221, 0.3);

}



.panel-alt-two .panel-heading.active a {

    color: #237ac6;

}



.panel-alt-two .panel-heading.active .accordion-icon {

    background: rgba(221, 221, 221, 0.5);

}



.panel-alt-two .panel-heading.active .accordion-icon .stacked-icon {

    color: white;

    background: #237ac6;

}



#accordion-one .panel-heading,

#accordion-one .panel {

    border: 0 !important;

    background: none !important;

}



.accordion-icon {

    position: absolute;

    top: -18px;

    left: -72px;

    background: transparent;

    border-radius: 50%;

    width: 56px;

    height: 56px;

    line-height: 50px;

    padding: 3px;

    z-index: 3;

}



.accordion-icon .stacked-icon {

    height: 100%;

    background: white;

    border: 2px solid #e8e9ed;

    border-radius: 50%;

    color: #cacddb;

    font-size: 18px;

    text-align: center;

    display: block;

}



.text-white-color .accordion-icon .stacked-icon {

    color: #000;

}



.text-white .accordion-icon .stacked-icon,

.text-white .accordion-icon .stacked-icon * {

    color: #000 !important;

}



.text-white .active .accordion-icon .stacked-icon,

.text-white .active .accordion-icon .stacked-icon * {

    color: #fff !important;

}





/******** TEAM SECTION ********/



.wrap-team-slider {

    margin-bottom: 0px;

    padding: 0;

}



.wrap-team-slider .sp-thumbnail {

    border: medium none;

    max-width: 300px;

    margin: 0 10px;

    position: relative;

}



.wrap-team-slider .wrap-user-images {

    font-size: 0;

    margin-right: -15px;

}



.wrap-team-slider .team-slider {

    /*width: auto;*/

    padding-left: 15px;

}



.wrap-team-slider .team-slider:after {

    content: "";

    display: table;

    clear: both;

    height: 0;

}



.wrap-team-slider .team-slider .sp-slides-container {

    padding-left: calc((100vw - 1200px) / 2);

    width: 50%;

    float: left;

    padding-right: 15px;

}



.wrap-team-slider .team-slider .sp-slides-container .sp-mask {

    width: 100% !important;

}



.wrap-team-slider .team-slider .sp-slides-container .sp-mask .sp-slides .sp-slide {

    width: 100% !important;

}



.wrap-team-slider .team-slider .sp-thumbnails-container {

    width: 50% !important;

    float: left;

    margin: 0;

}



.sp-thumbnail {

    border: medium none;

    max-width: 300px;

    position: relative;

}



.sp-thumbnail:hover .image-overlay {

    opacity: 1 !important;

}



.wrap-team-slider .team-slider .sp-thumbnails-container .wrap-user-images .sp-thumbnail-container {

    margin: 0;

    font-size: 14px;

    display: inline-block;

    vertical-align: top;

    width: 212px !important;

    position: relative;

    height: auto !important;

}



.wrap-team-slider img {

    max-width: 100%;

    width: 100%;

    vertical-align: middle;

}



.wrap-team-slider .image-overlay ul {}



.wrap-team-slider .image-overlay:hover ul li {

    top: 0;

}



.wrap-team-slider .image-overlay ul li {

    display: inline-block;

    position: relative;

    top: 50px;

    transition: all 0.3s ease-out;

}



.wrap-team-slider .image-overlay ul li a {

    margin: 0 5px;

}



.wrap-team-slider .image-overlay ul li i {

    color: #fff;

    font-size: 18px;

}



.wrap-team-slider .image-overlay {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: rgba(0, 0, 0, 0.8);

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    transition: all 0.3s ease-out;

    opacity: 0;

}



.wrap-team-slider .team-slider .sp-thumbnails-container .wrap-user-images .sp-thumbnail-container .image-overlay ul li {

    display: inline-block;

    vertical-align: middle;

    color: #cccccc;

    margin: 0 5px;

}



.wrap-team-slider .team-slider .sp-thumbnails-container .wrap-user-images .sp-thumbnail-container .image-overlay ul li a {

    color: #ccc;

}



.person-description {

    padding: 20px 10px;

    text-align: center;

}



.person-description h5 {

    color: #000000;

    font-size: 18px;

    font-weight: 500;

    text-transform: uppercase;

}



.person-description .under-name {

    color: #8a8a8a;

    font-size: 14px;

    margin-bottom: 35px;

    text-transform: uppercase;

}



.portfolio-image .under-name:after {

    margin: 15px 0 0;

    width: 40px;

}





/******** FEATURED LIST  SECTION ********/



.responsive-features-list {

    font-size: 0;

}



.responsive-features-list .list-item {

    display: inline-block;

    vertical-align: middle;

    width: 50%;

    font-size: 14px;

    margin-bottom: 30px;

}



.responsive-features-list .list-item .icon {

    height: 56px;

    width: 56px;

    background: #fff;

    line-height: 56px;

    text-align: center;

    margin-right: 10px;

}



.responsive-features-list .list-item .icon span {

    color: #ed912a;

    font-size: 20px;

    line-height: 56px;

}



.responsive-features-list .list-item > span {

    color: #ff9801;

    font-size: 14px;

    font-weight: 500;

    line-height: 22px;

    text-align: left;

}





/* SERVICES */



.sidebar-services {

    border-top: 20px solid #000;

    border-bottom: 20px solid #000;

    margin-right: 0;

}



.portfolio-list-section .col-sm-3.sticky-bar {

    max-width: 23%;

}



.portfolio-list-section .col-sm-3.sticky-bar .sidebar-services {

    margin-right: 0;

}



.taxonomy-page {

    padding-bottom: 80px;

}



.sidebar-services ul {

    margin: 0 !important;

    padding: 0 !important;

}



.sidebar-services li {

    position: relative;

    list-style: none;

    margin-bottom: 0;

    border-bottom: 0;

}



.sidebar-services li a {

    padding: 15px 35px;

    display: inline-block;

    width: 100%;

    font-size: 14px;

    font-weight: normal;

    border: 0;

    transition: all 0.3s ease-out;

    -webkit-transition: all 0.3s ease-out;

    text-decoration: none !important;

    position: relative;

    z-index: 7;

    color: #fff;

}



.sidebar-services li:after {

    background: #000;

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    display: inline-block;

    width: 100%;

    height: 100%;

}



.sidebar-services .active:after,

.sidebar-services .current-cat:after {

    opacity: 0.9 !important;

}



.sidebar-services li:hover:after {

    opacity: 0.8 !important;

}



.sidebar-services li .children {

    margin-left: 20px;

    margin-bottom: 10px;

    margin-top: -10px;

}



.sidebar-services li .children li {

    border: 0;

}



.sidebar-services li .children a {

   /* padding: 5px 0; kaldırıldı */

    border: 0;

}



.sidebar-services li .children li a:before {

    content: "";
    display: inline-block;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
   /* border-left: 7px solid #33609a; */

}



.sidebar-services li:before {

    display: none !important;

}



.sidebar-services .active a,

.sidebar-services .current-cat a {

    text-decoration: none;

    background: transparent;

}



.sidebar-services .active a:before,

.sidebar-services .current-cat a:before {

    content: "";

    display: inline-block;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    border-left: 7px solid #000; 

}



html .sidebar-services li a:hover {

    color: #fff !important;

    text-decoration: none;

}



.services-text-uppercase .services h4 {

    text-transform: uppercase;

}



.services h4 {

    font-size: 20px !important;

    margin: 0 !important;

    padding: 0 0 15px 0 !important;

    color: inherit;

}



.application .app-features h5 span:before {

    margin-right: 8px;

    position: relative;

    top: 1px;

    font-size: 18px;

}



.services .service-item {

    display: inline-block;

    vertical-align: top;

    margin-bottom: 25px;

    min-height: 370px;

    transition: all 0.3s ease-out;

    -webkit-transition: all 0.3s ease-out;

}



.services-style2 .services .service-item:hover {

    box-shadow: 0px 8px 16px -1px #ddd;

}



.services-style2 .services .service-item {

    background: #fff;

}



.services-style2 .service-item-footer {

    padding: 25px 35px;

}



.services-text-center .service-item-footer {

    text-align: center;

}



.service-item-footer {

    padding: 25px 0 25px 0;

}



.services .service-item {

    padding-top: 0;

}



.service-item-image img {

    width: 100%;

    height: auto;

}



.services-style2 .service-item .btn {

    color: #fff !important;

    transition: all 0.3s ease-out;

    -webkit-transition: all 0.3s ease-out;

}



.services-style2 .service-item .btn:hover {

    opacity: 0.9;

}



.service-item .btn {

    margin-top: 10px;

    border-radius: 0;

    border: 2px solid;

}



.service-item .img-hover-effect:after {

    display: none !important;

}



.services .isotope-frame {

    padding-top: 20px;

}



.services .nav-tabs > a {

    float: none;

    display: inline-block;

    border: 0;

    margin-right: 0;

}



.services .nav-tabs > a + a {

    margin: 0;

}



.services .nav-tabs > a.btn.active,

.nav-tabs > a.btn.active:focus,

.nav-tabs > a.btn.active:hover {

    color: #333;

}



.services .nav-tabs > a.btn.active:after {

    position: absolute;

    content: '';

    bottom: -1px;

    left: 0;

    display: inline-block;

    width: 100%;

    border-bottom: #ff9801 2px solid;

}



.services .nav-tabs > a.btn {

    position: relative;

    border-radius: 0;

    margin-right: 0px;

    font-weight: 500;

    font-size: 13px;

    padding: 15px 20px 50px 20px;

    text-transform: uppercase;

    color: inherit;

    background: transparent !important;

}



.services .nav-tabs > a.btn > i {

    display: none;

}



.services .nav-tabs {

    max-width: 100%;

    text-align: center;

    margin: 0 auto 30px;

    border-bottom: 1px solid #e8ecef;

}





/******** PORTFOLIO ********/





/* New type portfolio */



.tmpl-portfolio-box-shadow {

    position: relative;

    overflow: hidden;

    -webkit-box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.19);

    -moz-box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.19);

    box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.19);

    background-color: #fff;

    border: 10px solid #fff;

    margin-bottom: 30px !important;

}



.portfolio-item:hover .gallery-item-hover {

    display: flex;

}



.tmpl-portfolio-box-shadow.portfolio-item:hover .gallery-item-hover {

    display: none;

}



.tmpl-portfolio-inner .gallery-item-hover {

    display: none;

}



.btn-portfolio-first,

.btn-portfolio-second {

    border: 2px solid #fff;

    color: #fff;

    padding: 10px 20px;

    display: inline-block;

    text-align: center;

    min-width: 40%;

    text-transform: uppercase;

    font-size: 14px;

}



.btn-portfolio-first:hover,

.btn-portfolio-second:hover {

    color: inherit;

    transform: scale(1.1);

}



.tmpl-portfolio-external {

    position: absolute;

    top: 0;

    left: 0;

    display: inline-block;

    width: 100%;

    height: 100%;

    color: #fff;

    display: flex;

    display: -webkit-flex;

    align-items: center;

    -webkit-align-items: center;

    padding: 10%;

    transition: all 0.3s ease-out;

    -webkit-transition: all 0.3s ease-out;

}



.portfolio-image:hover h3,

.portfolio-image:hover .tmpl-portfolio-desc,

.portfolio-image:hover .btn-portfolio-first,

.portfolio-image:hover .btn-portfolio-second {

    opacity: 1;

    bottom: 0;

}



.tmpl-portfolio-external h3 {

    opacity: 0;

    transition: all 0.1s ease-out;

    -webkit-transition: all 0.2s ease-out;

    position: relative;

    bottom: -20px;

}



.tmpl-portfolio-desc {

    padding-bottom: 20px;

    opacity: 0;

    transition: all 0.3s ease-out;

    -webkit-transition: all 0.3s ease-out;

    position: relative;

    bottom: -20px;

}



.tmpl-portfolio-external .btn-portfolio-first,

.tmpl-portfolio-external .btn-portfolio-second {

    opacity: 0;

    transition: all 0.3s ease-out;

    -webkit-transition: all 0.4s ease-out;

    position: relative;

    bottom: -20px;

    margin: 0 10px 0 0;

}





/* Inner type portfolio */



.portfolio-item {

    margin: 0 0 0px 0;

}



.pix-no-space {

    padding-right: 0 !important;

    padding-left: 0 !important;

}



.pix-no-space .portfolio-item-body {

    display: none !important;

}



.pix-no-space .portfolio-item,

.pix-no-space .portfolio-image {

    padding-bottom: 0px !important;

    margin-bottom: 0 !important;

}



.portfolio-item .portfolio-image {

    position: relative;

    cursor: pointer;

    overflow: hidden;

    padding-bottom: 0px;

}



.portfolio-item .portfolio-image:hover > a::after {

    opacity: 0.6 !important;

}



.portfolio-item .portfolio-image > a {

    display: block;

    position: relative;

}



.portfolio-item .portfolio-image > a:after {

    content: "";

    background-color: #000 !important;

    transition: all 0.3s ease-out;

    -webkit-transition: all 0.3s ease-out;

    opacity: 0;

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

}



.portfolio-item .portfolio-image img {

    width: 100%;

    height: auto;

    vertical-align: middle;

    min-width: 100%;

}



.portfolio-item:hover .portfolio-image .portfolio-item-body {

    margin-top: -70px;

}



.portfolio-item .portfolio-image .portfolio-item-body {

    background: rgba(255, 255, 255, 1.97);

    border-radius: 2px;

    width: 92%;

    height: 100px;

    margin: -50px auto 25px;

    position: relative;

    z-index: 4;

    padding: 15px 15px;

    -webkit-box-shadow: -1px 8px 24px -6px #eee;

    -moz-box-shadow: -1px 8px 24px -6px #eee;

    box-shadow: -1px 8px 24px -6px #eee;

    border: 1px solid #eeeeee;

    transition: all 0.3s ease-out;

    -webkit-transition: all 0.3s ease-out;

}



.portfolio-item .portfolio-image .portfolio-item-body.center-body {

    top: 50%;

    margin-top: -20px;

    left: 0;

    right: 0;

    text-align: center;

}



.portfolio-item .portfolio-image .portfolio-item-body.center-body ul li {

    display: inline-block;

    vertical-align: middle;

    margin: 0 5px;

}



.portfolio-item .portfolio-image .portfolio-item-body.center-body ul li a {

    display: block;

    width: 40px;

    height: 40px;

    border: 1px solid #fff;

    border-radius: 50%;

    text-align: center;

    text-decoration: none;

    color: #fff;

    transition: all 0.3s ease-out;

    -webkit-transition: all 0.3s ease-out;

}



.portfolio-item .portfolio-image .portfolio-item-body.center-body ul li a:hover {

    background: #ed912a;

    border-color: #ed912a;

}



.portfolio-item .portfolio-image .portfolio-item-body.center-body ul li a span {

    font-size: 16px;

    line-height: 40px;

}



.portfolio-item .portfolio-image .portfolio-item-body .name {

    color: #23272c;

    font-size: 16px;

    margin-bottom: 0px;

    font-weight: 500;

    text-align: center;

}



.portfolio-pagination-loading {

    display: none;

}



.portfolio-item .portfolio-image .portfolio-item-body .under-name,

.portfolio-item .portfolio-image .portfolio-item-body .under-name a {

    color: #999;

    font-size: 14px;

    font-weight: normal;

    text-align: center;

    line-height: 1.4;

}



.portfolio-item .portfolio-item-footer {

    padding-top: 25px;

    position: relative;

    padding-bottom: 25px;

    border-bottom: 1px solid #eff2f7;

}



.portfolio-item .portfolio-item-footer .name {

    font-size: 14px;

    color: #333;

    text-transform: uppercase;

    margin-bottom: 5px;

    font-weight: 500;

}



.portfolio-item .portfolio-item-footer .under-name {

    color: #999999;

    font-size: 12px;

}



.portfolio-item .portfolio-item-footer .views {

    position: absolute;

    line-height: 20px;

    top: 50%;

    margin-top: -10px;

    right: 0;

}



.portfolio-item .portfolio-item-footer .views .icon {

    font-size: 16px;

    color: #666666;

    margin-right: 5px;

    vertical-align: middle;

    display: inline-block;

}



.portfolio-item .portfolio-item-footer .views span:not(.icon) {

    font-size: 12px;

    color: #999999;

    vertical-align: middle;

    display: inline-block;

}



.portfolio-item .portfolio-item-footer .under-name:after {

    display: none !important;

}





/******** PLAN SECTION ********/



.wrap-contact-form input[type="text"],

.wrap-contact-form input[type="email"],

.wrap-contact-form input[type="phone"],

.wrap-contact-form input[type="password"],

.wrap-contact-form textarea {

    color: #fff;

}



.wrap-contact-form input[type="text"]:-moz-placeholder,

.wrap-contact-form input[type="email"]:-moz-placeholder,

.wrap-contact-form input[type="phone"]:-moz-placeholder,

.wrap-contact-form input[type="password"]:-moz-placeholder,

.wrap-contact-form textarea:-moz-placeholder {

    color: #fff;

    opacity: 1;

}



.wrap-contact-form input[type="text"]::-moz-placeholder,

.wrap-contact-form input[type="email"]::-moz-placeholder,

.wrap-contact-form input[type="phone"]::-moz-placeholder,

.wrap-contact-form input[type="password"]::-moz-placeholder,

.wrap-contact-form textarea::-moz-placeholder {

    color: #fff;

    opacity: 1;

}



.wrap-contact-form input[type="text"]:-ms-input-placeholder,

.wrap-contact-form input[type="email"]:-ms-input-placeholder,

.wrap-contact-form input[type="phone"]:-ms-input-placeholder,

.wrap-contact-form input[type="password"]:-ms-input-placeholder,

.wrap-contact-form textarea:-ms-input-placeholder {

    color: #fff;

}



.wrap-contact-form input[type="text"]::-webkit-input-placeholder,

.wrap-contact-form input[type="email"]::-webkit-input-placeholder,

.wrap-contact-form input[type="phone"]::-webkit-input-placeholder,

.wrap-contact-form input[type="password"]::-webkit-input-placeholder,

.wrap-contact-form textarea::-webkit-input-placeholder {

    color: #fff;

}





/*INTRO SECTION */



@media (max-width: 1199px) {

    .header .navbar .navbar-nav li a {

        font-size: 12px;

        padding: 0 8px;

    }

    .portfolio-item .portfolio-image img {

        height: 295px;

    }

    .portfolio-list-section .list-works.mini-list-works .portfolio-item .portfolio-image img {

        height: 212px;

    }

    .section-intro .arrow {

        padding-top: 70px;

    }

    .section-intro .intro-title {

        padding-left: 0;

    }

    .section-intro .intro-text {

        padding-top: 25px;

        margin-bottom: 25px;

    }

    .section-intro .under-intro-text {

        margin-bottom: 20px;

    }

    .section-intro .iphone img {

        max-width: 100%;

    }

    .feature-item.feature-divider {

        padding: 10px 0;

    }

    .wrap-team-slider .team-slider {

        padding-left: 0;

    }

    .wrap-team-slider .team-slider .sp-slides-container {

        padding-left: 15px;

    }

    .section-who-we-are .who-we-are-collage .collage-item.item-headphones {

        right: -9%;

    }

    .section-who-we-are .who-we-are-collage .collage-item.item-clips {

        left: -3%;

    }

    .section-who-we-are .who-we-are-collage .collage-item.item-keyboard {

        top: 44%;

        right: 36%;

    }

}



@media (max-width: 991px) {

    .header .navbar .navbar-nav li a {

        padding: 0 4px;

        margin: 0 0px;

        font-size: 11px;

    }

    .portfolio-item .portfolio-image .portfolio-item-body {

        bottom: 15px;

        left: 0;

    }

    .portfolio-item .portfolio-image img {

        height: 220px;

    }

    .counters .counter-item .top-counter {

        width: 90px;

        height: 90px;

    }

    .counters .counter-item .top-counter span {

        font-size: 36px;

        line-height: 90px;

    }

    .section-intro-2 .counters {

        padding-top: 0;

    }

    .section-intro-2 .counters .counter-item {

        padding: 0;

    }

    .wrap-services-tabs .wrap-tabs .nav.nav-tabs li a {

        padding-left: 15px;

        padding-right: 15px;

    }

    .section-skills .feature-section .wrap-feature-content {

        display: none !important;

    }

    .feature-item {

        display: inline-block;

        width: 49%;

        vertical-align: top;

        text-align: left !important;

    }

    .feature-item.feature-divider {

        display: none;

    }

    .wrap-team-slider .team-slider .team-slide .person-description {

        margin-bottom: 30px;

    }

    .wrap-team-slider .team-slider .sp-slides-container {

        float: none;

        width: 100%;

    }

    .wrap-team-slider .team-slider .sp-thumbnails-container {

        width: 100% !important;

        float: none;

    }

    .section-trust-us .trus-image {

        display: none !important;

    }

}



@media (max-width: 767px) {

    .header .navbar.navbar-default {

        position: static !important;

    }

    .portfolio-item .portfolio-image {

        height: 220px;

    }

    .portfolio-item .portfolio-image img {

        height: auto;

        max-width: 100%;

    }

    .portfolio-list-section .list-works.mini-list-works .portfolio-item .portfolio-image {

        height: 250px;

    }

    .portfolio-list-section .list-works.mini-list-works .portfolio-item .portfolio-image img {

        height: auto;

        min-height: 100%;

        min-width: 100%;

        max-width: 100%;

    }

    .header .navbar.navbar-default {

        background: rgba(255, 255, 255, 0.9);

        border-bottom: 1px solid #E4E4E4;

        padding-top: 20px;

        padding-bottom: 19px;

    }

    .header .navbar.navbar-default .navbar-nav li {

        padding: 0;

    }

    .header .navbar.navbar-default .navbar-nav li a {

        color: #333;

    }

    .header .navbar.navbar-default .normal-logo {

        display: none;

    }

    .header .navbar.navbar-default .scroll-logo {

        display: inline-block !important;

    }

    .wrap-inside-nav {

        position: static;

        padding: 0;

    }

    .wrap-inside-nav .inside-col {

        padding: 15px 0;

        border-right: none;

        border-bottom: 1px solid #26282d;

    }

    .wrap-inside-nav .inside-col .inside-nav li {

        float: left;

        width: 49%;

    }

    .wrap-inside-nav .inside-col .inside-nav li a {

        font-size: 12px;

        padding-left: 20px;

    }

    .header .navbar .main-menu > li.hidden-menu-item {

        position: static;

        right: 0;

    }

    .header .right-nav-block {

        float: none !important;

    }

    .header .right-nav-block .navbar-collapse {

        margin-top: 55px;

        border: none;

        box-shadow: none;

    }

    .header .right-nav-block .navbar-collapse .navbar-nav {

        display: block;

    }

    .header .right-nav-block .navbar-collapse .navbar-nav.social-nav li {

        display: inline-block;

    }

    .header .right-nav-block .navbar-collapse .navbar-nav.social-nav li a {

        padding: 0 15px;

    }

    .header .navbar .navbar-nav li a {

        padding: 0 15px;

        margin-bottom: 5px;

    }

    .wrap-blog-post .post-description {

        padding: 15px 15px 0 15px;

    }

    .wrap-blog-post.wrap-wide-blog-post .wrap-image .post-date {

        left: 15px;

        bottom: 15px;

    }

    .wrap-blog-post .wrap-image .post-date {

        right: 15px;

        bottom: 15px;

    }

    .wrap-blog-post .post-body {

        padding: 0 15px 15px 15px;

    }

    .counters .counter-item {

        width: 48%;

        margin-bottom: 30px;

    }

    .counters .counter-item .top-counter {

        margin-left: auto;

        margin-right: auto;

    }

    .counters .counter-item .top-counter:after {

        display: none;

    }

    .section-coming-soon {

        padding: 40px 0;

    }

    .footer {

        padding-bottom: 30px;

    }

    .footer .tab-content.theme-tab-content {

        padding: 30px 0 40px;

    }

    blockquote.blockquote-box {

        padding: 35px 15px 35px 15px;

    }

    blockquote.blockquote-box.blue-blockquote {

        background-position: 15px 5px;

    }

    blockquote.blockquote-full.blue-blockquote {

        padding: 60px 15px 50px 15px;

        background-position: 15px 15px;

        background-size: 40px 40px;

    }

    .blog-post .post-body {

        padding-left: 15px;

        padding-right: 15px;

    }

    .post-footer {

        margin-left: 15px;

        margin-right: 15px;

    }

    .blog-comments .comment-item {

        padding: 15px;

    }

    .blog-comments .comment-item .media-left img {

        width: 50px;

    }

    .blog-comments .comment-item .comment-item-heading .btn {

        margin-top: 10px;

    }

    .counters .counter-item {

        width: 100%;

    }

    .service-item {

        padding: 15px 0;

        border: none !important;

        text-align: left !important;

    }

    .service-item .item-body p {

        text-align: left !important;

    }

    .service-item.right-text-item .item-heading > .icon {

        float: left;

        margin-left: 0;

        margin-right: 15px;

    }

    .service-item.right-text-item .item-heading .title:after {

        right: auto;

        left: 0;

    }

    .service-features-section:before {

        display: none;

    }

    .gallery-item {

        width: 50%;

    }

    .section-purchase .logo-block {

        text-align: left;

        padding: 10px 15px;

    }

    .section-purchase .col-md-2.text-right {

        text-align: left !important;

    }

    .skill-item:last-child {

        margin-bottom: 50px;

    }

    .section-skills .skills-section .skills-features-section:before {

        display: none;

    }

    .section-trust-us {

        padding: 60px 0;

    }

    .section-intro {

        padding: 30px 0;

    }

    .section-header-slider .vertical-slider .slide-item .slide-content {

        padding-top: 170px;

        padding-bottom: 170px;

        padding-left: 15px;

        padding-right: 15px;

    }

    .section-header-slider .vertical-slider .slide-item .slide-content .above-title {

        font-size: 22px;

    }

    .section-header-slider .vertical-slider .slide-item .slide-content h1 {

        font-size: 38px;

    }

    .section-header-slider .vertical-slider .slide-item .slide-content p {

        font-size: 16px;

    }

    .section-header-slider .vertical-slider .sp-mask {

        height: 500px !important;

    }

    .section-header-slider .vertical-slider .slide-item {

        height: 500px !important;

    }

    .wrap-team-slider .team-slider .sp-thumbnails-container .wrap-user-images .sp-thumbnail-container {

        min-width: 200px;

    }

}



@media (max-width: 500px) {

    .list-works .col-xs-6 {

        width: 100%;

        float: none;

    }

    .list-works .portfolio-item .portfolio-image {

        height: auto;

    }

    .list-works .portfolio-item .portfolio-image img {

        width: 100%;

    }

    .list-works.mini-list-works .portfolio-item .portfolio-image {

        height: auto;

    }

    .list-works.mini-list-works .portfolio-item .portfolio-image img {

        width: 100%;

    }

}





/******** PRICE SECTION ********/



.pricing-switcher {

    margin-bottom: 80px;

    text-align: center;

    padding-top: 50px;

}



.pricing-switcher .btn-info {

    background-color: #fff;

    border: 1px solid #eee;

    color: #333;

}



.pricing-switcher .btn:hover,

html .orange-heading .btn.btn-default:hover {

    color: #fff !important;

}



.pricing-switcher .btn.active {

    color: #fff;

    background-color: #246bad !important;

    border-color: #246bad !important;

}



.touch .cd-pricing-wrapper {

    -webkit-perspective: 2000px;

    -moz-perspective: 2000px;

    perspective: 2000px;

}



.cd-pricing-wrapper {

    position: relative;

}



.cd-pricing-wrapper .is-visible {

    position: relative;

}



.cd-pricing-wrapper .is-hidden {

    position: absolute;

    z-index: 1;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    -webkit-transform: rotateY(180deg);

    -ms-transform: rotateY(180deg);

    -o-transform: rotateY(180deg);

    transform: rotateY(180deg);

}



.cd-pricing-wrapper .is-selected {

    z-index: 3!important;

}



.cd-pricing-wrapper.is-switched .is-visible {

    -webkit-transform: rotateY(180deg);

    -ms-transform: rotateY(180deg);

    -o-transform: rotateY(180deg);

    transform: rotateY(180deg);

    -webkit-animation: cd-rotate .5s;

    -o-animation: cd-rotate .5s;

    animation: cd-rotate .5s;

}



.cd-pricing-wrapper.is-switched .is-hidden {

    -webkit-transform: rotateY(0);

    -ms-transform: rotateY(0);

    -o-transform: rotateY(0);

    transform: rotateY(0);

    -webkit-animation: cd-rotate-inverse .5s;

    -o-animation: cd-rotate-inverse .5s;

    animation: cd-rotate-inverse .5s;

    opacity: 0;

}



.cd-pricing-wrapper.is-switched .is-selected {

    opacity: 1;

}



.cd-pricing-wrapper.is-switched.reverse-animation .is-visible {

    -webkit-transform: rotateY(180deg);

    -ms-transform: rotateY(180deg);

    -o-transform: rotateY(180deg);

    transform: rotateY(180deg);

    -webkit-animation: cd-rotate-back .5s;

    -o-animation: cd-rotate-back .5s;

    animation: cd-rotate-back .5s;

}



.cd-pricing-wrapper.is-switched.reverse-animation .is-hidden {

    -webkit-transform: rotateY(0);

    -ms-transform: rotateY(0);

    -o-transform: rotateY(0);

    transform: rotateY(0);

    -webkit-animation: cd-rotate-inverse-back .5s;

    -o-animation: cd-rotate-inverse-back .5s;

    animation: cd-rotate-inverse-back .5s;

    opacity: 0;

}



.cd-pricing-wrapper.is-switched.reverse-animation .is-selected {

    opacity: 1;

}



.cd-pricing-wrapper > li {

    outline: 1px solid transparent;

    background-color: #fff;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    backface-visibility: hidden;

    background: transparent;

}



.cd-pricing-wrapper > li .is-ended::after {

    display: none;

}



.cd-pricing-wrapper.panel-highlited {

    margin: -10px;

    position: relative;

    z-index: 8;

}



.cd-pricing-wrapper.panel-highlited .panel {

    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .1);

    box-shadow: 0 1px 10px rgba(0, 0, 0, .1);

}



.cd-pricing-wrapper.panel-highlited .panel .gap {

    width: 100%;

    height: 10px;

    margin: 0;

    border-top-left-radius: 5px;

    border-top-right-radius: 5px;

    background-color: #28ad62;

}



.cd-pricing-wrapper.panel-highlited .panel .panel-footer {

    padding-bottom: 50px;

}



.panel-highlited .btn.btn-info {

    background-color: #28ad62;

    border-color: #28ad62;

    color: #fff;

}



.no-js .cd-pricing-wrapper .is-hidden {

    position: relative;

    margin-top: 1em;

    -webkit-transform: rotateY(0);

    -ms-transform: rotateY(0);

    -o-transform: rotateY(0);

    transform: rotateY(0);

}



@-webkit-keyframes cd-rotate {

    0% {

        -webkit-transform: perspective(2000px) rotateY(0);

    }

    70% {

        -webkit-transform: perspective(2000px) rotateY(200deg);

    }

    100% {

        -webkit-transform: perspective(2000px) rotateY(180deg);

    }

}



@-moz-keyframes cd-rotate {

    0% {

        -moz-transform: perspective(2000px) rotateY(0);

    }

    70% {

        -moz-transform: perspective(2000px) rotateY(200deg);

    }

    100% {

        -moz-transform: perspective(2000px) rotateY(180deg);

    }

}



@keyframes cd-rotate {

    0% {

        -webkit-transform: perspective(2000px) rotateY(0);

        -moz-transform: perspective(2000px) rotateY(0);

        -ms-transform: perspective(2000px) rotateY(0);

        -o-transform: perspective(2000px) rotateY(0);

        transform: perspective(2000px) rotateY(0);

    }

    70% {

        -webkit-transform: perspective(2000px) rotateY(200deg);

        -moz-transform: perspective(2000px) rotateY(200deg);

        -ms-transform: perspective(2000px) rotateY(200deg);

        -o-transform: perspective(2000px) rotateY(200deg);

        transform: perspective(2000px) rotateY(200deg);

    }

    100% {

        -webkit-transform: perspective(2000px) rotateY(180deg);

        -moz-transform: perspective(2000px) rotateY(180deg);

        -ms-transform: perspective(2000px) rotateY(180deg);

        -o-transform: perspective(2000px) rotateY(180deg);

        transform: perspective(2000px) rotateY(180deg);

    }

}



@-webkit-keyframes cd-rotate-inverse {

    0% {

        -webkit-transform: perspective(2000px) rotateY(-180deg);

    }

    70% {

        -webkit-transform: perspective(2000px) rotateY(20deg);

    }

    100% {

        -webkit-transform: perspective(2000px) rotateY(0);

    }

}



@-moz-keyframes cd-rotate-inverse {

    0% {

        -moz-transform: perspective(2000px) rotateY(-180deg);

    }

    70% {

        -moz-transform: perspective(2000px) rotateY(20deg);

    }

    100% {

        -moz-transform: perspective(2000px) rotateY(0);

    }

}



@keyframes cd-rotate-inverse {

    0% {

        -webkit-transform: perspective(2000px) rotateY(-180deg);

        -moz-transform: perspective(2000px) rotateY(-180deg);

        -ms-transform: perspective(2000px) rotateY(-180deg);

        -o-transform: perspective(2000px) rotateY(-180deg);

        transform: perspective(2000px) rotateY(-180deg);

    }

    70% {

        -webkit-transform: perspective(2000px) rotateY(20deg);

        -moz-transform: perspective(2000px) rotateY(20deg);

        -ms-transform: perspective(2000px) rotateY(20deg);

        -o-transform: perspective(2000px) rotateY(20deg);

        transform: perspective(2000px) rotateY(20deg);

    }

    100% {

        -webkit-transform: perspective(2000px) rotateY(0);

        -moz-transform: perspective(2000px) rotateY(0);

        -ms-transform: perspective(2000px) rotateY(0);

        -o-transform: perspective(2000px) rotateY(0);

        transform: perspective(2000px) rotateY(0);

    }

}



@-webkit-keyframes cd-rotate-back {

    0% {

        -webkit-transform: perspective(2000px) rotateY(0);

    }

    70% {

        -webkit-transform: perspective(2000px) rotateY(-200deg);

    }

    100% {

        -webkit-transform: perspective(2000px) rotateY(-180deg);

    }

}



@-moz-keyframes cd-rotate-back {

    0% {

        -moz-transform: perspective(2000px) rotateY(0);

    }

    70% {

        -moz-transform: perspective(2000px) rotateY(-200deg);

    }

    100% {

        -moz-transform: perspective(2000px) rotateY(-180deg);

    }

}



@keyframes cd-rotate-back {

    0% {

        -webkit-transform: perspective(2000px) rotateY(0);

        -moz-transform: perspective(2000px) rotateY(0);

        -ms-transform: perspective(2000px) rotateY(0);

        -o-transform: perspective(2000px) rotateY(0);

        transform: perspective(2000px) rotateY(0);

    }

    70% {

        -webkit-transform: perspective(2000px) rotateY(-200deg);

        -moz-transform: perspective(2000px) rotateY(-200deg);

        -ms-transform: perspective(2000px) rotateY(-200deg);

        -o-transform: perspective(2000px) rotateY(-200deg);

        transform: perspective(2000px) rotateY(-200deg);

    }

    100% {

        -webkit-transform: perspective(2000px) rotateY(-180deg);

        -moz-transform: perspective(2000px) rotateY(-180deg);

        -ms-transform: perspective(2000px) rotateY(-180deg);

        -o-transform: perspective(2000px) rotateY(-180deg);

        transform: perspective(2000px) rotateY(-180deg);

    }

}



@-webkit-keyframes cd-rotate-inverse-back {

    0% {

        -webkit-transform: perspective(2000px) rotateY(180deg);

    }

    70% {

        -webkit-transform: perspective(2000px) rotateY(-20deg);

    }

    100% {

        -webkit-transform: perspective(2000px) rotateY(0);

    }

}



@-moz-keyframes cd-rotate-inverse-back {

    0% {

        -moz-transform: perspective(2000px) rotateY(180deg);

    }

    70% {

        -moz-transform: perspective(2000px) rotateY(-20deg);

    }

    100% {

        -moz-transform: perspective(2000px) rotateY(0);

    }

}



@keyframes cd-rotate-inverse-back {

    0% {

        -webkit-transform: perspective(2000px) rotateY(180deg);

        -moz-transform: perspective(2000px) rotateY(180deg);

        -ms-transform: perspective(2000px) rotateY(180deg);

        -o-transform: perspective(2000px) rotateY(180deg);

        transform: perspective(2000px) rotateY(180deg);

    }

    70% {

        -webkit-transform: perspective(2000px) rotateY(-20deg);

        -moz-transform: perspective(2000px) rotateY(-20deg);

        -ms-transform: perspective(2000px) rotateY(-20deg);

        -o-transform: perspective(2000px) rotateY(-20deg);

        transform: perspective(2000px) rotateY(-20deg);

    }

    100% {

        -webkit-transform: perspective(2000px) rotateY(0);

        -moz-transform: perspective(2000px) rotateY(0);

        -ms-transform: perspective(2000px) rotateY(0);

        -o-transform: perspective(2000px) rotateY(0);

        transform: perspective(2000px) rotateY(0);

    }

}



.cd-pricing-wrapper .panel {

    border: 0;

}



.pricing__feature-list li {

    border-bottom: 1px solid #eeeeee;

    padding: 10px;

}



.list-prices .panel {

    border: 0 !important;

    list-style: none;

}



.list-prices .btn {

    text-transform: uppercase;

    border-radius: 5px;

    min-width: 125px;

    padding: 12px;

    text-align: center;

    margin-top: 25px;

}



.price-simple-table .list-prices .panel {

    margin: 10px !important;

}



.pricing * {

    line-height: 1.42857143;

    color: #333;

}



.pricing__currency {

    margin-right: 5px;

    color: #fff;

}



.plan-item {

    text-align: center;

    margin: 0;

    box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.1);

    background: #fff;

    padding-bottom: 20px;

}



.orange-heading .plan-item {

    text-align: center;

}



.orange-heading .plan-item {

    padding-bottom: 35px;

    position: relative;

    top: -15px;

}



.plan-item .item-heading {

    padding-top: 40px;

    padding-bottom: 20px;

}



.plan-item .item-heading.blue-heading {

    position: relative;

    border-top: 4px solid #246bad;

}



.plan-item .item-heading.orange-heading {

    position: relative;

    border-top: 4px solid #246bad;

}



.plan-item .item-heading.orange-heading:after {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    opacity: 0.9;

    z-index: 1;

}



.plan-item .item-heading h4 {

    font-size: 20px;

    font-weight: 500;

    text-transform: uppercase;

    position: relative;

    z-index: 2;

    margin-bottom: 5px;

    color: #e88f41;

}



.plan-item .item-heading span {

    position: relative;

    z-index: 2;

}



.plan-item .item-body {

    padding: 0;

}



.plan-item .item-body .price-count {

    text-align: center;

    position: relative;

    z-index: 3;

    border-bottom: 1px solid #e8e9ed;

    padding-bottom: 25px;

    margin-bottom: 25px;

}



.plan-item .item-body .price-count span {

    color: #333333;

    position: relative;

    font-size: 60px;

    font-weight: 300;

    top: 0;

    line-height: 60px;

}



.plan-item .item-body .price-count span i {

    color: #c8c9cc;

    font-size: 16px;

    position: relative;

    left: -6px;

    top: -4px;

    font-style: normal;

    font-weight: 500;

}



.plan-item .item-body .price-type {

    color: #555555;

    position: relative;

    margin-bottom: 20px;

    text-transform: uppercase;

    font-weight: 500;

    padding-top: 20px;

}



.plan-item .item-body ul {

    margin-bottom: 20px;

}



.plan-item .item-body ul li {

    padding: 0 0 5px 0;

    line-height: 30px;

    color: #7f858f;

    font-size: 17px;

    list-style: none;

    font-weight: 300;

}



.plan-item .item-body ul li:before {

    display: none !important;

}



.plan-item .item-body ul li:last-child {

    border-bottom: none;

}



.pricing {

    display: -webkit-flex;

    display: flex;

    -webkit-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-justify-content: center;

    justify-content: center;

    width: 100%;

    margin: 0 auto 3em;

}



.pricing__item {

    position: relative;

    display: -webkit-flex;

    display: flex;

    -webkit-flex-direction: column;

    flex-direction: column;

    -webkit-align-items: stretch;

    align-items: stretch;

    text-align: center;

    -webkit-flex: 0 1 330px;

    flex: 0 1 330px;

}



.pricing__feature-list {

    text-align: left;

}



.pricing__action {

    color: inherit;

    border: none;

    background: none;

}



.pricing__action:focus {

    outline: none;

}





/* Sonam */



.pricing--sonam .pricing__item {

    margin: 1em;

    padding: 2em;

    cursor: default;

    border-radius: 10px;

    background: #1F1F1F;

    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05), 0 15px 30px -10px rgba(0, 0, 0, 0.3);

    -webkit-transition: background 0.3s;

    transition: background 0.3s;

}



.pricing--sonam .pricing__item:hover {

    background: #141315;

}



.pricing--sonam .pricing__title {

    font-size: 2em;

    width: 100%;

    margin: 0 0 0.25em;

    padding: 0 0 0.5em;

    border-bottom: 3px solid rgb(27, 26, 28);

}



.pricing--sonam .pricing__price {

    color: #E06060;

    font-size: 1.75em;

    padding: 1em 0 0.75em;

}



.pricing--sonam .pricing__sentence {

    font-weight: bold;

}



.pricing--sonam .pricing__feature-list {

    margin: 0;

    padding: 1em 1.25em 2em;

}



.pricing--sonam .pricing__action {

    font-weight: bold;

    margin-top: auto;

    padding: 0.75em 2em;

    border-radius: 5px;

    background: #E06060;

    -webkit-transition: background 0.3s;

    transition: background 0.3s;

}



.pricing--sonam .pricing__action:hover,

.pricing--sonam .pricing__action:focus {

    background: #BD3C3C;

}





/* Jinpa */



.pricing--jinpa .pricing__item {

    margin: 1.5em 0;

    padding: 2em;

    cursor: default;

    color: #fff;

    border: 2px solid #eeeeee;

    -webkit-transition: background-color 0.6s, color 0.3s;

    transition: background-color 0.6s, color 0.3s;

}



.pricing--jinpa .pricing__item:nth-child(2) {

    border-right: none;

    border-left: none;

}



.pricing--jinpa .pricing__item:hover {}



.pricing--jinpa .pricing__title {

    font-size: 2em;

    width: 100%;

    margin: 0;

    padding: 0;

}



.pricing--jinpa .pricing__price {

    font-size: 1.45em;

    font-weight: bold;

    line-height: 95px;

    width: 100px;

    height: 100px;

    margin: 1.15em auto 1em;

    border-radius: 50%;

    color: #fff;

    background: #ea716e;

    -webkit-transition: color 0.3s, background 0.3s;

    transition: color 0.3s, background 0.3s;

}



.pricing--jinpa .pricing__item:first-child .pricing__price {

    background: #eac36e;

}



.pricing--jinpa .pricing__item:nth-child(2) .pricing__price {

    background: #eaa36e;

}



.pricing--jinpa .pricing__item:hover .pricing__price {

    color: #fff;

    background: #088cdc;

}



.pricing--jinpa .pricing__sentence {}



.pricing--jinpa .pricing__feature-list {

    margin: 0;

    padding: 1em 1em 2em 1em;

    list-style: none;

    text-align: center;

}



.pricing--jinpa .pricing__action {

    font-weight: bold;

    margin-top: auto;

    padding: 0.75em 2em;

    opacity: 0;

    color: #fff;

    background: #088cdc;

    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;

    transition: transform 0.3s, opacity 0.3s;

    -webkit-transform: translate3d(0, -15px, 0);

    transform: translate3d(0, -15px, 0);

}



.pricing--jinpa .pricing__item:hover .pricing__action {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

}



.pricing--jinpa .pricing__action:hover,

.pricing--jinpa .pricing__action:focus {

    background: #6EA76B;

}



@media screen and (max-width: 60em) {

    .pricing--jinpa .pricing__item {

        max-width: none;

        width: 90%;

        flex: none;

    }

    .pricing--jinpa .pricing__item:nth-child(2) {

        border: 1px solid #fff;

    }

}





/* Tenzin */



.pricing--tenzin .pricing__item {

    margin: 1em;

    padding: 2em 2.5em;

    text-align: left;

    color: #262b38;

    background: #EEF0F3;

    border-top: 3px solid #EEF0F3;

    -webkit-transition: border-color 0.3s;

    transition: border-color 0.3s;

}



.pricing--tenzin .pricing__item:hover {

    border-color: #3e62e0;

}



.pricing--tenzin .pricing__title {

    font-size: 1em;

    margin: 0 0 1em;

}



.pricing--tenzin .pricing__price {

    font-size: 2em;

    font-weight: bold;

    padding: 0.5em 0 0.75em;

    border-top: 3px solid rgba(139, 144, 157, 0.18);

}



.pricing--tenzin .pricing__currency {

    font-size: 0.5em;

    vertical-align: super;

}



.pricing--tenzin .pricing__sentence {

    font-weight: bold;

    padding: 0 0 0.5em;

    color: #9CA0A9;

    border-bottom: 3px solid rgba(139, 144, 157, 0.18);

}



.pricing--tenzin .pricing__feature-list {

    font-size: 0.85em;

    font-style: italic;

    margin: 0;

    padding: 0.25em 0 2.5em;

    list-style: none;

    text-align: right;

    color: #8b909d;

}



.pricing--tenzin .pricing__action {

    font-weight: bold;

    margin-top: auto;

    padding: 1em 2em;

    color: #fff;

    border-radius: 30px;

    background: #3e62e0;

    -webkit-transition: background-color 0.3s;

    transition: background-color 0.3s;

}



.pricing--tenzin .pricing__action:hover,

.pricing--tenzin .pricing__action:focus {

    background-color: #3b5ac5;

}





/* Yama */



.pricing--yama .pricing__item {

    margin: 1em;

    padding: 0 0 2em;

    color: #fff;

    background: #1e1c20;

}



.pricing--yama .pricing__title {

    font-size: 2.35em;

    font-weight: 900;

    line-height: 1;

    width: 290px;

    margin: 0 auto;

    padding: 1em 1em 0em;

}



.pricing__amp {

    padding: 0.15em 0 0.1em;

    color: #0f0e0f;

}



.pricing--yama .pricing__sentence {

    margin-bottom: 2em;

    color: #555357;

}



.pricing--yama .pricing__price {

    font-size: 2em;

    font-weight: bold;

    position: relative;

    z-index: 10;

    overflow: hidden;

    padding: 0.75em;

    cursor: default;

    color: #ef7d46;

    background: #1a181b;

    -webkit-transition: color 0.3s;

    transition: color 0.3s;

}



.pricing--yama .pricing__item:hover .pricing__price {

    color: #fff;

}



.pricing--yama .pricing__price::before {

    content: '';

    position: absolute;

    z-index: -1;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    pointer-events: none;

    background: #141315;

    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;

    transition: transform 0.3s, opacity 0.3s;

    -webkit-transform: translate3d(-150%, 0, 0) skewX(40deg);

    transform: translate3d(-150%, 0, 0) skewX(40deg);

}



.pricing--yama .pricing__item:hover .pricing__price::before {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0) skewX(0deg);

    transform: translate3d(0, 0, 0) skewX(0deg);

}



.pricing--yama .pricing__period {

    font-size: 0.5em;

    font-weight: normal;

    display: block;

    color: #2a272c;

}



.pricing--yama .pricing__feature-list {

    margin: 0;

    padding: 2em 1em;

    list-style: none;

    text-align: center;

    color: #6a6563;

}



.pricing--yama .pricing__action {

    font-weight: bold;

    margin: 0 2em;

    padding: 1em 2em;

    border-radius: 4px;

    background: #ef7d46;

    -webkit-transition: background-color 0.3s, color 0.3s;

    transition: background-color 0.3s, color 0.3s;

}



.pricing--yama .pricing__action:hover,

.pricing--yama .pricing__action:focus {

    color: #ef7d46;

    background: #fff;

}





/* Rabten */



.pricing--rabten .pricing__item {

    padding: 2em 4em;

    cursor: default;

    color: #262b38;

    max-width: 320px;

}



.pricing--rabten .pricing__item:nth-child(2) {

    border-right: 1px solid rgba(139, 144, 157, 0.18);

    border-left: 1px solid rgba(139, 144, 157, 0.18);

}



.pricing--rabten .pricing__title {

    font-size: 1em;

    margin: 1.5em 0 0;

}



.pricing--rabten .icon {

    font-size: 2.5em;

    color: #8b909d;

    -webkit-transition: color 0.3s;

    transition: color 0.3s;

}



.pricing--rabten .pricing__item:hover .icon {

    color: #E03E3E;

}



.pricing--rabten .pricing__price {

    font-size: 2em;

    font-weight: bold;

    margin: 0.5em 0 0.75em;

    overflow: hidden;

}



.pricing--rabten .pricing__currency {

    font-size: 0.5em;

    vertical-align: super;

}



.pricing--rabten .pricing__period {

    font-size: 0.35em;

    color: #8b909d;

}



.pricing--rabten .pricing__anim {

    display: inline-block;

    position: relative;

}



.pricing--rabten .pricing__item:hover .pricing__anim {

    -webkit-animation: moveUp 0.4s forwards;

    animation: moveUp 0.4s forwards;

    -webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);

    animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);

}



.pricing--rabten .pricing__item:hover .pricing__anim--2 {

    -webkit-animation-delay: 0.05s;

    animation-delay: 0.05s;

}



@-webkit-keyframes moveUp {

    50% {

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

    }

    51% {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

    }

    52% {

        opacity: 1;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0);

    }

    100% {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@keyframes moveUp {

    50% {

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

    }

    51% {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

    }

    52% {

        opacity: 1;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0);

    }

    100% {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



.pricing--rabten .pricing__sentence {

    font-weight: bold;

    margin: 0 0 1em 0;

    padding: 0 0 0.5em;

    color: #8b909d;

}



.pricing--rabten .pricing__feature-list {

    font-size: 0.85em;

    margin: 0;

    padding: 0.25em 0 2.5em;

    list-style: none;

    text-align: center;

    color: #8b909d;

}



.pricing--rabten .pricing__action {

    font-weight: bold;

    margin-top: auto;

    padding: 1em 2em;

    color: #fff;

    border-radius: 30px;

    background: #E03E3E;

    -webkit-transition: background-color 0.3s;

    transition: background-color 0.3s;

}



.pricing--rabten .pricing__action:hover,

.pricing--rabten .pricing__action:focus {

    background-color: #C53737;

}



@media screen and (max-width: 60em) {

    .pricing--rabten .pricing__item {

        max-width: none;

        width: 90%;

        flex: none;

        border: none !important;

        opacity: 1 !important;

    }

}





/* Pema */



.pricing--pema .pricing__item {

    padding: 2em 3em;

    margin: 1em;

    color: #262b38;

    background: #fff;

    cursor: default;

    overflow: hidden;

    box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);

}



@media screen and (min-width: 66.250em) {

    .pricing--pema .pricing__item {

        margin: 1.5em 0;

    }

    .pricing--pema .pricing__item--featured {

        z-index: 10;

        margin: 0;

        font-size: 1.15em;

    }

}



.pricing--pema .pricing__title {

    font-size: 2em;

    margin: 0.5em 0 0;

    color: #1d211f;

}



.pricing--pema .icon {

    display: inline-block;

    min-width: 2em;

    color: #8A9790;

    vertical-align: middle;

}



.pricing--pema .pricing__price {

    font-size: 5em;

    font-weight: 800;

    color: #6ed19c;

    position: relative;

    z-index: 100;

}



.pricing--pema .pricing__currency {

    font-size: 0.5em;

    vertical-align: super;

}



.pricing--pema .pricing__period {

    font-size: 0.25em;

    display: inline-block;

    padding: 0 0 0 0.5em;

    color: #CEDED6;

}



.pricing--pema .pricing__sentence {

    font-weight: bold;

    margin: 0 0 1em 0;

    padding: 0 0 0.5em;

    color: #6ed19c;

}



.pricing--pema .pricing__feature-list {

    font-size: 0.95em;

    margin: 0;

    padding: 1.5em 0.5em 2.5em;

    list-style: none;

}



.pricing--pema .pricing__feature {

    padding: 0.15em 0;

}



.pricing--pema .pricing__action {

    font-weight: bold;

    margin-top: auto;

    padding: 1em 2em;

    color: #fff;

    border-radius: 5px;

    background: #6ed19c;

    -webkit-transition: background-color 0.3s;

    transition: background-color 0.3s;

}



.pricing--pema .pricing__action:hover,

.pricing--pema .pricing__action:focus {

    background-color: #4F5F56;

}





/* karma */



.pricing--karma .pricing__item {

    margin: 1em;

    color: #382628;

    background: #fff;

    cursor: default;

    text-transform: uppercase;

    letter-spacing: 4px;

    border: 2px solid #382628;

    border-radius: 5px;

}



.pricing--karma .pricing__title {

    font-size: 1em;

    font-weight: 500;

    margin: 0.5em 0 0;

    padding: 1em;

    border-bottom: 2px solid #382628;

}



.pricing--karma .icon {

    display: inline-block;

    min-width: 2em;

}



.pricing--karma .pricing__price {

    font-size: 3em;

    padding: 0.5em 0 0 0;

    margin: 1em;

    font-weight: bold;

    border: 2px solid #382628;

    position: relative;

    z-index: 100;

}



.pricing--karma .pricing__item--featured .pricing__price::after {

    background: url(../img/stamp.png);

    background-size: cover;

    content: '';

    position: absolute;

    top: -30px;

    right: -20px;

    width: 100px;

    height: 100px;

    pointer-events: none;

}



.pricing--karma .pricing__currency {

    font-size: 0.5em;

    vertical-align: super;

}



.pricing--karma .pricing__period {

    font-size: 0.25em;

    display: block;

    padding: 1em;

    margin-top: 1.25em;

    border-top: 2px solid #382628;

}



.pricing--karma .pricing__sentence {

    margin: 0 0 1em 0;

    padding: 1em;

    font-size: 0.85em;

    border-bottom: 2px solid #382628;

}



.pricing--karma .pricing__feature-list {

    font-size: 0.85em;

    margin: 0;

    letter-spacing: 0;

    padding: 0 1em 2.5em 4em;

    list-style-type: square;

}



.pricing--karma .pricing__action {

    font-weight: bold;

    flex: none;

    margin: auto 1em 1em;

    padding: 1.25em 2em;

    color: #fff;

    background: #382628;

    letter-spacing: 2px;

    border-radius: 5px;

    border: 2px solid #382628;

    font-size: 0.95em;

    text-transform: uppercase;

    -webkit-transition: background-color 0.3s, color 0.3s;

    transition: background-color 0.3s, color 0.3s;

}



.pricing--karma .pricing__action:hover,

.pricing--karma .pricing__action:focus {

    background-color: #ffdbd5;

    color: #382628;

}





/* norbu */



.pricing--norbu .pricing__item {

    margin: 1em;

    color: #fff;

    cursor: default;

    border: 1px solid rgba(255, 255, 255, 0.4);

    background: rgba(255, 255, 255, 0.08);

    border-radius: 10px;

    -webkit-transition: border-color 0.3s, background 0.3s;

    transition: border-color 0.3s, background 0.3s;

}



.pricing--norbu .pricing__item:hover {

    border: 1px solid rgba(255, 255, 255, 1);

    background: rgba(255, 255, 255, 0.18);

}



.pricing--norbu .pricing__title {

    font-size: 2em;

    font-weight: 400;

    margin: 0.5em 0;

    padding: 1em;

    position: relative;

}



.pricing--norbu .pricing__title::after {

    content: '';

    position: absolute;

    width: 20%;

    height: 1px;

    background: #fff;

    left: 40%;

    bottom: 0;

}



.pricing--norbu .icon {

    display: inline-block;

    min-width: 2em;

}



.pricing--norbu .pricing__price {

    font-size: 3.5em;

    padding: 0.5em 0 0 0;

    font-weight: 400;

    position: relative;

    z-index: 100;

}



.pricing--norbu .pricing__currency {

    font-size: 0.5em;

    vertical-align: super;

}



.pricing--norbu .pricing__period {

    font-size: 0.25em;

    display: block;

    padding: 1em;

}



.pricing--norbu .pricing__sentence {

    padding: 1em 2em;

    font-size: 1em;

    margin: 0 auto 1em;

}



.pricing--norbu .pricing__feature-list {

    font-size: 1.15em;

    margin: 0 2em;

    letter-spacing: 0;

    padding: 2em 0;

    list-style: none;

}



.pricing--norbu .pricing__feature {

    line-height: 1.4;

}



.pricing--norbu .pricing__feature::before {

    content: "\e87a";

    font-family: 'linearicons';

    display: inline-block;

    vertical-align: middle;

    padding: 0 0.75em 0 0;

}



.pricing--norbu .pricing__action {

    font-weight: bold;

    flex: none;

    margin: auto 1em 1em;

    padding: 1.25em 2em;

    color: #4aa8e4;

    background: rgba(255, 255, 255, 0.7);

    border-radius: 5px;

    -webkit-transition: background 0.3s;

    transition: background 0.3s;

}



.pricing--norbu .pricing__action:hover,

.pricing--norbu .pricing__action:focus {

    background: #fff;

}





/* Dawa */



.pricing--dawa .pricing__item {

    padding: 0 2em;

}



.pricing--dawa .pricing__title {

    font-weight: bold;

    font-size: 1.8em;

    padding: 0 0 0.5em;

    background: url(../img/line.png) no-repeat 50% 100%;

}



.pricing--dawa .pricing__price {

    font-size: 3.75em;

    line-height: 1;

    margin: 1em 0 0.65em;

}



.pricing--dawa .pricing__period {

    font-size: 0.25em;

    display: block;

}



.pricing--dawa .pricing__sentence {

    margin: 0;

}



.pricing--dawa .pricing__feature-list {

    margin: 0 0 1.5em;

    padding: 1em;

    list-style: none;

    text-align: center;

}



.pricing--dawa .pricing__action {

    border-radius: 30px;

    font-size: 1.5em;

    padding: 0.5em 1.5em;

    -webkit-transition: color 0.3s;

    transition: color 0.3s;

}



.pricing--dawa .pricing__action:hover,

.pricing--dawa .pricing__action:focus {

    color: #fffa5c;

}



@media screen and (max-width: 40em) {

    .pricing--dawa .pricing__item {

        border: 1px solid rgba(255, 255, 255, 0.6);

        margin: 1em;

    }

}





/* Yonten */



.pricing--yonten .pricing__item {

    padding: 2em 4em;

    cursor: default;

    color: #fff;

    margin: 1em;

    border: 1px solid #5c6552;

    max-width: 320px;

}



@media screen and (min-width: 66.250em) {

    .pricing--yonten .pricing__item {

        margin: 0;

    }

    .pricing--yonten .pricing__item:nth-child(2) {

        border-right: none;

        border-left: none;

    }

}



.pricing--yonten .pricing__item:hover {

    z-index: 100;

}



.pricing--yonten .pricing__item:hover::after {

    content: '';

    pointer-events: none;

    position: absolute;

    top: -5px;

    left: -5px;

    width: 100%;

    height: 100%;

    box-sizing: content-box;

    border: 5px solid #8bc34a;

}



.pricing--yonten .pricing__title {

    font-size: 1.5em;

    margin: 0 0 0.5em 0;

    padding: 0 0 0.5em;

}



.pricing--yonten .icon {

    font-size: 3em;

    margin: 0 0 0.5em 0;

    color: #85c34a;

}



.pricing--yonten .pricing__price {

    font-size: 2em;

    margin: 0 0 0.5em 0;

    font-weight: bold;

    color: #85c34a;

}



.pricing--yonten .pricing__currency {

    font-size: 0.5em;

    vertical-align: super;

}



.pricing--yonten .pricing__period {

    font-size: 0.35em;

    padding: 0 0 0 0.5em;

    color: #646D5B;

}



.pricing--yonten .pricing__feature-list {

    margin: 0;

    padding: 0.25em 0 8em;

    list-style: none;

    text-align: center;

    color: #81867D;

}



.pricing--yonten .pricing__feature {

    padding: 0.25em;

}



.pricing--yonten .pricing__action {

    font-weight: bold;

    margin-top: auto;

    padding: 1em 2em;

    border-radius: 40px;

    background: #85c34a;

    color: ;

    -webkit-transition: background-color 0.3s, color 0.3s;

    transition: background-color 0.3s, color 0.3s;

}



.pricing--yonten .pricing__action:hover,

.pricing--yonten .pricing__action:focus {

    color: #85c34a;

    background: #fff;

}





/* tashi */



.pricing--tashi .pricing__item {

    margin: 0.5em;

    padding: 2em 2.5em;

    text-align: left;

    color: #fff;

    background: #262c37;

}



.pricing--tashi .pricing__title {

    font-size: 2em;

    font-weight: 300;

    margin: 0 0 0.15em;

    color: #E25A77;

}



.pricing--tashi .pricing__item:nth-child(2) .pricing__title {

    color: #E25ABC;

}



.pricing--tashi .pricing__item:nth-child(3) .pricing__title {

    color: #7E5AE2;

}



.pricing--tashi .pricing__price {

    font-size: 3em;

    font-weight: 300;

    padding: 0.85em 0;

}



.pricing--tashi .pricing__currency {

    font-size: 0.65em;

    vertical-align: super;

    color: #394150;

}



.pricing--tashi .pricing__period {

    font-size: 0.35em;

    padding: 0 0 0 0.5em;

    color: #535965;

}



.pricing--tashi .pricing__sentence {

    padding: 0 0 0.5em;

    margin: 0;

    color: #535965;

}



.pricing--tashi .pricing__feature-list {

    font-size: 0.95em;

    margin: 0;

    padding: 0 0 2.5em;

    list-style: none;

    color: #757983;

}



.pricing--tashi .pricing__feature {

    position: relative;

    display: block;

    padding: 0 0 0 20px;

    line-height: 1.5;

}



.pricing--tashi .pricing__feature::before {

    content: '';

    position: absolute;

    width: 10px;

    height: 2px;

    background: #1F242D;

    left: 0;

    top: 50%;

    margin: -2px 0 0 0;

}



.pricing--tashi .pricing__action {

    -webkit-align-self: flex-end;

    align-self: flex-end;

    margin-top: auto;

    font-size: 1.55em;

    width: 60px;

    height: 60px;

    line-height: 60px;

    color: #fff;

    border-radius: 30px;

    background: #E25A77;

    -webkit-transition: background-color 0.3s, color 0.3s;

    transition: background-color 0.3s, color 0.3s;

}



.pricing--tashi .pricing__item:nth-child(2) .pricing__action {

    background: #E25ABC;

}



.pricing--tashi .pricing__item:nth-child(3) .pricing__action {

    background: #7E5AE2;

}



.pricing--tashi .pricing__action:hover,

.pricing--tashi .pricing__action:focus {

    background: #1A1F28 !important;

}





/* palden */



.pricing--palden .pricing__item {

    cursor: default;

    color: #84697c;

    background: #fff;

    box-shadow: 0 0 10px rgba(46, 59, 125, 0.23);

    border-radius: 20px 20px 10px 10px;

    margin: 1em;

}



@media screen and (min-width: 66.250em) {

    .pricing--palden .pricing__item {

        margin: 1em -0.5em;

    }

    .pricing--palden .pricing__item--featured {

        margin: 0;

        z-index: 10;

        box-shadow: 0 0 20px rgba(46, 59, 125, 0.23);

    }

}



.pricing--palden .pricing__deco {

    border-radius: 10px 10px 0 0;

    background: #7a90ff;

    padding: 4em 0 9em;

    position: relative;

}



.pricing--palden .pricing__deco-img {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 160px;

}



.pricing--palden .pricing__item--featured .pricing__deco {

    padding: 5em 0 8.885em 0;

}



.pricing--palden .pricing__title {

    font-size: 0.75em;

    margin: 0;

    text-transform: uppercase;

    letter-spacing: 5px;

    color: #ffd5bd;

}



.pricing--palden .deco-layer {

    -webkit-transition: -webkit-transform 0.5s;

    transition: transform 0.5s;

}



.pricing--palden .pricing__item:hover .deco-layer--1 {

    -webkit-transform: translate3d(15px, 0, 0);

    transform: translate3d(15px, 0, 0);

}



.pricing--palden .pricing__item:hover .deco-layer--2 {

    -webkit-transform: translate3d(-15px, 0, 0);

    transform: translate3d(-15px, 0, 0);

}



.pricing--palden .icon {

    font-size: 2.5em;

}



.pricing--palden .pricing__price {

    font-size: 5em;

    font-weight: bold;

    padding: 0;

    color: #fff;

    margin: 0 0 0.25em 0;

    line-height: 0.75;

}



.pricing--palden .pricing__currency {

    font-size: 0.15em;

    vertical-align: top;

    color: rgba(0, 0, 0, 0.4);

}



.pricing--palden .pricing__period {

    font-size: 0.15em;

    padding: 0 0 0 0.5em;

    color: rgba(0, 0, 0, 0.4);

    font-style: italic;

}



.pricing--palden .pricing__sentence {

    font-weight: bold;

    margin: 0 0 1em 0;

    padding: 0 0 0.5em;

}



.pricing--palden .pricing__feature-list {

    margin: 0;

    padding: 0.25em 0 2.5em;

    list-style: none;

    text-align: center;

}



.pricing--palden .pricing__feature {

    padding: 1em 0;

}



.pricing--palden .pricing__action {

    font-weight: bold;

    margin: auto 3em 2em 3em;

    padding: 1em 2em;

    color: #fff;

    border-radius: 30px;

    background: #ffae7e;

    -webkit-transition: background-color 0.3s;

    transition: background-color 0.3s;

}



.pricing--palden .pricing__action:hover,

.pricing--palden .pricing__action:focus {

    background-color: #f38747;

}





/*VC CUSTOM CHANGES*/



.wpb_gallery_slides.flexslider .slides img {

    max-width: 100%;

    display: block;

    height: auto;

}



html .wpb_heading.wpb_pie_chart_heading {

    color: #8a8a8a;

    padding-top: 20px;

    font-size: 14px;

    text-transform: uppercase;

}



.home-template {

    background: #fff;

}



.home-template .vc_row {

    position: relative;

}



.vc_row-overlay {

    display: inline-block;

    position: absolute !important;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

}



.vc_row-overlay:after {

    display: block;

    content: '';

    background-color: rgba(0, 0, 0, 0.1);

    position: absolute;

    left: 0;

    top: 0;

    z-index: 0;

    width: 100%;

    height: 100%;

}



.vc_row-overlay .wpb_column {

    position: relative;

    z-index: 3;

}



html .vc_row.vc_row-padding-top {

    padding-top: 100px;

}



html .vc_row.vc_row-padding-bottom {

    padding-bottom: 100px;

}



.vc_row.vc_row-padding-both {

    padding-top: 100px;

    padding-bottom: 100px;

}



.vc_row.vc_row-no-padding .vc_column-inner {

    padding-left: 0;

    padding-right: 0;

    padding-top: 0;

    padding-bottom: 0;

}



.no-overlay,

.pix-row-overlay.pix-row-decor {

    overflow: inherit !important;

    z-index: 7;

}







.text-white-color a {

    color: #fff;

}







html body .container .text-white-color,

html body .container .text-white-color p,

html .text-white-color .service-icon i {

    color: #fff;

}





.rtd .text-white-color h1:not([class]),

.rtd .text-white-color h2:not([class]),

.rtd .text-white-color h3:not([class]),

.rtd .text-white-color h4:not([class]),

.rtd .text-white-color h5:not([class]),

.rtd .text-white-color h6:not([class]) {

    color: #fff;

}



.text-white-color .service-icon i {

    color: #fff !important;

}



.text-white-color .gallery-controls .btn-group a,

.text-white-color .section-heading,

.white-heading *,

.gallery-controls .btn-group a:hover i,

.text-white-color .gallery-controls .btn-group a.active i {

    color: #fff !important;

}





.text-white-color .b-info-column .info-column-icon .step-number {

    background-color: #f68863 !important;

    color: #fff !important;

    opacity: 0.9;

}



html body .container .text-white-color .b-info-column .info-column-icon i:before {

    color: #fff !important;

}



.skills-features-section {

    position: relative;

    z-index: 88;

}



aside .widget-title {

    color: #23272c;

    font-size: 20px;

    font-weight: 400;

    text-transform: none;

    margin-bottom: 15px;

    border-bottom: 1px solid #eee;

    padding-bottom: 15px;

}



aside .widget-title span span:before {

    margin-right: 12px;

    font-size: 20px;

    color: #28ad62;

    position: relative;

    top: 1px;

}



.block_content {

    margin-bottom: 20px;

    padding-bottom: 20px;

    display: inline-block;

    width: 100%;

}





/* progressbar */



.vc_progress_bar .vc_single_bar {

    background: #eff2f7 !important;

    margin-bottom: 63px !important;

    height: 10px;

    margin-top: 45px;

}



.vc_progress_bar .vc_single_bar .vc_label {

    padding: .5em 0 !important;

    top: -35px !important;

    font-size: 12px;

    text-transform: uppercase;

    font-weight: 500;

}



.vc_progress_bar .vc_single_bar .vc_label .vc_label_units {

    float: right;

    color: #999;

}



.vc_progress_bar .wpb_progress_bar_heading {

    margin-bottom: 55px;

}



.wpb_content_element,

.wpb_row {

    margin-bottom: 0 !important;

}





/* JARALLAX */



.vc_row.jarallax-nopadding {

    padding-top: 0 !important;

    padding-bottom: 0 !important;

}



.jarallax {

    background-size: cover;

    background-repeat: no-repeat;

    background-position: 50% 50%;

    z-index: 1;

    position: relative;

    width: 100%;

}



.jarallax-content,

.jarallax-content-inner {

    width: 100%;

}



.background-attachment-fixed {

    background-attachment: fixed !important;

    display: inline-block;

    width: 100%;

}



.vc_row_use_jarallax.vc_row {

    margin-left: 0;

    margin-right: 0;

}



.vc_row.vc_row-flex>.vc_column_container.vc_row_use_jarallax>.vc_column-inner .wpb_wrapper {

    display: flex;

    height: 100%;

}



.vc_row.vc_row-flex>.vc_column_container>.vc_column-inner .wpb_wrapper .jarallax {

    display: flex;

    height: 100%;

}



.vc_row.vc_row-flex>.vc_column_container>.vc_column-inner .wpb_wrapper .jarallax .jarallax-content {

    display: flex;

    height: 100%;

}





/* BUTTONS STYLES  */



.btn1 {

    font-weight: 500 !important;

    position: relative;

    font-size: 12px !important;

    padding: 11px 23px !Important;

    text-transform: uppercase;

    border-radius: 0px;

    border: 1px solid #acacac;

    color: #313647;

    background: #fff;

    transition: all 0.3s ease-out;

    -webkit-transition: all 0.3s ease-out;

    -moz-transition: all 0.3s ease-out;

}



html .btn-style-1 {

    font-weight: 500 !important;

    position: relative;

    font-size: 12px !important;

    padding: 11px 23px !Important;

    text-transform: uppercase;

    border-radius: 0px;

    border: 1px solid #acacac;

    color: #313647;

    background: #fff;

    border-right: 0;

    transition: all 0.3s ease-out;

    -webkit-transition: all 0.3s ease-out;

    -moz-transition: all 0.3s ease-out;

}



html .btn-style-1:before,

.btn-style-1-hovered:before {

    content: "";

    display: block;

    position: absolute;

    right: 0px;

    top: -1px;

    bottom: -1px;

    width: 4px;

    opacity: 1;

    transition: 0.4s;

    transition-timing-function: cubic-bezier(.36, .99, .69, 1.2);

    z-index: 1;

    background: #0060c1;

}



html .btn-style-1:hover:before,

.btn-style-1-hovered:before {

    width: 100% !important;

    z-index: 1 !important;

}



html .btn-style-1:hover,

html .btn-style-1:hover > button {

    color: #fff !important;

}



.btn-style-1-hovered {

    color: #fff !important;

    border-left: 0 !important;

}



.btn-style-1-hovered:hover {

    opacity: 0.8;

}



html .btn-style-1 span {

    position: relative;

    z-index: 2;

}



.schremp-column-info .btn-style-1 {

    margin: 35px 0 0 0;

    display: inline-block;

    padding: 13px 24px 13px 20px;

}



html .btn-style-1 button {

    padding: 0 !important;

    margin: 0 !important;

    position: relative;

    z-index: 2;

    background: transparent !important;

    color: #000 !important;

    text-transform: uppercase;

}



.column-info h3 {

    margin-top: 40px;

    margin-bottom: 25px;

    font-size: 19px;

}



html .btn-style-1:hover {

    box-shadow: 5px 6px 8px #ccc;

}



.btn-style-1-hovered {

    box-shadow: none !important;

}





/*Icon*/



html .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-sm.vc_icon_element-have-style-inner {

    width: auto !important;

    height: auto !important;

    margin: 0px 5px 0 10px !important;

}



footer .pix_icon_element_content {}



.vc_icon_element {

    line-height: 0;

    font-size: 14px;

    margin: 0px 5px 0 0 !important;

    display: inline-block;

}



.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-xs.vc_icon_element-have-style-inner {

    border: 1px solid #555;

}



.pix_icon_element_content {

    width: 100%;

    display: inline-block;

}



.pix_icon_element .vc_icon_element-inner {

    margin-right: 25px;

}



.pix_icon_element_content .vc_icon_element-inner {

    float: left;

}



.vc_icon_content {

    float: left;

    padding-top: 0;

    margin-top: -5px;

    padding-bottom: 22px;

    margin-left: 0;

}



footer .vc_icon_content strong {

    color: #fff;

}



.vc_icon_content p {

    padding: 0;

    margin: 0;

}



.pix_icon_element_content .vc_icon_element-inner {

    float: left;

    width: auto !important;

    margin: 0 22px 0 0;

}



footer .pix_icon_element_content .fa-map-marker {

    position: relative;

    top: 5px !important;

}



.pix_icon_element_content .vc_icon_content {

    padding-left: 10px;

}



.vc_icon_element-style-boxed-outline .vc_icon_element-icon {

    border: 1px solid #eee !important;

    border-right: #333 5px solid !important;

    margin: 20px 10px 0 0;

    padding: 16px 0 0 0;

    width: 40px;

    height: 40px;

}



.vc_icon_element-style-boxed-outline .vc_icon_element-icon:before {

    font-size: 16px !important;

    top: -8px;

    position: relative;

    left: -3px;

}



.vc_icon_element-outer .vc_icon_content {

    padding-left: 30px !important;

    padding-top: 8px;

    padding-bottom: 9px;

}



footer .vc_icon_element-outer .vc_icon_content {

    padding-left: 0 !important;

    padding-top: 0;

    padding-bottom: 20px;

}



footer .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner .vc_icon_element-icon {

    top: 0 !important;

}



footer .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner {

    height: auto !important;

}



.wpb_map_wraper iframe {

    pointer-events: none;

}





/** SHUFFLE TEXT**/



.shuffle {

    min-height: 26px;

    opacity: 0;

}



.shuffle-start {

    opacity: 1 !important;

}



.vc_custom_heading.shuffle {

    opacity: 0;

    min-height: 72px;

}



.vc_custom_heading.shuffle.shuffle-start {

    opacity: 1;

}



.section-decor-wrap {

    position: absolute;

    top: -1px;

    left: 0;

    width: 100%;

    height: 90px;

    text-align: center;

    opacity: 1 !important;

    z-index: 9;

}



.section-decor-wrap.bottom {

    top: auto;

    bottom: -1px;

}



.brands {

    margin-top: 70px;

}



.brand-logo {

    display: table;

    width: 100%;

    height: 120px;

    text-align: center;

    background-color: #fff;

    box-shadow: 0 0 0 1px #e8e9ed;

    margin-top: 2px;

}



.brand-logo .brand-logo-wrap {

    display: table-cell;

    -webkit-transition: opacity .3s;

    -o-transition: opacity .3s;

    transition: opacity .3s;

    vertical-align: bottom;

    opacity: .7;

}



.brand-logo .brand-logo-wrap:hover {

    opacity: 1;

}





/*Tooltip*/



.tooltip {

    position: relative;

    display: inline-block;

}



.tooltip__trigger {

    cursor: pointer;

    position: relative;

}



.tooltip__trigger-text {

    display: block;

    padding: 0.85em;

    pointer-events: none;

}



.tooltip__base {

    position: absolute;

    bottom: 2em;

    left: 50%;

    margin-left: -150px;

    width: 300px;

    height: 200px;

    display: flex;

    align-items: center;

    justify-content: center;

    opacity: 0;

    pointer-events: none;

}



.tooltip__content {

    color: #4a4a4a;

    display: flex;

    position: relative;

    align-items: center;

    justify-content: center;

    width: 65%;

    padding: 0 1em;

    opacity: 0;

    font-size: 0.85em;

}



.tooltip__shape,

.tooltip__deco {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

}



.b-team-holder .tooltip__shape {

    fill: #fff;

}



.tooltip__shape {

    fill: #eee;

}



.b-team-holder .tooltip__trigger {

    cursor: pointer;

    display: inline-block;

    width: 100%;

    height: 100%;

    position: absolute;

    z-index: 77;

}



.b-team-holder .tooltip {

    position: absolute;

    display: inline-block;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

}



.b-team-holder .tooltip__base {

    bottom: auto !important;

    top: -88px !important;

    right: -92px;

    left: auto !important;

}



.b-team-holder .tooltip__content {

    display: flex !important;

    position: relative !important;

    align-items: center !important;

    justify-content: center !important;

    width: 146px !important;

    padding: 23px!important;

    opacity: 0;

    font-size: 14px !important;

    line-height: 20px !important;

    color: #000 !important;

}





/* Indivudual styles */





/* Cora */



.tooltip--cora .tooltip__base {

    transform-origin: 50% 100%;

}



.tooltip--cora .tooltip__content {

    margin-bottom: 1em;

}





/* Smaug */



.tooltip--smaug .tooltip__base {

    bottom: -0.5em;

    transform-origin: 50% 100%;

}



.tooltip--smaug .tooltip__content {

    padding: 0;

}





/* Dori */



.tooltip--dori .tooltip__base {

    bottom: -0.5em;

}



.tooltip--dori .tooltip__content {

    margin: 0 0 1em;

}





/* Walda */



.tooltip--walda .tooltip__base {

    left: 0;

    bottom: 0.75em;

    position: absolute;

    margin-left: 0;

    width: 250px;

    height: 100px;

    padding: 0 0 0 0.25em;

}



.tooltip--walda .tooltip__trigger-text {

    padding: 1em;

}



.tooltip--walda .tooltip__content {

    margin: 0;

    width: 100%;

    height: 100%;

    align-items: flex-start;

    text-align: left;

    font-size: 0.85em;

    line-height: 2;

    opacity: 1;

    justify-content: flex-start;

}



.tooltip--walda .tooltip__letters span {

    display: inline-block;

    white-space: pre;

    opacity: 0;

}



.tooltip--walda .tooltip__deco {

    width: 4px;

    height: 100%;

    background: #141514;

    transform-origin: 50% 100%;

}





/* Gram */



.tooltip--gram .tooltip__base {

    bottom: -0.5em;

}





/* Narvi */



.path-narvi {

    transform-origin: 200px 150px;

}



.tooltip--narvi .tooltip__content {

    width: 80%;

}





/* Amras */



.path-amras-1 {

    transform-origin: 115px 111px;

}



.path-amras-2 {

    transform-origin: 204px 107px;

}



.path-amras-3 {

    transform-origin: 279px 66px;

}



.path-amras-4 {

    transform-origin: 320px 99px;

}



.path-amras-5 {

    transform-origin: 137px 199px;

}



.path-amras-6 {

    transform-origin: 222px 217px;

}



.path-amras-7 {

    transform-origin: 80px 168px;

}



.path-amras-8 {

    transform-origin: 296px 211px;

}



.path-amras-9 {

    transform-origin: 310px 167px;

}





/* Hador */



.tooltip--hador .tooltip__base {

    bottom: 2.25em;

    margin-left: -115px;

}



.path-hador-1 {

    transform-origin: 148px 284px;

}



.path-hador-2 {

    transform-origin: 160px 268px;

}



.path-hador-3 {

    transform-origin: 171px 246px;

}



.path-hador-4 {

    transform-origin: 200px 120px;

}



.tooltip--hador .tooltip__content {

    width: 50%;

    margin: 0 0 2.5em;

}





/* Malva */



.tooltip--malva .tooltip__content {

    width: 50%;

}





/* Sadoc */



.tooltip--sadoc .tooltip__base {

    bottom: 2.5em;

}



.tooltip--sadoc .tooltip__shape path {

    fill: #1d1f1e;

    stroke: #5a5c5b;

    stroke-width: 3px;

}



#bbpress-forums ul.bbp-lead-topic,

#bbpress-forums ul.bbp-topics,

#bbpress-forums ul.bbp-forums,

#bbpress-forums ul.bbp-replies,

#bbpress-forums ul.bbp-search-results {

    font-size: 16px;

}



#bbpress-forums .bbp-forum-info .bbp-forum-content,

#bbpress-forums p.bbp-topic-meta {

    font-size: 16px;

}



#bbpress-forums .bbp-forums-list li {

    display: inline;

    font-size: 12px;

}



.bbpress #bbpress-forums fieldset.bbp-form legend {

    padding: 5px 15px 3px;

    color: #333333;

    border: 1px solid #eee;

}



.bbpress .button {

    line-height: 1.1;

    border-color: #eeeeee;

    font-size: 11px;

    text-transform: uppercase;

    padding: 15px 25px;

    border: 1px solid #eeeeee;

    background: transparent;

    border-radius: 3px;

}



.subscription-toggle {

    line-height: 1.1;

    border-color: #eeeeee;

    font-size: 13px;

    color: #337ab7;

    text-transform: uppercase;

    padding: 15px 25px;

    border: 1px solid #eeeeee;

    background: transparent;

    border-radius: 3px;

    float: right;

    padding-top: 10px !important;

}



#bbpress-forums p.bbp-topic-meta img.avatar,

#bbpress-forums ul.bbp-reply-revision-log img.avatar,

#bbpress-forums ul.bbp-topic-revision-log img.avatar,

#bbpress-forums div.bbp-template-notice img.avatar,

#bbpress-forums .widget_display_topics img.avatar,

#bbpress-forums .widget_display_replies img.avatar {

    margin-bottom: -1px;

    border: 1px double #ddd;

}



html span.bbp-admin-links a:hover {

    color: #000 !important;

}



html .bbp-search-form #bbp_search_submit {

    padding: 10px;

    font-size: 10px;

    margin-bottom: 11px;

    margin-top: 11px;

}



#bbpress-forums div.bbp-forum-author a.bbp-author-name,

#bbpress-forums div.bbp-topic-author a.bbp-author-name,

#bbpress-forums div.bbp-reply-author a.bbp-author-name {

    display: inline-block;

    font-size: 12px;

    line-height: 1.3;

    color: #333;

}



#bbpress-forums div.bbp-topic-content a,

#bbpress-forums div.bbp-reply-content a {

    font-size: 13px;

    text-transform: uppercase;

    padding-top: 8px !important;

}



#bbpress-forums li.bbp-header,

#bbpress-forums li.bbp-footer {

    font-weight: normal !important;

}



#bbpress-forums label {

    font-weight: normal;

}



html #bbpress-forums div.bbp-topic-tags {

    float: left;

}





/* Booked Calendar */



html body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-time {

    font-weight: normal;

}



body .booked-calendar-wrap .booked-appt-list h2,

.booked-no-prev strong,

.booked-appt-list strong {

    text-align: center;

    color: #23272c !important;

    font-size: 24px;

    margin: 0 0 30px;

    line-height: 1.4;

    font-weight: 400;

}



html body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-title {

    color: inherit!important;

}



html body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people button {

    padding: 10px 20px;

    text-transform: uppercase;

}



html body .booked-calendar-wrap .booked-appt-list .timeslot {

    padding-bottom: 20px;

}



html body .booked-modal .bm-window p small {

    font-weight: normal;

}



html .km-teammate-position {

    font-style: normal;

}



html .km-teammate-container[data-style=style3] .km-teammate-content {

    margin-top: 10px;

    font-size: 12px;

    border-top: 1px dotted #ddd;

    padding-top: 20px;

    border-bottom: 1px dotted #ddd;

    padding-bottom: 20px;

}





/* 404 pages */



.page-404 {

    text-align: center;

}



.page-404 img {

    max-width: 100%;

    height: auto;

}



.page-404-info {

    text-align: center;

    margin-top: -120px;

    margin-bottom: 120px;

}



.notfound_title {

    margin: 0 0 10px 0 !important;

    padding: 0 !important;

}



.notfound_description {

    margin: 0 !important;

    padding: 0 !important;

}





/* vc_toggle_icon */



html .vc_toggle {

    margin: 0 0 21.74px;

    border-bottom: 1px dotted #ddd;

    padding-bottom: 21.74px;

}





html .text-white-color  .vc_toggle {

    border-bottom-color: #4d5153;

}





html .text-white-color .vc_toggle.vc_toggle_arrow .vc_toggle_icon::after, html .text-white-color .vc_toggle.vc_toggle_arrow .vc_toggle_icon::before{

    border-color:#4d5153 ;

}



html .vc_toggle_content {

    padding: 0;

    margin-bottom: 0;

}



html .vc_toggle_arrow .vc_toggle_icon {

    position: absolute;

    right: 0;

    bottom: 0px;

}



.vc_toggle_arrow .vc_toggle_content {

    padding-right: 50px !important;

}





/* Form 7 boxed*/



.box-form-7 {

    background: #2d363e;

    padding: 50px 50px;

    border-radius: 30px;

    max-width: 500px;

    position: relative;

}



.box-form-7:after {

    content: '';

    display: block;

    width: 0;

    height: 0;

    border-style: solid;

    border-color: #2d363e transparent transparent transparent;

    border-width: 45px 0px 0 36px;

    position: absolute;

    left: 50px;

    bottom: -43px;

}



.box-form-7 p,

.box-form-7 h3 {

    color: #fff;

    text-align: center;

    font-weight: 300;

}



.box-form-7 h3 {

    font-size: 36px;

    line-height: 46px;

}





/* Call Us */



.call-us-btn {

    font-size: 28px;

    background: #f4f4f4;

    padding: 5px 31px 5px 70px;

    border-radius: 100px;

    position: relative;

    display: inline-block;

    line-height: 1.7;

    height: 55px;

    text-align: left;

}



.call-us-btn i {

    background: #2d363e;

    color: #fff;

    width: 55px;

    height: 55px;

    border-radius: 100px;

    text-align: center;

    line-height: 53px;

    position: absolute;

    left: 0;

    top: 0;

    font-size: 30px;

}





/******** BLOG ********/



.blog-layout-grid .wrap-blog-post .wrap-image.wrap-image-grid {

    position: relative;

    min-height: 50px;

    width: 43%;

    float: left;

    margin-right: 5%;

    overflow: hidden;

}



.wrap-blog-post .wrap-image.wrap-image-grid img {

    max-width: 100%;

    height: auto;

}



.blog-layout-grid .wrap-info-grid {

    float: left;

    width: 58%;

}



.wrap-blog-post .wrap-image.wrap-image-grid .post-date {

    position: absolute;

    bottom: -60px;

    right: 0px;

    background: #000;

    box-shadow: none;

    transition: all .1s ease-out;

    opacity: 0.6;

}



.wrap-blog-post .wrap-image.wrap-image-grid .post-date a {

    color: #fff;

}



.wrap-blog-post:hover .wrap-image.wrap-image-grid .post-date {

    bottom: 0;

}



.wrap-info.wrap-info-grid .post-description .author {

    display: initial;

    width: auto;

    margin-right: 10px;

}



.wrap-blog-post .post-description .author {

    color: #999;

    font-size: 14px;

    text-transform: none;

    margin-right: 10px;

    text-align: left;

    display: inline-block;

    width: 100%;

}



.blog-layout-grid .wrap-info {

    border: 0;

    padding: 0px;

}



.blog-layout-grid .wrap-blog-post {

    display: inline-block;

    width: 100%;

    margin-bottom: 2%;

    max-width: 48%;

    vertical-align: top;

    margin-left: -2px;

    -webkit-box-shadow: 0px 3px 15px 4px #e7e7e7;

    -moz-box-shadow: 0px 3px 15px 4px #e7e7e7;

    box-shadow: 0px 3px 15px 4px #e7e7e7;

    margin-right: 2%;

}



.more-link{

    display: none;

}



.blog-layout-grid .sidebar-type-left .wrap-blog-post,

.blog-layout-grid .sidebar-type-right .wrap-blog-post {

    max-width: 100%;

}



.blog-layout-grid .sidebar-type-left .wrap-image.wrap-image-grid,

.blog-layout-grid .sidebar-type-right .wrap-image.wrap-image-grid {

    width: 37% !important;

    margin-right: 4% !important;

}



.blog-layout-grid .wrap-blog-post.no-image {

    padding-left: 2%;

}



.blog-layout-grid .sidebar-type-left .wrap-blog-post,

.blog-layout-grid .sidebar-type-right .wrap-blog-post {

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

}



.blog-layout-grid .post-description {

    display: none !important;

}



.blog-layout-grid .post-body > h4 a {

    font-size: 25px;

}



.blog-layout-grid .wrap-blog-post .wrap-image.wrap-image-grid {

    position: relative;

    min-height: 50px;

    width: 53%;

    float: left;

    margin-right: 5%;

    overflow: hidden;

}



.blog-layout-grid .wrap-image-grid .bx-pager{

    display: none !important;

}



.wrap-blog-post {

    display: inline-block;

    width: 100%;

    margin-bottom: 45px;

}



.wrap-blog-post.wrap-wide-blog-post {

    background: #f6f6f6;

}



.wrap-blog-post.wrap-wide-blog-post .wrap-image .post-date {

    right: auto;

    left: 40px;

}



.wrap-blog-post .wrap-image {

    position: relative;

    min-height: 50px;

    overflow: hidden;

}



.blog-layout-grid .wrap-blog-post .wrap-image img {

    margin: 0;

    max-width: inherit;

    width: 100%;

}



.wrap-blog-post .wrap-image img {

    max-width: 100%;

    height: auto;

    margin: 0 auto;

    display: block;

}



.wrap-image iframe,

.post-image iframe {

    max-width: 100%;

    width: 100%;

}



.no-image .post-date {

    position: relative !Important;

}



.wrap-blog-post .wrap-image .post-date {

    color: inherit;

    font-size: 11px;

    font-weight: 300;

    display: inline-block;

    position: relative;

    bottom: 0;

    right: 0;

    padding: 20px 20px 10px 20px;

    opacity: 1;

    left: 0;

    width: 100%;

    box-shadow: 0px 3px 15px 4px #e7e7e7;

}



.wrap-blog-post .wrap-image .post-date a {

    color: inherit;

    position: relative;

    z-index: 7;

    border-right: 1px solid #fff;

    padding-left: 0;

    line-height: 9px;

    padding: 0 5px 0px 5px;

    display: inline-block;

    margin-bottom: 10px;

}



.wrap-blog-post .wrap-image .post-date a:last-child {

    border: 0;

}



.wrap-blog-post .post-description {

    padding: 15px 0px 0px 0px;

    line-height: 25px;

    font-size: 11px;

    border: 0;

    border-bottom: 0;

    border-top: 0;

}



.wrap-blog-post .post-description .author {

    color: #999;

    font-size: 14px;

    text-transform: none;

    margin-right: 0;

    text-align: left;

    display: inline-block;

    width: 100%;

}



.wrap-blog-post .post-description .author a {

    color: #999;

}



.wrap-blog-post .post-description a {

    color: #999;

}



.wrap-blog-post .post-description .post-avatar img {

    border-radius: 100px;

    overflow: hidden;

    display: inline-block;

    position: absolute;

    top: -40px;

    right: 40px;

    border: 5px solid #fff;

    max-width: 80px;

}



.wrap-blog-post .post-description .fa-comment-o {

    color: rgba(170, 170, 170, 0.8);

    margin-right: 5px;

}



.post-description .icon-heart {

    position: relative;

    top: 1px;

    margin-right: 5px;

}



.post_footer {

    clear: both;

    display: inline-block;

    width: 100%;

}



.post-body .post_footer {

    padding-top: 25px;

}



.post_read_more {

    font-size: 34px;

    font-weight: 500;

    padding: 5px 25px 5px 25px;

    line-height: 30px;

   /* border-radius: 100px; kaldırıldı */

    text-transform: uppercase;

    box-shadow: none !important;

    text-decoration: none !important;

    -webkit-transition: all .1s ease-out;

    transition: all .1s ease-out;

    margin-top: 0;

    display: inline-block;

    clear: both;

    border: 0;

    text-align: center;

    color: #fff !important;

}



.post_read_more:hover .fa {

    left: -2px;

}



.post_read_more .fa {

    position: relative;

   /* margin-left: 7px;

    margin-right: -7px; kaldırıldı */

    transition: all .1s ease-out;
	font-weight:600;

}



.post_read_more:hover {

    background: #246bad;

    color: #fff;

}



.wrap-blog-post .post-body {

    padding: 0 0px 0px 0px;

    font-size: 14px;

    line-height: 1.7;

    border: 0;

    border-top: 0;

}



.wrap-blog-post .post-body p {

    margin: 15px 0 15px;

    font-size: 14px;

    line-height: 1.7;

}



.list-blog-item {

    max-width: 290px;

    margin: 0 auto 20px;

}



.list-blog-item .blog-image {

    margin-bottom: 35px;

}



.list-blog-item .blog-image img {

    max-width: 100%;

    height: auto

}



.list-blog-item .tags {

    margin-bottom: 10px;

    font-size: 11px;

}



.list-blog-item .tags span {

    color: #2b395b;

    font-size: 10px;

    text-transform: uppercase;

    font-weight: normal;

}



.list-blog-item .blog-description p {

    color: #ffffff;

    font-size: 14px;

    font-weight: normal;

    line-height: 22px;

}



.list-blog-item .blog-description .read-more {

    color: #fff;

    opacity: 0.8;

    display: inline-block;

    padding-left: 14px;

    border-radius: 0;

    padding: 4px 12px;

    float: right;

    border-right: 1px solid rgba(255, 255, 255, 0.5);

    margin-top: 20px;

}



.list-blog-item .blog-description .read-more:hover {

    opacity: 1;

}



.blog-description h4 a {

    color: #fff;

    font-size: 24px;

    font-weight: 700;

}



.blog-description h4 a {

    font-size: 16px;

    text-transform: uppercase;

}



.tags *,

.tags a {

    color: #fff !important;

}





/******** POST ********/



.blog-post {

    margin-bottom: 100px;

}



.blog-post .post-image {

    position: relative;

    min-height: 50px;

    background: #fff;

    margin-bottom: 25px;

    border: 1px solid #eee;

}



.blog-post .bx-wrapper .bx-controls-direction a i {

    font-size: 24px;

    position: relative;

    top: -20px;

}



.blog-post .bx-wrapper .bx-controls-direction a {

    position: absolute;

    top: 50%;

    margin-top: -16px;

    outline: 0;

    width: 40px;

    height: 40px;

    text-indent: -9999px;

    background: rgba(0, 0, 0, .3)!important;

    z-index: 79;

    color: #fff;

    text-align: center;

    padding: 0;

    border-radius: 100px;

}



.post-header {

    margin-bottom: 10px;

    display: inline-block;

    width: 100%;

}



.post-header .avatar img {

    max-width: 100%;

    height: auto;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

}



.post-header .wrap-post-info {

    padding: 0;

}



.post-header .post-info {

    border-bottom: 1px dotted #E4E4E4;

    margin-left: 15px;

    text-transform: uppercase;

}



.post-header .post-info a,

.post-header .post-info {

    color: inherit;

}



.post-header .post-info h5 {

    padding-top: 20px;

}



.post-header .post-info ul li {

    padding-top: 20px;

    margin-right: 0;

    margin-left: 0;

    margin-bottom: 5px;

}



.post-header .post-info ul li .fa {

    margin-right: 7px;

}



.post-header .col-md-1 {

    padding-right: 0 !important;

    padding-left: 0 !important;

}



.wrap-info {

    position: relative;

    min-height: 50px;

    background: #fff;

    margin-bottom: 25px;

    border: 1px solid #eee;

    padding: 10px 30px 30px 30px;

}



.blog-post .post-image img {

    max-width: 100%;

    height: auto;

    display: block;

    margin: 0 auto;

}



.blog-post .post-image .post-date {

    color: inherit;

    font-size: 12px;

    font-weight: 300;

    background: #fff;

    opacity: 0.7;

    display: inline-block;

    position: relative;

    bottom: 0;

    left: 0;

    padding: 19px 20px;

    width: 100%;

}



.blog-post .post-image .post-date .vcenter {

    display: inline-block;

    vertical-align: middle;

    float: none;

    margin: 0 10px 0 0;

    position: relative;

    top: -2px;

    font-size: 12px;

}



.blog-post .post-image .post-date .vcenter a,

.blog-post .post-image .post-date a.vcenter {

    color: #246bad;

}



.blog-post .post-image .post-date,

.blog-post .post-image .post-date .fa-comment-o:before {

    color: inherit;

}



.blog-post .post-description {

    padding: 15px 0px 0px 0px;

    line-height: 25px;

}



.blog-post .post-description .author {

    color: #999;

    font-size: 14px;

    text-transform: none;

    margin-right: 0;

}



.blog-post .post-description .author a {

    color: #999;

}



.blog-post .post-description a {

    color: #237ac6;

}



.blog-post .post-description a span {

    color: rgba(170, 170, 170, 0.8);

    margin-right: 5px;

}



.blog-post .post-body {

    padding: 0 0px 45px 0px;

}



html .post-body > h4 {

    padding: 0;

    margin: 0;

    line-height: 1.4;

    font-size: 26px;

    padding-right: 90px;

}



html .post-body > h4 a {

    color: inherit;

    font-size: 26px;

    padding-bottom: 15px;

    display: inline-block;

}



.blog-post .post-body p {

    margin-bottom: 20px;

}



.blog-post .post-body img.pull-right {

    margin: 0 0 10px 15px;

}



.blog-post .post-body img.pull-left {

    margin: 0 15px 10px 0;

}



.post-footer a.btn.btn-transparent {

    border: 1px solid rgba(255, 255, 255, 0.5);

    box-shadow: none;

    background: #237ac6;

    padding-left: 5px;

    margin-right: -1px;

    text-align: center;

    text-transform: uppercase;

    font-size: 12px;

}



.post-footer .blog-footer-title {

    box-shadow: none;

    padding-left: 20px;

    margin-right: 0;

    margin-left: -7px;

    text-align: center;

    text-transform: uppercase;

    font-size: 12px;

    padding: 5px 20px;

    display: inline-block;

    font-weight: 500;

}



.post-footer {

    position: relative;

    padding: 35px 35px 15px 35px;

    background: #fff;

    margin-left: 0;

    margin-right: 0;

    bottom: -52px;

    border: 1px solid #eee;

    margin-bottom: 52px;

    margin-top: -52px;

    clear: both;

}



.post-footer * {

    -webkit-transition: all .1s ease-out;

    transition: all .1s ease-out;

}



.footer-meta:nth-child(even) {

    text-align: right;

    position: relative;

    right: -17px;

}



.post-footer .blog-footer-categories,

.post-footer .blog-footer-tags,

.post-footer .btn-social {

    width: 49%;

    display: inline-block;

    margin-bottom: 20px;

    vertical-align: top;

}



.blog-cat-footer + .pull-right {

    max-width: 50%;

    display: inline-block;

    vertical-align: top;

    float: right;

}



.post-footer a {

    background: #f9f9f9;

    font-size: 11px;

    text-transform: uppercase;

    border: 1px solid #fff;

    border-radius: 0;

    line-height: 32px;

    padding: 1px 15px 0;

    margin: -3px 2px 2px -7px;

    height: auto;

    display: inline-block;

    color: inherit;

}



.footer-meta.btn-social a {

    font-size: 14px;

}



.tmpl-social-pinterest {

    background-color: #BD081B !important;

    color: #fff !important;

}



.tmpl-social-twitter {

    background-color: #1EA1F3 !important;

    color: #fff !important;

}



.tmpl-social-facebook {

    background-color: #3B5998 !important;

    color: #fff !important;

}



.tmpl-social-google {

    background-color: #FFCE45 !important;

    color: #fff !important;

}



.pix-social-title {

    background: #237ac6;

    color: #ffffff;

    font-size: 11px;

    text-transform: uppercase;

    border: 1px solid rgba(255, 255, 255, 0.5);

    border-radius: 0;

    line-height: 35px;

    padding: 1px 15px;

    margin: 0 2px 2px -7px;

    height: auto;

    display: inline-block;

}



.pix-social-share {

    float: right;

    width: 40%;

    text-align: right;

}



.post-footer a:hover,

.post-footer a.btn.btn-transparent:hover,

.post-footer .btn.btn-transparent:hover {

    background: #246bad;

    color: #fff !important;

}



.pix-social-share a {

    margin-left: -7px;

}





/******** COMMENTS ********/



.comment-list .reply {

    position: absolute;

    right: 10px;

    top: 15px;

    color: inherit;

}



.comment-list .reply * {

    color: inherit !important;

}



.comment-reply-link {

    -webkit-transition: all .3s ease-out;

    transition: all .3s ease-out;

    -webkit-transform: translate(0, -10px);

    font-size: 15px;

    padding: 10px 15px 10px 25px;

    line-height: 30px;

    border-radius: 100px;

    box-shadow: none !important;

    background: #fff;

    position: relative;

    color: #237ac6;

    font-weight: 500;

}



.reply .comment-reply-link:after {

    display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    content: "\f178";

    margin-left: 10px;

    color: inherit;

}



.reply .comment-reply-link:hover {

    background: #246bad;

    color: #fff !important;

    text-decoration: none;

}



.reply .comment-reply-link:hover:after {

    color: #fff;

}



.comment-list cite a {

    font: 700 12px;

    color: #222;

}



.comment-meta {

    padding: 0 0 5px;

}



.comment-meta a {

    font-size: 12px !important;

    color: #999;

    font-style: italic;

}



.comment-info-content cite {

    color: inherit;

    font-size: 14px;

    font-weight: normal;

    line-height: 25px;

    font-style: normal;

}



.comment-list {

    margin-top: 45px;

    padding: 25px 0px 25px 0px;

    background-color: #fff;

    margin-bottom: 50px;

}



.comment-list .comment-info-content {

    margin-left: 110px;

    padding-bottom: 10px;

    font-size: 14px;

    border-bottom: 1px dotted #cccccc;

    padding-top: 20px;

}



.comment-list .comment-info-content p {

    font-size: 14px;

    font-style: normal;

}



.comment-list .comment-author {

    float: left;

    width: 95px;

    height: 95px;

    border: 0;

    border-radius: 100px;

    overflow: hidden;

}



.comment-list .comment-author img {

    width: 100%;

    height: auto;

}



.comment-list .comment,

.comment-list > li {

    position: relative;

    list-style: none;

    margin: 0;

    margin-bottom: 20px;

    margin-left: 1%;

}



.comment-list .comment .comment {

    position: inherit;

    margin-bottom: 0;

    padding-bottom: 0;

}



.comment-list ol.children {

    margin-top: 20px;

}



.comment-respond {

    padding: 0;

    margin: 50px 0;

    display: inline-block;

    width: 100%;

}



.comment-notes {

    margin-bottom: 20px;

    padding-left: 0;

}



.comment-respond input[type=text],

.comment-respond i input[type=tel],

.comment-respond i input[type=password],

.comment-respond input[type=email],

.comment-respond input[type=url],

.comment-respond textarea {

    background: #f2f3f6;

    border: 0;

    border-radius: 0 !important;

    color: #23272c;

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

    border-radius: 5px;

    color: #333;

    font-size: 15px;

    height: 40px;

    line-height: 26px;

    outline: medium none;

    padding: 10px 15px;

    width: 100%;

}



.comment-respond .wrap__btn-skew-r {

    /* width: 160px; */

    margin-top: 10px;

    padding-left: 12px;

    padding-right: 12px;

    overflow: hidden;

}



.comment-reply {

    position: absolute;

    top: 30px;

    right: 30px;

}



.comment-reply .btn {

    background-color: #f8f8f8;

}



#respond .form-submit {

    padding-top: 15px;

    text-align: right;

}



#respond .form-submit input {

    font-size: 12px;

    font-weight: 500;

    padding: 7px 30px 7px 25px;

    line-height: 30px;

    border-radius: 2px;

    text-transform: uppercase;

    box-shadow: none !important;

    background: #fff;

    color: #fff;

    text-decoration: none !important;

    -webkit-transition: all .1s ease-out;

    transition: all .1s ease-out;

    margin-top: 0;

    display: inline-block;

    clear: both;

    border: 0;

    border-radius: 100px;

    background: #28ad62;

}



.blog-comments {

    margin-bottom: 40px;

}



.blog-comments h4 {

    margin-bottom: 40px;

}



.blog-comments .comment-item {

    background-color: #f6f6f6;

    padding: 25px;

    margin-bottom: 30px;

}



.blog-comments .comment-item .media-left {

    padding-right: 25px;

}



.blog-comments .comment-item .media-left img {

    max-width: 120px;

}



.blog-comments .comment-item .comment-item-heading {

    margin-bottom: 10px;

}



.blog-comments .comment-item .comment-item-heading .author {

    color: #237ac6;

    font-size: 14px;

    font-weight: 700;

    line-height: 25px;

}



.blog-comments .comment-item .comment-item-heading .date {

    color: rgba(170, 170, 170, 0.8);

    font-size: 14px;

    font-style: italic;

    text-transform: uppercase;

}



.blog-comments .comment-item .comment-body p {

    line-height: 24px;

}



.carousel-post img {

    width: 100%;

    height: auto;

}



.wrap-image .bx-wrapper .bx-pager,

.bx-wrapper .bx-controls-auto {

    position: absolute;

    bottom: 65px;

    z-index: 777;

    width: 100%;

}



.post-image .bx-wrapper .bx-pager {

    position: absolute;

    bottom: 20px;

    width: 100%;

}



.post-image .bx-controls-direction,

.wrap-image .bx-controls-direction {

    opacity: 0;

    -webkit-transition: all .3s ease-out;

    transition: all .3s ease-out;

}



.post-image:hover .bx-controls-direction,

.wrap-image:hover .bx-controls-direction {

    opacity: 1;

}



.wrap-image .bx-wrapper .bx-controls-direction a {

    width: 32px;

    height: 63px;

}