/*STYLE.CSS*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*This is main CSS file that contains custom style rules used in this template*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Template Name: Bodo.*/
/* Version: 1.0 Initial Release*/
/* Build Date: 09-04-2015*/
/* Author: Unbranded.*/
/* Website: http://moonart.net.ua/htmlcut/bodo/
/* Copyright: (C) 2015 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------*/
/* TABLE OF CONTENTS: */
/*--------------------------------------------------------*/
/* 01 - RESET */
/* 02 - HOME */
/* 03 - ABOUT */
/* 04 - WORK */
/* 05 - THEMES */
/* 06 - CONTACT */
/* 07 - SINGLE PROJECT */
/* 08 - START PROJECT */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 01 - RESET */
/*-------------------------------------------------------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 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;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;

}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea,
input {
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

/* ----------------------------------------------------------------
    Basic Typography
-----------------------------------------------------------------*/

body {
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 1.5;
    overflow-x: hidden;
    background: #fff;

}

.uppercase {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}

a:hover, a:active {
    outline: none;
}

button:focus {
    outline: none;
}

ul {
    list-style: none;
}

.nav > li > a:hover, .nav > li > a:focus {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

}

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

a:hover {
    text-decoration: none;
}

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

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

::-moz-selection {
    background: none; /* Firefox */
    color: #212227;
    text-shadow: none;
}

::-webkit-selection {
    background: none; /* Safari */
    color: #212227;
    text-shadow: none;
}

/* ----------------------------------------------------------------
    Basic Layout Styles
-----------------------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
    font-weight: 600;
    text-transform: initial;
}

h1 {
    font-size: 36px;
    color: #000;
    padding-bottom: 42px;
}

h2 {
    font-size: 24px;
    padding-bottom: 42px;
}

h3 {
    font-size: 18px;
    padding-bottom: 25px;
    line-height: .9em;
}

h4 {
    font-size: 16px;
    padding-bottom: 20px;
    font-weight: 600;
}

h5 {
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 11px;
}

h6 {
    font-size: 13px;
    padding-bottom: 7px;
}

.align-center {
    text-align: center;
    float: none;
    clear: both;
    overflow: hidden;
    margin: 0 auto;
}

.align-left {
    text-align: left;

}

.clear {
    float: none;
    clear: both;
    overflow: hidden;
}

.no-padding {
    padding: 0;
}

.overflow-visible {
    overflow: visible !important;
}

.no-left-padding {
    padding-left: 0;
}

.no-right-padding {
    padding-right: 0;
}

.extra-left-padding {
    padding-left: 30px;
}

.extra-right-padding {
    padding-right: 30px;
}

.padding-bottom {
    padding-bottom: 30px;
}

.container {
    margin: 0 auto;
}

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

p {
    color: #6F6F6F;
    line-height: 1.8;
    padding-bottom: 26px;
}

.p-18 {
    font-size: 1.28em;
}

.p-24 {
    font-size: 1.7em;
}

.p-30 {
    font-size: 2.142em;
}

.p-36 {
    font-size: 2.57em;
}

.p-55 {
    font-size: 3.9em;
}

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

.border #border-bottom, .border #border-left, .border #border-right, .border #border-top {
    background: none repeat scroll 0 0 #FFF;
    position: fixed;
    z-index: 5000;
}

.border #border-left, .border #border-right {
    bottom: 0;
    top: 0;
    width: 30px;
}

.border #border-left {
    left: 0;
}

.border #border-right {
    right: 0;
}

.border #border-bottom, .border #border-top {
    height: 30px;
    left: 0;
    right: 0;
}

.border #border-top {
    top: 0;
}

.border #border-bottom {
    bottom: 0;
}

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

.wrapper {
    padding: 30px;
}

.home .wrapper {
    padding: 0;
}

.logo {
    left: 30px;
    position: fixed;
    top: 30px;
    transition: top 0.6s ease 0s;
    z-index: 11;
    background: none;
    height: 65px;
    width: 65px;
    z-index: 5001;
}

.logo img {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0px;
    width: 65px;
    height: 65px;
}

.handle-logo {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 17px;
}

.active-link {
    color: #fff !important;

}

header {
    height: 0;
    left: 0;
    min-width: 1000px;
    position: fixed;
    text-transform: uppercase;
    top: 0;
    width: 100%;
    z-index: 6000;
}

header nav .handle {
    background: none repeat scroll 0 0 #000;
    cursor: pointer;
    height: 65px;
    position: fixed;
    right: 30px;
    top: 30px;
    width: 65px;
    z-index: 11;
}

header .list-container ul {
    background: none repeat scroll 0 0 #000;
    right: -100%;
    padding: 0 115px 0 0;
    position: relative;
    text-align: right;
    top: 0;
    transition: all 0.6s ease 0s;
    float: right;
    height: 50px;
}

.header-animate {
    right: 0 !important;
}

header .list-container ul li {
    display: inline-block;
    margin: 0;
    /*
    position: relative;
    float: left;
*/
}

.header-links {
    color: #AAAAAA;
    display: block;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: 0.1em;
    line-height: 65px;
    padding: 0 10px;
    opacity: 0;
    visibility: hidden;
    transition: all .4s ease 0s;
}

.header-links:hover {
    color: #fff;
    transition: all .2s ease 0s;
}

.links-animate {
    opacity: 1;
    visibility: visible;
    transition: all 2s ease 0s;
}

.link-menu {
    display: block;
    height: 65px;
    position: absolute;
    right: 0;
    text-align: center;
    transform: translateZ(0px);
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    width: 65px;
    z-index: 980;
}

.trigger {
    backface-visibility: hidden;
    cursor: pointer;
    z-index: 1030;
}

.link-menu span:before {
    transform: translateY(-450%);
}

.trigger span:before, .trigger span:after {
    background: none repeat scroll 0 0 #fff;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    transition: all 0.2s cubic-bezier(0, 0.985, 0.17, 0.99) 0s;
    width: 100%;
}

.link-menu span:after {
    transform: translateY(450%);
}

.link-menu span {
    background-color: #fff !important;
}

.trigger span {
    -moz-user-select: none;
    background-color: transparent;
    display: block;
    font-size: 0;
    height: 2px;
    left: 50%;
    margin-left: -15px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    transition: background-color 0.3s ease 0s;
    width: 30px;
}

.link-menu:hover span:before {
    transform: translateY(0px) rotate(90deg);
}

.link-menu:hover span:after {
    transform: translateY(0px) rotate(-90deg);
}

.minus:hover span:before {
    transform: translateY(0px) rotate(180deg);
}

.minus:hover span:after {
    transform: translateY(0px) rotate(-180deg);
}

.home-intro-text, .theme-intro-text {
    left: 0;
    position: absolute;
    right: 0;
    top: 32.9%;
}

.bg {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.bg img {
    position: absolute;
}

.bg video {
    position: absolute;
}

.bg-span {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.55);
}

.bg-bg {
    background-position: 50% 0px;
    background-repeat: no-repeat;
    background-position: 50% 0px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    background-attachment: scroll;
}

.item-work {
    position: relative;
    float: left;
    width: 100%;
}

.item-work img {
    width: 100%;
    height: auto;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 02 - HOME */
/*-------------------------------------------------------------------------------------------------------------------------------*/

#hero {
    position: relative;
    width: 100%;
    z-index: 0;
}

.solid img {
    max-width: 45%;
}

.hero-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}

#main {
    background-color: #f5f5f5;
    position: relative;
    width: 100%;
    z-index: 1;
    float: left;
}

h6 > a, h6 > a:hover, h6 > a:focus {
    color: #4a4a4a;
}

/** about css **/
.about-sec {
    min-height: 620px;
}

.about-intro {
    padding-top: 11.5%;
}

h5 a, h5 a:hover, h5 a:focus {
    color: #4a4a4a;
    text-decoration: none;
}

.detail-link {
    width: 332px;
}

.detail-link h6 {
    padding-top: 24px;
}

.work-sec {
    min-height: 1250px;
}

.work-blocks .item:hover .item-overlay {
    background: none repeat scroll 0 0 #f7f7f7;
    opacity: 1;
}

.svg-arrow {
    position: absolute;
    right: 0;
    top: 0;
}

.social-button .p-36, .code-block .p-30, .pattern-block .p-30 {
    font-size: 2.2em;
    letter-spacing: -0.05em;
    font-weight: 100;
    line-height: .9em;
}

.social-button .p-36 {
    padding-left: 16px;
    padding-top: 31px;
}

.social-button img {
    padding-top: 22%;
    padding-left: 69%;
}

.code-block {
    padding-left: 30px;
    padding-top: 30px;
    padding-bottom: 40px;
}

.code-block .p-30 {
    padding-top: 105px;
}

.pattern-block .p-30 {
    padding-top: 92px;
}

.pattern-block {
    background: none repeat scroll 0 0 #212227;
    border-radius: 50%;
    height: 282px;
    width: 282px;
}

.pattern-block .detail-link {
    padding-top: 99%;
}

.work-blocks {
    padding-top: .7%;
}

.hover {
    background: none repeat scroll 0 0 #f2eaee;
    bottom: 0;
    left: 0;
    min-height: 0;
    position: absolute;
    transition: all 0.6s ease 0s;
    width: 0;

}

.hover img {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.6s ease 0s;
}

.hover h4 {
    padding-top: 74%;
    text-transform: uppercase;
    opacity: 0;
    visibility: hidden;
    transition: all 0.6s ease 0s;
}

.work-blocks .row-1col-1:hover .hover {
    min-height: inherit;
    width: 100%;
    transition: all 0.6s ease 0s;
}

.work-blocks .row-1col-1:hover .hover img, .work-blocks .row-1col-1:hover .hover h4 {
    opacity: 1;
    visibility: visible;
    transition: all 0.6s ease 0s;
}

.proj-title-info {
    padding: 34px;
    min-height: 315px;
}

.theme-sec {
    min-height: 1095px;
}

.browser-slider-wraper {
    background: url("../images/browserframe.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 670px;
    padding-top: 43px;
    padding-left: 48px;
    width: 981px;
}

.mobile-slider-wraper {
    background: url("../images/mobileframe.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 0;
    height: 583px;
    padding-top: 65px;
    padding-left: 21px;
    position: absolute;
    right: 26%;
    width: 320px;
}

.slider-wraper {
    position: relative;

}

#slider1_container {
    position: relative;
    top: 0px;
    left: 0px;
    width: 886px;
    height: 585px;
    overflow: hidden;
}

#slider1_container .slider {
    cursor: url("../images/drag.svg"), auto;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 886px;
    height: 585px;
    overflow: hidden;
}

#slider2_container {
    position: relative;
    top: 0px;
    left: 0px;
    width: 278px;
    height: 453px;
    overflow: hidden;
}

#slider2_container .slider {
    cursor: url("../images/drag.png"), auto;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 278px;
    height: 453px;
    overflow: hidden;
}

.multia-sec {
    min-height: 1564px;
}

.testimonial-sec {
    min-height: 850px;
}

.client-sec {
    min-height: 250px;
    float: none;
    margin: 0 auto;
    min-height: 250px;

}

.footer-sec {
    min-height: 358px;
    padding-bottom: 3%;
    background: none repeat scroll 0 0 #f4f1f4;
}

.multia-blocks .row-1col-1, .multia-blocks .row-1col-2, .multia-blocks .row-2col-1, .multia-blocks .row-2col-2 {
    min-height: 640px;
}

.multia-blocks .row-1col-1 {
    background: url("../images/life/photocolage.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.multia-blocks .row-2col-2 {
    background: url("../images/life/freepatterns.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.multia-blocks .row-1col-2col-1, .multia-blocks .row-1col-2col-2, .multia-blocks .row-2col-2col-1, .multia-blocks .row-2col-2col-2 {
    min-height: 320px;
}

.multia-blocks .row-1col-2 .row-1col-2col-1 {
    background: #f9461c;
}

.multia-blocks .row-1col-2 .row-1col-2col-2 {
    background: url("../images/life/proximafont.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.multia-blocks .row-1col-2 .row-2col-2col-1 {
    background: url("../images/life/freephotodownload.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.multia-blocks .row-1col-2 .row-2col-2col-2 {
    background: url("../images/05.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.multia-blocks .row-2col-1 .row-1col-2col-1 {
    background: #d9b391;
}

.multia-blocks .row-2col-1 .row-2col-2col-1 {
    background: url("../images/07.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.multia-blocks .row-2col-1 .row-2col-2col-2 {
    background: url("../images/08.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.multia-blocks .row-1col-2col-2 h5 {
    padding-left: 155px;
    padding-top: 274px;
}

blockquote {
    border: medium none;
    color: #A0A0A0;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    padding: 50px;
    line-height: 1.7em;

}

.pattern-dw-link {
    padding-top: 387px;
}

.multia-blocks {
    padding-top: .7%;

}

.testimonial-bg-1 {
    background: none repeat scroll 0 0 #F4F1F4;
    min-height: 160px;
}

.testimonial-bg-2 {
    background: none repeat scroll 0 0 #F4F1F4;
    min-height: 220px;
}

.traingle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 0.5px 0 14.5px;
    border-color: #F4F1F4 transparent transparent transparent;
    margin-left: 39px;

}

.double-quote {
    font-size: 72px;
    color: #4a4a4a;
}

.testimonial-bg-1 .p-24 {
    color: #212227;
    font-style: italic;
    padding-left: 58px;
    padding-top: 43px;;
}

.testimonial-bg-2 .p-24 {
    color: #212227;
    font-style: italic;
    padding-left: 58px;
    padding-top: 43px;;
}

.test-block {
    padding-top: .7%;
}

.test-block-2 {
    padding-left: 15px;
}

.pos {
    color: #4a4a4a;
    font-weight: 300;

}

.name-desc {
    padding-left: 50px;
    padding-top: 27px;
}

#slider3_container {
    position: relative;
    top: 0px;
    left: 0px;
    right: 0px;
    margin: 9% auto 0;
    width: 809px;
    height: 60px;
    overflow: hidden;

}

#slider3_container .slider {
    cursor: move;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 809px;
    height: 60px;
    overflow: hidden;
}

.contact-icon-wrap {
    background: none repeat scroll 0 0 #000;
    border-radius: 50%;
    height: 90px;
    width: 90px;

}

.contact-icon-wrap img {
    display: block;
    margin: 0 auto;
    padding-top: 22px;
}

.contact-icon-svg {
    padding-left: 20px;
    padding-top: 24px;
}

.linkto {
    background: none repeat scroll 0 0 #000;
    border-radius: 50%;
    display: table;
    position: relative;
    height: 115px;
    transition: all 0.3s ease 0s;
    width: 115px;
}

.linkto-text {
    opacity: 1;
    visibility: visible;

}

.linkto-text {
    display: table-cell !important;
    font-size: 0.9em;
    font-weight: 300;
    line-height: 1.1;
    opacity: 1;
    padding: 0 9px;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
    visibility: visible;
}

.linkto-svg {
    position: absolute;
    top: 0;
    left: 25px;
    opacity: 0;
    padding-top: 32px !important;
    visibility: hidden;
    transition: all 0.3s ease 0s;
}

.linkto:hover .linkto-svg {
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease 0s;
}

.linkto:hover .linkto-text {
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease 0s;
}

.medium {
    height: 65px;
    width: 65px;
}

.medium .linkto-text {
    padding: 0 8px;
    font-size: .8em;
}

.medium .linkto-svg {
    left: 0;
    padding-top: 17px !important;
    right: 0;
}

.linkto span {
    color: #fff;
    display: block;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
}

.detail-link-2 {
    padding-left: 7.7%;
    padding-top: 11.6%;
}

.detail-link-3 {
    position: absolute;
    left: 80%;
    top: 85%;
    z-index: 1;
}

.contact-detail {
    padding-top: 7%;
}

.contact-number {
    padding-top: 28px;
}

.footer-sec hr {
    border: 1px solid #eadee4;
    margin-top: 30px;
}

.footer-nav {
    text-transform: uppercase;
}

#border-bottom .nav {
    position: fixed;
    right: 21px;
}

#border-bottom .nav > li > a {
    color: #373941;
    font-size: 0.7em;
    font-weight: 300;
    letter-spacing: 0.1em;
    padding: 7px 7px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}

#border-bottom .nav > li > a:hover, #border-bottom .nav > li > a:focus {
    color: #212227;
    font-size: 0.7em;
    font-weight: 300;
    transition: all 0.3s ease 0s;
}

.footer-sec .p-28 {
    font-size: 1.5em;
    padding-bottom: 0;
}

.footer-nav > li > a {
    padding: 11px 29px;
}

.footer-nav > li > a, .footer-nav > li > a:hover, .footer-nav > li > a:focus {
    background-color: transparent;
    color: #535353;
    font-size: 1em;
    font-weight: 500;
    letter-spacing: 0.05em;
    text-decoration: none;
}

.footer-tag {
    color: #373941;
    font-size: 0.7em;
    font-weight: 300;
    padding-left: 30px;
    padding-top: 7px;
}

.footer-nav li :first-child {
    padding-left: 0;
}

.form-control {
    height: 57px;
    line-height: 1.42857;
    padding: 11px 12px;
    padding-left: 22px;
}

.input-group {
    width: 348px;
}

.btn {
    border-radius: 0;
    font-size: 14px;
    height: 47px;
    padding: 6px 12px;
    text-align: center;
    width: 120px;
    margin-top: 20px;
}

.btn-default {
    background: none repeat scroll 0 0 #000;
    border: medium none;
    box-shadow: none;
    text-shadow: none;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active {
    background-color: #000;
    border-color: #000;
    color: #fff;
    outline: none;
}

.newsletter-logo {
    background: none repeat scroll 0 0 #000;
    border-radius: 50%;
    height: 90px;
    width: 90px;
    margin: 0 auto;
}

.newsletter-logo .wrap {
    padding-left: 25px;
    padding-top: 24px;
}

.fa-exclamation-circle, .fa-spin, .fa-check-circle {
    display: none;
}

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
    border: medium none;
    border-radius: 0;
    box-shadow: none;
}

#message {
    padding-left: 0;
    padding-top: 15px;
    text-align: left;
}

.solid {
    height: 255px;
    margin: 111px auto 0;
    overflow: hidden;
    position: absolute;
    right: -55%;
    top: 0;
    width: 400px;
    z-index: 10;
}

.solid ul {
    height: 173px;
    overflow: hidden;
    width: 400px;
}

.solid ul li img {
    display: block;
    margin: 0 auto;
    width: 450px;
}

#scene {
    height: 100%;
    margin: 0 auto;
    position: relative;
    width: 100%;
}

#ipad {
    left: 43%;
    min-height: 479px;
    overflow: hidden;
    position: absolute;
    top: 24.5%;
    width: 727px;
}

#iphone {
    height: 293px;
    left: 0;
    margin: 0 auto;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 109px;
    width: 189px;
}

.frame {
    background: url("../images/scene/frames.png") no-repeat scroll center center transparent;
    display: block;
    height: 478px;
    position: absolute;
    right: 268px;
    top: 186px;
    width: 786px;
    z-index: 10;
}

.ipad-frame {
    background: url("../images/scene/tabframe.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    left: 42.2%;
    min-height: 508px;
    min-width: 756px;
    position: absolute;
    top: 22.9%;
    z-index: 4;
}

.iphone-frame {
    background: url("../images/scene/mobileframe.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    left: 0;
    margin: 0 auto;
    min-height: 386px;
    position: absolute;
    right: 0;
    top: 67px;
    width: 190px;
    z-index: 5;
}

#background-wallpaper {
    background: url("../images/scene/layer1.jpg") repeat scroll 0 0 transparent;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    background-position: center;
    background-size: cover;

}

#background-wallpaper1 {
    background: url("../images/scene/layer2.png") no-repeat scroll 0 0 transparent;
    height: 100%;
    width: 100%;
    left: 0;
    position: absolute;
    top: 0;

    z-index: 2;
}

#background-wallpaper2 {
    background: url("../images/scene/layer3.png") no-repeat scroll 0 0 transparent;
    height: 100%;
    width: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3;
}

.hi-icon-mobile:before {

}

/* Effect 5 */
.hi-icon-effect-5 .hi-icon {
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 1);
    overflow: hidden;
    -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}

.hi-icon-effect-5 .hi-icon:after {
    display: none;
}

.hi-icon-effect-5 .hi-icon:hover {
    background: rgba(255, 255, 255, 1);
    color: #702fa8;

    box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.3);
}

.hi-icon-effect-5a .hi-icon:hover:before {

    -webkit-animation: toRightFromLeft 0.3s forwards;
    -moz-animation: toRightFromLeft 0.3s forwards;
    animation: toRightFromLeft 0.3s forwards;
}

@-webkit-keyframes toRightFromLeft {
    49% {
        -webkit-transform: translate(100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translate(-100%);
    }
    51% {
        opacity: 1;
    }
}

@-moz-keyframes toRightFromLeft {
    49% {
        -moz-transform: translate(100%);
    }
    50% {
        opacity: 0;
        -moz-transform: translate(-100%);
    }
    51% {
        opacity: 1;
    }
}

@keyframes toRightFromLeft {
    49% {
        transform: translate(100%);
    }
    50% {
        opacity: 0;
        transform: translate(-100%);
    }
    51% {
        opacity: 1;
    }
}

.hi-icon-effect-5b .hi-icon:hover:before {
    -webkit-animation: toLeftFromRight 0.3s forwards;
    -moz-animation: toLeftFromRight 0.3s forwards;
    animation: toLeftFromRight 0.3s forwards;
}

@-webkit-keyframes toLeftFromRight {
    49% {
        -webkit-transform: translate(-100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translate(100%);
    }
    51% {
        opacity: 1;
    }
}

@-moz-keyframes toLeftFromRight {
    49% {
        -moz-transform: translate(-100%);
    }
    50% {
        opacity: 0;
        -moz-transform: translate(100%);
    }
    51% {
        opacity: 1;
    }
}

@keyframes toLeftFromRight {
    49% {
        transform: translate(-100%);
    }
    50% {
        opacity: 0;
        transform: translate(100%);
    }
    51% {
        opacity: 1;
    }
}

.hi-icon-effect-5c .hi-icon:hover:before {
    content: url('../images/plus.png');
    -webkit-animation: toTopFromBottom 0.3s forwards;
    -moz-animation: toTopFromBottom 0.3s forwards;
    animation: toTopFromBottom 0.3s forwards;
}

@-webkit-keyframes toTopFromBottom {
    49% {
        -webkit-transform: translateY(-100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(100%);
    }
    51% {
        opacity: 1;
    }
}

@-moz-keyframes toTopFromBottom {
    49% {
        -moz-transform: translateY(-100%);
    }
    50% {
        opacity: 0;
        -moz-transform: translateY(100%);
    }
    51% {
        opacity: 1;
    }
}

@keyframes toTopFromBottom {
    49% {
        transform: translateY(-100%);
    }
    50% {
        opacity: 0;
        transform: translateY(100%);
    }
    51% {
        opacity: 1;
    }
}

.hi-icon-effect-5d .hi-icon:hover:before {

    -webkit-animation: toBottomFromTop 0.3s forwards;
    -moz-animation: toBottomFromTop 0.3s forwards;
    animation: toBottomFromTop 0.3s forwards;
}

@-webkit-keyframes toBottomFromTop {
    49% {
        -webkit-transform: translateY(100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
    }
    51% {
        opacity: 1;
    }
}

@-moz-keyframes toBottomFromTop {
    49% {
        -moz-transform: translateY(100%);
    }
    50% {
        opacity: 0;
        -moz-transform: translateY(-100%);
    }
    51% {
        opacity: 1;
    }
}

@keyframes toBottomFromTop {
    49% {
        transform: translateY(100%);
    }
    50% {
        opacity: 0;
        transform: translateY(-100%);
    }
    51% {
        opacity: 1;
    }
}

.hi-icon:before {
    display: block;
    font-family: "ecoicon";
    font-size: 48px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 90px;
    text-transform: none;
}

.hi-icon-effect-5 .hi-icon:after {
    display: none;
}

.hi-icon-effect-5 .hi-icon {
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 1);
    overflow: hidden;
    transition: background 0.3s ease 0s, color 0.3s ease 0s, box-shadow 0.3s ease 0s;
}

.hi-icon {
    border-radius: 50%;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-size: 10px;
    height: 90px;
    margin: 15px 30px;
    position: relative;
    text-align: center;
    width: 90px;
    z-index: 1;
}

.hi-icon-wrap {
    margin: 0 auto;
    padding: 2em 0 3em;
    text-align: center;
}

.footer-sec {
    position: relative;
}

.published {
    font-size: 1em;
    height: auto;
    left: 50%;
    letter-spacing: 0.05em;
    margin-left: -1006px;
    position: absolute;
    text-transform: uppercase;
    top: 135px;
    transform: rotate(270deg);
    white-space: nowrap;
    word-spacing: 0.6em;
}

.published .nav > li > a, .published .nav > li > a:hover, .published .nav > li > a:focus {
    font-weight: 600;
}

.preloader {
    background-color: #fefefe;
    bottom: 0;
    height: 100%;
    left: 0;
    overflow: hidden !important;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 99999;
}

.status {
    background-image: url("../images/preloader.gif");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    left: 47.7%;
    height: 134px;
    width: 150px;
    margin: -20px 0 0 -20px;
    position: absolute;
    top: 46%;

}

#eclips {
    display: none;
}

.footer-without-border {
    display: none;
    background: none repeat scroll 0 0 #eeeaee;
    padding: 8% 0;
}

.footer-without-border .nav > li > a {
    color: #373941;
    font-size: 0.7em;
    font-weight: 300;
    letter-spacing: 0.1em;
    padding: 7px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}

.footer-without-border .navbar-nav {
    margin: 0;
}

.footer-without-border .footer-tag {
    color: #373941;
    font-size: 0.8em;
    font-weight: 100;
    padding: 10px 0 0;
}

.footer-without-border .nav > li {
    display: inline-block;
    position: relative;
}

.footer-sec h3 {
    font-size: 3.2em;
    line-height: 1em;

}

.footer-without-border .nav > li > a:hover, .footer-without-border .nav > li > a:focus {
    color: #212227;
    font-size: 0.7em;
    font-weight: 300;
    transition: all 0.3s ease 0s;
}

@media only screen and (max-width: 1600px) {

}

@media only screen and (max-width: 1366px) {
    .border #border-left, .border #border-right {
        width: 20px;
    }

    .border #border-bottom, .border #border-top {
        height: 20px;
    }

    .wrapper {
        padding: 20px;
    }

    #border-bottom .nav > li > a {
        font-size: 0.6em;
        padding: 1px 7px 7px;
    }

    #border-bottom .nav > li > a:hover, #border-bottom .nav > li > a:focus {
        font-size: 0.6em;
    }

    .footer-tag {
        font-size: 0.6em;
        padding-top: 3px;
    }

    #border-bottom .nav {
        right: 13px;
    }

    .footer-tag {
        padding-left: 20px;
    }

    #border-bottom .navbar-nav {
        margin: 0;
    }

    #border-bottom .nav > li {
        display: inline-block;
        position: relative;
    }

    .logo img {
        top: 0px;
    }

    header nav .handle {
        height: 50px;
        right: 30px;
        top: 30px;
        width: 50px;
    }

    .link-menu {
        height: 50px;
        top: 1px;
        width: 50px;
    }

    /*
header .list-container ul {
    top: 20px;
}
*/
    .header-links {
        line-height: 50px;
    }

}

