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: #200d09;
    font-family: 'Myriad Pro', sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 1.5;
    overflow-x:hidden;
    background:#fff;

}

.no-left-padding { padding-left: 0 !important; }
.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:#200d09 ;
    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;
}

.page404-content {
    padding-top: 140px;
    padding-bottom: 140px;
}

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

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


h1, 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: 16px;
    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: #200d09;
    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;
    background: #200d09;
}
.logo img {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 65px; height: 65px;
}
.logo img.img-logo-small, .logo img.img-logo-medium{ display: none;}

.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 #200d09;
    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 #200d09;
    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 span:before {
    transform: translateY(0px) rotate(180deg);
}
.minus span:after {
    transform: translateY(0px) rotate(-180deg);
}

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

.language-switch {
    display: inline-block;
    width: 25px;
    height: 16px;
    background:url(../img/flags.png?v4) no-repeat;
}

.language-switch.language-switch-rus {background-position: 0 0;}
.language-switch.language-switch-eng {background-position: -25px 0;}
.language-switch.language-switch-rus:hover {background-position: 0 -16px;}
.language-switch.language-switch-eng:hover {background-position: -25px -16px;}

.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% 0; background-repeat: no-repeat; background-position: 50% 0; -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: #f3f0ec;
    position: relative;
    width: 100%;
    z-index: 1;
    float: left;
}
h6 > a ,h6 > a:hover,h6 > a:focus{
    color:#200d09; ;
}
/** about css **/
.about-sec {
    min-height: 620px;
}
.about-intro {
    padding-top: 0;
}

h5 a, h5 a:hover, h5 a:focus {
    color: #200d09;;
    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;
}


.slider-wraper {
    position:relative;

}
#slider1_container {
    position: relative;
    top: 0;
    left: 0;
    width: 886px;
    height: 585px;
    overflow: hidden;
}
#slider1_container  .slider{
    cursor: url("../img/drag.svg"),auto;
    position: absolute;
    left: 0;
    top: 0;
    width: 886px;
    height: 585px;
    overflow: hidden;
}
#slider2_container {
    position: relative;
    top: 0;
    left: 0;
    width: 278px;
    height: 453px;
    overflow: hidden;
}
#slider2_container  .slider{
    cursor: url("../img/drag.png"),auto;
    position: absolute;
    left: 0;
    top: 0;
    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;

}
.client-sec  .client-sec-header {
    padding-bottom: 25px;
}

.onehomepage .our-work-sec .client-sec-header {
    padding-bottom: 10px;
}

.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("../img/life/photocolage.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.multia-blocks .row-2col-2 {
    background: url("../img/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("../img/life/proximafont.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.multia-blocks .row-1col-2 .row-2col-2col-1 {
    background: url("../img/life/freephotodownload.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.multia-blocks .row-1col-2 .row-2col-2col-2 {
    background: url("../img/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("../img/07.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.multia-blocks .row-2col-1 .row-2col-2col-2 {
    background: url("../img/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:#200d09;;
}
.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:#200d09;;
    font-weight:300;

}
.name-desc {
    padding-left: 50px;
    padding-top: 27px;
}
#slider3_container {
    position: relative;
    top: 0;
    left: 0;
    right:0px;
    margin:9% auto 0;
    width: 809px;
    height: 60px;
    overflow: hidden;

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

.contact-icon-wrap {
    background: none repeat scroll 0 0 #200d09;
    border-radius: 50%;
    height: 90px;
    width: 90px;
    margin: 0 auto;
}
.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 #200d09;
    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;
    text-align: center;
}

.contacts-bank-details b {
    font-weight: bold;
}
.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;
}
footer .fa-facebook:before, footer .fa-vk:before {margin-left: -2px; }
footer .fa-vk:before { margin-top: -1px; }
footer .footer-vimeo span {  width: 20px; height: 20px; background: url("../img/footer-vimeo.png") no-repeat scroll 0 0; transition: none !important; margin-top: 20px; margin-bottom: -2px; }
footer .footer-vimeo:hover span { background-position: -20px 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: 16px;
    height: 47px;
    padding: 6px 12px;
    text-align: center;
    width: 120px;
    margin-top:20px;
}
.btn-default {
    background: none repeat scroll 0 0 #200d09;
    border: medium none;
    box-shadow: none;
    text-shadow: none;
}
.btn-default:hover, .btn-default:focus ,.btn-default:active,.btn-default.active{
    background-color: #200d09;
    border-color: #200d09;
    color:#fff;
    outline:none;
}
.newsletter-logo {
    background: none repeat scroll 0 0 #200d09;
    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;
}

.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('../img/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: #200d09;
    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;
}

#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: 0;
    }
    header nav .handle {
        height: 50px;
        right: 20px;
        top: 20px;
        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;
    }
}

@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: 50px;
        width: 50px;
    }

    .trigger span:before, .trigger span:after {
        height: 79%;
    }
    .trigger span {
        left: 62%;
        width: 20px;
    }
    .logo img {
        top: 13px;
        width: 40%;
    }
}

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

#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: #200d09;;
    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: #200d09;;
    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%;
}

#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: 0 10px ;
}

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

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

#filters button.active {
    color:#200d09;;
}



/*--------------------------------------------------
	 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: 0;
    top: 0;
    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: 400;
    color:#200d09;;
    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 0 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:#200d09;
}

.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 0 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: 0;
}

.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 #200d09;
    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("../img/themes/banner.jpg") repeat scroll 0 0 transparent;
    background-position: center;
    background-size: cover;
}
.themes-image {
    height: 476px;
}
.miapp {
    background:url("../img/themes/mock-miapp.png") no-repeat scroll 0 0 transparent;
}
.miportfolio {
    background:url("../img/themes/mock-miportfolio.png") no-repeat scroll 0 0 transparent;
}
.mievent {
    background:url("../img/themes/mock-mievent.png") no-repeat scroll 0 0 transparent;
}
.miagency {
    background:url("../img/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 h1, .theme-spport h2 {
    padding-bottom:0;
}
.theme-spport h1 a, .theme-spport h1 a:hover, .theme-spport h1 a:focus,
.theme-spport h2 a, .theme-spport h2 a:hover, .theme-spport h2 a:focus {
    color: #200d09;
    text-decoration: none;
    text-transform:lowercase;

}
.table-view {
    height:190px;
    display:table;
}
.table-view  h1, .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 #200d09;
    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:170px;
    padding-left: 2.7%;
    padding-top: 8%;
}
#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("../img/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 h1, #job-apply h2 {
    font-size: 4.3em;
    padding-bottom: 10px;
}
/* ----------------------------------------------------------------
    Forms
-----------------------------------------------------------------*/

.sm-form-control {
    background: #f7f7f7;
    border: 1px solid #200d09;
    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: #200d09;
    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: #200d09;
    font-weight: 100;
    letter-spacing: -0.05em;;
    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("../img/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("../img/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("../img/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("../img/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: 400;
    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 #200d09;;
    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;
    padding-right: 70px;
}
.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;
}

.contact .contacts-partners h1, .contact .contacts-partners h2 { padding-top: 30px; clear: both; }
.contact .contacts-partners img { max-width: 100%; height: auto; max-height: 65px;  }
.contact .contacts-partners .email p { text-align: center; padding: 0; line-height: 1px; }
.contact .contacts-partners .email, .contact .contacts-partners .call, .contact .contacts-partners .visit {
    min-height: 90px;
    padding-top: 10px; padding-bottom: 10px;
}
.contact .contacts-partners .email { padding: 10px 10px; }
.contact .contacts-partners > div { display: table; }
.contact .contacts-partners > div p { display: table-cell; vertical-align: middle; }

    /*****************************************************/
/* 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('../img/pattern/pinkpetals.jpg');
    background-attachment:fixed;
}
.pattern-2 {
    background:url('../img/pattern/sweetstitch.jpg');
    background-attachment:fixed;
}
.pattern-3 {
    background:url('../img/pattern/cloudsatlast.jpg');
    background-attachment:fixed;
}
.pattern-4 {
    background:url('../img/pattern/rozylips.jpg');
    background-attachment:fixed;
}
.pattern-5 {
    background:url('../img/pattern/gems.jpg');
    background-attachment:fixed;
}
.pattern-6 {
    background:url('../img/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 #200d09;
    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('../img/pattern/pinkpetals.jpg');
}
.link-2{
    background:url('../img/pattern/sweetstitch.jpg');
}
.link-3{
    background:url('../img/pattern/cloudsatlast.jpg');
}
.link-4{
    background:url('../img/pattern/rozylips.jpg');
}
.link-5{
    background:url('../img/pattern/gems.jpg');
}
.link-6{
    background:url('../img/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-desc h4 {
    padding-bottom:4px;
}
/*****************************************************/
/* Coding  */
/*****************************************************/

.spirit {
    background: url("../img/code/Draggable Divisions/rightimg.png");
    background-repeat: no-repeat;
    height: 100%;
    overflow: hidden;
    width: 100%;
}
.code-intro-sec {
    background:#323338;
}
#resizable {
    background: url("../img/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("../img/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("../img/code/Animated Patterns/01.jpg");


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

}
.animated-patterns-3{
    background-image: url("../img/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%;
    }


}
/*****************************************************/
/* 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;
}

.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 .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("../img/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("../img/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("../img/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("../img/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("../img/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("../img/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("../img/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("../img/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("../img/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("../img/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("../img/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("../img/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("../img/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("../img/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("../img/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("../img/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("../img/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("../img/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("../img/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 h1, .theme-sec h2 {padding: 0;}
.work-sec h1, .work-sec h2 {padding-bottom: 40px;}
.multia-sec h1, .multia-sec h2 {padding-bottom: 40px;}
.testimonial-sec h1, .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 0;}

.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: 0;}
.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: 0; top: 0; 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: 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;}
.list-container.right-slide {background: #200d09;}
header .submenu { display: inline-block;}
.submenu .fa {position: absolute; right:8px; top: 4px; color:#222; cursor: pointer; font-weight: 700; font-size: 14px;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: #200d09; position: absolute; float: left; height: auto; text-align: left;  top: 50px; left: 0; 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 0; 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;}
    .logo img.img-logo { display: none;}
    .logo img.img-logo-medium{ display: block;}
}
@media screen and (max-width: 1200px) {
    .we-do-detail {position: relative; float: left; width: 100%;}
    .inner-page-link .small-text {padding-left: 0; float: right;}
    .inner-page-link p {padding-left: 0;}
    .detail-link-2 {padding: 40px 0;}
    /*.about-intro {text-align: center;}*/
    .social-button img {padding-left: 0%;}
    .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 0;}
    .medium .linkto-text {padding: 18px 8px;}
    .themes-image {margin-top: 6.2%; position: relative; float: left; width: 100%; padding: 50px 0;}
}
@media screen and (max-width: 990px) {
    .item-title {margin-left: 28px;}
    .item-cat {margin-left: 28px;}

    .item-overlay {background: rgba(255,255,255,0.7);}
    .about-intro h1, .about-intro h2 {/*padding-top: 40px;*/}
    .work-sec {padding: 0 15px;}
    .about-sec {padding: 0 15px;}
    .inner-page-link p {padding-left: 0; font-size: 0.8em;}
    .itemm {width: 50%;}
    .work-intro {min-height: 100%;}
    #filters {padding-bottom: 80px;}
}
@media screen and (max-width: 800px) {
    /*.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 0 35px;}
}

@media screen and (max-width: 768px) {
    .list-container.right-slide { background: none; }
}

@media screen and (max-width: 767px) {
    .work-blocks .no-padding {padding: 0;}
    .work-intro {min-height: 100%; padding-bottom: 80px;}
    .detail-link-3 {left: auto; right: 50px; margin: 40px 0;}
    .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: 0;}
    .no-padding.coding-block.respon {padding: 0;}
    .name-desc {padding-bottom: 30px;}
}
@media screen and (max-width: 738px) {
    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 0 5px 10px; top: 0; display: none;}
    header .submenu ul li {font-size: 0.75em;}
    header .submenu ul.slide-submenu {display: block; opacity: 1; visibility: visible;}
}
@media only screen and (max-width: 737px) {
    .logo img {height: 40px; width: 40px; left: 20px; top: 20px;}
    .logo img.img-logo-medium { display: none;}
    .logo img.img-logo-small{ display: block;}
    .logo {left: 0; top: 0; height: 40px;}
}
@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: 0 20px 0 55px;}
    #eclips {display: none!important;}
    .no-padding.about-intro h1, .no-padding.about-intro h2 {/*padding-top: 80px;*/}
    .about-intro h1, .about-intro h2 {padding: 10px 15px;}
    .theme-sec {min-height: 100%; padding-bottom: 40px;}
    .table-view {height: auto; padding: 20px;}
    .table-view h1, .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: 0;}
    .no-left-padding {padding: 0;}
    .project-det-sec p {font-size: 1em;}
    .itemm {width: 100%;}
    .about-sec {min-height: 100%;}
    .onehomepage h1, .onehomepage h2 { font-size: 17px !important; }

    .tab-content .email, .tab-content .call, .tab-content .visit { padding-top: 14%; }
}
@media screen and (max-width: 480px) {
    .no-padding.about-intro h1, .no-padding.about-intro h2 {padding-top: 30px;}
    .no-padding {padding: 0!important;}
    .two-col-wout .no-padding {padding-left: 15px !important;padding-right: 15px !important;}
    .section-wrap.no-padding {padding: 30px 15px 0 15px  !important;}
    .about-intro .p-18 {padding-left: 35px; font-size: 18px;}
    /*.home .about-intro h2 {font-size: 2em; padding-left: 0; /*text-align: center;}*/
.name-desc {padding-bottom: 40px;}
h1, 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: 0 15px;}
blockquote {padding: 10px 10px 10px 35px;}
    .about-reasons h1, .about-reasons h2 {padding-top: 40px;}