@media only screen and (max-width: 1200px) {
    .footer-sec h3 {
        font-size: 2.9em;
        line-height: 0.81em;
        padding-bottom: 25px;
    }

    .footer-sec .p-28 {
        font-size: 1.4em;
        padding-bottom: 0;
    }

}

@media only screen and (max-width: 992px) {
    .part-1 {
        padding-bottom: 40px;
    }

    .part-2 {
        text-align: center;
        margin: 0 auto;
        float: none;
        overflow: hidden;
    }

    .contact-icon-wrap {
        margin: 0 auto;

    }

    .footer-sec .p-28 {
        text-align: center;
    }
}

@media only screen and (max-width: 768px) {
    .footer-sec .p-28 {
        padding-bottom: 20px;
    }

    .footer-sec {
        padding-top: 7%;
    }
}

@media only screen and (max-width: 767px) {
    /*
header .list-container ul {
    height: auto;
    right: 100%;
    padding-bottom: 18px;
    padding-left: 32px;
    padding-top: 52px;
    position: fixed;
    text-align: left;
    width: 100%;
}
*/
    header .list-container ul li {
        display: block;
    }

    .header-links {

        padding: 0;
    }

    .newsletter-logo {
        display: none;
    }

    .sm-wrapper h3 {
        font-size: 3em;
    }

    .sm-wrapper .p-16 {
        display: none;
    }

    .sm-menu {
        width: 400px;
        height: 350px;
        margin-left: -200px;
        margin-top: -177px;
    }
}

@media only screen and (max-width: 736px) {
    .sm-wrapper h3 {
        display: none;
    }

    .sm-menu .sm-close {
        font-size: 30px;
        font-weight: 100;
        left: 0;
        line-height: 100%;
        margin: 0 auto;
        padding: 10px 15px;
        position: absolute;
        right: 0;
        top: 36px;
        width: 50px;
        z-index: 100;
    }

    .sm-menu .email-add {
        text-align: center;
    }

    .sm-wrapper .input-group, .sm-wrapper .btn {
        width: 250px;
    }

    .sm-wrapper h3 {
        font-size: 1em;
    }

    .sm-wrapper .col-lg-12 {
        padding-left: 68px;
    }

}

@media only screen and (max-width: 375px) {
    .footer-sec .p-28 {
        font-size: 1.3em;

    }

}

@media only screen and (max-width: 736px) {
    .footer-without-border {
        display: block;
    }

    #border-bottom .nav, #border-bottom p {
        display: none;
    }

    header nav .handle {
        height: 40px;
        width: 40px;
    }

    .link-menu {
        height: 40px;
        top: 1px;
        width: 40px;
    }

    .logo {
        height: 40px;
        width: 40px;
    }

    .trigger span:before, .trigger span:after {
        height: 79%;
    }

    .trigger span {
        left: 62%;
        width: 20px;
    }

    .logo img {
        top: 13px;
        width: 40%;
    }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 03 - ABOUT */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.about-landing {
    min-height: 529px;
    background: url('../images/about/banner-about.jpg');
}

#branding, #print, #ui, #environment, #content, #social {
    display: none;
}

.about-text {
    min-height: 617px;

}

.about-area {
    min-height: 1292px;

}

.svg-process {
    padding-top: 9%;
}

.row-1 {
    padding-bottom: 6%;
    padding-top: 4%;
}

.about-process {
    min-height: 1302px;

}

.we-do-icon {
    min-height: 165px;
    padding-bottom: 11%;
}

.process-tag {
    min-height: 89px;
    padding-top: 2%;
}

.working-with-us .p-30 {
    color: #4a4a4a;
    padding-top: 14px;
}

.working-with-us h6 {
    padding-top: 24px;
}

.working-with-us a, .working-with-us a:hover, .working-with-us a:focus {
    color: #4a4a4a;
    text-decoration: none;
}

.about-team {
    min-height: 1098px;

}

.team-images-row1 {
    padding-top: 4.6%;
}

.about-page .row-2 {
    padding-bottom: 6%;
}

.about-reasons {
    min-height: 776px;

}

.about-reasons .p-18 {
    color: #f9461d;
}

.about-reasons .working-with-us {
    padding-top: 11%;
}

.about-image-sec {
    min-height: 498px;
    background: url("../images/about/banner-filler.jpg");
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: 0 0;

}

#process_1, #process_2, #process_3 {
    display: none;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 04 - WORK */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------
	Portfolio Filters
---------------------------------------------------*/
.work-intro {
    min-height: 418px;
}

.work-intro-text {
    padding-top: 10%;
}

.work-page .work-theme {
    padding-bottom: 7%;

}

#filters {
    margin: 0;
    text-align: center;
    width: 100%;
    opacity: 1;
    max-height: 200px;

}

#filters.filters-hide {
    opacity: 0;
    max-height: 0px;
}

#filters button {
    display: inline-block;
    margin: 0px 10px;
}

#filters button {
    display: inline-block;
    text-transform: uppercase;
    color: #b4b4b4;
    transition: all 0.2s ease-in-out;
    padding: 10px 0px;
}

#filters button:hover {
    color: #4a4a4a;
    transition: all 0.2s ease-in-out;
}

#filters button.active {
    color: #4a4a4a;
}

/*--------------------------------------------------
	 Portfolio Items
---------------------------------------------------*/

#portfolio-wrap {

    margin: 0 auto;
}

#portfolio-wrap.no-gutter {

    margin: 0 auto;
}

#portfolio {
    width: 100%;
    -webkit-transition: height 0.3s ease-in-out;
    -moz-transition: height 0.3s ease-in-out;
    -o-transition: height 0.3s ease-in-out;
    -ms-transition: height 0.3s ease-in-out;
    transition: height 0.3s ease-in-out;
}

.item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

.item-content {
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: #eeeeee;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    padding: 0px;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
    display: table;
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -o-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transform: scale(1.01);
    -webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -ms-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}

.item:hover .item-content {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 5s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -moz-transition: all 5s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -o-transition: all 5s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -ms-transition: all 5s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    transition: all 5s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}

.item-overlay {
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    z-index: 50;
    background: rgba(0, 0, 0, 0);
    position: absolute;
    opacity: 0;
    box-sizing: border-box;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.padding-overlay {
    padding: 0px;
    box-sizing: border-box;
    display: table;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.item:hover .padding-overlay {
    padding: 30px;
    -webkit-transition: all 0.2s ease-in-out 0.1s;
    -moz-transition: all 0.2s ease-in-out 0.1s;
    -o-transition: all 0.2s ease-in-out 0.1s;
    -ms-transition: all 0.2s ease-in-out 0.1s;
    transition: all 0.2s ease-in-out 0.1s;
}

.padding-overlay .item-overlay {
    display: table-cell;
    position: relative;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
}

.item:hover .item-overlay {
    background: none repeat scroll 0 0 #f7f7f7;
    opacity: 1;
}

.item:hover .item-overlay.overlay-white {
    background: rgba(255, 255, 255, 0.8);
}

.item .item-overlay.overlay-gradient {
    background: rgb(111, 226, 158); /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(111, 226, 158, 0.8) 0%, rgba(91, 218, 209, 0.8) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(111, 226, 158, 0.8)), color-stop(100%, rgba(91, 218, 209, 0.8))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, rgba(111, 226, 158, 0.8) 0%, rgba(91, 218, 209, 0.8) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, rgba(111, 226, 158, 0.8) 0%, rgba(91, 218, 209, 0.8) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, rgba(111, 226, 158, 0.8) 0%, rgba(91, 218, 209, 0.8) 100%); /* IE10+ */
    background: linear-gradient(135deg, rgba(111, 226, 158, 0.8) 0%, rgba(91, 218, 209, 0.8) 100%); /* W3C */
    opacity: 0;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.item:hover .item-overlay.overlay-gradient {
    background: rgb(111, 226, 158); /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(111, 226, 158, 0.8) 0%, rgba(91, 218, 209, 0.8) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(111, 226, 158, 0.8)), color-stop(100%, rgba(91, 218, 209, 0.8))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, rgba(111, 226, 158, 0.8) 0%, rgba(91, 218, 209, 0.8) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, rgba(111, 226, 158, 0.8) 0%, rgba(91, 218, 209, 0.8) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, rgba(111, 226, 158, 0.8) 0%, rgba(91, 218, 209, 0.8) 100%); /* IE10+ */
    background: linear-gradient(135deg, rgba(111, 226, 158, 0.8) 0%, rgba(91, 218, 209, 0.8) 100%); /* W3C */
    opacity: 1;
}

.item-title {
    display: block;
    position: relative;
    font-weight: 100;
    color: #4a4a4a;
    font-size: 3.5em;
    letter-spacing: 0.06em;
    margin-left: -20%;
    margin-top: 457px;
    margin-right: 28px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.padding-overlay .item-title {
    margin: 0 20px 5px 20px;
    opacity: 0;
    -ms-transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    -o-transition: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.item-overlay.overlay-gradient .item-title {
    color: #fff;
}

.item:hover .item-title {
    margin-left: 30px;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.item:hover .padding-overlay .item-title {
    margin: 0 20px 5px 20px;
    opacity: 1;
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -o-transition: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: all 0.5s ease-in-out 0.5s;
    -moz-transition: all 0.5s ease-in-out 0.5s;
    -o-transition: all 0.5s ease-in-out 0.5s;
    -ms-transition: all 0.5s ease-in-out 0.5s;
    transition: all 0.5s ease-in-out 0.5s;
}

.item-cat {
    display: block;
    font-weight: 100;
    font-size: 2em;
    letter-spacing: -0.05em;
    margin-left: -20%;
    margin-top: 23px;
    color: #6f6f6f;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

}

.small .item-title {
    font-size: 2.5em;
    margin-top: 215px;
}

.small .item-cat {
    font-size: 1.8em;
    margin-top: 17px;
}

.padding-overlay .item-cat {
    margin: 5px 20px 0px 20px;
    -ms-transform: translateY(20px);
    -webkit-transform: translateY(20px);
    -o-transition: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
    font-size: 18px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.item-overlay.overlay-white .item-cat {
    color: #000;
}

.item:hover .item-cat {
    margin-left: 28px;
    -webkit-transition: all 0.6s ease-in-out 0.3s;
    -moz-transition: all 0.6s ease-in-out 0.3s;
    -o-transition: all 0.6s ease-in-out 0.3s;
    -ms-transition: all 0.6s ease-in-out 0.3s;
    transition: all 0.6s ease-in-out 0.3s;
}

.item:hover .padding-overlay .item-cat {
    margin: 5px 20px 0px 20px;
    opacity: 1;
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -o-transition: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: all 0.5s ease-in-out 0.5s;
    -moz-transition: all 0.5s ease-in-out 0.5s;
    -o-transition: all 0.5s ease-in-out 0.5s;
    -ms-transition: all 0.5s ease-in-out 0.5s;
    transition: all 0.5s ease-in-out 0.5s;
}

.item-cat:after {
    background: none repeat scroll 0 0 #666;
    bottom: -20px;
    content: "";
    height: 1px;
    left: 1px;
    position: absolute;
    width: 40px;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.item-cat:after {
    content: "";
    height: 0px;
}

.item-overlay.overlay-white .item-cat:after {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
}

.item-overlay.overlay-gradient .item-cat:after {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.4);
}

.item:hover .item-cat:after {
    opacity: 1;
    bottom: -15px;
    -webkit-transition: all 0.2s ease-in-out 0.9s;
    -moz-transition: all 0.2s ease-in-out 0.9s;
    -o-transition: all 0.2s ease-in-out 0.9s;
    -ms-transition: all 0.2s ease-in-out 0.9s;
    transition: all 0.2s ease-in-out 0.9s;
}

/*--------------------------------------------------
	 Portfolio Isotope Transitions
---------------------------------------------------*/

.isotope, .isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
}

.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}

.work-theme {

    padding-top: 9%;
}

.inner-page-link p {
    font-size: 1.3em;
    font-weight: 500;
    padding: 0 0 0 35px;
}

.inner-page-link {
    border: 2px solid #000;
    display: table;
    height: 83px;
}

.inner-page-link .tabel-cell {
    display: table-cell;
    vertical-align: middle;
}

.inner-page-link .small-text {
    font-size: 0.7em;
    padding-left: 75px;
    padding-top: 0.7em;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 05 - THEMES */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.theme-landing-sec {
    background: url("../images/themes/banner.jpg") repeat scroll 0 0 transparent;
    background-position: center;
    background-size: cover;
}

.themes-image {
    height: 476px;
}

.miapp {
    background: url("../images/themes/mock-miapp.png") no-repeat scroll 0 0 transparent;
}

.miportfolio {
    background: url("../images/themes/mock-miportfolio.png") no-repeat scroll 0 0 transparent;
}

.mievent {
    background: url("../images/themes/mock-mievent.png") no-repeat scroll 0 0 transparent;
}

.miagency {
    background: url("../images/themes/mock-miagency.png") no-repeat scroll 0 0 transparent;
}

.theme-sec-type1 {
    background: #f7f7f7;
}

.theme-sec-type1, .theme-sec-type2 {
    min-height: 630px;
    position: relative;

}

.theme-page .testimonial-bg-1 {

}

.theme-page .testimonial-bg-2 {
    min-height: 190px;
}

.themes-image {
    margin-top: 11.2%;
}

.theme-sec-type1 .detail-link, .theme-sec-type2 .detail-link {
    width: 185px;
}

.theme-sec-type1 .icon, .theme-sec-type2 .icon {
    margin-right: 17px;
    width: 65px;
}

.theme-sec-type1 .link, .theme-sec-type2 .link {
    width: 88px;
}

.theme-sec-type1 .theme-specific .p-24, .theme-sec-type2 .theme-specific .p-24 {
    padding-bottom: 5.4%;
    padding-top: 5.8%;
}

.theme-sec-type1 .theme-links, .theme-sec-type2 .theme-links {
    padding-top: 5%;
}

.theme-sec-type2 {
    background: #f4f1f4;
}

.theme-qualities {
    min-height: 594px;
}

.theme-qualities .we-do-caption {
    min-height: 96px;
    padding: 3% 0;
}

#pixel_perfect, #responsive, #flexible, #support {
    display: none;
}

.theme-qualities .row1 {
    padding-top: 12.3%;
}

.theme-spport {
    background: #F0EAEE;
}

.theme-spport h2 {
    padding-bottom: 0;
}

.theme-spport h2 a, .theme-spport h2 a:hover, .theme-spport h2 a:focus {
    color: #000;
    text-decoration: none;
    text-transform: lowercase;

}

.table-view {
    height: 190px;
    display: table;
}

.table-view h2 {
    vertical-align: middle;
    display: table-cell;
}

.theme-page .working-with-us {
    /*padding-top:8.5%;*/
}

.working-with-us {
    padding-top: 3%;
}

@media (min-width: 1920px) {
    .container {
        width: 1280px;
    }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 06 - CONTACT */
/*-------------------------------------------------------------------------------------------------------------------------------*/

#svg_logo_email, #svg_logo_mobile, #svg_logo_visit, #create, #learn, #play {
    display: none;
}

.contact-sec {
    min-height: 1562px;
    background: #f7f7f7;
    padding-top: 6.3%;
}

.map-canvas {
    height: 400px;
    z-index: 1;
    opacity: 1;
    transition: opacity 0.6s ease 0s;
}

.contact-page .we-do-icon {
    min-height: 211px;
    padding-bottom: 11%;
}

.contact-page #hero {
    min-height: 400px !important;
    height: 400px !important;
}

#myTab .active > a {
    background-color: #f7f7f7;
    border-color: transparent transparent #212227;
    border-style: none none solid;
    border-width: medium medium 8px;
    text-transform: uppercase;

}

#myTab h4 {
    color: #bababa;

}

#myTab .active > a > h4 {
    color: #212227;
}

.nav > li > a {
    padding-left: 0;
}

.nav-tabs {
    border-bottom: 1px solid #212227;
}

.nav-tabs > li > a:hover {
    border-color: transparent;
}

.nav-tabs {
    border-bottom: 1px solid #dbdbdb;
}

.tab-content .email, .tab-content .call, .tab-content .visit {
    min-height: 320px;
    padding-left: 2.7%;
    padding-top: 15.4%;
}

#myTabContent .svg-logo {
    position: absolute;
    right: 22px;
    top: 22px;
}

.tab-content .visit {
    padding-right: 10%;
}

.tab-content .email {
    background: #ECE7EC;
}

.tab-content .call {
    background: #F0ECF0;
}

.tab-content .visit {
    background: #F4F1F4;
}

.tab-pane {
    padding-top: 5.8%;
}

.tab-content h6 {
    color: #212227;
    font-weight: 300;
}

.tab-content .p-24 {
    padding-top: 15px;
}

.tab-content .p-24 > a, .tab-content .p-24 > a :hover, .tab-content .p-24 > a:focus {
    color: #fff;
    font-weight: 300;
}

.collaborative-approch {
    padding-top: 2.6%;
    padding-bottom: 8.4%;
}

.collaborative-approch .p-24 {
    color: #212227;
    font-weight: 300;
}

.collaborative-approch .p-18 {
    padding-bottom: 6%;
    color: #666666;
}

.career-baner {
    background: url("../images/career.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    min-height: 700px;
    position: absolute;
    top: 0;
}

.image-multia-wrap {
    min-height: 1065px;
}

.testimonial-employee-wraper {
    min-height: 669px;
}

.openings-wraper {
    min-height: 761px;
}

#myTab1 .active > a {
    background-color: #f7f7f7;
    border-color: transparent transparent #212227;
    border-style: none none solid;
    border-width: medium medium 8px;
    text-transform: uppercase;
}

#myTab1 h4 {
    color: #bababa;

}

#myTab1 .active > a > h4 {
    color: #212227;
}

#job-apply h2 {
    font-size: 4.3em;
    padding-bottom: 10px;
}

/* ----------------------------------------------------------------
    Forms
-----------------------------------------------------------------*/

.sm-form-control {
    background: #f7f7f7;
    border: 1px solid #000;
    border-radius: 0 !important;
    color: #212227;
    display: block;
    font-weight: 300;
    height: 57px !important;
    padding: 0 35px;
    transition: border-color 0.15s ease-in-out 0s;
    width: 100%;
    padding-top: 5px;
    box-shadow: none;
}

.input-box-spacing {
    padding-bottom: 2.4%;
}

.textarea-spacing {
    padding-bottom: 3%;
}

label {
    color: #000;
    font-size: 1.1em;
    text-transform: uppercase;
    padding-bottom: 50px;
}

textarea {
    width: 100%;
    border: none;
    padding-top: 20px !important;
}

.sm-form-control:focus {
    border-color: #AAA;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.NFI-wrapper {
    padding-top: 4%;
}

.NFI-button {
    color: #212227;
    text-transform: uppercase;
}

.NFI-filename {
    background: none;
    border: none;
    padding-top: 12%;
    padding-left: 17px !important;
}

.f-name-field {
    padding-bottom: 3%;
}

.designation-name-field {
    padding-bottom: 3.2%;

}

.sm-form-control::-moz-placeholder {
    color: #212227;
    opacity: 1;
    text-transform: capitalize;

}

.sm-form-control:-ms-input-placeholder {
    color: #212227;
    text-transform: capitalize;
}

.sm-form-control::-webkit-input-placeholder {
    color: #212227;
    text-transform: capitalize;
}

.sm-form-control[disabled],
.sm-form-control[readonly],
fieldset[disabled] .sm-form-control {
    cursor: not-allowed;
    background-color: #eeeeee;
    opacity: 1;
}

.full-name-input {
    padding: 0;
}

.full-name-input::-moz-placeholder {
    color: #dbd4c7;
    font-weight: 100;
    opacity: 1;
    text-transform: capitalize;
}

.full-name-input:-ms-input-placeholder {
    color: #dbd4c7;
    font-weight: 100;
    text-transform: capitalize;
}

.full-name-input::-webkit-input-placeholder {
    color: #dbd4c7;
    font-weight: 100;
    text-transform: capitalize;
}

.appli-ques textarea {
    height: 150px !important;
}

.submit-btn-form {
    width: 100%;
    height: 57px;
    background: #212227;
    border: none;
    color: #fff;
    box-shadow: none;
}

.submit-block {
    padding-bottom: 16%;
}

.sm-form-control {
    height: auto;
}

.form-control {
    border-radius: 3px;
}

.form-control:active,
.form-control:focus {
    border-color: #999;
    box-shadow: none;
}

.full-name-input {
    font-size: 4.3em;
    color: #000;
    font-weight: 100;
    letter-spacing: -0.05em;;
    color: #000;
    min-height: 86px !important;
    width: 100%;
    background: none repeat scroll 0 0 #f7f7f7;
    border: medium none;
}

.contact-form-hr {
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 3%;
    margin-top: 11%;
}

.upload-label {
    display: block;
    text-transform: capitalize;
    font-weight: 300;
    font-size: 1em;
    color: #333;
    padding-top: 8px;
}

.contact-page .work-blocks .row-1col-1 {
    background: url("../images/culture/culture1.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.contact-page .work-blocks .row-1col-2 .row-1col-2col-1 {
    background: url("../images/culture/culture2.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.contact-page .work-blocks .row-1col-2 .row-2col-2col-1 {
    background: url("../images/culture/culture3.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.contact-page .work-blocks .row-1col-2 .row-2col-2col-2 {
    background: url("../images/culture/culture4.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.opacity-zero {
    opacity: 0;
    visibility: hidden;
    transition: all 0.6s ease 0s;
}

.toggle-wraper {
    padding-bottom: 12.5%;
    padding-top: 6.2%;
}

.toggle {
    display: block;
    position: relative;

}

.toggle .togglet,
.toggle .toggleta {
    display: block;
    position: relative;
    line-height: 24px;
    padding: 0 0 0 24px;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #444;
    cursor: pointer;
}

.circle {
    position: absolute;
    right: 34px;
    text-align: center;
    top: 25px;
}

.arrow {
    position: absolute;
    right: 40px;
    text-align: center;
    top: 40px;
}

.toggle .toggleta {
    font-weight: bold;
}

.toggle .togglet img.toggle-open,
.toggle .toggleta img.toggle-closed {
    display: none;
}

.toggle .toggleta img.toggle-open {
    display: block;
}

.toggle .togglec {
    display: block;
    position: relative;

}

.patch {
    background: #F0EAF0;
}

.togglet .p-18 {
    color: #212227;
    font-weight: 300;
    padding: 2% 0 3% 0;
}

.toggle.toggle-bg .togglet, .toggle.toggle-bg .toggleta {
    line-height: 60px;
    padding: 7px 40px 4px 40px;
}

.togglec .togglet h5 {
    border-top: 1px solid #DEDEDE;

}

.togglec > .toggle > .togglet {
    padding-top: 12px;
    padding-bottom: 0;
}

.togglec > .toggle > .togglec {
    padding-left: 108px;
    padding-right: 108px;
}

.inner-toggle-wrap {
    padding-bottom: 3%;
}

.apply-btn {
    background: none repeat scroll 0 0 #4a4a4a;
    display: block;
    margin-left: 40px;
    margin-top: 3%;
    padding-bottom: 14px;
    padding-right: 0;
    padding-top: 14px;
    text-align: center;
    width: 110px;
}

.togglec ul {
    list-style: disc;
}

.togglec li {
    color: #212227;
    line-height: 1.7;
    font-size: 1.1em;
    font-weight: 300;
}

.apply-btn:hover, .apply-btn:focus {
    color: #fff;
}

.togglet h4 {
    padding-bottom: 0;
    letter-spacing: 0.05em;
    font-weight: 500;
    line-height: 16px;
}

.contact-page .testimonial-bg-2 {
    background: none repeat scroll 0 0 #f4f1f4;
    min-height: 189px;
}

.togglec.inner-toggle-wrap {
    background: #f4f1f4;
}

.job-detail-1, .job-detail-2, .job-detail-3, .job-detail-4 {
    border-bottom: 1px solid #fff;
}

/*****************************************************/
/* Pattern */
/*****************************************************/
.pattern-intro-sec {
    background: #f7f7f7;
}

.pattern-page {
    background: #212227;
}

.pattern-intro {
    display: table;
}

.pattern-intro div {
    display: table-cell;
    vertical-align: middle;
}

.pattern-1 {
    background: url('../images/pattern/pinkpetals.jpg');
    background-attachment: fixed;
}

.pattern-2 {
    background: url('../images/pattern/sweetstitch.jpg');
    background-attachment: fixed;
}

.pattern-3 {
    background: url('../images/pattern/cloudsatlast.jpg');
    background-attachment: fixed;
}

.pattern-4 {
    background: url('../images/pattern/rozylips.jpg');
    background-attachment: fixed;
}

.pattern-5 {
    background: url('../images/pattern/gems.jpg');
    background-attachment: fixed;
}

.pattern-6 {
    background: url('../images/pattern/classicchecks.jpg');
    background-attachment: fixed;
}

.archive-pattern {
    margin: 0;
    background: red;
    min-height: 600px;
    opacity: 1;
    text-align: center;
    transition: all 0.3s ease-in-out 0s;
    width: 100%;
}

.pattern-page .linkto-svg {
    padding-left: 7px;
    padding-top: 28px !important;
}

.small-svg-wrap-archive {
    padding-left: 11px;
    padding-top: 11px;
}

.small-svg-wrap-arrow {
    padding-left: 8px;
    padding-top: 10px;
}

.archive-pattern-hide {
    min-height: 0;
    opacity: 0;
}

.pattern-page .work-theme {
    padding-bottom: 8.5%;

}

.pattern-page .next-arr, .pattern-page .archive, .pattern-page .prev-arr {
    background: none repeat scroll 0 0 #000;
    border-radius: 50%;
    display: table;
    margin-top: 36%;
    float: left;
    height: 40px;
    margin-right: 13px;
    position: relative;
    transition: all 0.3s ease 0s;
    width: 40px;
}

.btn-sec {
    padding-top: 23%;
}

#cbp-spmenu-s1 h4 {
    padding-top: 18%;
}

.arc-link {
    min-height: 165px;

}

.arc-link h6 {
    font-weight: 600;
    padding-left: 11%;
    padding-top: 7%;
    text-align: left;
}

.archive-goto-link {
    padding-top: 5%;
}

#close {
    position: absolute;
    right: 42px;
    top: 42px;
    cursor: pointer;
}

.link-1 {
    background: url('../images/pattern/pinkpetals.jpg');
}

.link-2 {
    background: url('../images/pattern/sweetstitch.jpg');
}

.link-3 {
    background: url('../images/pattern/cloudsatlast.jpg');
}

.link-4 {
    background: url('../images/pattern/rozylips.jpg');
}

.link-5 {
    background: url('../images/pattern/gems.jpg');
}

.link-6 {
    background: url('../images/pattern/classicchecks.jpg');
}

.showRightPush {
    cursor: pointer;
}

/*****************************************************/
/* Social  */
/*****************************************************/
.scoial-con-sec .col-lg-4 {
    min-height: 428px;
}

.fb {
    background: #2b2d5d;
}

.tweet {
    background: #bbd3d4;
}

.insta {
    background: #E6DBE1;
}

.drib {
    background: #ffa991;
}

.behan {
    background: #453c3d;
}

.themef {
    background: #eeabb6;
}

.social-logo {
    position: absolute;
    right: 5%;
    top: 7%;
}

.social-desc {
    bottom: 6%;
    left: 7.5%;
    position: absolute;
}

.social-logo h1 {
    font-weight: 500;
}

.social-desc h4 {
    padding-bottom: 4px;
}

/*****************************************************/
/* Coding  */
/*****************************************************/

.spirit {
    background: url("../images/code/Draggable Divisions/rightimg.png");
    background-repeat: no-repeat;
    height: 100%;
    overflow: hidden;
    width: 100%;
}

.code-intro-sec {
    background: #323338;
}

#resizable {
    background: url("../images/code/Draggable Divisions/leftimg.png");
    background-repeat: no-repeat;
    border: medium none;
    height: 100%;
    width: 50%;
}

.ui-resizable {
    position: relative;
}

.spirit-wrapper {
    height: 506px;
    width: 767px;
    position: absolute;
    top: 31px;
    left: 32px;
}

.code-head {
    padding: 6% 0;
}

.drag-div-frame {
    background: url("../images/code/Draggable Divisions/frame.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin: 0 auto;
    min-height: 568px;
    position: relative;
    width: 832px;
}

#handle {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.6);
    border-radius: 50%;
    display: block;
    height: 100px;
    left: 100%;
    margin: 0 auto 0 -50.6px;
    position: absolute;
    right: 0;
    top: 39.8%;
    width: 100px;
}

.ui-resizable-e {
    cursor: e-resize;
    display: block;
    right: -45px;
    top: 70%;
}

.ui-resizable-e img {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 35px;
}

.ui-resizable-handle {
    display: block;
    font-size: 0.1px;
    position: absolute;
}

#code_2 {
    background: none repeat scroll 0 0 #f4f1f4;
    position: relative;
}

.pattern-wrap {
    width: 818px;
    height: 540px;

}

.animated-patterns-1,
.animated-patterns-2,
.animated-patterns-3 {

}

.animated-patterns {
    min-height: 540px;
    padding-left: 40px;
}

.animated-patterns-1 {
    background-image: url("../images/code/Animated Patterns/01.jpg");

}

.animated-patterns-2 {
    background-image: url("../images/code/Animated Patterns/02.jpg");
    min-height: 244px;

}

.animated-patterns-3 {
    background-image: url("../images/code/Animated Patterns/03.jpg");
    min-height: 244px;
    margin-top: 51px;
}

#canvas {
    opacity: 0;
    visibility: hidden;
}

canvas {
    position: absolute !important;
}

#background {
    opacity: 0;
}

#code_3 {
    position: relative;
}

.device-wraper {
    width: 1002px
}

.laptop-screen {
    height: 257px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 34px;
    width: 467px;
}

.ipad-screen {
    height: 396px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 34px;
    width: 318px;
}

.mobile-screen {
    height: 263px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 36px;
    width: 158px;
}

.laptop-width {
    width: 468px;
    margin-right: 20px;
    margin-top: 148px;
}

.tab-width {
    width: 312px;
    margin-right: 20px;

}

.mobile-width {
    width: 158px;
    margin-top: 130px;
}

.screen-demo-1 {
    left: 0;
    line-height: 0;
    position: absolute;
    transition: all 5s ease 0s;
    width: 100%;
}

.screen-demo-1:hover {
    cursor: pointer;
    margin-top: -918px;
}

.screen-demo-2 {
    left: 0;
    line-height: 0;
    position: absolute;
    transition: all 5s ease 0s;
    width: 100%;
}

.screen-demo-2:hover {
    cursor: pointer;
    margin-top: -619px;
}

.screen-demo-3 {
    left: 0;
    line-height: 0;
    position: absolute;
    transition: all 2s ease 0s;
    width: 100%;
}

.screen-demo-3:hover {
    cursor: pointer;
    margin-top: -20px;
}

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

.last {
    margin-right: 0 !important;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 07 - SINGLE PROJECT */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.project-det-sec {
    padding-top: 8%;
    min-height: 505px;
}

#share {
    cursor: pointer;

}

.share {
    width: 69px;
}

.share-links {
    height: 95px;
    opacity: 1;
    transition: all 0.3s ease 0s;
}

.share-links-hide {
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.share-links > li {
    display: inline-block;
    padding-right: 20px;
}

.project-footer-sec {
    margin-top: 8%;
    min-height: 99px;
}

.project-footer-sec a, .project-footer-sec a:hover, .project-footer-sec a:focus {
    color: #aeaeae;

    transition: 0.2s;
    -webkit-transition: 0.2s;
}

.prev svg {
    position: absolute;

}

.prev.black > span {
    display: block;
    font-size: 0.9em;
    margin-left: 45px;
    margin-top: 6px;
}

.next.black > span {
    margin-right: 30px;
    font-size: .9em;
    display: block;
    margin-top: 6px;
}

.project-footer-sec .prev:hover {
    padding-left: 30px;
    color: #a48c3f;
    transition: 0.2s;
    -webkit-transition: 0.2s;
}

.project-footer-sec .next:hover {
    padding-right: 30px;
    color: #a48c3f;
    transition: 0.2s;
    -webkit-transition: 0.2s;
}

.project-footer-sec .next:hover svg {
    position: absolute;
    right: 30px;
    transition: 0.2s;
    -webkit-transition: 0.2s;
}

.next svg {
    position: absolute;
    right: 0;
    transition: 0.2s;
    -webkit-transition: 0.2s;
}

.next.black > span {
    margin-right: 45px;
    transition: 0.2s;
    -webkit-transition: 0.2s;
}

.project-footer-sec .next {
    display: block;
    float: right;
    min-height: 34px;
    overflow: hidden;
    position: relative;
    width: 196px;
}

.project-footer-sec .prev {
    display: block;
    width: 196px;
    min-height: 34px;
    position: relative;
    overflow: hidden;
}

svg.archive-proj {
    transition: all 0.3s ease 0s;
}

svg.archive-proj:hover {
    transition: all 0.3s ease 0s;
}

@media only screen and (max-width: 414px) {
    .share-links > li {
        padding-right: 12px;
        display: block;
    }

    .share {
        width: 100%;
    }

    .share-links {
        margin-bottom: 13%;
    }

    .productSquare .price-block p {
        line-height: 22px !important;
    }
    .price-block {
        padding: 30px 25px !important;
    }
}

/*****************************************************/
/* What to expect  */
/*****************************************************/
.landing-expect-text {
    padding-bottom: 10%;
}

.what-to-expect-page .row-one, .what-to-expect-page .row-two, .what-to-expect-page .row-three {
    padding-bottom: 5%;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 08 - START PROJECT */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.start-a-project-page .form-sec {
    padding-top: 9%;
}

.start-a-project-page .full-name-input {
    text-align: center;
}

.start-a-project-page .full-name-input {
    text-align: center;
}

.start-a-project-page .about-landing {
    background: url("../images/startaprojectbanner.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    min-height: 529px;
}

.prettycheckbox label {
    color: #221227;
    font-size: 1em;
    font-weight: 300;
    padding-left: 30px;
    padding-top: 12px;
    text-transform: capitalize;
    padding-bottom: 12px;
    margin-bottom: 23px;
}

.check-box-head {
    padding-top: 60px;
    padding-bottom: 35px;
}

.start-a-project-page textarea {
    height: 150px !important;
}

.last-child label {
    margin-bottom: 0;
}

.start-a-project-page .minict_wrapper ul {
    width: 100%;
}

.start-a-project-page .submit-project-btn {
    padding-top: 6%;
}

.start-a-project-page #hero {
    height: 300px !important;
}

.start-a-project-page .p-18 {
    padding-bottom: 45px;
}

/*****************************************************/
/* Bharatforge  */
/*****************************************************/
.bharatforge .theme-landing-sec {
    background: url("../images/projects/Bharat Forge/01.png") repeat scroll center center / cover transparent;

}

.bharatforge .project-img-sec {
    position: relative;
    padding-bottom: 4%;
}

.bharatforge .inner-mac-display {
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    top: 0;
}

/*****************************************************/
/* Exauric  */
/*****************************************************/
.exauric .theme-landing-sec {
    background: url("../images/projects/Exauric/01.png") repeat scroll center center / cover transparent;

}

.exauric .project-img-sec {
    position: relative;
    padding-bottom: 4%;
}

.exauric .inner-mac-display {
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    top: 0;
}

/*****************************************************/
/* J&K  */
/*****************************************************/
.jnk .theme-landing-sec {
    background: url("../images/projects/j&k/01.png") repeat scroll center center / cover transparent;

}

.jnk .project-img-sec {
    position: relative;
    padding-bottom: 4%;
}

.jnk.inner-mac-display {
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    top: 0;
}

/*****************************************************/
/* kgc  */
/*****************************************************/

.kgc .theme-landing-sec {
    background: url("../images/projects/KGC/01.png") repeat scroll center center / cover transparent;

}

.kgc .project-img-sec {
    position: relative;
    padding-bottom: 4%;
}

/*****************************************************/
/* maheshwari  */
/*****************************************************/
.maheshwari .theme-landing-sec {
    background: url("../images/projects/Maheshwari Saathi/01.png") repeat scroll center center / cover transparent;

}

.maheshwari .project-img-sec {
    position: relative;
    padding-bottom: 4%;
}

.maheshwari .inner-mac-display {
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    top: 0;
}

/*****************************************************/
/* renault  */
/*****************************************************/
.renault .theme-landing-sec {
    background: url("../images/projects/Renault/01.png") repeat scroll center center / cover transparent;

}

.renault .project-img-sec {
    position: relative;
    padding-bottom: 4%;
}

.renault .inner-mac-display {
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    top: 0;
}

/*****************************************************/
/* shopify  */
/*****************************************************/
.shopify .project-img-sec {
    position: relative;
    padding-bottom: 4%;
}

/*****************************************************/
/* rubani  */
/*****************************************************/
.rubani .theme-landing-sec {
    background: url("../images/projects/Rubani/01.png") repeat scroll center center / cover transparent;

}

.rubani .project-img-sec {
    position: relative;
    padding-bottom: 4%;
}

.rubani .inner-mac-display {
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    top: 0;
}

/*****************************************************/
/* tata  */
/*****************************************************/
.tata .theme-landing-sec {
    background: url("../images/projects/TATA/01.png") repeat scroll center center / cover transparent;

}

.tata .project-img-sec {
    position: relative;
    padding-bottom: 4%;
}

.tata .inner-mac-display {
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    top: 0;
}

/*****************************************************/
/* wwf  */
/*****************************************************/
.wwf .theme-landing-sec {
    background: url("../images/projects/wwf/01.png") repeat scroll center center / cover transparent;

}

.wwf .project-img-sec {
    position: relative;
    padding-bottom: 4%;
}

/*****************************************************/
/* Whiskit  */
/*****************************************************/
.whiskit .theme-landing-sec {
    background: url("../images/projects/Whiskit/01.png") repeat scroll center center / cover transparent;

}

.whiskit .project-img-sec {
    position: relative;
    padding-bottom: 4%;
}

.whiskit .inner-mac-display {
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    top: 0;
}

/*****************************************************/
/* Zenistry  */
/*****************************************************/
.zenistry .theme-landing-sec {
    background: url("../images/projects/Zenistry/01.png") repeat scroll center center / cover transparent;

}

.zenistry .project-img-sec {
    position: relative;
    padding-bottom: 4%;
}

.zenistry .inner-mac-display {
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    top: 0;
}

/*****************************************************/
/* Power Drift  */
/*****************************************************/
.power .theme-landing-sec {
    background: url("../images/projects/Power Drift/01.png") repeat scroll center center / cover transparent;

}

.power .project-img-sec {
    position: relative;
    padding-bottom: 4%;
}

.power .inner-mac-display {
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    top: 0;
}

/*****************************************************/
/* Buffy Fish  */
/*****************************************************/
.buffy .theme-landing-sec {
    background: url("../images/projects/Buffy_Fish/01.png") repeat scroll center center / cover transparent;

}

.buffy .project-img-sec {
    position: relative;
    padding-bottom: 4%;
}

.buffy .inner-mac-display {
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    top: 0;
}

/*****************************************************/
/* Sokrati  */
/*****************************************************/
.sokrati .theme-landing-sec {
    background: url("../images/projects/sokrati/01.png") repeat scroll center center / cover transparent;

}

.sokrati .project-img-sec {
    position: relative;
    padding-bottom: 4%;
}

/*****************************************************/
/* Samaas  */
/*****************************************************/
.samaas .theme-landing-sec {
    background: url("../images/projects/samaas/01.png") repeat scroll center center / cover transparent;

}

.samaas .project-img-sec {
    position: relative;
    padding-bottom: 4%;
}

/*****************************************************/
/* Logicare  */
/*****************************************************/
.logicare .theme-landing-sec {
    background: url("../images/projects/logicare/01.png") repeat scroll center center / cover transparent;

}

.logicare .project-img-sec {
    position: relative;
    padding-bottom: 4%;
}

.logicare .inner-mac-display {
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    top: 0;
}

/*****************************************************/
/* Aearth  */
/*****************************************************/
.aearth .theme-landing-sec {
    background: url("../images/projects/aearth/01.png") repeat scroll center center / cover transparent;

}

.aearth .project-img-sec {
    position: relative;
    padding-bottom: 4%;
}

.aearth .inner-mac-display {
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    top: 0;
}

/*****************************************************/
/* Holy-gau  */
/*****************************************************/
.gau .theme-landing-sec {
    background: url("../images/projects/Holy Gau/01.png") repeat scroll center center / cover transparent;

}

.gau .project-img-sec {
    position: relative;
    padding-bottom: 4%;
}

.gau .inner-mac-display {
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    top: 0;
}

/*****************************************************/
/* Home-Serve  */
/*****************************************************/
.serve .theme-landing-sec {
    background: url("../images/projects/Home Serve/01.png") repeat scroll center center / cover transparent;

}

.serve .project-img-sec {
    position: relative;
    padding-bottom: 4%;
}

.serve .inner-mac-display {
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    top: 0;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 09 -MEDIA QUERIES */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.together-in {
    position: relative;
    float: left;
    width: 100%;
}

.testimonial-employee-wraper {
    position: relative;
    float: left;
    width: 100%;
}

.together-in .culture-block {
    height: 640px;
}

.together-in .culture-block:nth-child(2) .item {
    height: 320px;
}

.top-paralax-slider {
    height: 700px;
}

.testimonial-sec {
    min-height: 100%;
}

.multia-sec {
    min-height: 100%;
}

.theme-sec {
    min-height: 100%;
}

.work-sec {
    min-height: 100%;
}

.about-sec {
    min-height: 100%;
}

.theme-sec h2 {
    padding: 0px;
}

.work-sec h2 {
    padding-bottom: 40px;
}

.multia-sec h2 {
    padding-bottom: 40px;
}

.testimonial-sec h2 {
    padding-bottom: 40px;
}

.work-blocks .work-item-block {
    height: 640px;
}

.right-half-work-item .work-item-block {
    height: 320px;
}

.left-half-work-item .work-item-block {
    height: 320px;
}

.about-intro .p-18 {
    padding: 40px 0px;
}

.half-work-item:first-child {
    height: 640px;
}

.half-work-item:last-child {
    height: 320px;
}

.half-block-multi {
    height: 640px;
}

.half-block-multi .multi-item {
    height: 320px;
}

.social-button {
    background: #F9461C;
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
}

.social-button a {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
}

.code-block {
    background: #D9B391;
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
}

.coding-block {
    position: relative;
    float: left;
}

.coding-block a {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
}

.coding-block .pattern-block {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -141px;
    margin-left: -141px;
    z-index: 50;
}

.coding-wrapp .coding-block:first-child {
    height: 320px;
}

.coding-wrapp .coding-block:last-child {
    height: 640px;
}

.themes-image a {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
}

.itemm {
    position: relative;
    float: left;
    display: block;
    width: 33.334%;
    overflow: hidden;
}

.itemm img {
    width: 100%;
    height: auto;
}

.item-content {
    height: 420px;
}

.grid-sizer {
    width: 0px;
}

.masonry-container:after {
    content: '';
    display: block;
    clear: both;
}

.container-mix {
    position: relative;
}

.container-mix .mix {
    display: none;
}

.itemm .item-title {
    margin-top: auto;
    position: absolute;
    bottom: 70px;
    clear: both;
}

.itemm a {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 555;
}

.itemm .item-cat {
    margin-top: auto;
    position: absolute;
    bottom: 30px;
}

.itemm:hover .item-overlay {
    background: none;
    opacity: 1;
}

.itemm:hover .item-cat {
    margin-left: 28px;
}

.itemm:hover .item-title {
    margin-left: 28px;
}

.list-container {
    position: relative;
    float: left;
    width: 100%;
    height: 65px;
    background: none;
    top: 30px;
    right: 0px;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}

.list-container.right-slide {
    background: #000;
}

header .submenu {
    display: inline-block;
}

.submenu .fa {
    position: absolute;
    right: 8px;
    top: 4px;
    color: #222;
    cursor: pointer;
    font-weight: 700;
    font-size: 12px;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}

.submenu .fa.act-arrow {
    color: #999;
}

header .submenu ul {
    padding: 10px 50px 20px;
    background: #000;
    position: absolute;
    float: left;
    height: auto;
    text-align: left;
    top: 50px;
    left: 0px;
    width: 150px;
    text-align: center;
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}

header .submenu ul li {
    width: 100%;
    text-align: left;
    padding: 5px 0px;
    font-size: 0.9em;
    line-height: 20px;
}

header .submenu ul li a {
    color: #808080;
    font-size: 13px;
    font-weight: 300;
    line-height: 16px;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}

header .submenu ul li a:hover {
    color: #fff;
}

header .submenu:hover ul {
    opacity: 1;
    visibility: visible;
}

@media screen and (max-width: 1366px) {
    .list-container {
        height: 50px;
        top: 20px;
    }

    .logo {
        width: 50px;
        height: 50px;
        left: 20px;
        top: 20px;
    }

    .logo img {
        width: 50px;
        height: 50px;
    }
}

@media screen and (max-width: 1200px) {
    .we-do-detail {
        position: relative;
        float: left;
        width: 100%;
    }

    .inner-page-link .small-text {
        padding-left: 0px;
        float: right;
    }

    .inner-page-link p {
        padding-left: 0px;
    }

    .detail-link-2 {
        padding: 40px 0px;
    }

    .about-intro {
        text-align: center;
    }

    .social-button img {
        padding-left: 0%;
    }

    .slider-wraper .browser-slider-wraper {
        width: 100%;
        display: inline-block;
        float: none;
        position: relative;
        padding-left: 0px;
    }

    .slider-wraper {
        text-align: center;
    }

    #slider1_container {
        width: 100%;
    }

    .themes-image img {
        width: 100%;
        height: auto;
    }

    .slider-wraper {
        padding-top: 140px;
    }

    .detail-link-3 {
        padding-top: 40px;
    }

    .theme-links {
        position: relative;
        float: left;
        width: 100%;
        text-align: center;
    }

    .theme-links .linkto {
        display: inline-block;
        float: none;
        position: relative;
        margin: 15px 0px;
    }

    .medium .linkto-text {
        padding: 18px 8px;
    }

    .themes-image {
        margin-top: 6.2%;
        position: relative;
        float: left;
        width: 100%;
        padding: 50px 0px;
    }
}

@media screen and (max-width: 990px) {
    .item-title {
        margin-left: 28px;
        color: #fff;
    }

    .item-cat {
        margin-left: 28px;
        color: #fff;
    }

    .item-overlay {
        background: rgba(255, 255, 255, 0.7);
    }

    .about-intro h2 {
        padding-top: 40px;
    }

    .work-sec {
        padding: 0px 15px;
    }

    .about-sec {
        padding: 0px 15px;
    }

    .inner-page-link p {
        padding-left: 0px;
        font-size: 0.8em;
    }

    .itemm {
        width: 50%;
    }

    .work-intro {
        min-height: 100%;
    }

    #filters {
        padding-bottom: 80px;
    }
}

@media screen and (max-width: 800px) {
    h1 {
        font-size: 4.8em;
        text-align: center;
    }

    .about-intro h2 {
        font-size: 3em;
        text-align: center;
    }

    .detail-link-2 .linkto {
        margin-left: 20px;
    }

    .detail-link-1 .linkto {
        margin-left: 20px;
    }

    .footer-sec h3 {
        font-size: 2.5em;
        text-align: center;
        padding: 20px 0px 35px;
    }
}

@media screen and (max-width: 767px) {
    .work-blocks .no-padding {
        padding: 0px;
    }

    .work-intro {
        min-height: 100%;
        padding-bottom: 80px;
    }

    .detail-link-3 {
        left: auto;
        right: 50px;
        margin: 40px 0px;
    }

    .coding-wrapp .coding-block:first-child {
        height: auto;
    }

    .social-button img {
        position: absolute;
        bottom: 20px;
        margin-top: 0%;
        right: 40px;
    }

    .list-container {
        height: 50px;
        top: 20px;
    }

    .detail-link-2 {
        margin-bottom: 40px;
    }

    .no-padding.half-block-multi.respon {
        padding: 0px;
    }

    .no-padding.coding-block.respon {
        padding: 0px;
    }

    .name-desc {
        padding-bottom: 30px;
    }
}

@media screen and (max-width: 738px) {
    .logo img {
        height: 40px;
        width: 40px;
        left: 20px;
        top: 20px;
    }

    .logo {
        left: 0px;
        top: 0px;
    }

    header .list-container ul {
        height: auto;
        width: 100%;
        float: left;
        padding: 50px 35px 20px;
    }

    header .list-container ul li {
        width: 100%;
        text-align: left;
    }

    .header-links {
        line-height: 26px;
    }

    header .submenu ul {
        position: relative;
        float: left;
        padding: 5px 0px 5px 10px;
        top: 0px;
        display: none;
    }

    header .submenu ul li {
        font-size: 0.75em;
    }

    header .submenu ul.slide-submenu {
        display: block;
        opacity: 1;
        visibility: visible;
    }
}

@media screen and (max-width: 630px) {
    .prettycheckbox label {
        padding-left: 65px;
    }

    .prettycheckbox > a {
        position: absolute;
    }
}

@media screen and (max-width: 600px) {
    .togglec > .toggle > .togglec {
        padding: 0px 20px 0px 55px;
    }

    #eclips {
        display: none !important;
    }

    .no-padding.about-intro h2 {
        padding-top: 80px;
    }

    .about-intro h2 {
        padding: 10px 15px;
    }

    .theme-sec {
        min-height: 100%;
        padding-bottom: 40px;
    }

    .table-view {
        height: auto;
        padding: 20px;
    }

    .table-view h2 {
        font-size: 2em;
    }

    .project-footer-sec .next-proj {
        display: none !important;
    }

    .project-footer-sec .prev-proj {
        display: none !important;
    }

    .no-right-padding {
        padding: 0px;
    }

    .no-left-padding {
        padding: 0px;
    }

    .project-det-sec p {
        font-size: 1em;
    }

    .itemm {
        width: 100%;
    }

    .about-sec {
        min-height: 100%;
    }
}