.prettycheckbox > a {height: 20px; width: 20px;}
.prettycheckbox label {padding-top: 0; padding-left: 40px;}
footer .footer-vimeo span { margin-top: 10px; margin-bottom: -3px; }
}
@media screen and (max-width: 360px) {
    .code-block {padding-bottom: 40px;}
}

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: 0 none;}
a:hover {outline: none;}
a:active {outline: none; text-decoration: none;}
a:focus {outline: none; outline-offset: 0; 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: 'Myriad Pro', sans-serif; border: 0 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: 0; text-align: center;}
.swiper-pagination-switch {cursor: pointer; opacity: 0.5; width: 16px; height: 16px; position: relative; float: none; display: inline-block; margin: 0 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(3n+1) {background: url('../img/about/point_1.png') no-repeat;}
.swiper-pagination-switch:nth-child(3n+2) {background: url('../img/about/point_2.png') no-repeat;}
.swiper-pagination-switch:nth-child(3n+3) {background: url('../img/about/point_3.png') no-repeat;}

.onehomepage {font-family: 'Myriad Pro', sans-serif; color: #200d09;; background: #f3f3f3;}

.onehomepage h3 {font-size: 18px; font-weight: 400; font-family: 'Myriad Pro', sans-serif; text-transform: uppercase; padding: 0;}
.onehomepage h5 {font-size: 16px; font-family: 'Myriad Pro', sans-serif; font-weight: 500;}
.morden-h6  {color: #fff !important; font-family: 'Myriad Pro', sans-serif; font-size: 13px; line-height: 24px; text-transform: uppercase !important; padding-bottom: 20px;}
.onehomepage h6 {color: #200d09; font-family: 'Myriad Pro', sans-serif; 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: 0 50px 0 0;}
.onehomepage .header-links.language-switch-wrap { padding-right: 15px; }
.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: 0; position: absolute; right: 80px;left: auto; margin-right: 0; 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: 0 70px 0 0; height: auto;}
.onehomepage header .submenu .dropdown li {width: auto; font-size: 14px; 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: 0 20px;}
.onehomepage header .submenu .dropdown li a:hover {color: #200d09;}
.onehomepage header .submenu .dropdown li ul {background: #fff; padding: 0; position: absolute; width: auto; right: auto;}
.onehomepage header .submenu .dropdown li ul li {color: #161616; font-size: 14px; font-family: 'Myriad Pro', sans-serif; text-transform: none; line-height: 18px; margin: 0; width: 100%;}
.onehomepage header .submenu .dropdown li ul li a:hover {color: #200d09;}
.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: 0 40px 0 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 0 0 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 .blog-article-wrapper, .onehomepage .portfolio-article-wrapper { padding: 0; }
.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% 0; 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% 0; 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: 0; left: 80px;}
.parallax.onehomepage .themes-icon.themess span {top: 28px; left: 30px;}
.border-top {position: absolute; top: 0; left: 0;}
.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 0;}
.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: #200d09;}
.top-baner {position: relative; float: left; width: 100%; overflow: hidden; background-color: #f3f0ec; }
.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;}
.language-switch { top: 4px; position: relative; }
.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 h1, .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: 16px; font-weight: 600; padding: 20px 44px; margin: 0 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: #200d09; color: #fff;}
.top-baner-caption .start {background: none; border: 1px solid #200d09; color: #200d09;}
.top-baner-caption .view:hover {background: none; border: 1px solid #200d09; color: #200d09;}
.top-baner-caption .start:hover {background: #200d09; color: #fff;}
.top-baner-caption span {text-transform: uppercase; color: #200d09; font-size: 16px; 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: #200d09;;}
#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: 50px; }
.section-wrap.portfolio-share-wrap { padding-top: 30px; }
.section-wrap.filter-sort { padding-top: 10px; }
.blog .section-wrap.nav-page-tabs-wrap, .section-wrap.blog-comment-form-wrap { padding-top: 0; }
.blog .section-wrap.filter-sort { padding-top: 30px; }
.section-wrap.blog-article-filters-share-wrap, .blog-list .section-wrap.blog_full_text { padding-top: 0; }
.section-wrap.blog-comment-form-wrap > div { padding: 0; }
.section-wrap.blog-full-content { padding-top: 10px; }
.section-wrap.related-post { padding-top: 30px; }
.blog-article-wrapper h1, .blog-article-wrapper h2, .blog-article-wrapper h5 { color: #fff; }

.section-wrap h1, .section-wrap h2 {padding-bottom: 35px;}
.section-wrap.about-top-baner h1, .section-wrap.about-top-baner h2 {padding-bottom: 15px;}
.top-padding-head{padding-top: 180px;}
.range-block {position: relative; float: left; width: 100%; margin-bottom: 30px;}
.range-block-icon {position: absolute; left: 0; top: 0;}
.range-block-icon span {font-size: 50px; color:#200d09;}
.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: 25px; 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;  margin-top: 0; 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: 0;}
.onehomepage #filters .button {border-right: 1px solid #200d09; margin: 0; padding: 0 10px;font-weight: 400; font-family: 'Myriad Pro', sans-serif; font-size: 16px; text-transform: uppercase; color: #200d09; 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:first-child { margin-left: 0; }
.onehomepage #filters .button:last-child {border-right: 0;}
.onehomepage #filters .button:hover {color:#200d09; 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: 16px; font-family: 'Myriad Pro', sans-serif; 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: 0 3% 80px; display: inline-block; width: 27%;}
.onehomepage .itemm.w_60 {width: 60%;}
.onehomepage .itemm.w_50 {width: 50%; margin-right: 0; margin-bottom: 0; }
.onehomepage  .about-img-wall .itemm:nth-child(2n) { margin-right: 0; }
.grid-sizer {width: 0;}
.onehomepage .item .item-title {margin-top: auto; position: absolute; bottom: 50px; clear: both;}
.onehomepage .item a {position: absolute; left: 0; top: 0; 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;}


.count-block {position: relative; float: left; width: 100%; text-align: center; background: #fff; padding: 50px 0 42px;}
.count-block span {font-size: 45px; font-weight:  600; color: #200d09;}
.count-block p {text-transform: uppercase; color: #200d09;}

.team-block-wrapp {position: relative; float: left; width: 100%;}
.team-img {position: relative; float: left; width: 100%;}
.team-img img {width: 100%; height: auto; display: block; }
.team-text {position: absolute; left: 0; bottom: -77px; width: 100%; overflow: hidden; max-height: 80px; padding-top: 30px; padding-left: 30px; padding-right: 30px; z-index: -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;}
.team-text h3 {color: #200d09; padding-bottom: 13px;}
.team-text h5 {font-size: 16px; color: #200d09;}
.team-text p {color: #200d09; padding: 20px 0;}
.team-text h6 { text-transform: none; }
.follow-team .fa {color: #505050; font-size: 20px; border-right: 1px solid #200d09; 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: 0;}
.hide-text-block {opacity: 0;}
.team-block-wrapp:hover .team-text {max-height: 100%; background: rgba(255,255,255,0.8); position: absolute; height: 100%; padding-top: 70px; top: 0; bottom: 0; z-index: 5;}
.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 0; 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 0 20px;}
.skill-block {position: relative; float: left; width: 100%; border: 1px solid #828282; height: 60px; margin: 10px 0;}
.skill-block span {position: absolute; left: 0; top: 0; font-size: 16px; text-transform: uppercase; color:#200d09; 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: #200d09; 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 0; position: absolute; right: 10px; top: 0;}
.skill-block .per {position: absolute; right: 0; left: auto; font-weight: 400; font-size: 18px; color: #200d09;; font-family: 'Myriad Pro', sans-serif;}

.money-block {position: relative; float: left; width: 100%; background: #e1e1e1; color:#200d09; 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 0 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 0 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: 16px; font-family: 'Myriad Pro', sans-serif; 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: 0; width: 54px; height: 54px; background: #200d09; z-index: 50; color: #fff; padding: 10px; font-size: 37px;}
.wiget-block .fa a {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; padding: 0; margin: 0;}
.wiget-block .twitter-block .fa {top: 0;}
.wiget-block .mp-about-block .fa {bottom: -3px;}
.home h1, .home h2 { font-size: 20px; }
.twitter-block p {padding: 50px 50px 10px 50px; font-size: 18px; line-height: 36px; }
.twitter-block p span { text-indent: 1.5em;     display: inline-block; }
.twitter-block ol { padding-left: 50px; list-style-position: inside; }
.twitter-block ol li { font-size: 18px; }
.twitter-block .tw-date {padding-left: 90px; font-size: 18px; line-height: 20px; font-family: 'Myriad Pro', sans-serif; font-weight: 100;}
.twitter-block a {padding-left: 90px; font-size: 18px; font-family: 'Myriad Pro', sans-serif;}
.mp-about-block {position: relative; float: left; width: 100%;background: none; height: 640px; text-align: center;}
.mp-about-block iframe {position: absolute;top: 0;bottom: 0;left: 0;width: 100%;height: 100%;border: 0;}
.onehomepage.video-home .mp-about-block { overflow: hidden; }

.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: 0 3px;}


.onehomepage .testimonial-sec {min-height: 100%; padding-bottom: 50px;}
.testi-style .traingle {display: none;}
.testi-style .name {color: #200d09; padding-bottom: 0;}
.testi-style .pos {font-size: 13px; line-height: 24px; text-transform: uppercase; font-family: 'Myriad Pro', sans-serif; color: #200d09;}
.bquote {color: #200d09; background: #fff;}
.q_left {background: url(../img/main/quote_left.png) no-repeat; width: 15px; height: 13px; position: absolute; margin-left: -25px;}
.q_right {background: url(../img/main/quote_right.png) no-repeat; width: 15px; height: 13px; position: absolute;  margin-top: 20px; margin-left: 10px;}
.bquote:before {position: absolute; bottom: 55px; 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: 330px; min-height: inherit; border-top: 1px solid #dccfc0; width: 100%; padding-bottom: 55px;}
.onehomepage .our-work-sec { height: auto;  }
.onehomepage .our-work-sec a { color: #999;    border-bottom: 1px solid #999; }
.onehomepage .our-work-sec a:hover { color: #200d09;  }
.onehomepage .our-work-sec .text-center a { display: inline-block; border-bottom: 0 none; margin-left: 30px; margin-right: 30px; vertical-align: middle; }
.onehomepage .our-work-sec img { cursor: pointer;}
.onehomepage #slider3_container {height: 280px; width: 100%; margin: 0;}
.onehomepage #slider3_container .slider {height: 280px; width: 100%;}
.logo-image {position: relative; float: left; margin: 0 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;}
.copyright {position: relative; float: left; width: 100%; padding: 35px 70px 0 0; text-align: right;}
.copyright span {font-size: 14px; font-family: 'Myriad Pro', sans-serif; color:#200d09; display: block;}
.copyright span.footer-small { font-size: 12px; text-transform: none; }
.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: #200d09; text-align: center;}
.footer-icon span {color: #fff; font-size: 38px; position: relative; float: none; display: inline-block; padding-top: 25px;}
/*.footer-contact .footer-icon span { transition:all 0.75s 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; }*/
.footer-contact a:hover .footer-icon { background: #f3f0ec; }
.footer-contact a:hover .footer-icon span { color: #200d09; }


.list-container.color {background: #200d09;}
.header-links.visi {visibility: visible; opacity: 1;}
#header_ul.header-menu.right {right: 0!important;}

@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: 0;}
    .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: 0 75px 0 0;}
}

@media screen and (min-width: 1200px) and (max-width: 1260px) {
    .section-wrap { padding-right: 30px; padding-left: 30px; }
}

@media screen and (max-width: 1200px) {
    .parallax.onehomepage .themes-icon {position: relative; float: none; display: inline-block; top: 0; margin: 20px 0;}
    .contact-icon-wrap {margin: 0 auto;}
    .contact-number {text-align: center; padding-bottom: 50px;}
    .onehomepage .contact-detail h5 {text-align: center; padding-right: 0; padding-bottom: 50px;}
    .copyright {text-align: center; padding: 35px 0;}
    .onehomepage header .submenu .dropdown {margin-right: -50px;}
    .onehomepage header .list-container .header-menu {padding: 0 80px 0 0;}

    .twitter-block p { line-height: 30px;  padding: 30px 30px 10px 30px; }

    .onehomepage .our-work-sec { padding-bottom: 25px;  }
    .onehomepage .our-work-sec .text-center a { margin-left: 0; margin-right: 0; }
    .onehomepage .our-work-sec a.webstorky-com-img-link { margin-top: 45px; }
}


@media screen and (max-width: 1100px) {
    /*.no-padding {padding-left: 15px;padding-right: 15px;}*/
    .no-padding .no-padding  {padding-left: 0;padding-right: 0;}
    .two-col-wout .no-padding {padding-left: 0;padding-right: 0;}
}


@media screen and (min-width: 993px) and (max-width: 1050px) {
    .section-wrap { padding-right: 30px; padding-left: 30px; }
}



@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: 0;}
    .onehomepage .border #border-bottom, .onehomepage .border #border-top {height: 0;}
    .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: 30px;}
    .count-block {margin-bottom: 30px;}
    .top-baner {padding: 0; margin-top: 0;}
    .top-baner header nav .handle {top: 30px; right: 30px;}
    .top-baner .logo {top: 30px; left: 30px;}
    .onehomepage .logo img {left: 0; top: 0;}
    .onehomepage header {min-width: 100%;}
    .onehomepage .itemm.w_60 {width: 50%;}
    .onehomepage .itemm {width: 50%; margin: 0; padding: 0 15px 30px;}
    .onehomepage .item-title {margin-left: 28px; bottom: 80px;}
    .onehomepage .item-cat {margin-left: 28px; bottom: 60px;}
    .onehomepage .itemm .svg-arrow {display: none;}

    .team-block-wrapp:hover .team-text { padding: 15px;}
    .hide-text-block {display: block;}
    .skill-desc h4 {padding: 40px 0 20px;}
    .section-wrap h1, .section-wrap h2 {padding-bottom: 30px;}
    .money-block {margin-bottom: 30px;}
    .ins_img img {width: 100%; height: 100%;}
    .twitter-block {height: 460px;}
    /*.twitter-block p {padding: 50px 90px 45px;}*/
    .testi-style .name-desc {padding-bottom: 50px;}
    .about-intro h1, .about-intro h2 {padding-bottom: 40px; /*text-align: left;*/}
    .about-intro {text-align: left; }
    .work-hard {margin-top: 70px;}
    .onehomepage header .list-container .header-menu {padding: 0; width: 100%; text-align: center;}
    .onehomepage .header-links {padding: 0 15px;}
    .onehomepage header .submenu .dropdown {width: 100%; margin-right: 0; right: 0;}
    .onehomepage header .submenu ul li {padding: 0;}
    .onehomepage header .submenu .dropdown li {float: none;}
    .onehomepage header .submenu .sub-drop li {float: left;}
    .onehomepage header .submenu .sub-drop li a {padding: 0 20px;}
    .onehomepage .client-sec { height: 330px; }
    .onehomepage .our-work-sec { height: auto; }
    .section-wrap.no-padding  h1, .section-wrap.no-padding  h2 {padding-left: 0; padding-right: 0;}
    /*.section-wrap h2 {padding-left: 15px; padding-right: 15px;}*/
    .twitter-block p { line-height: 36px;  padding: 30px 30px 10px 30px; }
    .onehomepage.video-home .mp-about-block img { width: 100%; height: auto; }
    .onehomepage.about .about-top-img .bg-bg { background-position: 45% 0; }
    .onehomepage nav .list-container { top: 0; }
}
@media screen and (max-width: 767px) {
    .onehomepage nav .list-container {top: 0;}
    .onehomepage header .list-container .header-menu {padding: 50px 0;}
    .onehomepage header .submenu .dropdown {position: relative; float: left; width: 100%; right: 0; opacity: 1; top: 0; padding: 5px 0 12px; margin: 0; height: 100%; display: none;}
    .onehomepage header .list-container ul {padding: 70px 0 50px 0;}
    .onehomepage header .submenu .dropdown li {width: 100%; line-height: 20px; position: relative; text-align: center; padding: 15px 0;}
    .onehomepage header .submenu .dropdown li a {width: 100%; padding: 0;}
    header .list-container ul li {font-size: 20px; margin-right: 20px;}
    header .list-container ul { position: fixed !important; bottom: 0;}
    .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: 0;}
    .onehomepage header .submenu .sub-drop li ul li a {padding: 0;}
    .onehomepage header .submenu .sub-drop li {padding: 7px 0;}
    .onehomepage .header-links.language-switch-wrap { position: absolute; top: 28px; right: 93px; }
    .onehomepage header .list-container .header-menu { display: none; }
}
@media screen and (max-width: 768px) {
    .row.margin-row {margin-left: -15px; margin-right: -15px;}
    .no-padding {padding: 0 15px;}
    .two-col-wout .no-padding {padding-left: 15px !important;padding-right: 15px !important;}
    .no-padding .no-padding  {padding-left: 0;padding-right: 0;}
    .section-wrap.no-padding  h1, .section-wrap.no-padding  h2 {padding-left: 0;padding-right: 0;}
    .footer-sec .p-28 {padding-top: 20px;}

    .top-baner-caption p {display: none;}
    .section-wrap { padding-top: 30px; padding-left: 15px; padding-right: 15px; }
    .range-block { margin-bottom: 60px;}
    .team-block-wrapp .team-text { padding-left: 5px; padding-right: 5px;}
    .onehomepage .item-title {font-size: 14px;bottom: 70px;}
    .onehomepage .item-cat {bottom: 50px;}
    .section-wrap.blog-article-filters-share-wrap > div{ padding-left: 0; padding-right: 0; }
    .onehomepage.about .about-top-img .bg-bg { background-position: 40% 0; }
}
@media screen and (max-width: 738px) {
    .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 0 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 0;}
    .onehomepage .header-links {padding: 5px 0;}
    .onehomepage header .submenu .dropdown {background: none; padding: 5px 0 25px;}
    .onehomepage header .submenu .dropdown li ul {background: none;}
    header .submenu ul li a {font-size: 17px; padding: 4px 0;}
    .twitter-block p { line-height: 27px; }
    .onehomepage .header-links.language-switch-wrap { top: 31px; }
}
@media screen and (max-width: 640px) {
    .mp-about-block {height: auto;}
    .onehomepage .client-sec { height: 360px; }
    .onehomepage .our-work-sec { height: auto; }
    .onehomepage.about .about-top-img .bg-bg { background-position: 35% 0; }
}
@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 (min-width: 551px) and (max-width: 767px) {
    .team-block-wrapp .hide-text-block { display: none !important; }
}
@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: 14px;}
.skill-block .skill-line {margin-left: 130px; margin-right: 60px;}
.skill-block h5 {font-size: 16px;}
.ins_img {width: 100%;}
.ins_img img {width: 100%; height: auto;}
.twitter-block {height: 460px;}
.twitter-block p {padding: 25px 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: 16px; 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 0;}
    .section-wrap.team-section  .col-xs-4 { width: 100%; }
}
@media screen and (max-width: 480px) {
    .about-intro .p-18 {padding-left: 0;}
    .top-baner-caption .view {margin-bottom: 20px;}
    .twitter-block { min-height: 550px; height: auto; }
    .onehomepage .client-sec { height: 390px; }
    .onehomepage .our-work-sec { height: auto; }
    .twitter-block p { line-height: 24px; }
}
@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;}
    .twitter-block p { font-size: 14px; }
    .twitter-block { min-height: 580px;  }
    .onehomepage.about .about-top-img .bg-bg { background-position: 37% 0; }
}

@media screen and (max-height: 768px) {
    .onehomepage.about .about-top-img .bg-bg { background-position-y: 10%; max-height: 400px; }
    .onehomepage.about .about-top-img .clip { max-height: 100%; }
    .onehomepage.about .about-top-img { max-height: 400px; }
}

@media screen and (max-height: 640px) {
    .onehomepage.about .about-top-img .bg-bg { background-position-y: 10%; max-height: 330px; }
    .onehomepage.about .about-top-img .clip { max-height: 100%; }
    .onehomepage.about .about-top-img { max-height: 330px; }
}

@media screen and (max-height: 460px) {
    .onehomepage.about .about-top-img .bg-bg { background-position-y: 10%; max-height: 220px; }
    .onehomepage.about .about-top-img .clip { max-height: 100%; }
    .onehomepage.about .about-top-img { max-height: 220px; }
}

@media screen and (max-height: 320px) {
    .onehomepage.about .about-top-img .bg-bg { background-position-y: 17%; max-height: 180px; }
    .onehomepage.about .about-top-img .clip { max-height: 100%; }
    .onehomepage.about .about-top-img { max-height: 180px; }
}


/*======================Homepage Mini======================*/

#minimal-slider .swiper-slide {height: 856px;}
.onehomepage .mini-home .itemm {width: 25%; margin: 0; padding: 0; 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 h1, .title-button h2 {position: relative; float: left;}
.view-button {position: relative; float: right; display: block;}
.view-button .linkto {position: absolute; right: 0; top: 0;}
#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: #200d09;}
#minimal-slider .top-baner-caption h1, #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;  border: 1px solid #200d09; border-radius: 50%; width: 15px; height: 15px; position: relative; float: right; display: inline-block; margin: 0 10px;}
.home-pagination .swiper-active-switch {opacity: 1; background: none; background: #200d09; border:1px solid #200d09; 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 { left: 0; right: auto;}
.slide-next {position: absolute; right: 120px; top: 50%; width: 100px; height: 40px; cursor: pointer;}
.slide-next .svg-arrow {right: 0; left: auto;}

.blog-full-img .slide-prev, .blog-full-img .slide-next {
    height: 100%;
    width: 175px;
    top: 0;
    opacity: 0;
}

.blog-full-img .slide-prev span, .blog-full-img .slide-next span {
    font-size: 100px;
    display: block;
    top: 50%;
    color: #eee;
    position: relative;
    margin-top: -55%;
}

.blog-full-img .slide-prev { left: 0; }
.blog-full-img .slide-next { right: 0; }
.blog-full-img .slide-prev span { left: 50px; }
.blog-full-img .slide-next span { left: 66px; }

.blog-full-img .slide-prev:hover, .blog-full-img .slide-next:hover {
    opacity: 0.4;
    background: #000;
}

.blog-full-img img.hidden-on-load { display: none; }

@media screen and (max-width: 1440px) {
    .blog-full-img .slide-prev span, .blog-full-img .slide-next span {
        margin-top: -57%;
    }
}

@media screen and (max-width: 1200px) {
    .swiper-gallery-slider-creative .swiper-slide {height: 600px;}
    .blog-full-img .slide-prev, .blog-full-img .slide-next { width: 125px; }
    .blog-full-img .slide-prev span, .blog-full-img .slide-next span { font-size: 80px; }
    .blog-full-img .slide-prev span { left: 30px; }
    .blog-full-img .slide-next span { left: 46px; }
}
@media screen and (max-width: 992px) {
    .slide-next {right: 0;}
    .slide-prev {left: 0;}
    .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;}
    .blog .pagination.swiper-pagination { 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: 0;}
}
@media screen and (max-width: 400px) {
    .swiper-gallery-slider-creative .swiper-slide {height: 400px;}
    .onehomepage .top-baner-caption h1, .onehomepage .top-baner-caption h2 {font-size: 32px; line-height: 36px;}
}

/*======================Homepage Modern======================*/

#modern-slider .swiper-slide {height: 856px;}
#modern-slider .top-baner-caption h1, #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: 0; 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: 16px; font-family: 'Myriad Pro', sans-serif; color: #f4f4f4;}
.modern .section-wrap p {position: relative; float: left; width: 100%;}
.modern-caption {position: absolute; bottom: 140px; left: 0; 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 0 110px;}
.testi-text p {font-size: 16px; color: #fff; padding: 0 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 0;}
    .view-button .linkto {position: relative; float: none; display: inline-block;}
    .onehomepage .linkto span {position: absolute; padding-top: 40px; text-align: center; top: 0; left: 0; width: 100%;}
    .testi-text p {padding: 0;}
}
@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: 14px;}
}

/*======================Homepage Video======================*/

.video-home .section-wrap.video-click {padding-top: 0; padding-left: 0; padding-right: 0; }
.video-home .video-title {text-align: left; padding-left: 120px; top: auto; bottom: 140px; 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 h3 {font-size: 16px; text-transform: capitalize; color: #fff; font-weight: 400; letter-spacing: 0.03em;}
/*.video-home .video iframe {max-height: 985px;}*/
.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: 0 0 80px; padding: 0;}
.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: 0 none; padding: 0;}
.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 h1, .video-title h2 {font-size: 36px; color: #fff; text-transform: uppercase; font-weight: 400; padding-top: 20px; line-height: 40px; padding-bottom: 0; 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, .videoEmbed {float: none;clear: both;width: 100%;position: relative;padding-bottom: 56.25%;padding-top: 25px;height: 0; }
/*.onehomepage.video-home .video { padding-bottom: 50.75%; }*/
.video { display: none; }
.video iframe, .videoEmbed iframe{position: absolute;top: 0;left: 0;width: 100%; height: 100%; padding: 30px;}
.about.onehomepage .video iframe, .about.onehomepage .videoEmbed iframe { padding: 12px 0; }
.videoEmbed iframe { padding: 10px 0;}
.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);}
.onehomepage #slider3_container .slider {height: 170px;}
.about.onehomepage .client-sec {border: 0 none; margin-top: 95px; }
.about.onehomepage  .team-section {margin-top: 60px; }
.about-clients {position: relative; width: 100%; padding: 120px 0; border-top: 1px solid #e6e6e6; margin-top: 190px;}
.about-clients .client-sec {height: auto; padding: 40px 0;}
.start-project-bar {width: 100%; position: relative; float: left; text-align: center; background: #200d09; padding: 50px 0 15px; }
.start-project-bar .start-project-title {position: relative; float: none; display: inline-block;}
.start-project-bar a {font-size: 16px; color: #fff; text-transform: uppercase; font-weight: 600;     width: 100%; display: inline-block; height: 100%;letter-spacing: 0.07em;}
.start-project-bar span {
    font-size: 16px;
    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 .start-project-bar { margin-top: 25px; margin-bottom: 105px;}

.contact-detail {padding-top: 60px;}
.about ul li { font-weight: normal; list-style-type: disc; font-size: 16px; margin-left: 3px;}

/*======================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 0 50px 40px;}
.mini-wall {position: relative; float: left; width: 100%;}
.mini-wall img {width: 100%; height: auto; display: block;}
.mini-wall-wrap div {padding: 0;}
.margin-img {margin-top: 260px;}

/*======================About Modern====================*/

.number-block .range-block-icon h1, .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: 0 none;}
.moder-team-block .follow-team .fa:hover {color: #fff;}
.team-hover {position: absolute; left: 0; bottom: -100%; width: 100%; background: rgba(0,0,0,0.8); padding: 25px 0 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: 0; margin-right: 20px;}
.moder-team-block:hover .team-hover {bottom: 0;}

/*======================About MediaQ====================*/

@media screen and (max-width: 1200px) {
    .about-img-wall .itemm {padding: 0; margin: 0;}
    .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: 0;}
    .start-project-bar .svg-arrow {display: none;}
    .video-home .video iframe { padding: 0; }
    .video-home .video .fa { right: 92px; }
}
@media screen and (max-width: 768px) {
    .video-home .video .fa {
        right: 75px;
        top: 78px;
    }

    .about ul li {
        line-height: 32px;
    }
}

@media screen and (max-width: 600px) {
    .video-home .video .fa {
        right: 11px;
        top: 83px;
    }
}

@media screen and (max-width: 550px) {
    .about-minimal .about-top-baner {padding-bottom: 70px;}
    .about .footer-sec {margin-top: 0;}
    .about-top-baner p {padding-right: 20px;}
    .pagination {bottom: 0;}
    .start-project-bar a {font-size: 16px;}
    .start-project-bar {padding: 40px 0 35px;}
    .about-img-wall .itemm.w_60 {width: 100%;}
    .about-img-wall .itemm.w_40 {width: 100%;}
    .about-clients {padding: 70px 0; 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 h1, .video-title h2 {font-size: 22px;}
}
@media screen and (max-width: 480px) {
    .video-home .video-click > img {height: 400px; width: auto;}
    .video-home .video-title {padding: 0; left: 0; text-align: right;}
    .video-home .video-title img {position: absolute; left: 20px; margin: 0;}
    .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;}
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 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: 630px; position: relative; float: left; width: 100%;padding: 30px;}
.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: 16px; text-transform: capitalize;}
.contact .tab-content p {font-size: 16px;}
.contact .tab-content .visit p {font-size: 16px;}
.contact .tab-content {padding-top: 60px; position: relative; float: left; width: 100%;}
.contact-form, .send-resumes-form {position: relative; float: left; width: 100%; padding-top: 35px;}
.contact-form { padding-top: 60px; }
.contact-form input, .send-resumes-form input, .send-resumes-form label[for="MessagesFileNameT"] {background: #fff; height: 65px; padding: 20px 30px; margin-bottom: 30px; width: 100%; font-size: 16px; border: 0 none;}
.send-resumes-form input, .send-resumes-form label[for="MessagesFileNameT"] { margin-top: 30px; margin-bottom: 0; }
.send-resumes-form label[for="MessagesFileNameT"] { position: relative; cursor: pointer; margin-top: 25px; }
.send-resumes-form label[for="MessagesFileNameT"] div.filename { color: #bdbdbd;
    padding-top: 6px;
    text-transform: none;
    font-size: 16px;
    font-weight: normal;
    padding-left: 0;
}
.send-resumes-form .icon-append, .send-resumes-form .icon-prepend {
    color: #ccc;
    padding-top: 3px;
    padding-left: 0;
}
.send-resumes-form  .icon-append {
    right: 5px;
    padding-left: 3px;
}

.send-resumes-form  .icon-append, .send-resumes-form  .icon-prepend {
    position: absolute;
    top: 17px;
    width: 29px;
    height: 29px;
    font-size: 14px;
    line-height: 29px;
    text-align: center;
}
.send-resumes-form  .contact-form-content { margin-top: -30px; }
.send-resumes-form input.form-error { margin-bottom: 0; }
.contact-form textarea, .send-resumes-form textarea {height: 160px; width: 100%; background: #fff; padding: 30px;}
.contact-form textarea { height: 255px; }
.send-resumes-form textarea { margin-top: 30px; }
.blog-comment-form input[type="submit"], .contact-form input[type="submit"],
.send-resumes-form input[type="submit"] {text-transform: uppercase; height: 45px; background: #200d09; font-weight: 600; color:#fff; font-family: 'Myriad Pro', sans-serif; padding: 0; 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 h1, .contact .section-wrap h1, .contact-form h2, .contact .section-wrap h2 {padding-bottom: 0;}
.blog-comment-form .blog-comment-form-status, .contact-form .contact-form-status {padding-bottom: 30px;}
.blog-comment-form .blog-comment-form-status { clear: both; }
.blog-comment-form .blog-comment-form-status p, .contact-form .contact-form-status p,
.send-resumes-form .help-inline.text-danger, .send-resumes-form .flashSuccess div { font-size: 16px; color: #200d09;line-height: 1.8;  }
.send-resumes-form .flashSuccess { margin-bottom: 30px; }
.send-resumes-form .flashSuccess div { font-weight: bold;}

.blog-comment-form input[type="submit"]:hover, .contact-form input[type="submit"]:hover,
.send-resumes-form input[type="submit"]:hover {background: #8e6042; }
.contact-form .fa-spin { display: inline-block; }
.contact .work-hard {height: 540px; margin-top: 100px; margin-bottom: 160px;}
.contact-texti-title {position: absolute; width: 100%; top: 50%; left: 0; 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: 16px; 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 .copyright {background: #161616; text-align: center; padding: 60px 0 70px;}
.contact .copyright span {color: #fff;}
.footer-contact .copyright {background: #200d09; text-align: center; padding: 60px 0 70px;}
.footer-contact .copyright span {color: #fff;}
.footer-contact .contact-detail {padding-bottom: 60px;}
/*.contact .contact-detail {padding-bottom: 100px;}*/
.footer-sec.footer-contact {padding-bottom: 0; background: #c7b2a5; border-top: 0 none;}
.dark-footer .copyright {background: #161616; text-align: center; padding: 60px 0 70px;}
.dark-footer .copyright span {color: #fff;}
.dark-footer .contact-detail {padding-bottom: 100px;}

footer .footer-sub-list > li > a { color: #c7b2a5; border-bottom: 1px solid; font-weight: 400; font-size: 13px; }
footer .footer-sub-list > li > a:hover { border-bottom: 0 none; }
footer .footer-sub-list > li { line-height: 1.75rem; text-align: left; padding: 0; margin: 0;}
footer .footer-sub-title { color: #f3f3f3; text-align: left; font-size: 20px; padding-bottom: 6px; }
footer .contact-detail.footer-sub { padding-top: 0; }

/*======================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: #200d09;;}
.contact-creative #myTab .active > a {background: none;}
.contact-creative #myTab h5 {font-size: 18px; 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: 'Myriad Pro', sans-serif; text-transform: uppercase; padding: 28px 0 25px;}
.contact-creative .togglec > .toggle > .togglet { padding-top: 0; }
.contact-creative .toggle .togglet p {font-size: 16px; text-transform: none;}
.contact-creative .togglet .p-18 {font-size: 16px; line-height: 24px; text-transform: none; padding: 0;}
.contact-creative .togglec.inner-toggle-wrap {background: none;}
.contact-creative .inner-toggle-wrap {padding-bottom: 0;}
.contact-creative .openings-wraper {min-height: 100%; padding-top: 45px; position: relative; float: left; width: 100%;}
.contact-creative .toggle-wraper {padding: 20px 0 0;}
.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: 'Myriad Pro', sans-serif;}
.contact-creative .tab-pane {position: relative; float: left; width: 100%; padding-top: 0;}
.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 0 0;}
.contact-creative .footer-sec {margin-top: 50px;}
.contact-creative .icon-wraper p {font-size: 16px; line-height: 20px; padding-top: 30px;}
.career-wall {position: relative; float: left; width: 100%; text-align: center; padding-top: 130px;}
.career-wall h1, .career-wall h2 {padding-bottom: 40px;}
.contact .tab-content .career-wall p {font-size: 16px; line-height: 20px;}
.tabs-togg h1, .tabs-togg h2 {position: relative; float: left; width: 100%; text-align: center; padding: 80px 0;}
.career-wall .izotope-container {padding-top: 80px;}
.career-wall .grid-sizer {width: 25%;}
.career-wall .itemm {width: auto; padding: 0; display: inline-block; margin: 0;}
.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: 0 180px;}
.contact-creative .nav-tabs, .contact-creative .nav-tabs li { padding: 0; }

.career-tabs {position: relative; float: left; width: 100%; padding-bottom: 70px;}
.career-tabs h1, .career-tabs h2 {text-align: center; padding-bottom: 55px; font-size: 24px;}
.contact-creative .styled-tabs {text-align: center;}
.contact-creative .styled-tabs h1, .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: 0 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: 16px;}
.contact-creative .styled-tabs .inner-toggle-wrap h4 {padding: 20px 0 15px;}
.contact-creative .styled-tabs .inner-toggle-wrap ul {padding-bottom: 30px;}
.contact-creative .styled-tabs .inner-toggle-wrap ul li {font-size: 16px; font-family: 'Myriad Pro', sans-serif;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 h1, .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: 33%;}
    .contact-form textarea {margin-bottom: 30px;}
    .contact .work-hard {margin-bottom: 0;}
    .we-do-icon {padding: 50px 0;}
    #profile .we-do-icon {padding: 0 0 50px;}
    .contact-creative .row-1 {padding: 0;}

    .contact-creative .toggle .togglet img { right: 5px; }
    .togglet h4 { padding-right: 60px; }
}
@media screen and (max-width: 768px) {
    #profile .we-do-icon {padding: 40px 0 50px;}
    .career-wall {padding-top: 70px;}
    .contact .tab-content .career-wall p {padding: 0 20px;}
}
@media screen and (max-width: 550px) {
    #home-onepage .swiper-slide {height: 400px;}
    .contact-form h1, .contact-form h2 {font-size: 40px;}
    .contact-form {padding-top: 80px;}
    /*.onehomepage h2 {font-size: 40px; line-height: 50px;}*/
    .nav-tabs > li {width: 50%;}
    .career-wall {padding-top: 70px;}
    .about-intro h1, .about-intro h2 {/*padding-top: 70px;*/}
    .tabs-togg h1, .tabs-togg h2 {padding: 70px 0 30px;}
    .contact-creative .nav-tabs > li {width: 100%;}
}

@media screen and (max-height: 800px) {
    .contact .map { height: 480px; }
    .contact .map-canvas { height: 510px; }
}
@media screen and (max-height: 700px) {
    .contact .map { height: 390px; }
    .contact .map-canvas { height: 420px; }
}
@media screen and (max-height: 600px) {
    .contact .map { height: 290px; }
    .contact .map-canvas { height: 320px; }
}
@media screen and (max-height: 500px) {
    .contact .map { height: 250px; }
    .contact .map-canvas { height: 280px; }
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 13 - PORTFOLIO */
/*-------------------------------------------------------------------------------------------------------------------------------*/

/*======================Portfolio Creative====================*/

.portfolio .wrapper {padding: 0;}
.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 h1, .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: 16px; font-family: 'Myriad Pro', sans-serif; position: relative; float: left; width: 100%;}
.portfolio-author span { font-size: 16px; font-family: 'Myriad Pro', sans-serif;}
.portfolio-share {position: relative; float: left; width: 100%;}
.portfolio-share .fa {position: relative; float: left; margin: 0 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: 0; 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: 30px 0 35px;}
.portfolio .itemm {margin: 0 0 80px; padding: 0 40px;}
.portfolio .itemm.w_50 {width: 50%;}
.portfolio .itemm.w_100 {width: 100%;}
.portfolio .itemm img {width: 100%; height: auto;}
.portfolio .wrapp-work iframe { max-width: 100%; }

.navigation-bar {position: relative; float: left; width: 100%; height: 70px; background: #200d09; 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: 28px;}
.prev-project .svg-arrow {position: relative; float: left; padding-top: 20px; padding-right: 20px;}
.navigation-bar .proj-layer {position: absolute; left: 0; top: 0; 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;}
.navigation-bar.disabled, .navigation-bar.disabled:hover { background: #c7b2a5; cursor: default; }
.navigation-bar.center-project:hover {  background: #8e6042;  }
.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 0; background: #f3f1f4; margin: 130px 0;}
.testi-baner p {padding: 55px 200px; font-size: 18px;}
.testi-baner h5 {font-size: 18px; text-transform: uppercase;}
.testi-baner h6 {font-size: 16px; 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 (min-width: 768px) {
    .top-baner header nav .handle { display: none !important; }
}

@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: 0 15px; margin: 0 0 30px;}
}
@media screen and (max-width: 600px) {
    #home-onepage .pagination {display: block;}
    .video-title h1, .video-title h2 { font-size: 26px; }
}
@media screen and (max-width: 550px) {
    .next-project .svg-arrow {display: none;}
    .prev-project .svg-arrow {display: none;}
    .portfolio .wrapp-work {padding: 20px 0;}
    .testi-baner {margin: 70px 0;}
    .work-text {padding-top: 70px;}
    .portfolio .wrapper #scene {height: 350px;}
    .onehomepage .video-title h1, .onehomepage .video-title h2 { font-size: 12px; max-width: 90%; line-height: 16px; margin-top: -10px;}
    .video-title img { margin-top: -40px; }
}

@media screen and (max-width: 360px) {
    .video-title {
        top: 90px;
    }
}

/*======================Portfolio Modern====================*/

.portfolio-modern .sound {display: none;}
.modern-work {padding-top: 130px;}
.modern-work .portfolio-caption h1, .modern-work .portfolio-caption h2 {font-size: 36px; text-transform: uppercase; padding-bottom: 30px;}
.modern-work .portfolio-caption h5 {border-bottom: 0 none; padding-bottom: 0;}
.modern-work .portfolio-caption {text-align: center; width: 100%;}
.modern-work .portfolio-desc {text-align: center;}
.modern-work .portfolio-desc p {padding: 0 10px 55px;}
.modern-work .portfolio-share {text-align: center; padding-top: 0;}
.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: 0;}
.wrapp-work-modern .itemm {margin: 0; padding: 0;}
.wrapp-work-modern .itemm.w_50 {width: 100%; margin: 0; padding: 0;}
.wrapp-work-modern .itemm.w_100 {margin-bottom: 60px;}
.nav-wrapp {position: relative; padding-bottom: 80px; /*float: left; width: 100%;*/}
.wrapp-work-modern .swiper-pagination-switch:nth-child(1) {background: url('../img/about/point_1_dark.png') no-repeat;}
.wrapp-work-modern .swiper-pagination-switch:nth-child(2) {background: url('../img/about/point_2_dark.png') no-repeat;}
.wrapp-work-modern .swiper-pagination-switch:nth-child(3) {background: url('../img/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: 0 15px; }
.copyright .follow-footer a span {color: #200d09; 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: #c7b2a5;}
.follow-footer a:hover span {color: #fff;}
@media screen and (max-width: 992px) {
    .modern-work .portfolio-desc p {padding: 0 40px 55px;}
}
@media screen and (max-width: 550px) {
    .nav-wrapp {padding-bottom: 70px;}
    .modern-work {padding-top: 120px;}
    .modern-work .portfolio-desc p {padding: 0 20px 55px;}
}
@media screen and (max-width: 480px) {
    .follow-footer a {width: 40px; height: 40px; margin: 0 10px;}
    .copyright .follow-footer a span {font-size: 20px; padding-top: 10px;}
}

@media screen and (max-width: 320px) {
    .follow-footer a {margin: 0 5px;}
}

/*======================Portfolio Minimal====================*/

.portfolio-minimal .itemm {margin: 0; padding: 0;}
.portfolio-minimal .nav-wrapp {padding-top: 65px;}

.minimal-caption-wrap {position: relative; width: 100%; top: 0; float: left;}
.minimal-caption {position: absolute; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%); width: 100%;}
.minimal-caption h1, .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 0 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: 0; padding-right: 0;}
}
@media screen and (max-width: 768px) {
    .navigation-bar h5 { font-size: 14px; padding-right: 5px;  padding-left: 5px; }
}
@media screen and (max-width: 550px) {
    .portfolio-minimal .nav-wrapp {padding-top: 60px;}
    .minimal-portfolio {height: 400px;}
    .minimal-caption h1, .minimal-caption h2 {padding-bottom: 10px;}
    .minimal-video .video-title {top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);}
    .navigation-bar h5 {padding-top: 25px;}
    .navigation-bar.center-project h5 {padding-top: 16px;}

}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 13 - PORTFOLIO LANDING */
/*-------------------------------------------------------------------------------------------------------------------------------*/

/*======================Alternatives with gutter====================*/

.wh_gutter #scene {height: 650px;}
.layer-start img {width: 100%; height: auto;}
.start-project-bar {height: 115px; padding: 0;}
.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: 100px; margin-bottom: 100px; }
.start-project-bar .start-project-title {padding-top: 50px;}
.start-project-bar:hover .clip {opacity: 1;}

.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: 0; }
.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: 16px;}
    .wh_gutter .start-project-bar .svg-arrow {display: none;}
}

/*======================Alternatives without gutter====================*/

.no-gutter .grid-sizer {width: 0;}
.alternative_two {padding-top: 130px;}
.alternative_two .grid-sizer {width: 50%;}
.grid-sizer.mar_40 {width: 50%;}
.no-gutter .itemm {margin: 0; padding: 0; width: 25%;}
.no-gutter .itemm.w_50 {width: 50%;}
.no-gutter .itemm.w_100 {width: 100%;}
.itemm img {display: block;}

@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: 0;}
    .no-gutter .alternative_two_margin .itemm {width: 100%; margin-bottom: 40px; padding: 0 15px;}
    .no-gutter .alternative_two_margin .itemm.w_50 {width: 100%; margin-right: 0;}
}
@media screen and (max-width: 550px) {
    .no-gutter .itemm.w_50 {width: 100%;}
    .no-gutter .itemm {width: 100%; padding: 0 15px;}
    .contact .contact-detail {padding-bottom: 50px;}
}

/*======================Equals 2 column whith gutter====================*/

.sound.no-sound {display: none;}
.two-col .itemm {width: 43%; margin: 0 40px 80px; padding: 0;}
.two-col .section-wrap {padding-top: 60px;}
.two-col #main {padding-top: 130px;}
@media screen and (max-width: 1200px) {
    .two-col .itemm {margin: 0; width: 50%; padding: 0 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: 0; padding: 0;}


@media screen and (max-width: 550px) {
    .two-col-wout .itemm {width: 100%; margin: 0;}

}

/*======================Equals 3 column whith gutter====================*/

.three-col .itemm {width: 30%; margin: 0 2% 3% 0; padding: 0;}
@media screen and (max-width: 992px) {
    .three-col .itemm {width: 48%;}
}
@media screen and (max-width: 550px) {
    .three-col .itemm {width: 100%; margin: 0 0 30px;}
}

/*======================Equals 3 column whithout gutter====================*/

.three-col-wo .itemm  {width: 33.333%; padding: 0; margin: 0;}

@media screen and (max-width: 992px) {
    .wh_gutter  #main {padding-top: 20px;}
    .three-col-wo .itemm {width: 50%;}
}
@media screen and (max-width: 550px) {
    .three-col-wo .itemm {width: 100%;}

}

/*======================Masonry 2 column whithout gutter====================*/

.masonry-no-gut .itemm {padding: 0; margin: 0; width: 50%;}

@media screen and (max-width: 550px) {
    .masonry-no-gut .itemm {width: 100%;}
}

/*======================Masonry 3 column whith gutter====================*/

.masonry-three .itemm {padding: 0; margin: 0 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: 0 16px 80px;}
}
@media screen and (max-width: 992px) {
    .masonry-three .itemm {margin: 0 2% 40px; width: 45%;}
}
@media screen and (max-width: 550px) {
    .masonry-three .itemm {width: 100%; margin: 0; padding: 0 15px;}
}

/*======================Masonry 3 column whithout gutter====================*/

.masonry-three-no .itemm {width: 33.333%; margin: 0; padding: 0;}

@media screen and (max-width: 992px) {
    .masonry-three-no .itemm {width: 50%;}
}
@media screen and (max-width: 550px) {
    .masonry-three-no .itemm {width: 100%;}

}

/*======================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 h1, .random-portfolio .minimal-caption h2 {padding-bottom: 15px;}
.random.onehomepage .grid-sizer {width: 30%;}
.random.onehomepage .itemm {width: 30%; margin: 0 5% 5% 0;}
.random.onehomepage .itemm:nth-child(2n+1) {margin-right: 0;}
.random.onehomepage .itemm.w_50 {width: 50%;}
.random.onehomepage .itemm.w_30 {width: 30%;}

@media screen and (max-width: 992px) {
    .random.onehomepage .itemm.w_30 {width: 45%;}
    .random.onehomepage .grid-sizer {width: 10px;}
    .random.onehomepage .itemm {margin: 0 5% 5% 0;}
    .random.onehomepage .itemm:nth-child(2n) {margin-right: 0;}
}
@media screen and (max-width: 550px) {
    .random.onehomepage .itemm {width: 100%; margin: 0;}
    .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: 0; padding: 0;}
.random-no.onehomepage .itemm:nth-child(2n+1) {margin-right: 0;}
.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%;}

@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====================*/


.onehomepage #filters {left: 0; position: relative; float: left; width: 100%; padding: 0 0 24px;}
.onehomepage #filters .button {font-size: 13px; border: 0 none; padding: 0 0 5px 0; margin: 0 5px; border-bottom: 1px solid rgba(255,255,255,0);}
.onehomepage #filters .button:hover {padding-right: 0; border-bottom: 1px solid #999;}
.onehomepage #filters .button.activbut {padding-right: 0; 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: 30px;}
.blog-full-img img {width: 100%; height: auto;}
.blog_full_text {position: relative; float: left; width: 100%; padding-bottom: 70px;  }
.blog_full_text h1 a, .blog_full_text h2 a {font-size: 36px;  padding-bottom: 15px; font-weight: 400; font-family: 'Myriad Pro', sans-serif; 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: 400; padding: 0 18px; position: relative; float: left; border-left: 2px double #dcd9d9; }
.blog-info-bar a:hover {color: #999;}
.blog-info-bar a:first-child {padding-left: 0;}
.blog-info-bar span {font-weight: 400; position: relative; float: left; padding: 0 18px 0 0;}
.blog_full_text p {position: relative; float: left; width: 100%; padding-bottom: 20px;}
.blog-detailed .article-tags a, .w_100 .itemm .article-tags a { border-right: 2px double #dcd9d9; padding: 0 9px; float: none; }
.blog-detailed .article-tags a:last-child, .w_100 .itemm .article-tags a:last-child { border-right: 0 none; }
.w_100 .itemm {width: 100%; margin: 0; padding: 0;}
.w_100 .grid-sizer {width: 100%;}
.w_100 .itemm a {position: relative; float: left; width: auto;}
.read-more {text-transform: uppercase; font-size: 14px; padding-bottom: 5px;}
.read-more-sm { padding-bottom: 5px;}
.read-more:hover, .read-more-sm: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: 50px 0 0 0;}
.nav-page-tabs a, .nav-page-tabs span {position: relative; float: left; font-size: 13px; color: #200d09; padding: 9px 12px; border: 1px solid #bfbfbf; border-right: 0 none;}
.nav-page-tabs a:last-child {border-right: 1px solid #bfbfbf;}
.nav-page-tabs a:hover {background: #200d09; color: #fff; border-color: #200d09;}
.nav-page-tabs span.current {background: #200d09; color: #fff; border-color: #200d09;}
.onehomepage.blog .nav-page-tabs { padding-top: 0; padding-bottom: 75px; }

.img-responsive { display: block; max-width: 100%; height: auto; }

.sidebar {position: relative; float: left; width: 100%;}
.sidebar h4 {color: #200d09; padding-bottom: 35px; font-weight: 400;}
.search {position: relative; float: left; width: 100%; padding-bottom: 40px;}
.search input {position: relative; width: 100%; height: 50px; border: 1px solid #200d09; color: #200d09; padding: 10px 15px; background: none;}
.search button {position: absolute; right: 0; top: 0; border-left: 1px solid #200d09; height: 50px; padding: 0 15px;}
.twitter {position: relative; float: left; width: 100%; background: #e4e4e4; padding: 0 18px;}
.twitter-post {position: relative; float: left; width: 100%; border-bottom: 1px solid #fff; padding: 18px 0;}
.twitter-post:last-child {border-bottom: 0 none;}
.twitter-post img {position: absolute; top: 20px; left: 0;}
.twitter-post h5 {position: relative; float: left; padding-left: 37px; line-height: 24px; color: #505050;}
.twitter-post h5 a:hover {color: #200d09;}
.latest-post {position: relative; float: left; width: 100%; border-bottom: 1px solid #200d09; border-top: 1px solid #200d09; padding: 40px 0 15px; margin-top: 40px;}
.tabs {position: relative; float: left; width: 100%; max-height: 280px; padding: 15px 0 25px; display: none;}
.latest-block {position: relative; float: left; width: 100%; border-bottom: 1px solid #e4e4e4; padding: 25px 0;}
.latest-block:last-child {border-bottom: 0 none; padding-bottom: 0;}
.latest-block img {position: absolute; top: 25px; left: 0;}
.letest-block-test {position: relative; background-color: left; padding-left: 105px;}
.letest-block-test p {padding-bottom: 10px;}
.letest-block-test span {font-size: 14px; color: #161616; font-weight: 400; border-right: 1px solid #dcd9d9; padding-right: 10px;}
.letest-block-test span:last-child {padding-left: 10px; border-right: 0 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 #200d09; 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 #200d09; padding-bottom: 40px;}
.arhives ul {width: 100%; padding: 0 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: 0 none;}
.arhives ul li a {position: relative; float: left; width: 100%; padding: 18px 0; font-weight: 400; color: #200d09; 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 #200d09; padding-bottom: 23px;}
.tags a {position: relative; float: left; border: 1px solid #200d09; font-size: 13px; color: #161616; padding: 15px 19px; margin-right: 15px; margin-bottom: 15px;}
.tags a:hover {background: #200d09; 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: #200d09;}

/*======================Blog Detailed====================*/

.blog-detailed .blog_full_text {padding-bottom: 20px;}
.blog-detailed .blog-full-img {padding-bottom: 15px;}
.blog-full-content {position: relative; float: left; width: 100%;}
.blog-full-content p {padding: 15px 0;}
.quote-blog {position: relative; float: left; width: 100%; text-align: center; border-top: 1px solid #c7c2c2; border-bottom: 1px solid #c7c2c2; padding: 25px 0; margin: 20px 0 40px;}
.quote-blog p {font-size: 16px; line-height: 30px; color: #200d09; 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: 12px; text-align: right; }
.det-share > div {position: relative; /*float: right;*/ text-align: center; margin-right: 20px; display: inline-block;}
.portfolio-share-wrap .det-share { width: auto;}
/*.portfolio-share-wrap .det-share > div { float: right; display: inline-block; }*/
.det-share a span { text-align: center; width: 40px; font-size: 16px; color: #fff; padding: 8px 10px; background: #200d09; 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 span.share-buttons-telegram { padding: 5px 10px 0px 10px; }
.det-share a span.share-buttons-telegram svg { fill: #fff; width: 18px;  }
.det-share a h3 {font-size: 16px; color: #878787; border: 1px solid #c7c2c2; position: relative; float: left; text-transform: capitalize; padding: 8px 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: #200d09;}
.det-share a:hover span.share-buttons-telegram svg { fill: #200d09;}
.det-share a:hover h3 {background: #200d09; color: #fff; border: 1px solid #200d09;}
.onehomepage.blog #filters {padding-top: 15px;}
.onehomepage.two-col-wout #filters.portfolio-filter { padding-top: 30px; }
.main-comment {min-height: 222px; position: relative; float: left; width: 100%; border-bottom: 1px solid #c7c2c2; border-top: 1px solid #c7c2c2; padding: 40px 30px 0 0; margin-top: 30px;}
.main-com-img {position: absolute; left: 0; top: 40px; width: 136px;}
.main-com-img img {width: 100%; height: auto;}
.main-com-text {position: relative; float: left; padding-left: 180px;}
.main-com-text.empty-main-comment-avatar { padding-left: 0; }
.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;}
.people-comments {position: relative; float: left; width: 100%;}


.people-comments {position: relative; float: left; width: 100%; border-bottom: 1px solid #c7c2c2; padding-bottom: 50px;}
.people-comments h4 {font-weight: 400; color: #200d09; font-size: 18px;}
.comm-block {position: relative; float: left; width: 100%; padding-top: 45px;}
.comm-block.nested-comment {margin-left: 105px;}
.comm-block img {position: absolute; top: 50px; left: 0;}
.comm-msg {position: relative; float: left; padding-left: 105px; width: 100%;}
.comm-msg h3 span {font-size: 13px;padding-bottom: 10px;position: relative;float: left;padding-right: 15px;}
.comm-msg h6 {position: relative; float: left; line-height: 16px;}
.comm-msg p {position: relative; float: left; width: 100%; padding-bottom: 12px;}
.comm-msg a, .cancel-reply {font-size: 13px; color: #200d09; font-weight: 400; position: relative; float: left; border-bottom: 1px solid rgba(255,255,255,0);}
.comm-msg .reply:hover, .cancel-reply:hover {border-bottom: 1px solid #999; color: #999;}
.cancel-reply { display: none;}
.blog-form {position: relative; float: left; width: 100%; padding-top: 40px; }
.blog-form h4 {font-weight: 400; color: #200d09; font-size: 18px; padding-bottom: 0;}
.blog-form input {width: 100%; position: relative; float: left; border: 1px solid #b7b7b7; height: 50px; margin-bottom: 30px; background: none; padding: 0 20px; }
.blog-form textarea {position: relative; float: left; width: 100%; border: 1px solid #b7b7b7; background: none; height: 200px; padding: 0 20px; }
.blog-form textarea:focus {border: 1px solid #200d09;}
.blog-form input[type="submit"] { margin-top: 50px;}

.blog-nav-arr {position: relative; float: left; width: 100%; padding-bottom: 60px;   padding-top: 70px;}
.blog-nav-arr-left, .blog-article-filters, .blog-article-share { padding-left: 0; }
.blog-nav-arr-right, .blog-article-share { padding-right: 0; }
.prev-post {position: relative;float: left; width: 100%; background: #200d09; 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: 0; left: 0; 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: 0; 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: #200d09;}
.prev-post:hover .b-hov {opacity: 1;}
.prev-post:hover .b-vis {opacity: 0;}
.next-post {position: relative;float: left; width: 100%; background: #200d09; 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: 0; left: 0; 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: 0; left: auto;}
.next-post:hover {background: #eaeaea;}
.next-post:hover h3 {color: #200d09;}
.next-post:hover .b-hov {opacity: 1;}
.next-post:hover .b-vis {opacity: 0;}
.related-post {position: relative; float: left; width: 100%; padding-bottom: 70px;}
.related-post h1, .related-post h2 {font-size: 36px; padding-bottom: 15px; font-weight: normal; }
.related-block {position: relative; float: left; width: 100%;}
.related-block img {width: 100%; height: auto; margin-bottom: 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;}
.related-block img:hover {opacity: 0.5;}
.related-block a {font-size: 24px;  line-height: 32px;}
.related-block a:hover {color: #200d09;}
.related-bar {position: relative; float: left; width: 100%; margin-left: 0;margin-top: 10px;}
.related-bar span {font-size: 13px;  font-weight: 400; color: #200d09; border-right: 1px solid #dcd9d9; padding: 0 10px; position: relative; float: left;}
.related-bar span a {font-size: 13px;  font-weight: 400; color: #200d09; position: relative; float: left; line-height: 13px;top:3px;}
.related-bar span a:hover {color: #999;}
.related-bar span:last-child {border-right: 0 none; padding-right: 0;}
.related-bar span:first-child {padding-left: 0;}

.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: 0 5px;}
.blog-detailed-sidebar .related-bar span:first-child {padding-left: 0;}
.blog-detailed-sidebar  .sidebar {padding-top: 110px;}

@media screen and (max-width: 1200px) {
    .blog-detailed-sidebar .det-share > div {float: left;}
    .blog-detailed-sidebar .related-block {padding-bottom: 40px;}
    .det-share { width: auto; }
}
@media screen and (max-width: 991px) {
    .blog-detailed-sidebar .blog_full_text {padding-top: 50px;}
    .sidebar {padding-bottom: 50px; padding-top: 50px;}
    /*.det-share > div {float: left;}*/
    .blog-nav-arr {padding: 50px 0 50px;}
    .blog-detailed-sidebar .related-post {padding-bottom: 0;}
    .blog_full_text h1 a, .related-post h1, .blog_full_text h2 a, .related-post h2 { font-size: 28px;}
    .blog-nav-arr-right, .blog-article-share {padding-left: 0;}
    .related-block a { font-size: 16px; line-height: 28px; }
    footer .footer-sub-title { padding-bottom: 0; }
    footer .footer-sub-list { padding-bottom: 15px; }
}
@media screen and (max-width: 768px) {
    .related-block {padding-bottom: 70px;}
    .related-post .row > div:last-child .related-block { padding-bottom: 0;}
}
@media screen and (min-width: 551px) and (max-width: 767px) {
    .related-bar span { display: inline-block; padding-left: 0; width: 100%; border-right: 0 none;}
    .related-bar span a { padding-top: 7px; }
    .det-share > div {  margin-right: 10px; }
}
@media screen and (max-width: 550px) {
    .det-share {padding-top: 15px;}
    .portfolio-share-wrap .det-share {padding-top: 20px;}
    .det-share > div {float: none; display: inline-block; margin: 10px auto 0 auto; width: 100%;text-align: left;}
    .det-share > div a { display: inline-block; }
    .related-block a { font-size: 24px; }
    .related-post .row > div { width: 100%;}
        footer .footer-sub-list > li { line-height: 2rem; }
}
@media screen and (max-width: 480px) {
    .blog-info-bar span {font-size: 13px; padding: 0 10px 0 0;}
    .blog-info-bar a {font-size: 13px; padding: 0 10px;}
    .onehomepage.blog #filters .button {width: 100%; margin-bottom: 15px; display: inline-block; text-align: center;}
    .onehomepage.blog #filters span {display: none;}
    .onehomepage.blog #filters {max-height: 100%;}
    .onehomepage.blog-article #filters {margin-top: 20px;}
    .filter-sort {padding-bottom: 20px;}
    .next-post img {display: none;}
    .prev-post img {display: none;}
    .prev-post h3 {padding-left: 0;}
    .next-post h3 {padding-right: 0;}
    .main-com-text {padding-left: 15px;}
    .main-com-img {position: relative; float: left; padding-bottom: 15px; top: 0; padding-left: 15px;}
    .main-com-text h3 {padding-bottom: 15px;}
    .comm-block.nested-comment {margin-left: 35px;}
    .det-share {text-align: center; padding-top:0;}
    .det-share > div { text-align: center; }
    /*.portfolio-share-wrap .det-share > div { text-align: left;}*/
    .det-share > div a { display: inline-block; }
    .blog_full_text h1 a, .related-post h1, .blog_full_text h2 a, .related-post h2 { font-size: 24px; }
    footer .contact-detail.footer-sub { padding-bottom: 30px !important; }
    .footer-contact .copyright { padding-top: 45px; }
}
@media screen and (max-width: 360px) {
    .comm-msg {padding-left: 90px;}
    .nav-page-tabs a, .nav-page-tabs span { padding: 9px 9px; }
}

/*======================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, .headind-block h2 {font-size: 45px; color: #200d09; line-height: 20px; padding-bottom: 40px;}
.headind-block h3 {font-size: 36px; color: #200d09; line-height: 20px; padding-bottom: 40px; text-transform: none;}
.headind-block h4 {font-size: 24px; color: #200d09; 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: 16px; line-height: 20px; padding-bottom: 40px; font-weight: 400; text-transform: uppercase;}

.column {position: relative; float: left; width: 100%; padding-top: 220px;}
.column h1, .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 0 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 #200d09; 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: 16px; color: #505050; line-height: 30px;font-family: 'montserratlight'; font-weight: 400;}
.list-block ul li span {color: #200d09; position: relative; float: left; font-size: 16px; 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 0 260px;}
.pafinations h3 {padding-bottom: 15px; font-size: 24px; text-transform: none;}
.pafinations .nav-page-tabs {padding-bottom: 0;}
.grey-tabs.nav-page-tabs a {background: #d1d1d1; border: 1px solid #fff;}
.grey-tabs.nav-page-tabs a:hover {background: #200d09;}
.grey-tabs.nav-page-tabs a.active {background: #200d09; 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:#200d09; padding: 10px 0; position: relative; float: left; text-align: center; text-transform: uppercase; width: 100%; line-height: 20px; font-size: 13px;}
.nav-page-left-b:hover {background: #200d09;}
.nav-page-left-b:hover a {color:#fff;}
.nav-page-left-b.active {background: #200d09;}
.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: #200d09; text-transform: none;}
.col-39 {position: relative; float: left; width: 40%; padding: 0 15px;}
.tabs-short-1 {position: relative; float: left; width: 100%;}
.tabs-short-1 a {background: #d8d8d8; color: #200d09; line-height: 20px; font-size: 13px; width: 103px; text-align: center; position: relative; float: left; margin: 0 1px; padding: 12px 0;}
.tabs-short-1 a:hover {background: #200d09; color: #fff;}
.tabs-short-1 a.active {background: #200d09; color: #fff;}
.col-30 {position: relative; float: left; width: 30%; padding: 0 15px;}
.tabs-short-2 {position: relative; float: left; width: 100%; padding-top: 10px;}
.tabs-short-2 a {color: #200d09; 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: #200d09; 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 #200d09;}
.tabs-short-3 a.active {border-bottom: 1px solid #200d09;}
.tabs-short-3 span {padding: 0 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: 16px; margin-bottom: 70px;}
.table-type-1 th {background: #200d09; 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 0; min-width: 160px;}
.table-type-2 {position: relative; float: left; width: 100%; font-size: 16px; box-shadow: 0 0 1px 1px #200d09; overflow: hidden; margin-bottom: 70px;}
.table-type-2 th {background: #fff; height: 50px; text-align: center; color: #200d09; 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 0; 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: 0 none;}
.table-type-2 td:hover {background: #200d09; color: #fff; border: 1px solid #200d09;}

.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: #200d09; 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 0; color: #200d09;}
.price-block ul {position: relative; float: left; width: 100%;}
.price-block ul li {font-size: 16px; line-height: 45px; font-weight: 400; 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: 16px; color: #200d09; margin-top: 65px; font-weight: 400;}
.price-block .price-button:hover {background: #111111; color: #fff;}
.price-block.pro {color: #200d09; border: 2px solid #200d09; 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 #200d09;}
.price-block.pro .price-button {border: 1px solid #200d09;}

.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: 16px; 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 0 0;}
.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: #200d09; color: #fff;}
.btn-bg:hover {background: #fff; color: #200d09;}
.btn-bg-no {border:2px solid #200d09;}
.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 #200d09; background: #fff;}
.btn-bg-w {background: #fff; color: #200d09;}
.btn-bg-w:hover {background: #200d09; 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;}

.cookie-consent-container-wrap { position: fixed; bottom: 0; width: 100%;  z-index: 9999; text-align: center; color: #fff; transition: all 0.25s ease-in-out; }
.cookie-consent-container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #2b2b2b; opacity: 0.9; }
.cookie-consent-content { padding: 8px 30px; position: relative; margin: auto; text-align: center; }
.cookie-consent-content div { display: inline-block; padding: 7px 0; margin: 0 15px; }
.cookie-consent-container-wrap a, .cookie-consent-container-wrap a:hover { cursor: pointer; color: #fff; white-space: nowrap; text-decoration: underline;  }
.cookie-consent-ok { margin: 0 15px 0 15px; display: inline-block; border-radius: 5px; padding: 12px 15px; line-height: 1; background: #1e1e1e; color: #fff; text-transform: uppercase; transition: all 0.25s ease-in-out; text-decoration: none !important; }
.cookie-consent-ok:hover { background: #5f6568; }



@media screen and (max-width: 1200px) {
    .shortcodes-2 {padding-top: 80px;}
    .col-39 {width: 100%; margin: 20px 0;}
    .col-30 {width: 100%; margin: 20px 0;}
    .tabs-short-3 {padding-left: 10px;}
    .short-tags {padding-bottom: 80px;}
    .short-table {padding-top: 80px; padding-bottom: 0;}
    .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: 0;}
    .acordians.contact-creative .career-tabs {padding-top: 120px;}
    .short-buttons {padding: 80px 0;}
    .table-type-1 th {font-size: 16px;}
    .table-type-2 th {font-size: 16px;}
    .table-type-1 {font-size: 14px;}

    .short-code {padding-top: 80px;}
    .column {padding-top: 80px;}
    .col-block h4 {font-size: 22px;}
    .lists-conteiner {padding-top: 80px;}
    .pafinations {padding: 80px 0;}
}

@media screen and (max-width: 1199px) {
    .contact .contacts-partners .email p { text-align: left;  }
    .contact .contacts-partners .email { padding-left: 2.7%; }
    .contact .contacts-partners > div { width: 100%; }
}

@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: 0;}
    .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: 0; 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 0;}

    .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 h1, .column h2{padding-bottom: 40px;}
    .cookie-consent-container-wrap { font-size: 14px; line-height: 1.5; }
}

@media screen and (max-width: 527px) {
    .short-tags {text-align: center;}
    .tabs-short-1 a {margin: 0 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;}
}