@media screen and (max-width: 480px) {
    .no-padding.about-intro h2 {
        padding-top: 40px;
    }

    .no-padding {
        padding: 0px !important;
    }

    .about-intro .p-18 {
        padding-left: 35px;
        font-size: 18px;
    }

    .home .about-intro h2 {
        font-size: 2em;
        padding-left: 0px;
        text-align: center;
    }

    .name-desc {
        padding-bottom: 40px;
    }

    h1 {
        font-size: 3em;
        text-align: center;
        margin: 0px auto;
    }

    h2 {
        font-size: 2.5em;
    }

    .about-intro h2 {
        font-size: 2.5em;
    }

    h3 {
        font-size: 2em;
    }

    .togglet .p-18 {
        font-size: 1.1em;
    }

    .container.no-padding {
        padding: 0px 15px;
    }

    blockquote {
        padding: 10px 10px 10px 35px;
    }

    .about-reasons h2 {
        padding-top: 40px;
    }

    .prettycheckbox > a {
        height: 20px;
        width: 20px;
    }

    .prettycheckbox label {
        padding-top: 0px;
        padding-left: 40px;
    }
}

@media screen and (max-width: 360px) {
    .code-block {
        padding-bottom: 40px;
    }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 09 - VERSION 2 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*

@font-face {
    font-family: 'Open Sansblack';
    src: url('../font/Open Sans-Black-webfont.eot');
    src: url('../font/Open Sans-Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Open Sans-Black-webfont.woff2') format('woff2'),
         url('../font/Open Sans-Black-webfont.woff') format('woff'),
         url('../font/Open Sans-Black-webfont.ttf') format('truetype'),
         url('../font/Open Sans-Black-webfont.svg#Open Sansblack') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sansbold';
    src: url('../font/Open Sans-Bold-webfont.eot');
    src: url('../font/Open Sans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Open Sans-Bold-webfont.woff2') format('woff2'),
         url('../font/Open Sans-Bold-webfont.woff') format('woff'),
         url('../font/Open Sans-Bold-webfont.ttf') format('truetype'),
         url('../font/Open Sans-Bold-webfont.svg#Open Sans') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Open Sans';
    src: url('../font/Open Sans-Hairline-webfont.eot');
    src: url('../font/Open Sans-Hairline-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Open Sans-Hairline-webfont.woff2') format('woff2'),
         url('../font/Open Sans-Hairline-webfont.woff') format('woff'),
         url('../font/Open Sans-Hairline-webfont.ttf') format('truetype'),
         url('../font/Open Sans-Hairline-webfont.svg#Open Sans') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sanslight';
    src: url('../font/Open Sans-Light-webfont.eot');
    src: url('../font/Open Sans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Open Sans-Light-webfont.woff2') format('woff2'),
         url('../font/Open Sans-Light-webfont.woff') format('woff'),
         url('../font/Open Sans-Light-webfont.ttf') format('truetype'),
         url('../font/Open Sans-Light-webfont.svg#Open Sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}*/

@import url(http://fonts.googleapis.com/css?family=Open
Sans:400,700
)
;
a {
    text-decoration: none;
    outline: none;
    cursor: pointer;
    transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}

a:hover {
    text-decoration: none;
}

a img {
    border: 0px none;
}

a:hover {
    outline: none;
}

a:active {
    outline: none;
    text-decoration: none;
}

a:focus {
    outline: none;
    outline-offset: 0px;
    text-decoration: none;
    color: #222;
}

.clear_l {
    clear: both;
}

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

ul li {
    font-size: 13px;
    line-height: 40px;
    font-weight: 700;
}

input:focus, select:focus, textarea:focus, button:focus {
    outline: none;
}

::-webkit-input-placeholder {
    color: #bdbdbd;
    opacity: 1;
}

::-moz-placeholder {
    color: #bdbdbd;
    opacity: 1;
}

:-moz-placeholder {
    color: #bdbdbd;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #bdbdbd;
    opacity: 1;
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0px;
    padding: 0px;
}

article, section, footer, header, figure, aside, hgroup, nav {
    display: block;
}

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

button {
    outline: none;
    border: none;
    box-shadow: none;
    background: none;
}

input {
    outline: none;
    box-shadow: none;
    font-family: 'Open Sans';
    border: 0px none;
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    -webkit-transition-property: -webkit-transform, left, top;
    -webkit-transition-duration: 0s;
    -webkit-transform: translate3d(0px, 0, 0);
    -webkit-transition-timing-function: ease;
    -moz-transition-property: -moz-transform, left, top;
    -moz-transition-duration: 0s;
    -moz-transform: translate3d(0px, 0, 0);
    -moz-transition-timing-function: ease;
    -o-transition-property: -o-transform, left, top;
    -o-transition-duration: 0s;
    -o-transform: translate3d(0px, 0, 0);
    -o-transition-timing-function: ease;
    -o-transform: translate(0px, 0px);
    -ms-transition-property: -ms-transform, left, top;
    -ms-transition-duration: 0s;
    -ms-transform: translate3d(0px, 0, 0);
    -ms-transition-timing-function: ease;
    transition-property: transform, left, top;
    transition-duration: 0s;
    transform: translate3d(0px, 0, 0);
    transition-timing-function: ease;
}

.swiper-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
}

.swiper-container {
    height: 100%;
}

.swiper-slide {
    position: relative;
    float: left;
    overflow: hidden;
}

.swiper-slide img {
    width: 100%;
    height: auto;
}

.pagination {
    position: absolute;
    width: 100%;
    bottom: 20px;
    left: 0px;
    text-align: center;
}

.swiper-pagination-switch {
    cursor: pointer;
    opacity: 0.5;
    width: 16px;
    height: 16px;
    position: relative;
    float: none;
    display: inline-block;
    margin: 0px 7px;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}

.swiper-active-switch {
    opacity: 1;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}

.swiper-pagination-switch:hover {
    opacity: 1;
}

.swiper-pagination-switch:nth-child(1) {
    background: url('../images/about/point_1.png') no-repeat;
}

.swiper-pagination-switch:nth-child(2) {
    background: url('../images/about/point_2.png') no-repeat;
}

.swiper-pagination-switch:nth-child(3) {
    background: url('../images/about/point_3.png') no-repeat;
}

.onehomepage {
    font-family: 'Open Sans', sans-serif;
    color: #4a4a4a;
    background: #f3f3f3;
}

.onehomepage h1 {
    color: #fff;
    font-family: "Open Sans";
    font-size: 36px;
    line-height: 70px;
    margin: 0;
    padding: 0;
}

.onehomepage h3 {
    font-size: 18px;
    font-weight: 400;
    font-family: 'Open Sans';
    padding: 0px;
}

.onehomepage h5 {
    font-size: 14px;
    font-family: 'Open Sans';
    font-weight: 500;
}

.morden-h6 {
    color: #fff !important;
    font-family: "Open Sans";
    font-size: 13px;
    line-height: 24px;
    text-transform: uppercase !important;
    padding-bottom: 20px;
}

.onehomepage h6 {
    color: #000000;
    font-family: "Open Sans";
    font-size: 13px;
    line-height: 24px;
    text-transform: uppercase
}

.onehomepage nav {
    text-align: center;
    height: 60px;
}

.onehomepage nav .list-container {
    float: none;
    display: inline-block;
    width: 100%;
    z-index: 0;
}

.onehomepage .header-links {
    padding: 0px 50px 0px 0px;
}

.onehomepage .border #border-bottom, .onehomepage .border #border-left, .onehomepage .border #border-right, .onehomepage .border #border-top {
    background: #fff;
    overflow: hidden;
    z-index: 99;
}

.onehomepage .border #border-left, .onehomepage .border #border-right {
    width: 30px;
}

.onehomepage .border #border-bottom, .onehomepage .border #border-top {
    height: 30px;
}

.onehomepage header {
    z-index: 98;
}

.onehomepage header .submenu .dropdown {
    width: 100%;
    top: 65px;
    background: #fff;
    height: 0px;
    position: absolute;
    right: 80px;
    left: auto;
    margin-right: 0px;
    padding: 20px 20px 20px 60px;
    opacity: 0;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}

.onehomepage header .list-container .header-menu {
    padding: 0px 115px 0px 0px;
    height: auto;
}

.onehomepage header .submenu .dropdown li {
    width: auto;
    font-size: 12px;
    text-transform: capitalize;
    color: #aaa;
    position: relative;
    float: left;
}

.onehomepage header .submenu:hover .dropdown {
    opacity: 1;
    height: auto;
    z-index: 6000;
}

.onehomepage header .submenu .dropdown li a {
    position: relative;
    float: left;
    padding: 0px 20px;
}

.onehomepage header .submenu .dropdown li a:hover {
    color: #000;
}

.onehomepage header .submenu .dropdown li ul {
    background: #fff;
    padding: 0px;
    position: absolute;
    width: auto;
    right: auto;
}

.onehomepage header .submenu .dropdown li ul li {
    color: #161616;
    font-size: 12px;
    font-family: 'Open Sans';
    text-transform: none;
    line-height: 18px;
    margin: 0px;
    width: 100%;
}

.onehomepage header .submenu .dropdown li ul li a:hover {
    color: #000;
}

.onehomepage header .submenu .sub-drop {
    width: 100%;
    padding-left: 10px;
}

.onehomepage header .submenu .sub-drop li {
    width: 20%;
}

.onehomepage header .submenu .sub-drop li a {
    padding: 0px 40px 0px 20px;
}

.onehomepage header .submenu .sub-drop li ul {
    position: relative;
    float: left;
    width: 100%;
    top: 10px;
}

.onehomepage header .submenu .sub-drop li ul li a {
    padding: 5px 0px 0px 20px;
}

.onehomepage header .submenu .dropdown a:focus {
    color: #aaa;
}

.onehomepage header .submenu .dropdown a:active {
    color: #aaa;
}

.onehomepage .wrapper {
    position: relative;
    float: left;
    width: 100%;
}

.onehomepage .bg {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.onehomepage .bg img {
    position: absolute;
}

.onehomepage .bg video {
    position: absolute;
}

.onehomepage .bg-bg {
    background-position: 50% 0px;
    background-repeat: no-repeat;
    background-attachment: scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}

.onehomepage .bg-bg-chrome {
    background-position: 50% 0px;
    background-repeat: no-repeat;
    background-attachment: scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
}

.onehomepage .clip {
    clip: rect(auto, auto, auto, auto);
    height: 100%;
    position: absolute;
    width: 100%;
}

.video .fa {
    font-size: 30px;
    color: #fff;
    position: absolute;
    top: 83px;
    right: 120px;
    z-index: 5000;
    cursor: pointer;
    width: 50px;
    height: 50px;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 10 - HOMEPAGE */
/*-------------------------------------------------------------------------------------------------------------------------------*/

/*======================Homepage Onepage======================*/

.parallax.onehomepage .bg-bg {
    background-attachment: scroll;
}

.parallax.onehomepage .themes-icon {
    top: 130px;
    right: 60px;
    position: absolute;
}

.parallax.onehomepage .themes-icon.themess {
    top: 0px;
    left: 80px;
}

.parallax.onehomepage .themes-icon.themess span {
    top: 28px;
    left: 30px;
}

.border-top {
    position: absolute;
    top: 0px;
    left: 0px;
}

.newsletter-logo {
    text-align: center;
}

.newsletter-logo span {
    font-size: 38px;
    color: #fff;
    position: relative;
    float: none;
    display: inline-block;
    padding-top: 25px;
}

.sidemenu p {
    padding: 20px 0px;
}

.notify-button {
    transition: all 0.6s ease-in;
    -webkit-transition: all 0.6s ease-in;
    -moz-transition: all 0.6s ease-in;
    -o-transition: all 0.6s ease-in;
    -ms-transition: all 0.6s ease-in;
}

.notify-button:hover {
    background: #fff;
    color: #000;
}

.top-baner {
    position: relative;
    float: left;
    width: 100%;
    overflow: hidden;
}

.top-baner .logo {
    left: 30px;
    top: 30px;
    z-index: 108;
}

.top-baner .list-container {
    top: 30px;
}

.top-baner header nav .handle {
    right: 30px;
    top: 30px;
}

.main-title {
    position: relative;
    float: left;
    width: 100%;
}

.onehomepage .home-intro-text {
    z-index: 50;
    text-align: right;
    top: 28%;
    transform: translateY(-50%);
    width: 100%;
    margin-top: 60px;
}

.onehomepage .home-intro-text .main-title {
    position: relative;
    float: none;
    display: inline-block;
}

.top-baner-caption {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    z-index: 50;
    margin-top: 40px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

.top-baner-caption p {
    max-width: 780px;
    position: relative;
    float: none;
    display: inline-block;
}

.top-baner-caption h2 {
    position: relative;
    float: none;
    display: inline-block;
    width: 100%;
    padding-bottom: 30px;
}

.top-baner-caption .link-wrap {
    position: relative;
    width: 100%;
    text-align: center;
    padding-top: 40px;
}

.link-wrap a {
    position: relative;
    float: none;
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    padding: 20px 44px;
    margin: 0px 10px;
    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    letter-spacing: 0.07em;
}

.top-baner-caption .view {
    background: #000;
    color: #fff;
}

.top-baner-caption .start {
    background: none;
    border: 1px solid #fff;
    color: #fff;
}

.top-baner-caption .view:hover {
    background: none;
    border: 1px solid #000;
    color: #000;
}

.top-baner-caption .start:hover {
    background: #000;
    color: #fff;
    border-color: #000;
}

.top-baner-caption span {
    text-transform: uppercase;
    color: #000;
    font-size: 14px;
    padding-bottom: 20px;
    position: relative;
    float: none;
    display: inline-block;
    width: 100%;
}

.top-baner-caption .bottom-line {
    position: relative;
    float: none;
    display: inline-block;
    width: 50px;
    height: 1px;
    background: #4A4A4A;
}

#home-onepage .swiper-slide {
    height: 600px;
}

#home-onepage .pagination {
    display: none;
}

.onepage-menu li a.active {
    color: #fff;
}

.section-wrap {
    position: relative;
    float: left;
    width: 100%;
    padding-top: 30px;
}

.section-wrap h2 {
    padding-bottom: 35px;
}

.top-padding-head {
    padding-top: 180px;
}

.range-block {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 60px;
}

.range-block-icon {
    position: absolute;
    left: 0px;
    top: 0px;
}

.range-block-icon span {
    font-size: 50px;
    color: #000;
}

.range-block-text {
    position: relative;
    float: left;
    width: 100%;
    padding-left: 85px;
}

.range-block-text h4 {
    padding-bottom: 15px;
}

.filter-sort {
    position: relative;
    float: left;
    width: 100%;
    padding-bottom: 65px;
    overflow: hidden;
}

.filter-img {
    position: relative;
    float: left;
    cursor: pointer;
    transition: all 0.6s ease-in;
    -webkit-transition: all 0.6s ease-in;
    -moz-transition: all 0.6s ease-in;
    -o-transition: all 0.6s ease-in;
    -ms-transition: all 0.6s ease-in;
}

.filter-img.act {
    left: -100px;
}

.onehomepage #filters {
    text-align: left;
    padding-top: 5px;
    position: absolute;
    left: -100%;
    margin-top: 0px;
    transition: all 0.6s ease-in;
    -webkit-transition: all 0.6s ease-in;
    -moz-transition: all 0.6s ease-in;
    -o-transition: all 0.6s ease-in;
    -ms-transition: all 0.6s ease-in;
}

.onehomepage #filters.active {
    left: 0px;
}

.onehomepage #filters .button {
    border-right: 1px solid #000;
    margin: 0px;
    padding: 0px 10px;
    font-weight: 100;
    font-family: 'Open Sans';
    font-size: 14px;
    text-transform: uppercase;
    color: #6f6f6f;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}

.onehomepage #filters .button:last-child {
    border-right: 0px;
}

.onehomepage #filters .button:hover {
    color: #000;
    padding-right: 15px;
    border-color: #999;
}

#filters .button.activbut {
    color: #999;
    padding-right: 15px;
    border-color: #999;
}

.onehomepage .item-title {
    font-size: 18px;
    font-weight: 700;
    bottom: 55px;
    text-transform: uppercase;
}

.onehomepage .item-cat {
    font-size: 14px;
    font-family: 'Open Sans';
    bottom: 35px;
    font-weight: 400;
    letter-spacing: 0.02em;
}

.izotope-container {
    position: relative;
    float: left;
    width: 100%;
}

.row.margin-row {
    margin-left: -55px;
    margin-right: -55px;
}

.itemm {
    transition: none !important;
    -webkit-transition: none !important;
    -o-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
}

.onehomepage .itemm .svg-arrow {
    top: 30px;
    right: 30px;
    opacity: 0;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}

.onehomepage .itemm:hover .item-overlay {
    background: rgba(250, 250, 250, 0.7);
    opacity: 1;
}

.onehomepage .itemm:hover .svg-arrow {
    top: 10px;
    right: 10px;
    opacity: 1;
}

.itemm img {
    display: block;
}

.onehomepage .itemm {
    position: relative;
    float: left;
    margin: 0px 3% 80px;
    display: inline-block;
    width: 27%;
}

.onehomepage .itemm.w_60 {
    width: 60%;
}

.grid-sizer {
    width: 0px;
}

.onehomepage .item .item-title {
    margin-top: auto;
    position: absolute;
    bottom: 50px;
    clear: both;
}

.onehomepage .item a {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 555;
}

.onehomepage .item .item-cat {
    margin-top: auto;
    position: absolute;
    bottom: 30px;
}

.onehomepage .item:hover .item-overlay {
    background: none;
    opacity: 1;
}

.onehomepage .item:hover .item-cat {
    margin-left: 28px;
}

.onehomepage .item:hover .item-title {
    margin-left: 28px;
}

.onehomepage .item .svg-arrow {
    top: 30px;
    right: 30px;
    opacity: 0;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}

.onehomepage .item:hover .item-overlay {
    background: rgba(250, 250, 250, 0.7);
    opacity: 1;
}

.onehomepage .item:hover .svg-arrow {
    top: 10px;
    right: 10px;
    opacity: 1;
}

.itemm img {
    display: block;
}

.lode-more {
    position: relative;
    width: 100%;
    text-align: center;
    cursor: pointer;
    padding-top: 40px;
}

.lode-more a {
    position: relative;
    display: block;
    text-transform: capitalize;
    color: #4a4a4a;
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 10px;
    text-transform: uppercase;
}

.no-more {
    position: relative;
    width: 100%;
    float: left;
    text-align: center;
    padding: 40px 0px 10px;
    text-transform: uppercase;
    font-size: 20px;
    color: #999;
}

.lode-more a:hover {
    color: #999;
}

.lode-more:hover .svg-arrow {
    top: 10px;
}

.lode-more .svg-arrow {
    position: relative;
    float: none;
    display: inline-block;
    margin-top: 20px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}

.count-block {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    background: #fff;
    padding: 50px 0px 42px;
}

.count-block span {
    font-size: 45px;
    font-weight: 600;
    color: #030303;
}

.count-block p {
    text-transform: uppercase;
    color: #030303;
}

.team-block-wrapp {
    position: relative;
    float: left;
    width: 100%;
}

.team-img {
    position: relative;
    float: left;
    width: 100%;
}

.team-img img {
    width: 100%;
    height: auto;
}

.team-text {
    position: absolute;
    left: 0px;
    bottom: -77px;
    width: 100%;
    overflow: hidden;
    max-height: 80px;
    padding-top: 30px;
    padding-right: 30px;
    z-index: -1;
}

.team-text h3 {
    color: #000;
    padding-bottom: 13px;
}

.team-text h5 {
    font-size: 14px;
    color: #000;
}

.team-text p {
    color: #000;
    padding: 20px 0px;
}

.follow-team .fa {
    color: #505050;
    font-size: 20px;
    border-right: 1px solid #000;
    padding: 5px 25px;
}

.follow-team .fa:hover {
    color: #999;
}

.follow-team .fa:last-child {
    border-right: 0px none;
}

.follow-team .fa:first-child {
    padding-left: 0px;
}

.hide-text-block {
    opacity: 0px;
}

.team-block-wrapp .team-text {
    display: none;
}

.team-block-wrapp:hover .hide-text-block {
    opacity: 1;
}

.work-hard {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 195px;
}

.work-hard span {
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 400;
    color: #fff;
    padding: 240px 0px;
    z-index: 5;
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    letter-spacing: 5px;
}

.skill-desc {
    position: relative;
    float: left;
    width: 100%;
}

.skill-desc h4 {
    font-size: 18px;
    padding: 10px 0px 20px;
}

.skill-block {
    position: relative;
    float: left;
    width: 100%;
    border: 1px solid #828282;
    height: 60px;
    margin: 10px 0px;
}

.skill-block span {
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 14px;
    text-transform: uppercase;
    color: #000;
    padding: 20px;
    font-weight: 400;
    letter-spacing: 0.04em;
}

.skill-block .skill-line {
    height: 10px;
    background: #d4d4d4;
    position: relative;
    margin-left: 180px;
    margin-top: 25px;
    margin-right: 100px;
}

.skill-block .skill-line div {
    position: absolute;
    background: #000;
    width: 0%;
    height: 10px;
    transition: all 2s ease-in-out 0.3s;
    -webkit-transition: all 2s ease-in-out 0.3s;
    -moz-transition: all 2s ease-in-out 0.3s;
    -o-transition: all 2s ease-in-out 0.3s;
    -ms-transition: all 2s ease-in-out 0.3s;
}

.skill-block h5 {
    font-size: 16px;
    text-align: right;
    padding: 20px 30px 20px 0px;
    position: absolute;
    right: 10px;
    top: 0px;
}

.skill-block .per {
    position: absolute;
    right: 0px;
    left: auto;
    font-weight: 100;
    font-size: 18px;
    color: #4a4a4a;
    font-family: 'Open Sans';
}

.money-block {
    position: relative;
    float: left;
    width: 100%;
    background: #e1e1e1;
    color: #000;
    text-align: center;
    padding: 40px 20px 45px;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
}

.money-block h3 {
    font-size: 24px;
    padding: 15px 0px 55px;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
}

.money-block span {
    font-size: 72px;
    font-weight: 700;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
}

.money-block sub {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 400;
    margin-left: -10px;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
}

.money-block sup {
    font-size: 40px;
    font-weight: 700;
    margin-right: -5px;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
}

.money-block p {
    padding: 25px 0px 60px;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
}

.money-block a {
    position: relative;
    float: none;
    display: inline-block;
    background: #fff;
    font-size: 14px;
    font-family: 'Open Sans';
    text-transform: uppercase;
    padding: 15px 50px;
    font-weight: 600;
    letter-spacing: 0.07em;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
}

.money-block:hover {
    background: #030303;
}

.money-block:hover span {
    color: #fff;
}

.money-block:hover sup {
    color: #fff;
}

.money-block:hover sub {
    color: #fff;
}

.money-block:hover h3 {
    color: #fff;
}

.money-block:hover p {
    color: #fff;
}

.money-block a:hover {
    background: #e1e1e1;
}

.twitter-block {
    position: relative;
    float: left;
    width: 100%;
    background: #fff;
    height: 640px;
}

.wiget-block .fa {
    position: absolute;
    left: 0px;
    width: 54px;
    height: 54px;
    background: #000;
    z-index: 50;
    color: #fff;
    padding: 10px;
    font-size: 37px;
}

.wiget-block .fa a {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 5;
    padding: 0px;
    margin: 0px;
}

.wiget-block .twitter-block .fa {
    top: 0px;
}

.wiget-block .instagram-block .fa {
    bottom: -3px;
}

.twitter-block p {
    padding: 150px 90px 95px;
    font-size: 20px;
    line-height: 36px;
}

.twitter-block .tw-date {
    padding-left: 90px;
    font-size: 18px;
    line-height: 20px;
    font-family: 'Open Sans';
    font-weight: 100;
}

.twitter-block a {
    padding-left: 90px;
    font-size: 18px;
    font-family: 'Open Sans';
}

.instagram-block {
    position: relative;
    float: left;
    width: 100%;
    background: none;
    height: 640px;
    text-align: center;
    padding-bottom: 100%;
}

.instagram-block iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.ins_img {
    position: relative;
    float: left;
    width: 50%;
    height: 320px;
    display: block;
    backface-visibility: hidden;
}

#twitter-slider .home-pagination.pagination {
    right: auto;
}

#twitter-slider .home-pagination .swiper-pagination-switch {
    float: none;
    width: 10px;
    height: 10px;
    margin: 0px 3px;
}

.onehomepage .testimonial-sec {
    min-height: 100%;
    padding-bottom: 125px;
}

.testi-style .traingle {
    display: none;
}

.testi-style .name {
    color: #000;
    padding-bottom: 0px;
}

.testi-style .pos {
    font-size: 13px;
    line-height: 24px;
    text-transform: uppercase;
    font-family: 'Open Sans';
    color: #000;
}

.bquote {
    color: #000;
    background: #fff;
}

.q_left {
    background: url(../images/home/quote_left.png) no-repeat;
    width: 15px;
    height: 13px;
    position: absolute;
    margin-left: -25px;
}

.q_right {
    background: url(../images/home/quote_right.png) no-repeat;
    width: 15px;
    height: 13px;
    position: absolute;
    margin-top: 20px;
    margin-left: 10px;
}

.bquote:before {
    position: absolute;
    bottom: -20px;
    left: 40px;
    border: 10px solid transparent;
    border-top: 10px solid #fff;
}

.testi-style .name-desc {
    padding-top: 30px;
}

.testimonial-bg-1 {
    background: #fff;
}

.testimonial-bg-2 {
    background: #fff;
}

.onehomepage .client-sec {
    height: 280px;
    min-height: inherit;
    border-top: 1px solid #e6e6e6;
    width: 100%;
}

.onehomepage #slider3_container {
    height: 280px;
    width: 100%;
    margin: 80px 0px 0px;
}

.onehomepage #slider3_container .slider {
    height: 280px;
    width: 100%;
}

.logo-image {
    position: relative;
    float: left;
    margin: 0px 25px;
}

.onehomepage .footer-sec {
    background: none;
    min-height: 100%;
    position: relative;
    float: left;
    width: 100%;
    padding-bottom: 35px;
    z-index: 85;
}

.onehomepage .contact-detail h5 {
    font-size: 36px;
    cursor: pointer;
    padding-right: 40px;
    font-weight: 300;
}

.copiright {
    position: relative;
    float: left;
    width: 100%;
    padding: 35px 70px 0px 0px;
    text-align: right;
}

.copiright span {
    font-size: 12px;
    font-family: 'Open Sans';
    text-transform: uppercase;
    color: #000;
}

.submenu .fa {
    position: relative;
    top: -3px;
    color: #fff;
    font-size: 10px;
    padding-left: 10px;
    display: none;
}

.submenu .fa.act-col {
    color: #fff;
}

.footer-icon {
    position: relative;
    float: left;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: #000;
    text-align: center;
}

.footer-icon span {
    color: #fff;
    font-size: 38px;
    position: relative;
    float: none;
    display: inline-block;
    padding-top: 25px;
}

.list-container.color {
    background: #000;
}

.header-links.visi {
    visibility: visible;
    opacity: 1;
}

#header_ul.header-menu.right {
    right: 0 !important;
}

@media screen and (max-width: 1800px) {
    .mobile-slider-wraper {
        right: 14%;
    }
}

@media screen and (max-width: 1600px) {
    .onehomepage header .submenu .dropdown {
        margin-right: -45px;
    }
}

@media screen and (max-width: 1366px) {
    .onehomepage header .submenu ul {
        top: 70px;
    }

    .onehomepage header .submenu .dropdown {
        top: 50px;
        margin-right: -50px;
        padding: 20px 20px 20px 10px;
    }

    .onehomepage .border #border-left, .onehomepage .border #border-right {
        width: 30px;
    }

    .onehomepage .border #border-bottom, .onehomepage .border #border-top {
        height: 30px;
    }

    .top-baner-caption {
        margin-top: 0px;
    }

    .top-baner .logo {
        top: 30px;
        left: 30px;
    }

    .top-baner header nav .handle {
        top: 30px;
        right: 30px;
    }

    .onehomepage nav .list-container {
        top: 30px;
    }

    .onehomepage header .list-container .header-menu {
        padding: 0px 100px 0px 0px;
    }
}

@media screen and (max-width: 1200px) {
    .parallax.onehomepage .themes-icon {
        position: relative;
        float: none;
        display: inline-block;
        top: 0px;
        margin: 20px 0px;
    }

    .contact-icon-wrap {
        margin: 0px auto;
    }

    .contact-number {
        text-align: center;
        padding-bottom: 50px;
    }

    .onehomepage .contact-detail h5 {
        text-align: center;
        padding-right: 0px;
        padding-bottom: 50px;
    }

    .copiright {
        text-align: center;
        padding: 35px 0px;
    }

    .onehomepage header .submenu .dropdown {
        margin-right: -50px;
    }

    .onehomepage header .list-container .header-menu {
        padding: 0px 80px 0px 0px;
    }
}

@media screen and (max-width: 992px) {
    .parallax.onehomepage .themes-icon {
        right: auto;
    }

    .parallax.onehomepage .themes-icon.themess {
        left: auto;
    }

    .onehomepage .border #border-left, .onehomepage .border #border-right {
        width: 0px;
    }

    .onehomepage .border #border-bottom, .onehomepage .border #border-top {
        height: 0px;
    }

    .row.margin-row {
        margin-left: -15px;
        margin-right: -15px;
    }

    .onehomepage header .list-container {
        text-align: center;
    }

    .onehomepage header .list-container ul {
        padding-right: 100px;
        float: none;
        position: relative;
        display: inline-block;
    }

    .section-wrap {
        padding-top: 70px;
    }

    .count-block {
        margin-bottom: 30px;
    }

    .top-baner {
        padding: 0px;
        margin-top: 0px;
    }

    .top-baner header nav .handle {
        top: 30px;
        right: 30px;
    }

    .top-baner .logo {
        top: 30px;
        left: 30px;
    }

    .onehomepage .logo img {
        left: 0px;
        top: 0px;
    }

    .onehomepage header {
        min-width: 100%;
    }

    .onehomepage .itemm.w_60 {
        width: 50%;
    }

    .onehomepage .itemm {
        width: 50%;
        margin: 0px;
        padding: 0px 15px 30px;
    }

    .item-overlay {
        padding: 0px 15px 30px;
    }

    .item-overlay {
        opacity: 1;
        background: none;
    }

    .onehomepage .item-title {
        margin-left: 28px;
        bottom: 80px;
        color:  #ffffff;
    }

    .onehomepage .item-cat {
        margin-left: 28px;
        bottom: 60px;
        color:  #ffffff;
    }

    .onehomepage .itemm .svg-arrow {
        display: none;
    }

    .onehomepage .itemm:hover .item-overlay {
        background: none;
    }

    .lode-more a {
        padding-top: 50px;
    }

    .team-block-wrapp {
        margin-top: 30px;
    }

    .team-text {
        bottom: 0px;
        max-height: 100%;
        z-index: 5;
        background: rgba(255, 255, 255, 0.8);
        top: 0px;
        padding-top: 70px;
    }

    .hide-text-block {
        display: block;
    }

    .skill-desc h4 {
        padding: 40px 0px 20px;
    }

    .section-wrap h2 {
        padding-bottom: 30px;
    }

    .money-block {
        margin-bottom: 30px;
    }

    .ins_img img {
        width: 100%;
        height: 100%;
    }

    .twitter-block {
        height: 320px;
    }

    .twitter-block p {
        padding: 50px 90px 45px;
    }

    .testi-style .name-desc {
        padding-bottom: 50px;
    }

    .about-intro h2 {
        padding-bottom: 40px;
        text-align: left;
    }

    .about-intro {
        text-align: left;
        padding-top: 20px;
    }

    .work-hard {
        margin-top: 70px;
    }

    .onehomepage header .list-container .header-menu {
        padding: 0px;
        width: 100%;
        text-align: center;
    }

    .onehomepage .header-links {
        padding: 0px 20px;
    }

    .onehomepage header .submenu .dropdown {
        width: 100%;
        margin-right: 0px;
        right: 0px;
    }

    .onehomepage header .submenu ul li {
        padding: 0px;
    }

    .onehomepage header .submenu .dropdown li {
        float: none;
    }

    .onehomepage header .submenu .sub-drop li {
        float: left;
    }

    .onehomepage header .submenu .sub-drop li a {
        padding: 0px 20px;
    }
}

@media screen and (max-width: 768px) {
    .onehomepage h1 {
        font-size: 45px;
        line-height: 50px;
    }

    .row.margin-row {
        margin-left: -15px;
        margin-right: -15px;
    }

    .no-padding {
        padding: 0px 15px;
    }

    .footer-sec .p-28 {
        padding-top: 20px;
    }

    .onehomepage nav .list-container {
        top: 0px;
    }

    .onehomepage header .list-container .header-menu {
        padding: 50px 0px;
    }

    .onehomepage header .submenu .dropdown {
        position: relative;
        float: left;
        width: 100%;
        right: 0px;
        opacity: 1;
        top: 0px;
        padding: 5px 0px 12px;
        margin: 0px;
        height: 100%;
        display: none;
    }

    .onehomepage header .list-container ul {
        padding: 70px 0px 50px 0px;
    }

    .onehomepage header .submenu .dropdown li {
        width: 100%;
        line-height: 20px;
        position: relative;
        text-align: center;
        padding: 15px 0px;
    }

    .onehomepage header .submenu .dropdown li a {
        width: 100%;
        padding: 0px;
    }

    header .list-container ul li {
        font-size: 20px;
    }

    .submenu .fa {
        display: inline-block;
    }

    .onehomepage header .submenu .dropdown.slide-submenu {
        display: block;
    }

    .onehomepage header .submenu .dropdown li span {
        display: none;
    }

    .onehomepage header .submenu:hover .dropdown {
        height: 100%;
    }

    .onehomepage .header-links {
        padding: 0px;
    }

    .onehomepage header .submenu .sub-drop li ul li a {
        padding: 0px;
    }

    .onehomepage header .submenu .sub-drop li {
        padding: 7px 0px;
    }

    .top-baner-caption p {
        display: none;
    }
}

@media screen and (max-width: 736px) {
    .onehomepage header.left {
        height: 100%;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        -moz-overflow-scrolling: touch;
        -o-overflow-scrolling: touch;
        -ms-overflow-scrolling: touch;
        overflow-scrolling: touch;
        overflow-x: hidden;
    }

    .onehomepage header .list-container .header-menu {
        padding: 100px 0px 50px 30px;
    }

    .onehomepage header .submenu .dropdown li a {
        width: auto;
        float: left;
    }

    .onehomepage header .submenu .dropdown li a:hover {
        color: #fff;
    }

    .onehomepage header .submenu .dropdown li {
        text-align: left;
        padding: 15px 20px;
    }

    .onehomepage header .submenu .dropdown li ul li {
        padding: 5px 0px;
    }

    .onehomepage .header-links {
        padding: 5px 0px;
    }

    .onehomepage header .submenu .dropdown {
        background: none;
        padding: 5px 0px 25px;
    }

    .onehomepage header .submenu .dropdown li ul {
        background: none;
    }

    header .submenu ul li a {
        font-size: 17px;
        padding: 4px 0px;
    }
}

@media screen and (max-width: 640px) {
    .instagram-block {
        height: auto;
    }
}

@media screen and (max-width: 600px) {
    .onehomepage .itemm.w_60 {
        width: 100%;
    }

    .onehomepage .itemm {
        width: 100%;
    }

    .twitter-block p {
        font-size: 16px;
        line-height: 25px;
    }
}

@media screen and (max-width: 550px) {
    .section-wrap h2 {
        font-size: 40px;
        line-height: 36px;
        padding-bottom: 30px;
    }

    .about-intro h2 {
        font-size: 40px;
        line-height: 36px;
        padding-top: 70px;
    }

    .work-hard span {
        font-size: 50px;
    }

    .skill-block span {
        font-size: 12px;
    }

    .skill-block .skill-line {
        margin-left: 130px;
        margin-right: 60px;
    }

    .skill-block h5 {
        font-size: 14px;
    }

    .ins_img {
        width: 100%;
    }

    .ins_img img {
        width: 100%;
        height: auto;
    }

    .twitter-block p {
        padding: 67px 20px 25px;
        font-size: 16px;
        line-height: 27px;
    }

    .twitter-block .tw-date {
        padding-left: 24px;
    }

    .twitter-block a {
        padding-left: 24px;
    }

    .bquote {
        font-size: 16px;
        line-height: 28px;
    }

    .onehomepage #filters .button {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .onehomepage #filters .button:hover {
        padding-right: 10px;
    }

    #filters .button.activbut {
        padding-right: 10px;
    }

    .skill-block .per {
        padding: 20px 10px;
    }

    .skill-block h5 {
        padding: 20px 20px 20px 0px;
    }
}

@media screen and (max-width: 480px) {
    .about-intro .p-18 {
        padding-left: 0px;
    }

    .top-baner-caption .view {
        margin-bottom: 20px;
    }

    .mobile-slider-wraper {
        right: 5%;
    }
}

@media screen and (max-width: 360px) {
    .skill-block span {
        padding: 20px 10px;
    }

    .skill-block h5 {
        padding: 20px;
    }

    .skill-block .skill-line {
        margin-left: 120px;
        margin-right: 60px;
    }

}

/*======================Homepage Mini======================*/

#minimal-slider .swiper-slide {
    height: 856px;
}

.onehomepage .mini-home .itemm {
    width: 25%;
    margin: 0px;
    padding: 0px;
    display: block;
}

.onehomepage .mini-home .itemm.w_50 {
    width: 50%;
}

.onehomepage .mini-home .itemm:hover .item-overlay {
    background: rgba(249, 249, 249, 0.7);
    opacity: 1;
}

.title-button {
    position: relative;
    float: left;
    width: 100%;
}

.title-button h2 {
    position: relative;
    float: left;
}

.view-button {
    position: relative;
    float: right;
    display: block;
}

.view-button .linkto {
    position: absolute;
    right: 0px;
    top: 0px;
}

#minimal-slider .home-pagination.pagination {
    right: auto;
}

#minimal-slider .home-pagination .swiper-pagination-switch {
    float: none;
}

.top-baner-caption .line {
    position: relative;
    float: none;
    display: inline-block;
    width: 600px;
    height: 1px;
    background: #000;
}

#minimal-slider .top-baner-caption h2 {
    padding-top: 20px;
}

.multia-sec .bg-bg {
    position: absolute;
}

.work-blocks .bg-bg {
    position: absolute;
}

@media screen and (max-width: 992px) {
    .onehomepage .mini-home .itemm {
        width: 50%;
    }
}

@media screen and (max-width: 600px) {
    .onehomepage .mini-home .itemm {
        width: 100%;
    }

    .onehomepage .mini-home .itemm.w_50 {
        width: 100%;
    }
}

/*======================Homepage Creative======================*/

#creative-slider .swiper-slide {
    height: 856px;
}

.creative-slider {
    position: relative;
    float: left;
    width: 100%;
}

.home-pagination.pagination {
    left: auto;
    right: 120px;
}

.home-pagination .swiper-pagination-switch {
    cursor: pointer;
    opacity: 1;
    background: #000;
    border: 1px solid #000;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    position: relative;
    float: right;
    display: inline-block;
    margin: 0px 10px;
}

.home-pagination .swiper-active-switch {
    opacity: 1;
    background: none;
    border: 1px solid #000;
    border-radius: 50%;
    width: 15px;
    height: 15px;
}

.swiper-gallery-slider-creative .swiper-slide {
    height: 857px;
}

.creative-caption {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    width: 100%;
    text-align: center;
}

.slide-prev {
    position: absolute;
    left: 120px;
    top: 50%;
    width: 100px;
    height: 40px;
    cursor: pointer;
}

.slide-prev .svg-arrow {
    t left: 0;
    right: auto;
}

.slide-next {
    position: absolute;
    right: 120px;
    top: 50%;
    width: 100px;
    height: 40px;
    cursor: pointer;
}

.slide-next .svg-arrow {
    right: 0px;
    left: auto;
}

@media screen and (max-width: 1200px) {
    .swiper-gallery-slider-creative .swiper-slide {
        height: 600px;
    }
}

@media screen and (max-width: 992px) {
    .slide-next {
        right: 0px;
    }

    .slide-prev {
        left: 0px;
    }

    .slide-next .svg-arrow {
        right: 40px;
    }

    .slide-prev .svg-arrow {
        left: 40px;
    }
}

@media screen and (max-width: 600px) {
    .slide-next {
        display: none;
    }

    .slide-prev {
        display: none;
    }
}

@media screen and (max-width: 480px) {
    .creative-slider {
        height: 500px;
    }

    .onehomepage .creative-slider .bg {
        height: 500px;
    }

    .top-baner-caption .link-wrap {
        padding-top: 0px;
    }
}

@media screen and (max-width: 400px) {
    .swiper-gallery-slider-creative .swiper-slide {
        height: 400px;
    }

    .onehomepage .top-baner-caption h2 {
        font-size: 32px;
        line-height: 36px;
    }
}

/*======================Homepage Modern======================*/

#modern-slider .swiper-slide {
    height: 856px;
}

#modern-slider .top-baner-caption h2 {
    padding-bottom: 20px;
}

#modern-slider .bottom-line {
    margin-bottom: 40px;
}

#modern-slider .pagination {
    display: none;
}

.themes-icon {
    width: 106px;
    height: 106px;
    background: #020202;
    border-radius: 50%;
    position: relative;
    float: right;
    top: 0px;
    text-align: center;
    cursor: pointer;
}

.themes-icon h5 {
    color: #f4f4f4;
    text-transform: uppercase;
    position: absolute;
    top: 32px;
    line-height: 20px;
    position: relative;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
}

.themes-icon span {
    font-size: 50px;
    color: #f4f4f4;
    position: absolute;
    top: 25px;
    left: 20px;
    opacity: 0;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
}

.themes-icon:hover span {
    opacity: 1;
}

.themes-icon:hover h5 {
    opacity: 0;
}

.onehomepage .linkto span {
    font-weight: 400;
    font-size: 14px;
    font-family: 'Open Sans';
    color: #f4f4f4;
}

.modern .section-wrap p {
    position: relative;
    float: left;
    width: 100%;
}

.modern-caption {
    position: absolute;
    bottom: 140px;
    left: 0px;
    z-index: 50;
}

.modern-caption h4 {
    position: relative;
    float: left;
    width: 100%;
    font-size: 36px;
    color: #161616;
    line-height: 72px;
    font-weight: 400;
    text-transform: capitalize;
}

.modern-caption h5 {
    text-transform: uppercase;
}

.onehomepage.modern .client-sec {
    position: relative;
}

.onehomepage.modern .work-hard {
    float: none;
    margin-top: 75px;
}

.work-hard .pagination {
    display: none;
}

.testi-text {
    position: relative;
    width: 100%;
    text-align: center;
    float: left;
    padding: 130px 0px 110px;
}

.testi-text p {
    font-size: 14px;
    color: #fff;
    padding: 0px 150px;
    font-weight: 600;
}

.testi-text h5 {
    text-transform: capitalize;
    font-size: 18px;
    color: #fff;
    padding-top: 30px;
}

.testi-text h6 {
    font-size: 13px;
    text-transform: uppercase;
    color: #fff;
}

@media screen and (max-width: 1400px) {
    .modern-caption {
        left: 80px;
        bottom: 100px;
    }
}

@media screen and (max-width: 992px) {
    .modern-caption {
        left: 30px;
        bottom: 50px;
    }

    .view-button {
        width: 100%;
        text-align: center;
        padding: 40px 0px;
    }

    .view-button .linkto {
        position: relative;
        float: none;
        display: inline-block;
    }

    .onehomepage .linkto span {
        position: absolute;
        padding-top: 40px;
        text-align: center;
        top: 0px;
        left: 0px;
        width: 100%;
    }

    .testi-text p {
        padding: 0px;
    }
}

@media screen and (max-width: 600px) {
    #modern-slider .pagination {
        display: block;
    }
}

@media screen and (max-width: 550px) {
    .modern-caption h4 {
        font-size: 30px;
        line-height: 40px;
    }
}

@media screen and (max-width: 360px) {
    .modern-caption h4 {
        font-size: 24px;
    }

    .modern-caption h5 {
        font-size: 12px;
    }
}

/*======================Homepage Video======================*/

.video-home .section-wrap.video-click {
    padding-top: 0px;
}

.video-home .video-title {
    text-align: left;
    padding-left: 120px;
    top: auto;
    bottom: 80px;
    transform: translateY(0px);
}

.video-home .video-title img {
    width: 86px;
    height: 86px;
    position: relative;
    float: left;
    margin-right: 40px;
    margin-top: 10px;
}

.video-home .video-title h1 {
    font-family: 'Open Sans';
}

.video-home .video-title h3 {
    font-size: 16px;
    text-transform: capitalize;
    color: #fff;
    font-weight: 400;
    letter-spacing: 0.03em;
}

.video-home .video iframe {
    max-height: 856px;
}

.video-home .wiget-block {
    padding-bottom: 70px;
}

.video-home .video .fa {
    top: 100px;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 11 - ABOUT */
/*-------------------------------------------------------------------------------------------------------------------------------*/

/*======================About Creative======================*/

.about #scene {
    height: 600px;
}

.onehomepage .about-top-img .clip {
    height: 700px;
}

.about-top-img {
    position: relative;
    float: left;
    width: 100%;
    height: 600px;
}

.about-top-baner p {
    padding-right: 50px;
}

.about-img-wall .itemm {
    position: relative;
    float: left;
    margin: 0px 0px 80px;
    padding: 0px;
}

.about-img-wall .itemm:nth-child(2n) {
    margin-right: 5%;
}

.about-img-wall .itemm.w_60 {
    width: 55%;
}

.about-img-wall .itemm.w_40 {
    width: 40%;
}

.about-img-wall .grid-sizer {
    width: 5%;
}

.about-img-wall .itemm img {
    width: 100%;
    height: auto;
}

.about-info-block {
    padding-top: 40px;
}

.about-info-block .count-block {
    border: 0px none;
    padding: 0px;
}

.about-info-block .count-block .info-txt {
    border-top: 1px solid #c3c3c3;
    border-bottom: 1px solid #c3c3c3;
    padding: 8px 20px;
    position: relative;
    float: none;
    display: inline-block;
}

.about-info-block .count-block span {
    width: 100%;
    position: relative;
    float: none;
    display: inline-block;
    padding-top: 30px;
    padding-bottom: 30px;
}

.about-info-block .count-block .info-img {
    position: relative;
    float: none;
    display: inline-block;
    width: 100%;
}

.about-info-block .count-block .info-img span {
    font-size: 30px;
    color: #161616;
}

.video-click img {
    width: 100%;
    height: auto;
}

.video-title {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    width: 100%;
    text-align: center;
}

.video-title h2 {
    font-size: 36px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    padding-top: 20px;
    line-height: 40px;
    padding-bottom: 0px;
    letter-spacing: 5px;
}

.video-title img {
    width: 38px;
    height: 46px;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
}

.video {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    display: none;
}

.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 30px;
}

.video-title img:hover {
    cursor: pointer;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

.about.onehomepage #slider3_container {
    margin: 0px;
    height: 170px;
    margin-top: 65px;
}

.onehomepage #slider3_container .slider {
    height: 170px;
}

.about.onehomepage .client-sec {
    border: 0px none;
}

.about-clients {
    position: relative;
    width: 100%;
    padding: 120px 0px;
    border-top: 1px solid #e6e6e6;
    margin-top: 190px;
}

.about-clients .client-sec {
    height: auto;
    padding: 40px 0px;
}

.start-project-bar {
    width: 100%;
    position: relative;
    float: left;
    text-align: center;
    background: #161616;
    padding: 50px 0px 15px;
}

.start-project-bar .start-project-title {
    position: relative;
    float: none;
    display: inline-block;
}

.start-project-bar a {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
    float: left;
    letter-spacing: 0.07em;
}

.start-project-bar .svg-arrow {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    position: relative;
    float: left;
    margin-left: 50px;
    margin-top: -27px;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
}

.start-project-bar:hover .svg-arrow {
    margin-left: 65px;
}

.about .footer-sec {
    border-top: 1px solid #e6e6e6;
    margin-top: 135px;
}

.contact-detail {
    padding-top: 60px;
}

/*======================About Minimal======================*/

.full-scrin {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
}

.about-minimal .about-top-baner {
    padding-bottom: 130px;
}

.mini-wall-title {
    position: relative;
    float: left;
    width: 100%;
    background: #131313;
    padding: 140px 0px 50px 40px;
}

.mini-wall {
    position: relative;
    float: left;
    width: 100%;
}

.mini-wall img {
    width: 100%;
    height: auto;
    display: block;
}

.mini-wall-wrap div {
    padding: 0px;
}

.margin-img {
    margin-top: 260px;
}

/*======================About Modern====================*/

.number-block .range-block-icon h2 {
    color: #161616;
    font-size: 36px;
    line-height: 36px;
}

.number-block .range-block-text {
    padding-left: 35px;
}

.moder-team-block {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 30px;
    overflow: hidden;
}

.moder-team-block img {
    width: 100%;
    height: auto;
}

.moder-team-block .follow-team .fa {
    border-right: 0px none;
}

.moder-team-block .follow-team .fa:hover {
    color: #fff;
}

.team-hover {
    position: absolute;
    left: 0px;
    bottom: -100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    padding: 25px 0px 15px 30px;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
}

.team-hover h3 {
    color: #fff;
    padding-bottom: 14px;
}

.team-hover h5 {
    color: #fff;
}

.team-hover .fa {
    color: #999;
    padding: 0px;
    margin-right: 20px;
}

.moder-team-block:hover .team-hover {
    bottom: 0px;
}

/*======================About MediaQ====================*/

@media screen and (max-width: 1200px) {
    .about-img-wall .itemm {
        padding: 0px;
        margin: 0px;
    }

    .about-img-wall .itemm:nth-child(2n) {
        margin-right: 0%;
    }

    .about-img-wall .itemm.w_60 {
        width: 50%;
    }

    .about-img-wall .itemm.w_40 {
        width: 50%;
    }

    .about-img-wall .grid-sizer {
        width: 0%;
    }
}

@media screen and (max-width: 992px) {
    .margin-img {
        margin-top: 0px;
    }

    .start-project-bar .svg-arrow {
        display: none;
    }
}

@media screen and (max-width: 550px) {
    .about-minimal .about-top-baner {
        padding-bottom: 70px;
    }

    .about .footer-sec {
        margin-top: 0px;
    }

    .about-top-baner p {
        padding-right: 20px;
    }

    .pagination {
        bottom: 0px;
    }

    .start-project-bar a {
        font-size: 16px;
    }

    .start-project-bar {
        padding: 40px 0px 35px;
    }

    .about-img-wall .itemm.w_60 {
        width: 100%;
    }

    .about-img-wall .itemm.w_40 {
        width: 100%;
    }

    .about-clients {
        padding: 70px 0px;
        margin-top: 70px;
    }

    .video-title {
        top: 120px;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -o-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -moz-transform: translateY(0px);
    }

    .video-title h2 {
        font-size: 22px;
    }
}

@media screen and (max-width: 480px) {
    .video-click img {
        height: 400px;
        width: auto;
    }

    .video-home .video-title {
        padding: 0px;
        left: 0px;
        text-align: right;
    }

    .video-home .video-title img {
        position: absolute;
        left: 20px;
        margin: 0px;
    }

    .video-home .video-title h1 {
        position: relative;
        float: right;
        padding-right: 20px;
    }

    .video-home .video-title h3 {
        position: relative;
        float: right;
        padding-right: 20px;
        width: 100%;
    }
}

@media screen and (max-width: 430px) {
    .video-home .video-title img {
        margin-top: 100px;
        left: 50%;
        margin-left: -43px;
    }

    .video-home .video-title {
        transform: translateY(-50%);
        top: 50%;
        text-align: center;
    }

    .video-home .video-title h1 {
        padding-right: 0px;
        float: none;
        text-align: center;
    }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 12 - CONTACT */
/*-------------------------------------------------------------------------------------------------------------------------------*/

/*======================Contact Modern====================*/

.svg-logo span {
    font-size: 40px;
    color: #161616;
}

.row.no-margin {
    margin-left: -30px;
    margin-right: -30px;
}

.contact .map-canvas {
    height: 600px;
    position: relative;
    float: left;
    width: 100%;
}

.contact .contact-sec {
    position: relative;
    float: left;
    width: 100%;
}

.contact #hero {
    z-index: 5;
}

.map {
    position: relative;
    float: left;
    width: 100%;
    overflow: hidden;
    height: 600px;
}

.contact-tabs {
    position: relative;
    float: left;
    width: 100%;
}

.contact .tab-content .visit {
    background: #fff;
}

.contact .tab-content .call {
    background: #e1e1e1;
}

.contact .tab-content .email {
    background: #ebebeb;
}

.contact .tab-content h5 {
    font-size: 14px;
    text-transform: capitalize;
}

.contact .tab-content p {
    font-size: 16px;
}

.contact .tab-content .visit p {
    font-size: 14px;
}

.contact .tab-content {
    padding-top: 130px;
    position: relative;
    float: left;
    width: 100%;
}

.contact-form {
    position: relative;
    float: left;
    width: 100%;
    padding-top: 110px;
}

.contact-form input {
    background: #fff;
    height: 65px;
    padding: 20px 30px;
    margin-bottom: 30px;
    width: 100%;
    font-size: 14px;
    text-transform: uppercase;
    border: 0px none;
}

.contact-form textarea {
    height: 160px;
    width: 100%;
    background: #fff;
    padding: 20px 30px !important;
}

.contact-form input[type="submit"] {
    height: 45px;
    background: #161616;
    font-weight: 600;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    padding: 0px;
    text-align: center;
    width: 210px;
    letter-spacing: 0.07em;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
}

.contact-form h2 {
    padding-bottom: 50px;
}

.contact-form input[type="submit"]:hover {
    background: #fff;
    color: #000;
}

.contact .work-hard {
    height: 540px;
    margin-top: 100px;
    margin-bottom: 160px;
}

.contact-texti-title {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    text-align: center;
    color: #fff;
}

.contact-texti-title p {
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    font-weight: 600
}

.contact-texti-title h5 {
    font-size: 18px;
    color: #fff;
    padding-top: 40px;
    text-transform: capitalize;
    font-weight: 600
}

.contact-texti-title h6 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}

.contact .copiright {
    background: #161616;
    text-align: center;
    padding: 60px 0px 70px;
}

.contact .copiright span {
    color: #fff;
}

.footer-contact .copiright {
    background: #000;
    text-align: center;
    padding: 60px 0px 70px;
}

.footer-contact .copiright span {
    color: #fff;
}

.footer-contact .contact-detail {
    padding-bottom: 100px;
}

.contact .contact-detail {
    padding-bottom: 100px;
}

.footer-sec.footer-contact {
    padding-bottom: 0px;
    background: #f7f7f7;
    border-top: 0px none;
}

.dark-footer .copiright {
    background: #161616;
    text-align: center;
    padding: 60px 0px 70px;
}

.dark-footer .copiright span {
    color: #fff;
}

.dark-footer .contact-detail {
    padding-bottom: 100px;
}

/*======================Contact Minimal====================*/

.contact-minimal .tab-content {
    padding-bottom: 130px;
}

.contact-minimal footer {
    width: 100%;
    border-top: 1px solid #dcdcdc;
}

/*======================Contact Creative====================*/

.we-do-icon span {
    font-size: 50px;
    color: #4A4A4A;
}

.contact-creative #myTab {
    padding-top: 130px;
}

.contact-creative #myTab .active > a {
    background: none;
}

.contact-creative #myTab h5 {
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 500;
}

.contact-creative .patch {
    background: none;
}

.contact-creative .job-detail-1, .contact-creative .job-detail-2, .contact-creative .job-detail-3, .contact-creative .job-detail-4 {
    border-bottom: 1px solid #979797;
}

.contact-creative .toggle .togglet {
    font-size: 18px;
    font-family: 'Open Sans';
    text-transform: uppercase;
    padding: 28px 0px 25px;
}

.contact-creative .toggle .togglet p {
    font-size: 14px;
    text-transform: none;
}

.contact-creative .togglet .p-18 {
    font-size: 14px;
    line-height: 24px;
    text-transform: none;
    padding: 0px;
}

.contact-creative .togglec.inner-toggle-wrap {
    background: none;
}

.contact-creative .inner-toggle-wrap {
    padding-bottom: 0px;
}

.contact-creative .openings-wraper {
    min-height: 100%;
    padding-top: 83px;
    position: relative;
    float: left;
    width: 100%;
}

.contact-creative .toggle-wraper {
    padding: 20px 0px 0px;
}

.contact-creative .aspects-wraper {
    position: relative;
    float: left;
    width: 100%;
    min-height: 100%;
}

.contact-creative .aspects-wraper h4 {
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Open Sans';
}

.contact-creative .tab-pane {
    position: relative;
    float: left;
    width: 100%;
    padding-top: 0px;
}

.contact-creative .tab-pane .about-intro {
    padding-top: 120px;
}

.contact-creative .tab-pane .about-intro {
    text-align: center;
}

.contact-creative .we-do-icon {
    min-height: 100%;
}

.contact-creative .row-1 {
    padding: 30px 0px 0px;
}

.contact-creative .footer-sec {
    margin-top: 130px;
}

.contact-creative .icon-wraper p {
    font-size: 14px;
    line-height: 20px;
    padding-top: 30px;
}

.career-wall {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 130px;
}

.career-wall h2 {
    padding-bottom: 40px;
}

.contact .tab-content .career-wall p {
    font-size: 14px;
    line-height: 20px;
}

.tabs-togg h2 {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    padding: 80px 0px;
}

.career-wall .izotope-container {
    padding-top: 80px;
}

.career-wall .grid-sizer {
    width: 25%;
}

.career-wall .itemm {
    width: auto;
    padding: 0px;
    display: inline-block;
    margin: 0px;
}

.career-wall .itemm img {
    width: 100%;
    height: auto;
}

.career-wall .izotope-container .itemm.w_50 {
    width: 50%;
}

.career-wall .izotope-container .itemm.w_25 {
    width: 25%;
}

.contact .tab-content .career-wall p {
    padding: 0px 180px;
}

.career-tabs {
    position: relative;
    float: left;
    width: 100%;
    padding-bottom: 70px;
}

.career-tabs h2 {
    text-align: center;
    padding-bottom: 55px;
    font-size: 24px;
}

.contact-creative .styled-tabs {
    text-align: center;
}

.contact-creative .styled-tabs h2 {
    padding-bottom: 65px;
}

.contact-creative .styled-tabs .job-detail-1, .contact-creative .styled-tabs .job-detail-2, .contact-creative .styled-tabs .job-detail-3, .contact-creative .styled-tabs .job-detail-4 {
    border-bottom: 0px none;
    padding-left: 30px;
    text-align: left;
}

.contact-creative .styled-tabs .job-detail-1 {
    background: #d6d5d5;
}

.contact-creative .styled-tabs .patch h4 {
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
}

.contact-creative .styled-tabs .job-detail-2 {
    background: #dfdfdf;
}

.contact-creative .styled-tabs .job-detail-3 {
    background: #f0f0f0;
}

.contact-creative .styled-tabs .job-detail-4 {
    background: #fff;
}

.contact-creative .styled-tabs .inner-toggle-wrap p {
    font-size: 14px;
}

.contact-creative .styled-tabs .inner-toggle-wrap h4 {
    padding: 20px 0px 15px;
}

.contact-creative .styled-tabs .inner-toggle-wrap ul {
    padding-bottom: 30px;
}

.contact-creative .styled-tabs .inner-toggle-wrap ul li {
    font-size: 14px;
    font-family: 'Open Sans';
    color: #161616;
    list-style: none;
    line-height: 36px;
}

.contact-creative .styled-tabs .inner-toggle-wrap ul li:before {
    content: '-';
    padding-right: 20px;
}

.contact-creative .testimonial-sec h2 {
    padding-bottom: 65px;
    font-size: 24px;
    padding-top: 60px;
}

@media screen and (max-width: 992px) {
    .contact-creative .nav-tabs > li {
        width: 50%;
    }

    .contact-form textarea {
        margin-bottom: 30px;
    }

    .contact .work-hard {
        margin-bottom: 0px;
    }

    .we-do-icon {
        padding: 50px 0px;
    }

    #profile .we-do-icon {
        padding: 0px 0px 50px;
    }

    .contact-creative .row-1 {
        padding: 0px;
    }
}

@media screen and (max-width: 768px) {
    #profile .we-do-icon {
        padding: 40px 0px 50px;
    }

    .career-wall {
        padding-top: 70px;
    }

    .contact .tab-content .career-wall p {
        padding: 0px 20px;
    }
}

@media screen and (max-width: 550px) {
    #home-onepage .swiper-slide {
        height: 400px;
    }

    .contact-form h2 {
        font-size: 40px;
    }

    .contact-form {
        padding-top: 80px;
    }

    .onehomepage h2 {
        font-size: 20px;
        line-height: 30px;
    }

    .nav-tabs > li {
        width: 50%;
    }

    .career-wall {
        padding-top: 70px;
    }

    .about-intro h2 {
        padding-top: 70px;
    }

    .tabs-togg h2 {
        padding: 70px 0px 30px;
    }

    .scrollto {
        padding-top: 10px !important;
    }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 13 - PORTFOLIO */
/*-------------------------------------------------------------------------------------------------------------------------------*/

/*======================Portfolio Creative====================*/

.portfolio .wrapper {
    padding: 0px;
}

.portfolio .wrapper #scene {
    height: 650px;
}

.work-text {
    position: relative;
    float: left;
    width: 100%;
    padding-top: 130px;
}

.portfolio-caption {
    position: relative;
    float: left;
    width: 100%;
    text-align: left;
    padding-bottom: 45px;
}

.portfolio-caption h2 {
    font-size: 36px;
    line-height: 36px;
    padding-bottom: 20px;
}

.portfolio-caption h5 {
    color: #161616;
    text-transform: uppercase;
    width: 100%;
    padding-bottom: 25px;
    border-bottom: 1px solid #9b9b9b;
}

.portfolio-author a {
    font-size: 14px;
    font-family: 'Open Sans';
    position: relative;
    float: left;
    width: 100%;
}

.portfolio-author span {
    font-size: 14px;
    font-family: 'Open Sans';
}

.portfolio-share {
    position: relative;
    float: left;
    width: 100%;
    padding-top: 45px;
}

.portfolio-share .fa {
    position: relative;
    float: left;
    margin: 0px 12px;
    font-size: 18px;
    color: #979797;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
}

.portfolio-share .fa:hover {
    color: #161616;
}

.portfolio-share h5 {
    position: relative;
    float: left;
    padding-right: 12px;
}

.swiper-creative .slide-prev {
    left: auto;
    right: 100px;
    z-index: 50;
}

.swiper-creative .slide-next {
    left: auto;
    right: 0px;
    z-index: 50;
}

.wrapper-navigation {
    position: relative;
    float: right;
    width: 100%;
    bottom: 100px;
}

.portfolio .row.margin-row {
    margin-left: -35px;
    margin-right: -35px;
}

.portfolio .wrapp-work {
    padding: 95px 0px 130px;
}

.portfolio .itemm {
    margin: 0px 0px 80px;
    padding: 0px 40px;
}

.portfolio .itemm.w_50 {
    width: 50%;
}

.portfolio .itemm.w_100 {
    width: 100%;
}

.portfolio .itemm img {
    width: 100%;
    height: auto;
}

.navigation-bar {
    position: relative;
    float: left;
    width: 100%;
    height: 70px;
    background: #000;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
}

.navigation-bar .centered {
    position: relative;
    float: none;
    display: inline-block;
    z-index: 50;
}

.navigation-bar h5 {
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    float: left;
    padding-top: 23px;
}

.prev-project .svg-arrow {
    position: relative;
    float: left;
    padding-top: 20px;
    padding-right: 20px;
}

.navigation-bar .proj-layer {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 0;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
}

.navigation-bar:hover .proj-layer {
    opacity: 1;
}

.next-project .svg-arrow {
    position: relative;
    float: left;
    padding-top: 20px;
    padding-left: 20px;
}

.testi-baner {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    padding: 50px 0px;
    background: #f3f1f4;
    margin: 130px 0px;
}

.testi-baner p {
    padding: 55px 200px;
    font-size: 18px;
}

.testi-baner h5 {
    font-size: 18px;
    text-transform: uppercase;
}

.testi-baner h6 {
    font-size: 14px;
    text-transform: uppercase;
}

.detail .footer-sec {
    margin-top: 130px;
}

@media screen and (max-width: 992px) {
    .portfolio-author {
        float: right;
    }

    .portfolio-caption {
        width: auto;
    }

    .portfolio-desc {
        position: relative;
        float: left;
        width: 100%;
    }

    .testi-baner p {
        padding: 55px 20px;
    }
}

@media screen and (max-width: 768px) {
    .portfolio .wrapp-work {
        position: relative;
        float: left;
        width: 100%;
    }

    .portfolio .itemm.w_50 {
        width: 100%;
    }

    .portfolio .row.margin-row {
        margin-left: -15px;
        margin-right: -15px;
    }

    .portfolio .itemm {
        padding: 0px 15px;
        margin: 0px 0px 30px;
    }
}

@media screen and (max-width: 600px) {
    #home-onepage .pagination {
        display: block;
    }
}

@media screen and (max-width: 550px) {
    .navigation-bar h5 {
        font-size: 12px;
    }

    .next-project .svg-arrow {
        display: none;
    }

    .prev-project .svg-arrow {
        display: none;
    }

    .portfolio .wrapp-work {
        padding: 70px 0px;
    }

    .testi-baner {
        margin: 70px 0px;
    }

    .work-text {
        padding-top: 70px;
    }

    .portfolio .wrapper #scene {
        height: 350px;
    }
}

/*======================Portfolio Modern====================*/

.portfolio-modern .sound {
    display: none;
}

.modern-work {
    padding-top: 130px;
}

.modern-work .portfolio-caption h2 {
    font-size: 36px;
    text-transform: uppercase;
    padding-bottom: 30px;
}

.modern-work .portfolio-caption h5 {
    border-bottom: 0px none;
    padding-bottom: 0px;
}

.modern-work .portfolio-caption {
    text-align: center;
    width: 100%;
}

.modern-work .portfolio-desc {
    text-align: center;
}

.modern-work .portfolio-desc p {
    padding: 0px 10px 55px;
}

.modern-work .portfolio-share {
    text-align: center;
    padding-top: 0px;
}

.modern-work .portfolio-share h5 {
    position: relative;
    float: none;
    display: inline-block;
}

.modern-work .portfolio-share .fa {
    position: relative;
    float: none;
    display: inline-block;
}

.wrapp-work-modern {
    position: relative;
    float: left;
    width: 100%;
    padding-top: 110px;
}

.wrapp-work-modern div {
    padding: 0px;
}

.wrapp-work-modern .itemm {
    margin: 0px;
    padding: 0px;
}

.wrapp-work-modern .itemm.w_50 {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.wrapp-work-modern .itemm.w_100 {
    margin-bottom: 60px;
}

.nav-wrapp {
    position: relative;
    padding-bottom: 130px;
    float: left;
    width: 100%;
}

.wrapp-work-modern .swiper-pagination-switch:nth-child(1) {
    background: url('../images/about/point_1_dark.png') no-repeat;
}

.wrapp-work-modern .swiper-pagination-switch:nth-child(2) {
    background: url('../images/about/point_2_dark.png') no-repeat;
}

.wrapp-work-modern .swiper-pagination-switch:nth-child(3) {
    background: url('../images/about/point_3_dark.png') no-repeat;
}

.follow-footer {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    padding-bottom: 50px;
}

.follow-footer a {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    position: relative;
    float: none;
    display: inline-block;
    margin: 0px 15px;
}

.copiright .follow-footer a span {
    color: #000;
    font-size: 25px;
    padding-top: 18px;
    position: relative;
    float: none;
    display: inline-block;
    font-family: "FontAwesome";
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
}

.follow-footer a:hover {
    background: #888;
}

.follow-footer a:hover span {
    color: #fff;
}

@media screen and (max-width: 992px) {
    .modern-work .portfolio-desc p {
        padding: 0px 40px 55px;
    }
}

@media screen and (max-width: 550px) {
    .nav-wrapp {
        padding-bottom: 70px;
    }

    .modern-work {
        padding-top: 120px;
    }

    .modern-work .portfolio-desc p {
        padding: 0px 20px 55px;
    }
}

@media screen and (max-width: 480px) {
    .follow-footer a {
        width: 40px;
        height: 40px;
        margin: 0px 10px;
    }

    .copiright .follow-footer a span {
        font-size: 20px;
        padding-top: 10px;
    }
}

/*======================Portfolio Minimal====================*/

.portfolio-minimal .itemm {
    margin: 0px;
    padding: 0px;
}

.portfolio-minimal .nav-wrapp {
    padding-top: 130px;
}

.minimal-caption-wrap {
    position: relative;
    width: 100%;
    top: 0px;
    float: left;
}

.minimal-caption {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    width: 100%;
}

.minimal-caption h2 {
    padding-bottom: 30px;
}

.minimal-portfolio {
    height: 650px;
    position: relative;
    float: left;
    width: 100%;
}

.minimal-img {
    position: relative;
    float: left;
    width: 100%;
}

.minimal-img img {
    width: 100%;
    height: auto;
}

.minimal-text {
    position: relative;
    float: left;
    width: 100%;
    padding: 90px 0px 120px;
}

.minimal-video {
    position: relative;
    float: left;
    width: 100%;
}

.minimal-video .video-title img {
    width: 86px;
    height: 86px;
}

.minimal-video .video iframe {
    max-height: 600px;
    padding-left: 80px;
    padding-right: 80px;
}

@media screen and (max-width: 1366px) {
    .minimal-video .video iframe {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media screen and (max-width: 992px) {
    .portfolio-share {
        padding-bottom: 45px;
    }

    .minimal-video .video iframe {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media screen and (max-width: 550px) {
    .portfolio-minimal .nav-wrapp {
        padding-top: 70px;
    }

    .minimal-portfolio {
        height: 400px;
    }

    .minimal-caption h2 {
        padding-bottom: 10px;
    }

    .minimal-video .video-title {
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
    }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 13 - PORTFOLIO LANDING */
/*-------------------------------------------------------------------------------------------------------------------------------*/

/*======================Alternatives with gutter====================*/

.wh_gutter #scene {
    height: 650px;
}

.layer-start img {
    width: 100%;
    height: auto;
}

.start-project-bar {
    height: 115px;
    padding: 0px;
}

.start-project-bar .clip {
    opacity: 0;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
}

.wh_gutter .start-project-bar {
    margin-top: 136px;
}

.start-project-bar .start-project-title {
    padding-top: 50px;
}

.start-project-bar:hover .clip {
    opacity: 1;
}

.wh_gutter .footer-sec {
    margin-top: 140px;
}

.alternative_two_margin {
    padding-top: 130px;
}

.no-gutter .alternative_two_margin .grid-sizer {
    width: 10px;
}

.no-gutter .alternative_two_margin .itemm {
    margin-right: 6%;
    margin-bottom: 6%;
    width: 44%;
}

.no-gutter .alternative_two_margin .itemm.w_50 {
    width: 44%;
}

.no-gutter .alternative_two_margin .itemm:nth-child(2n) {
    margin-right: 0px;
}

.no-gutter .alternative_two_margin .itemm.w_100 {
    width: 95%;
}

@media screen and (max-width: 550px) {
    .wh_gutter #scene {
        height: 350px;
    }

    .wh_gutter .start-project-bar .start-project-title a {
        font-size: 14px;
    }

    .wh_gutter .start-project-bar .svg-arrow {
        display: none;
    }
}

/*======================Alternatives without gutter====================*/

.no-gutter .grid-sizer {
    width: 0px;
}

.alternative_two {
    padding-top: 130px;
}

.alternative_two .grid-sizer {
    width: 50%;
}

.grid-sizer.mar_40 {
    width: 50%;
}

.no-gutter .itemm {
    margin: 0px;
    padding: 0px;
    width: 25%;
}

.no-gutter .itemm.w_50 {
    width: 50%;
}

.no-gutter .itemm.w_100 {
    width: 100%;
}

.itemm img {
    display: block;
}

.no-gutter .lode-more {
    padding-top: 130px;
}

@media screen and (max-width: 992px) {
    .no-gutter .itemm {
        width: 50%;
    }

    .no-gutter .alternative_two_margin .itemm.w_100 {
        width: 100%;
    }

    .no-gutter .alternative_two_margin .itemm {
        margin-right: 12%;
        margin-bottom: 12%;
    }
}

@media screen and (max-width: 768px) {
    .no-gutter .alternative_two_margin .grid-sizer {
        width: 0px;
    }

    .no-gutter .alternative_two_margin .itemm {
        width: 100%;
        margin-bottom: 40px;
        padding: 0px 15px;
    }

    .no-gutter .alternative_two_margin .itemm.w_50 {
        width: 100%;
        margin-right: 0px;
    }
}

@media screen and (max-width: 550px) {
    .no-gutter .itemm.w_50 {
        width: 100%;
    }

    .no-gutter .itemm {
        width: 100%;
        padding: 0px 15px;
    }

    .no-gutter .lode-more {
        padding-top: 70px;
    }

    .contact .contact-detail {
        padding-bottom: 50px;
    }
}

/*======================Equals 2 column whith gutter====================*/

.sound.no-sound {
    display: none;
}

.two-col .itemm {
    width: 43%;
    margin: 0px 40px 80px;
    padding: 0px;
}

.two-col .section-wrap {
    padding-top: 60px;
}

.two-col #main {
    padding-top: 130px;
}

@media screen and (max-width: 1200px) {
    .two-col .itemm {
        margin: 0px;
        width: 50%;
        padding: 0px 15px 30px;
    }
}

@media screen and (max-width: 550px) {
    .two-col .itemm {
        width: 100%;
    }

    .two-col #main {
        padding-top: 70px;
    }
}

/*======================Equals 2 column whithout gutter====================*/

.two-col-wout .itemm {
    width: 50%;
    margin: 0px;
    padding: 0px;
}

.two-col-wout .lode-more a {
    padding-top: 0px;
}

.two-col-wout .lode-more {
    float: left;
}

@media screen and (max-width: 550px) {
    .two-col-wout .itemm {
        width: 100%;
        margin: 0px;
    }

    .two-col-wout .lode-more {
        padding-top: 70px;
    }
}

/*======================Equals 3 column whith gutter====================*/

.three-col .itemm {
    width: 30%;
    margin: 0px 2% 3% 0px;
    padding: 0px;
}

@media screen and (max-width: 992px) {
    .three-col .itemm {
        width: 48%;
    }
}

@media screen and (max-width: 550px) {
    .three-col .itemm {
        width: 100%;
        margin: 0px 0px 30px;
    }
}

/*======================Equals 3 column whithout gutter====================*/

.three-col-wo .itemm {
    width: 33.333%;
    padding: 0px;
    margin: 0px;
}

.three-col-wo .lode-more {
    float: left;
    padding-top: 30px;
}

@media screen and (max-width: 992px) {
    .wh_gutter #main {
        padding-top: 100px;
    }

    .three-col-wo .itemm {
        width: 50%;
    }
}

@media screen and (max-width: 550px) {
    .three-col-wo .itemm {
        width: 100%;
    }

    .three-col-wo .lode-more {
        padding-top: 70px;
    }
}

/*======================Masonry 2 column whithout gutter====================*/

.masonry-no-gut .itemm {
    padding: 0px;
    margin: 0px;
    width: 50%;
}

.masonry-no-gut .lode-more {
    float: left;
    padding-top: 130px;
}

@media screen and (max-width: 550px) {
    .masonry-no-gut .itemm {
        width: 100%;
    }

    .masonry-no-gut .lode-more {
        padding-top: 70px;
    }
}

/*======================Masonry 3 column whith gutter====================*/

.masonry-three .itemm {
    padding: 0px;
    margin: 0px 19px 40px;
    width: 30%;
    display: inline-block;
}

.masonry-three .row.margin-row {
    margin-left: -15px;
    margin-right: -15px;
}

@media screen and (max-width: 1200px) {
    .masonry-three .itemm {
        margin: 0px 16px 80px;
    }
}

@media screen and (max-width: 992px) {
    .masonry-three .itemm {
        margin: 0px 2% 40px;
        width: 45%;
    }
}

@media screen and (max-width: 550px) {
    .masonry-three .itemm {
        width: 100%;
        margin: 0px;
        padding: 0px 15px;
    }
}

/*======================Masonry 3 column whithout gutter====================*/

.masonry-three-no .itemm {
    width: 33.333%;
    margin: 0px;
    padding: 0px;
}

.masonry-three-no .lode-more {
    float: left;
    padding-top: 130px;
}

@media screen and (max-width: 992px) {
    .masonry-three-no .itemm {
        width: 50%;
    }
}

@media screen and (max-width: 550px) {
    .masonry-three-no .itemm {
        width: 100%;
    }

    .masonry-three-no .lode-more {
        float: left;
        padding-top: 70px;
    }
}

/*======================Random whith gutter====================*/

.random-portfolio {
    position: relative;
    float: left;
    width: 100%;
    height: 400px;
}

.random-portfolio .minimal-caption {
    top: auto;
    bottom: 70px;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
}

.random-portfolio .minimal-caption h2 {
    padding-bottom: 15px;
}

.random.onehomepage .grid-sizer {
    width: 30%;
}

.random.onehomepage .itemm {
    width: 30%;
    margin: 0px 5% 5% 0px;
}

.random.onehomepage .itemm:nth-child(2n+1) {
    margin-right: 0px;
}

.random.onehomepage .itemm.w_50 {
    width: 50%;
}

.random.onehomepage .itemm.w_30 {
    width: 30%;
}

.random.onehomepage .lode-more {
    padding-top: 130px;
}

@media screen and (max-width: 992px) {
    .random.onehomepage .itemm.w_30 {
        width: 45%;
    }

    .random.onehomepage .grid-sizer {
        width: 10px;
    }

    .random.onehomepage .itemm {
        margin: 0px 5% 5% 0px;
    }

    .random.onehomepage .itemm:nth-child(2n) {
        margin-right: 0px;
    }
}

@media screen and (max-width: 550px) {
    .random.onehomepage .itemm {
        width: 100%;
        margin: 0px;
    }

    .random.onehomepage .itemm.w_30 {
        width: 100%;
    }

    .random.onehomepage .itemm.w_50 {
        width: 100%;
    }
}

/*======================Random whithout gutter====================*/

.random-no.onehomepage .grid-sizer {
    width: 33.333%;
}

.random-no.onehomepage .itemm {
    width: 33.333%;
    margin: 0px;
    padding: 0px;
}

.random-no.onehomepage .itemm:nth-child(2n+1) {
    margin-right: 0px;
}

.random-no.onehomepage .itemm.w_50 {
    width: 66.666%;
}

.random-no.onehomepage .itemm.w_30 {
    width: 33.333%;
}

.random-no.onehomepage .itemm.w_60 {
    width: 60%;
}

.random-no.onehomepage .itemm.w_30.right-margin {
    margin-right: 33.333%;
}

.random-no.onehomepage .lode-more {
    padding-top: 130px;
}

@media screen and (max-width: 992px) {
    .random-no.onehomepage .itemm.w_50 {
        width: 50%;
    }

    .random-no.onehomepage .itemm.w_30 {
        width: 50%;
    }

    .random-no.onehomepage .grid-sizer {
        width: 50%;
    }
}

@media screen and (max-width: 550px) {
    .random-no.onehomepage .itemm.w_50 {
        width: 100%;
    }

    .random-no.onehomepage .itemm.w_30 {
        width: 100%;
    }

    .random-no.onehomepage .grid-sizer {
        width: 100%;
    }
}

/*======================Blog Full Width====================*/

.blog .minimal-caption h5 {
    text-transform: uppercase;
}

.onehomepage.blog #filters {
    left: 0px;
    position: relative;
    float: left;
    width: 100%;
    padding: 40px 0px 24px;
}

.onehomepage.blog #filters .button {
    font-size: 13px;
    border: 0px none;
    padding: 0px 0px 5px 0px;
    margin: 0px 5px;
    border-bottom: 1px solid rgba(255, 255, 255, 0);
}

.onehomepage.blog #filters .button:hover {
    padding-right: 0px;
    border-bottom: 1px solid #999;
}

.onehomepage.blog #filters .button.activbut {
    padding-right: 0px;
    border-bottom: 1px solid #999;
}

.blog_full_post {
    position: relative;
    float: left;
    width: 100%;
}

.blog-full-img {
    position: relative;
    float: left;
    width: 100%;
    padding-bottom: 50px;
}

.blog-full-img img {
    width: 100%;
    height: auto;
}

.blog_full_text {
    position: relative;
    float: left;
    width: 100%;
    padding-bottom: 70px;
}

.blog_full_text h2 a {
    font-size: 36px;
    text-transform: capitalize;
    padding-bottom: 15px;
    font-weight: 100;
    font-family: 'montserrathairline';
    line-height: 46px;
    position: relative;
    float: left;
}

.blog-info-bar {
    position: relative;
    float: left;
    width: 100%;
    padding-bottom: 22px;
}

.blog-info-bar a {
    font-weight: 100;
    padding: 0px 18px;
    position: relative;
    float: left;
}

.blog-info-bar a:hover {
    color: #999;
}

.blog-info-bar a:first-child {
    padding-left: 0px;
}

.blog-info-bar span {
    font-weight: 100;
    position: relative;
    float: left;
    border-right: 2px double #dcd9d9;
    border-left: 2px double #dcd9d9;
    padding: 0px 18px;
}

.blog_full_text p {
    position: relative;
    float: left;
    width: 100%;
    padding-bottom: 20px;
}

.w_100 .itemm {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.w_100 .grid-sizer {
    width: 100%;
}

.w_100 .itemm a {
    position: relative;
    float: left;
    width: auto;
}

.read-more {
    text-transform: uppercase;
    font-size: 12px;
    padding-bottom: 5px;
}

.read-more:hover {
    color: #999;
    border-bottom: 1px solid #999;
}

.audio-vimeo iframe {
    width: 100%;
    height: 160px;
}

.video-responsive {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

.video-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.nav-page-tabs {
    position: relative;
    float: left;
    width: 100%;
    padding: 40px 0px 200px;
}

.nav-page-tabs a {
    position: relative;
    float: left;
    font-size: 13px;
    color: #000;
    padding: 9px 12px;
    border: 1px solid #bfbfbf;
    border-right: 0px none;
}

.nav-page-tabs a:last-child {
    border-right: 1px solid #bfbfbf;
}

.nav-page-tabs a:hover {
    background: #000;
    color: #fff;
    border-color: #000;
}

.nav-page-tabs a.active {
    background: #000;
    color: #fff;
    border-color: #000;
}

.sidebar {
    position: relative;
    float: left;
    width: 100%;
}

.sidebar h4 {
    color: #000;
    padding-bottom: 35px;
    font-weight: 100;
}

.search {
    position: relative;
    float: left;
    width: 100%;
    padding-bottom: 40px;
}

.search input {
    position: relative;
    width: 100%;
    height: 50px;
    border: 1px solid #000;
    color: #000;
    padding: 10px 15px;
    background: none;
}

.search button {
    position: absolute;
    right: 0px;
    top: 0px;
    border-left: 1px solid #000;
    height: 50px;
    padding: 0px 15px;
}

.twitter {
    position: relative;
    float: left;
    width: 100%;
    background: #e4e4e4;
    padding: 0px 18px;
}

.twitter-post {
    position: relative;
    float: left;
    width: 100%;
    border-bottom: 1px solid #fff;
    padding: 18px 0px;
}

.twitter-post:last-child {
    border-bottom: 0px none;
}

.twitter-post img {
    position: absolute;
    top: 20px;
    left: 0px;
}

.twitter-post h5 {
    position: relative;
    float: left;
    padding-left: 37px;
    line-height: 24px;
    color: #505050;
}

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

.latest-post {
    position: relative;
    float: left;
    width: 100%;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    padding: 40px 0px 15px;
    margin-top: 40px;
}

.tabs-menu ul li a {
    position: relative;
    float: left;
    width: 50%;
    text-transform: uppercase;
    font-size: 14px;
    color: #161616;
    text-align: left;
    border-bottom: 1px solid rgba(255, 255, 255, 0);
    font-weight: 100;
    line-height: 36px;
}

.tabs-menu ul li a.active-tab-menu {
    border-bottom: 1px solid #000;
    color: #000;
}

.tabs {
    position: relative;
    float: left;
    width: 100%;
    max-height: 280px;
    padding: 15px 0px 25px;
    display: none;
}

.latest-block {
    position: relative;
    float: left;
    width: 100%;
    border-bottom: 1px solid #e4e4e4;
    padding: 25px 0px;
}

.latest-block:last-child {
    border-bottom: 0px none;
    padding-bottom: 0px;
}

.latest-block img {
    position: absolute;
    top: 25px;
    left: 0px;
}

.letest-block-test {
    position: relative;
    background-color: left;
    padding-left: 105px;
}

.letest-block-test p {
    padding-bottom: 10px;
}

.letest-block-test span {
    font-size: 12px;
    color: #161616;
    font-weight: 100;
    border-right: 1px solid #dcd9d9;
    padding-right: 10px;
}

.letest-block-test span:last-child {
    padding-left: 10px;
    border-right: 0px none;
}

.letest-block-test span a:hover {
    color: #999;
}

.clearfix:after {
    content: '.';
    height: 0;
    font-size: 0;
    line-height: 0;
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

.first-tab {
    display: block;
}

.instagram-wiget {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 40px;
    border-bottom: 1px solid #000;
    padding-bottom: 40px;
}

.instagram-wiget a {
    width: 33.333%;
    position: relative;
    float: left;
    backface-visibility: hidden;
}

.instagram-wiget a:hover {
    opacity: 0.7;
}

.instagram-wiget img {
    width: 100%;
    height: auto;
    display: block;
}

.arhives {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 40px;
    border-bottom: 1px solid #000;
    padding-bottom: 40px;
}

.arhives ul {
    width: 100%;
    padding: 0px 18px;
    background: #e4e4e4;
    position: relative;
    float: left;
}

.arhives ul li {
    position: relative;
    float: left;
    width: 100%;
    border-bottom: 1px solid #fff;
}

.arhives ul li:last-child {
    border-bottom: 0px none;
}

.arhives ul li a {
    position: relative;
    float: left;
    width: 100%;
    padding: 18px 0px;
    font-weight: 100;
    color: #000;
    line-height: 14px;
}

.arhives ul li span {
    position: absolute;
    right: 10px;
    top: 20px;
    width: 9px;
    height: 9px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    border-right: 1px solid #abacad;
    border-bottom: 1px solid #abacad;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
}

.arhives ul li a:hover {
    color: #fff;
}

.arhives ul li:hover span {
    right: 15px;
    border-color: #fff;
}

.tags {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 25px;
    border-bottom: 1px solid #000;
    padding-bottom: 23px;
}

.tags a {
    position: relative;
    float: left;
    border: 1px solid #000;
    font-size: 13px;
    color: #161616;
    padding: 15px 19px;
    margin-right: 15px;
    margin-bottom: 15px;
}

.tags a:hover {
    background: #000;
    color: #fff;
}

.categoryies {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 40px;
}

.categoryies h4 {
    padding-bottom: 30px;
}

.categoryies ul li {
    line-height: 24px;
}

.categoryies ul li a {
    font-size: 13px;
    line-height: 24px;
    color: #5c5c5c;
}

.categoryies ul li a:hover {
    color: #000;
}

/*======================Blog Detailed====================*/

.blog-detailed .blog_full_text {
    padding-bottom: 20px;
    padding-top: 100px;
}

.blog-detailed .blog-full-img {
    padding-bottom: 15px;
}

.blog-full-content {
    position: relative;
    float: left;
    width: 100%;
}

.blog-full-content p {
    padding: 15px 0px;
}

.quote-blog {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    border-top: 1px solid #c7c2c2;
    border-bottom: 1px solid #c7c2c2;
    padding: 25px 0px;
    margin: 20px 0px 40px;
}

.quote-blog p {
    font-size: 16px;
    line-height: 30px;
    color: #000;
    position: relative;
    float: left;
    width: 100%;
}

.quote-blog .q-icon {
    position: relative;
    float: none;
    display: inline-block;
    padding-bottom: 15px;
}

.det-share {
    position: relative;
    float: left;
    width: 100%;
    padding-top: 65px;
}

.det-share a {
    position: relative;
    float: right;
    text-align: center;
    margin-right: 22px;
}

.det-share a span {
    font-size: 16px;
    color: #fff;
    padding: 8px 10px;
    background: #000;
    position: relative;
    float: left;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
}

.det-share a h3 {
    font-size: 14px;
    color: #878787;
    border: 1px solid #c7c2c2;
    position: relative;
    float: left;
    text-transform: capitalize;
    padding: 9px 15px;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
}

.det-share a:hover span {
    background: #fff;
    color: #000;
}

.det-share a:hover h3 {
    background: #000;
    color: #fff;
    border: 1px solid #000;
}

.onehomepage.blog #filters {
    padding-top: 80px;
}

.main-comment {
    position: relative;
    float: left;
    width: 100%;
    border-bottom: 1px solid #c7c2c2;
    border-top: 1px solid #c7c2c2;
    padding: 40px 0px;
    margin-top: 60px;
}

.main-com-img {
    position: absolute;
    left: 23px;
    top: 40px;
    width: 136px;
}

.main-com-img img {
    width: 100%;
    height: auto;
}

.main-com-text {
    position: relative;
    float: left;
    padding-left: 220px;
}

.main-com-text h3 {
    text-transform: capitalize;
    padding-bottom: 25px;
}

.main-com-text h5 {
    position: relative;
    float: left;
    padding-right: 10px;
    padding-top: 30px;
}

.main-com-text .fa {
    position: relative;
    float: left;
    margin: 30px 10px;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
}

.main-com-text .fa:hover {
    color: #999;
}

.peope-comments {
    position: relative;
    float: left;
    width: 100%;
}

.peope-comments {
    position: relative;
    float: left;
    width: 100%;
    padding: 70px 0px;
    border-bottom: 1px solid #c7c2c2;
}

.peope-comments h4 {
    font-weight: 400;
    color: #000;
    font-size: 18px;
}

.comm-block {
    position: relative;
    float: left;
    width: 100%;
    padding-top: 45px;
}

.comm-block:nth-child(2n+1) {
    margin-left: 105px;
}

.comm-block img {
    position: absolute;
    top: 50px;
    left: 0px;
}

.comm-msg {
    position: relative;
    float: left;
    padding-left: 105px;
}

.comm-msg h3 a {
    font-size: 13px;
    color: #000;
    padding-bottom: 10px;
    position: relative;
    float: left;
    padding-right: 15px;
}

.comm-msg h3 a:hover {
    color: #999;
}

.comm-msg h6 {
    position: relative;
    float: left;
    line-height: 14px;
}

.comm-msg p {
    position: relative;
    float: left;
    width: 100%;
    padding-bottom: 12px;
}

.comm-msg a {
    font-size: 13px;
    color: #000;
    font-weight: 100;
    position: relative;
    float: left;
    font-weight: 100;
    border-bottom: 1px solid rgba(255, 255, 255, 0);
}

.comm-msg .reply:hover {
    border-bottom: 1px solid #999;
    color: #999;
}

.blog-form {
    position: relative;
    float: left;
    width: 100%;
    padding-top: 70px;
}

.blog-form h4 {
    font-weight: 400;
    color: #000;
    font-size: 18px;
    padding-bottom: 45px;
}

.blog-form input {
    width: 100%;
    position: relative;
    float: left;
    border: 1px solid #b7b7b7;
    height: 50px;
    margin-bottom: 30px;
    background: none;
    padding: 0px 20px;
    text-transform: uppercase;
}

.blog-form textarea {
    position: relative;
    float: left;
    width: 100%;
    border: 1px solid #b7b7b7;
    background: none;
    height: 200px;
    padding: 0px 20px;
    text-transform: uppercase;
}

.blog-form textarea:focus {
    border: 1px solid #000;
}

.blog-form input[type="submit"] {
    width: auto;
    background: #161616;
    color: #fff;
    font-weight: 400;
    margin-top: 50px;
    padding: 0px 80px;
    border: 0px none;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
}

.blog-form input[type="submit"]:hover {
    background: #fff;
    color: #000;
}

.blog-form input:focus {
    border: 1px solid #000;
}

.blog-nav-arr {
    position: relative;
    float: left;
    width: 100%;
    padding-bottom: 150px;
    padding-top: 110px;
}

.prev-post {
    position: relative;
    float: left;
    width: 100%;
    background: #000;
    text-align: center;
    height: 65px;
    color: #fff;
    cursor: pointer;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
}

.prev-post a {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.prev-post h3 {
    color: #fff;
    position: relative;
    float: left;
    padding-top: 7px;
    padding-left: 40px;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
}

.prev-post-arr {
    position: relative;
    float: none;
    display: inline-block;
    padding-top: 17px;
}

.b-vis {
    position: relative;
    float: left;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
}

.b-hov {
    position: absolute;
    left: 0px;
    opacity: 0;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
}

.prev-post:hover {
    background: #eaeaea;
}

.prev-post:hover h3 {
    color: #000;
}

.prev-post:hover .b-hov {
    opacity: 1;
}

.prev-post:hover .b-vis {
    opacity: 0;
}

.next-post {
    position: relative;
    float: left;
    width: 100%;
    background: #000;
    text-align: center;
    height: 65px;
    color: #fff;
    cursor: pointer;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
}

.next-post a {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.next-post h3 {
    color: #fff;
    position: relative;
    float: left;
    padding-top: 7px;
    padding-right: 40px;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
}

.next-post .b-hov {
    right: 0px;
    left: auto;
}

.next-post:hover {
    background: #eaeaea;
}

.next-post:hover h3 {
    color: #000;
}

.next-post:hover .b-hov {
    opacity: 1;
}

.next-post:hover .b-vis {
    opacity: 0;
}

.related-post {
    position: relative;
    float: left;
    width: 100%;
    padding-bottom: 190px;
}

.related-post h2 {
    font-size: 36px;
    padding-bottom: 15px;
}

.related-block {
    position: relative;
    float: left;
    width: 100%;
}

.related-block img {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
}

.related-block img:hover {
    opacity: 0.5;
}

.related-block a {
    font-size: 24px;
    line-height: 32px;
}

.related-block a:hover {
    color: #000;
}

.related-bar {
    position: relative;
    float: left;
    width: 100%;
    margin-left: 0px;
}

.related-bar span {
    font-size: 13px;
    font-weight: 100;
    color: #000;
    border-right: 1px solid #dcd9d9;
    padding: 0px 10px;
    position: relative;
    float: left;
}

.related-bar span a {
    font-size: 13px;
    font-weight: 100;
    color: #000;
    position: relative;
    float: left;
    line-height: 13px;
}

.related-bar span a:hover {
    color: #999;
}

.related-bar span:last-child {
    border-right: 0px none;
    padding-right: 0px;
}

.related-bar span:first-child {
    padding-left: 0px;
}

.blog-detailed-sidebar .blog_full_text {
    padding-bottom: 20px;
    padding-top: 100px;
}

.blog-detailed-sidebar .blog-full-img {
    padding-bottom: 15px;
}

.blog-detailed-sidebar .related-bar span {
    padding: 0px 5px;
}

.blog-detailed-sidebar .related-bar span:first-child {
    padding-left: 0px;
}

.blog-detailed-sidebar .sidebar {
    padding-top: 110px;
}

@media screen and (max-width: 1200px) {
    .nav-page-tabs {
        padding-bottom: 120px;
    }

    .blog-detailed .blog_full_text {
        padding-top: 50px;
    }

    .related-post {
        padding-bottom: 120px;
    }

    .blog-detailed-sidebar .det-share a {
        float: left;
    }

    .blog-detailed-sidebar .related-block {
        padding-bottom: 40px;
    }
}

@media screen and (max-width: 991px) {
    .blog-detailed-sidebar .blog_full_text {
        padding-top: 50px;
    }

    .onehomepage.blog #filters {
        padding: 50px 0px 0px;
    }

    .blog-full-img {
        padding-bottom: 50px;
    }

    .nav-page-tabs {
        padding: 0px 0px 80px;
    }

    .sidebar {
        padding-bottom: 50px;
        padding-top: 50px;
    }

    .det-share a {
        float: left;
    }

    .blog-nav-arr {
        padding: 50px 0px 80px;
    }

    .related-block {
        padding-bottom: 50px;
    }

    .blog-detailed-sidebar .related-post {
        padding-bottom: 0px;
    }
}

@media screen and (max-width: 768px) {
    .blog_full_text {
        padding-bottom: 50px;
    }

    .peope-comments {
        padding: 50px 0px;
    }

    .blog-form {
        padding-top: 50px;
    }
}

@media screen and (max-width: 480px) {
    .blog-info-bar span {
        font-size: 13px;
        padding: 0px 10px;
    }

    .blog-info-bar a {
        font-size: 13px;
        padding: 0px 10px;
    }

    .onehomepage.blog #filters .button {
        width: 100%;
        margin-bottom: 15px;
    }

    .onehomepage.blog #filters span {
        display: none;
    }

    .onehomepage.blog #filters {
        max-height: 100%;
    }

    .filter-sort {
        padding-bottom: 40px;
    }

    .next-post img {
        display: none;
    }

    .prev-post img {
        display: none;
    }

    .prev-post h3 {
        padding-left: 0px;
    }

    .next-post h3 {
        padding-right: 0px;
    }

    .related-post {
        padding-bottom: 50px;
    }

    .main-com-text {
        padding-left: 20px;
    }

    .main-com-img {
        position: relative;
        float: left;
        padding-bottom: 15px;
        top: 0px;
    }

    .main-com-text h3 {
        padding-bottom: 15px;
    }

    .comm-block:nth-child(2n+1) {
        margin-left: 0px;
    }

    .det-share {
        text-align: center;
    }

    .det-share a {
        float: none;
        display: inline-block;
        margin: 0 auto;
    }

    .det-share {
        padding-top: 40px;
    }
    .onehomepage h3{
        line-height: 28px;
    }
}

@media screen and (max-width: 360px) {
    .comm-msg {
        padding-left: 90px;
    }
}

/*======================Schortcodes 1 ====================*/

.short-code {
    position: relative;
    float: left;
    width: 100%;
    padding-top: 160px;
}

.headind-block {
    position: relative;
    float: left;
    width: 100%;
    padding-top: 70px;
}

.headind-block h1 {
    font-size: 60px;
    color: #000;
    padding-bottom: 40px;
    line-height: 20px;
}

.headind-block h2 {
    font-size: 45px;
    color: #000;
    line-height: 20px;
    padding-bottom: 40px;
}

.headind-block h3 {
    font-size: 36px;
    color: #000;
    line-height: 20px;
    padding-bottom: 40px;
    text-transform: none;
}

.headind-block h4 {
    font-size: 24px;
    color: #000;
    line-height: 20px;
    padding-bottom: 40px;
    text-transform: none;
}

.headind-block h5 {
    font-size: 18px;
    line-height: 20px;
    padding-bottom: 40px;
    font-weight: 400;
    text-transform: uppercase;
}

.headind-block h6 {
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 40px;
    font-weight: 400;
    text-transform: uppercase;
}

.column {
    position: relative;
    float: left;
    width: 100%;
    padding-top: 220px;
}

.column h2 {
    padding-bottom: 60px;
    text-transform: none;
}

.col-block {
    position: relative;
    float: left;
    width: 100%;
    padding-bottom: 70px;
}

.col-block h4 {
    padding-bottom: 30px;
    font-size: 24px;
    font-weight: 400;
    text-transform: capitalize;
}

.blockquote {
    position: relative;
    float: left;
    width: 100%;
}

.blockquote h3 {
    text-transform: none;
    padding-bottom: 50px;
    font-size: 24px;
}

.blockq-1 {
    position: relative;
    float: left;
    background: #e9e9e9;
    padding: 50px 20px 30px 85px;
}

.blockq-1 img {
    position: absolute;
    top: 30px;
    left: 25px;
}

.blockq-1 p {
    color: #505050;
}

.blockq-2 {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    padding: 45px 40px;
    margin: 30px 0px 50px;
}

.blockq-2 .q-icon {
    padding-bottom: 20px;
    position: relative;
    float: none;
    display: inline-block;
}

.blockq-3 {
    position: relative;
    float: left;
    width: 100%;
    border: 1px solid #e1e1e1;
    border-left: 6px solid #000;
    padding: 20px 30px 25px 50px;
    background: #f3f3f3;
}

.lists-conteiner {
    position: relative;
    float: left;
    width: 100%;
    padding-top: 230px;
}

.lists-conteiner h3 {
    padding-bottom: 45px;
    font-size: 24px;
    text-transform: none;
}

.list-block {
    position: relative;
    float: left;
    width: 100%;
    padding-bottom: 50px;
}

.list-block ul li {
    position: relative;
    float: left;
    width: 100%;
    font-size: 14px;
    color: #505050;
    line-height: 30px;
    font-family: 'montserratlight';
    font-weight: 100;
}

.list-block ul li span {
    color: #000;
    position: relative;
    float: left;
    font-size: 14px;
    line-height: 30px;
    padding-right: 20px;
}

.list-block ul li img {
    position: relative;
    float: left;
    margin-right: 20px;
    margin-top: 6px;
}

.list-block .fa {
    color: #505050;
}

.pafinations {
    position: relative;
    float: left;
    width: 100%;
    padding: 180px 0px 260px;
}

.pafinations h3 {
    padding-bottom: 15px;
    font-size: 24px;
    text-transform: none;
}

.pafinations .nav-page-tabs {
    padding-bottom: 0px;
}

.grey-tabs.nav-page-tabs a {
    background: #d1d1d1;
    border: 1px solid #fff;
}

.grey-tabs.nav-page-tabs a:hover {
    background: #000;
}

.grey-tabs.nav-page-tabs a.active {
    background: #000;
    color: #fff;
}

.grey-tabs.nav-page-tabs span {
    color: #505050;
}

.grey-tabs.nav-page-tabs a.active span {
    color: #fff;
}

.grey-tabs.nav-page-tabs a:hover span {
    color: #fff;
}

.nav-page-left-b {
    position: relative;
    float: left;
    background: #d1d1d1;
    width: 126px;
    text-align: center;
    margin-top: 40px;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    margin-right: 5px;
}

.nav-page-left-b a {
    color: #000;
    padding: 10px 0px;
    position: relative;
    float: left;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    line-height: 20px;
    font-size: 13px;
}

.nav-page-left-b:hover {
    background: #000;
}

.nav-page-left-b:hover a {
    color: #fff;
}

.nav-page-left-b.active {
    background: #000;
}

.nav-page-left-b.active a {
    color: #fff;
}

/*======================Schortcodes 2 ====================*/

.shortcodes-2 {
    position: relative;
    width: 100%;
    float: left;
    padding-top: 210px;
}

.shortcodes-2 h3 {
    font-size: 24px;
    color: #000;
    text-transform: none;
}

.col-39 {
    position: relative;
    float: left;
    width: 40%;
    padding: 0px 15px;
}

.tabs-short-1 {
    position: relative;
    float: left;
    width: 100%;
}

.tabs-short-1 a {
    background: #d8d8d8;
    color: #000;
    line-height: 20px;
    font-size: 13px;
    width: 103px;
    text-align: center;
    position: relative;
    float: left;
    margin: 0px 1px;
    padding: 12px 0px;
}

.tabs-short-1 a:hover {
    background: #000;
    color: #fff;
}

.tabs-short-1 a.active {
    background: #000;
    color: #fff;
}

.col-30 {
    position: relative;
    float: left;
    width: 30%;
    padding: 0px 15px;
}

.tabs-short-2 {
    position: relative;
    float: left;
    width: 100%;
    padding-top: 10px;
}

.tabs-short-2 a {
    color: #000;
    line-height: 20px;
    font-size: 13px;
    padding: 5px 10px;
}

.tabs-short-2 a.active {
    background: #fff;
}

.tabs-short-2 a:hover {
    background: #fff;
}

.tabs-short-3 {
    position: relative;
    float: left;
    width: 100%;
    padding-top: 10px;
}

.tabs-short-3 a {
    font-size: 13px;
    text-transform: uppercase;
    color: #000;
    border-bottom: 1px solid rgba(255, 255, 255, 0);
    padding-bottom: 5px;
    position: relative;
    float: left;
}

.tabs-short-3 a:hover {
    border-bottom: 1px solid #000;
}

.tabs-short-3 a.active {
    border-bottom: 1px solid #000;
}

.tabs-short-3 span {
    padding: 0px 5px;
    position: relative;
    float: left;
}

.short-tags h3 {
    padding-bottom: 65px;
}

.short-tags {
    position: relative;
    float: left;
    width: 100%;
    padding-bottom: 125px;
    border-bottom: 1px solid #e0e0e0;
}

.short-table {
    position: relative;
    float: left;
    width: 100%;
    padding-top: 125px;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 60px;
}

.short-table h3 {
    padding-bottom: 50px;
}

.table-type-1 {
    position: relative;
    float: left;
    width: 100%;
    font-size: 14px;
    margin-bottom: 70px;
}

.table-type-1 th {
    background: #000;
    height: 50px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    padding-top: 16px;
}

.table-type-1 tr {
    text-align: center;
}

.table-type-1 tr:nth-child(2n) {
    background: #eaeaea;
}

.table-type-1 tr:nth-child(2n+1) {
    background: #fff;
}

.table-type-1 td {
    color: #505050;
    padding: 14px 0px;
    min-width: 160px;
}

.table-type-2 {
    position: relative;
    float: left;
    width: 100%;
    font-size: 14px;
    box-shadow: 0px 0px 1px 1px #000;
    overflow: hidden;
    margin-bottom: 70px;
}

.table-type-2 th {
    background: #fff;
    height: 50px;
    text-align: center;
    color: #000;
    font-size: 16px;
    padding-top: 16px;
    border-right: 1px solid #e0e0e0;
}

.table-type-2 tr {
    text-align: center;
    background: #f3f3f3;
}

.table-type-2 td {
    color: #505050;
    padding: 14px 0px;
    border: 1px solid #e0e0e0;
    min-width: 160px;
    cursor: pointer;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
}

.table-type-2 tr:nth-child(2) td {
    border-top: 0px none;
}

.table-type-2 td:hover {
    background: #000;
    color: #fff;
    border: 1px solid #000;
}

.short-pricing {
    position: relative;
    float: left;
    width: 100%;
    padding-top: 125px;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 125px;
}

.short-pricing h3 {
    padding-bottom: 177px;
}

.short-pricing-1 {
    position: relative;
    float: left;
    width: 100%;
    padding-bottom: 300px;
}

.short-pricing .money-block h3 {
    padding-bottom: 55px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.price-block {
    position: relative;
    float: left;
    width: 100%;
    border: 2px solid #d7d7d7;
    padding: 30px 45px;
    text-align: center;
    color: #505050;
}

.short-pricing-2 .price-block h3 {
    padding-bottom: 20px;
    color: #000;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.price-block .line-big {
    position: relative;
    float: none;
    display: inline-block;
}

.price-block .price-namb {
    position: relative;
    float: none;
    display: inline-block;
    width: 100%;
}

.price-block sup {
    font-size: 42px;
    font-weight: 300;
    position: relative;
    line-height: 24px;
}

.price-block span {
    font-size: 72px;
    position: relative;
    font-weight: 300;
}

.price-block sub {
    font-size: 24px;
    position: relative;
    font-weight: 300;
}

.price-block p {
    position: relative;
    float: left;
    width: 100%;
    padding: 25px 0px;
    color: #000;
}

.price-block ul {
    position: relative;
    float: left;
    width: 100%;
}

.price-block ul li {
    font-size: 14px;
    line-height: 45px;
    font-weight: 100;
    border-bottom: 1px solid #f0f0f0;
}

.price-block .price-button {
    border: 1px solid #c2c2c2;
    position: relative;
    float: none;
    display: inline-block;
    padding: 15px 60px;
    text-transform: uppercase;
    font-size: 14px;
    color: #000;
    margin-top: 65px;
    font-weight: 400;
}

.price-block .price-button:hover {
    background: #111111;
    color: #fff;
}

.price-block.pro {
    color: #000;
    border: 2px solid #000;
    padding-top: 45px;
    margin-top: -20px;
}

.price-block.pro sup {
    font-weight: 400;
}

.price-block.pro span {
    font-weight: 400;
}

.price-block.pro sup {
    font-weight: 400;
}

.price-block.pro ul li {
    border-bottom: 1px solid #000;
}

.price-block.pro .price-button {
    border: 1px solid #000;
}

.acordians {
    position: relative;
    float: left;
    width: 100%;
    padding-top: 125px;
    padding-bottom: 55px;
    border-bottom: 1px solid #e0e0e0;
}

.acordians .acorr-1 .togglet h4 {
    font-size: 14px;
    text-transform: none;
    padding-bottom: 15px;
}

.acordians.contact-creative .acorr-1 .job-detail-1, .acordians.contact-creative .acorr-1 .job-detail-2, .acordians.contact-creative .acorr-1 .job-detail-3, .acordians.contact-creative .acorr-1 .job-detail-4 {
    border-bottom: 1px solid #d9e3e7;
}

.acordians.contact-creative .acorr-1 .toggle .togglet {
    padding: 15px 0px 0px;
}

.acordians.contact-creative .acorr-1 .circle {
    top: 20px;
}

.acordians.contact-creative .acorr-2 .toggle .togglet p {
    background: #e7e7e7;
    padding: 15px 20px;
}

.acordians.contact-creative .acorr-1 .toggle .togglet p {
    padding-bottom: 15px;
}

.acordians.contact-creative .career-tabs {
    padding-top: 200px;
}

.short-buttons {
    position: relative;
    float: left;
    width: 100%;
    padding-top: 125px;
    padding-bottom: 300px;
}

.short-buttons h3 {
    padding-bottom: 40px;
}

.large-button {
    position: relative;
    float: left;
    width: 100%;
    padding-bottom: 50px;
}

.large-button a {
    position: relative;
    float: left;
    width: 220px;
    text-align: center;
    height: 60px;
    font-size: 18px;
    margin-right: 30px;
    padding-top: 16px;
    margin-bottom: 30px;
}

.light-font {
    font-weight: 100;
}

.btn-smm {
    border-radius: 3px;
}

.btn-bg {
    background: #000;
    color: #fff;
}

.btn-bg:hover {
    background: #fff;
    color: #000;
}

.btn-bg-no {
    border: 2px solid #000;
}

.btn-bg-no:hover {
    background: #fff;
    border: 2px solid #d6d5d5;
    color: #d6d5d5;
}

.btn-bg-br {
    border: 2px solid #d6d5d5;
    font-weight: 600;
}

.btn-bg-br:hover {
    border: 2px solid #000;
    background: #fff;
}

.btn-bg-w {
    background: #fff;
    color: #000;
}

.btn-bg-w:hover {
    background: #000;
    color: #fff;
}

.tt {
    text-transform: uppercase;
}

.btn-bg-grey {
    background: #d6d5d5;
    color: #fff;
}

.btn-bg-grey .fa {
    font-size: 28px;
    position: absolute;
    right: 21px;
    top: 14px;
}

.large-button.medium-button a {
    height: 50px;
    width: 180px;
    font-size: 16px;
    padding-top: 12px;
}

.large-button.medium-button .btn-bg-grey .fa {
    right: 12px;
    top: 10px;
}

.large-button.small-button a {
    width: 160px;
    height: 40px;
    font-size: 13px;
    padding-top: 10px;
}

.large-button.small-button .btn-bg-grey .fa {
    top: 5px;
    right: 15px;
}

@media screen and (max-width: 1200px) {
    .shortcodes-2 {
        padding-top: 80px;
    }

    .col-39 {
        width: 100%;
        margin: 20px 0px;
    }

    .col-30 {
        width: 100%;
        margin: 20px 0px;
    }

    .tabs-short-3 {
        padding-left: 10px;
    }

    .short-tags {
        padding-bottom: 80px;
    }

    .short-table {
        padding-top: 80px;
        padding-bottom: 0px;
    }

    .short-pricing {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .short-pricing h3 {
        padding-bottom: 80px;
    }

    .short-pricing-1 {
        padding-bottom: 100px;
    }

    .acordians {
        padding-top: 80px;
        padding-bottom: 0px;
    }

    .acordians.contact-creative .career-tabs {
        padding-top: 120px;
    }

    .short-buttons {
        padding: 80px 0px;
    }

    .table-type-1 th {
        font-size: 14px;
    }

    .table-type-2 th {
        font-size: 14px;
    }

    .table-type-1 {
        font-size: 12px;
    }

    .short-code {
        padding-top: 80px;
    }

    .column {
        padding-top: 80px;
    }

    .col-block h4 {
        font-size: 22px;
    }

    .lists-conteiner {
        padding-top: 80px;
    }

    .pafinations {
        padding: 80px 0px;
    }
}

@media screen and (max-width: 991px) {
    .shortcodes-2 {
        padding-top: 50px;
    }

    .short-tags h3 {
        padding-bottom: 30px;
    }

    .short-tags {
        padding-bottom: 50px;
    }

    .short-table {
        padding-top: 50px;
    }

    .short-table h3 {
        padding-bottom: 30px;
    }

    .table-responsive {
        position: relative;
        width: 100%;
        overflow: hidden;
        overflow-y: hidden;
        overflow-x: scroll;
        border: 0px none;
    }

    .table-type-1 {
        margin-bottom: 40px;
        padding-bottom: 0px;
    }

    .table-type-2 {
        margin-bottom: 40px;
    }

    .short-pricing {
        padding-top: 50px;
    }

    .short-pricing h3 {
        padding-bottom: 30px;
    }

    .short-pricing-1 {
        padding-bottom: 50px;
    }

    .price-block.pro {
        margin-top: 0px;
        margin-bottom: 30px;
    }

    .acordians {
        padding-top: 50px;
    }

    .acorr-1 {
        margin-bottom: 40px;
    }

    .acordians.contact-creative .career-tabs {
        padding-top: 30px;
    }

    .acordians.contact-creative .career-tabs {
        padding-bottom: 50px;
    }

    .short-buttons {
        padding: 50px 0px;
    }

    .col-block {
        padding-bottom: 40px;
    }

    .col-block h4 {
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 768px) {
    .price-block {
        margin-bottom: 30px;
    }

    .headind-block {
        text-align: center;
        padding-top: 50px;
    }

    .headind-block h4 {
        padding-bottom: 20px;
    }

    .column {
        text-align: center;
        padding-top: 50px;
    }

    .blockquote {
        text-align: left;
    }

    .lists-conteiner {
        text-align: left;
    }

    .pafinations {
        padding-top: 50px;
        text-align: center;
    }

    .pafinations .nav-page-tabs {
        float: none;
        display: inline-block;
        width: auto;
    }

    .pafinations .nav-page-left-b {
        float: none;
        display: inline-block;
    }

    .column h2 {
        padding-bottom: 40px;
    }
}

@media screen and (max-width: 527px) {
    .short-tags {
        text-align: center;
    }

    .tabs-short-1 a {
        margin: 0px auto 15px;
        position: relative;
        float: none;
        display: block;
    }

    .tabs-short-2 a {
        position: relative;
        float: none;
        max-width: 150px;
        display: block;
        margin: 0 auto 15px;
    }

    .tabs-short-3 a {
        position: relative;
        float: none;
        max-width: 150px;
        display: block;
        margin: 0 auto 15px;
    }

    .tabs-short-3 span {
        display: none;
    }

    .large-button a {
        margin-right: 10px;
    }
}

@media screen and (max-width: 490px) {
    .short-buttons {
        text-align: center;
    }

    .large-button a {
        float: none;
        display: block;
        margin: 0 auto 30px;
    }

    .blockq-3 {
        padding-left: 20px;
    }

    .blockq-2 {
        padding: 35px 20px;
    }

    .blockq-1 {
        padding: 80px 20px 30px 20px;
    }
}

/*
CUSTOM CSS
*/

.start.square {
    width: 100px;
    height: 100px;
    text-align: center;
    line-height: 100px;
    font-size: 20px;
}

.megaFont {
    font-size: 50px;
    letter-spacing: 5px;
    font-weight: 100;
}

strong {
    font-weight: bold;
}

.underline {
    text-decoration: underline;
}

#products .q-icon {
    font-size: 0;
    padding-bottom: 0;
}
#products .blockq-2 {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
}
.productSquare .price-block p {
    padding: 5px 0;
}

.referanceList {
    padding: 0 !important;
    line-height: 27px;
}
.workList li{
    font-weight: 100;
    line-height: 20px;
}
.noPadding {
    padding: 0 !important;
}
.noMargin {
    margin: 0 !important;
}
.normalText {
    font-size: 18px;
}
.scrollto {
    padding-top: 70px;
}
.scrollto#about{
    height: auto;
    overflow: hidden;
}

.noPaddingLeft {
    padding-left: 0 !important;
}
#home {
    position: relative;
    z-index: 999;
}
.text-white {
    color: #ffffff;
}
.mt20 {
    margin-top:  20px;
}
.mb20 {
    margin-bottom:  20px;
}