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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;

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

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



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

}

.uppercase { text-transform: uppercase; }
.capitalize { text-transform: capitalize; }

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

button:focus{
    outline:none;
}

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

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

a:hover {
    text-decoration: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.no-padding {
    padding:0;
}

.overflow-visible {
    overflow:visible!important;
}
.no-left-padding {
    padding-left:0;
}
.no-right-padding {
    padding-right:0;
}
.extra-left-padding {
    padding-left:30px;
}
.extra-right-padding {
    padding-right:30px;
}
.padding-bottom {
    padding-bottom:30px;
}
.container {
    margin:0 auto;
}
/* ---------------------------------------------------------------- */

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

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

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

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

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

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

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

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

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

.wrapper {
    padding:30px;
}
.home .wrapper {
    padding:0;
}
.blog .wrapper {
    padding:30px;
}
.logo {
    left: 30px;
    position: fixed;
    top: 30px;
    transition: top 0.6s ease 0s;
    z-index: 11;
    background: none;
    height: 65px;
    width: 65px;
    z-index: 5001;
}
.logo img {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0px;
    width: 65px; height: 65px;
    }
.handle-logo {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 17px;
    }
.active-link,
.active-link > a {
    color: #fff !important;

}
header {
     height: 0;
    left: 0;
    min-width: 1000px;
    position: fixed;
    text-transform: uppercase;
    top: 0;
    width: 100%;
    z-index: 6000;
}
header nav .handle {
    background: none repeat scroll 0 0 #000;
    cursor: pointer;
    height: 65px;
    position: fixed;
    right: 30px;
    top: 30px;
    width: 65px;
    z-index: 11;
}

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

.header-animate {
    right:0!important;
}
header .list-container ul li {
    display: inline-block;
    margin: 0;
}
.menu-item a,
.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;
}
.menu-item a {
    font-weight: 800;
}
.menu-item a:hover,
.header-links:hover{
    color: #fff;
    transition: all .2s ease 0s;
}

.menu-item a,
.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);
 -webkit-transform: translateZ(0px);
 -moz-transform: translateZ(0px);
 -ms-transform: translateZ(0px);
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0s;
 -ms-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0s;
 -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0s;
 -moz-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%);
     -moz-transform: translateY(-450%);
 -ms-transform: translateY(-450%);
 -webkit-transform: translateY(-450%);
}
.trigger span:before, .trigger span:after {
    background:#fff;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    transition: all 0.2s cubic-bezier(0, 0.985, 0.17, 0.99) 0s;
 -webkit-transition: all 0.2s cubic-bezier(0, 0.985, 0.17, 0.99) 0s;
 -moz-transition: all 0.2s cubic-bezier(0, 0.985, 0.17, 0.99) 0s;
 -ms-transition: all 0.2s cubic-bezier(0, 0.985, 0.17, 0.99) 0s;
    width: 100%;
}
.link-menu span:after {
    transform: translateY(450%);
    -webkit-transform: translateY(450%);
    -moz-transform: translateY(450%);
    -ms-transform: translateY(450%);
}
.link-menu span {
    background-color: #fff !important;
}
.trigger span {
    /*-moz-user-select: none;*/
    background: none;
    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;
    -moz-transition: background-color 0.3s ease 0s;
    -webkit-transition: background-color 0.3s ease 0s;
    -ms-transition: background-color 0.3s ease 0s;
    width: 30px;
}
.link-menu:hover span:before {
    transform: translateY(0px) rotate(90deg);
    -webkit-transform: translateY(0px) rotate(90deg);
    -moz-transform: translateY(0px) rotate(90deg);
    -ms-transform: translateY(0px) rotate(90deg);
}
.link-menu:hover span:after {
    transform: translateY(0px) rotate(-90deg);
    -moz-transform: translateY(0px) rotate(-90deg);
    -webkit-transform: translateY(0px) rotate(-90deg);
    -ms-transform: translateY(0px) rotate(-90deg);
}
.minus:hover span:before {
    transform: translateY(0px) rotate(180deg);
    -moz-transform: translateY(0px) rotate(180deg);
    -ms-transform: translateY(0px) rotate(180deg);
    -webkit-transform: translateY(0px) rotate(180deg);
}
.minus:hover span:after {
    transform: translateY(0px) rotate(-180deg);
    transform: translateY(0px) rotate(-180deg);
    -webkit-transform: translateY(0px) rotate(-180deg);
    -moz-transform: translateY(0px) rotate(-180deg);
    -ms-transform: translateY(0px) rotate(-180deg);
}

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

.bg{position:absolute; left:0px; top:0px; width:100%; height:100%; overflow:hidden;}
.bg img{position:absolute;}
.bg video{position:absolute;}
.bg-span{position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.55);}
.bg-bg{background-position: 50% 0px; background-repeat: no-repeat; background-position: 50% 0px; -webkit-background-size: cover;
-moz-background-size: cover; -o-background-size: cover; background-size: cover; position:relative; background-attachment:scroll;}

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

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

#hero {
    position: relative;
    width: 100%;
    z-index: 0;
}
.solid img {
    max-width: 45%;
}
.hero-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}
#main {
    background-color: #f5f5f5;
    position: relative;
    width: 100%;
    z-index: 1;
    float: left;
}
h6 > a ,h6 > a:hover,h6 > a:focus{
    color:#4a4a4a ;
}
/** about css **/
.about-sec {
    min-height: 620px;
}
.about-intro {
     padding-top: 11.5%;
}

h5 a, h5 a:hover, h5 a:focus {
    color: #4a4a4a;
    text-decoration: none;
}
.detail-link {
    width: 332px;
}
.detail-link h6 {
    padding-top: 24px;
}
.work-sec {
    min-height: 1250px;
}


.work-blocks .item:hover .item-overlay {
    background: none repeat scroll 0 0 #f7f7f7;
    opacity: 1;
}
.svg-arrow{
    position: absolute;
    right: 0;
    top: 0;
}
.social-button .p-36,.code-block .p-30,.pattern-block .p-30{
    font-size: 2.2em;
    letter-spacing: -0.05em;
    font-weight: 100;
    line-height: .9em;
}
.social-button .p-36{
    padding-left: 16px;
    padding-top: 31px;
}
.social-button img {
    padding-top: 22%;
    padding-left: 69%;
}

.code-block {
    padding-left: 30px;
    padding-top:  30px;
    padding-bottom: 40px;
    }
.code-block .p-30 {
    padding-top: 105px;
}
.pattern-block .p-30{
    padding-top: 92px;
}

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


.work-blocks {
    padding-top:.7%;
}
.hover {
    background: none repeat scroll 0 0 #f2eaee;
    bottom: 0;
    left: 0;
    min-height: 0;
    position: absolute;
    transition: all 0.6s ease 0s;
    width: 0;

}
.hover img {
    position: absolute;
    right: 0;
    top: 0;
    opacity:0;
    visibility:hidden;
    transition: all 0.6s ease 0s;
}
.hover h4 {
    padding-top:74%;
    text-transform:uppercase;
    opacity:0;
    visibility:hidden;
    transition: all 0.6s ease 0s;
}
.work-blocks .row-1col-1:hover .hover {
    min-height: inherit;
    width: 100%;
    transition: all 0.6s ease 0s;
}
.work-blocks .row-1col-1:hover .hover img,.work-blocks .row-1col-1:hover .hover h4{
    opacity:1;
    visibility:visible;
    transition: all 0.6s ease 0s;
}
.proj-title-info {
    padding: 34px;
    min-height: 315px;
}
.theme-sec {
    min-height: 1095px;
}
.browser-slider-wraper {
    background: url("../images/browserframe.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 670px;
    padding-top: 43px;
    padding-left: 48px;
    width: 981px;
    }
.mobile-slider-wraper {
    background: url("../images/mobileframe.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 0;
    height: 583px;
    padding-top: 65px;
    padding-left: 21px;
    position: absolute;
    right: 26%;
    width: 320px;
}
.slider-wraper {
    position:relative;

    }
#slider1_container {
    position: relative;
    top: 0px;
    left: 0px;
    width: 886px;
    height: 585px;
    overflow: hidden;
}
#slider1_container  .slider{
    cursor: url("../images/drag.svg"),auto;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 886px;
    height: 585px;
    overflow: hidden;
}
#slider2_container {
    position: relative;
    top: 0px;
    left: 0px;
    width: 278px;
    height: 453px;
    overflow: hidden;
}
#slider2_container  .slider{
    cursor: url("../images/drag.png"),auto;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 278px;
    height: 453px;
    overflow: hidden;
}
.multia-sec {
    min-height: 1564px;
}
.testimonial-sec {
    min-height: 850px;
}
.client-sec {
    min-height: 250px;
    float: none;
    margin: 0 auto;
    min-height: 250px;

}
.footer-sec {
    min-height: 358px;
    padding-bottom: 3%;
    background: none repeat scroll 0 0 #f4f1f4;
}
.multia-blocks .row-1col-1,.multia-blocks .row-1col-2,.multia-blocks .row-2col-1,.multia-blocks .row-2col-2 {
    min-height:640px;
}
.multia-blocks .row-1col-1 {
    background: url("../images/life/photocolage.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.multia-blocks .row-2col-2 {
    background: url("../images/life/freepatterns.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.multia-blocks .row-1col-2col-1,.multia-blocks .row-1col-2col-2,.multia-blocks .row-2col-2col-1,.multia-blocks .row-2col-2col-2 {
    min-height:320px;
}
.multia-blocks .row-1col-2 .row-1col-2col-1 {
    background: #f9461c;
}
.multia-blocks .row-1col-2 .row-1col-2col-2 {
    background: url("../images/life/proximafont.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.multia-blocks .row-1col-2 .row-2col-2col-1 {
    background: url("../images/life/freephotodownload.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.multia-blocks .row-1col-2 .row-2col-2col-2 {
    background: url("../images/05.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.multia-blocks .row-2col-1 .row-1col-2col-1 {
    background: #d9b391;
}
.multia-blocks .row-2col-1 .row-2col-2col-1 {
    background: url("../images/07.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.multia-blocks .row-2col-1 .row-2col-2col-2 {
    background: url("../images/08.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.multia-blocks .row-1col-2col-2 h5 {
    padding-left: 155px;
    padding-top: 274px;
}
blockquote {
    border: medium none;
    color: #A0A0A0;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    padding: 50px;
    line-height: 1.7em;

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

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

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

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

}
.double-quote {
    font-size:72px;
    color:#4a4a4a;
}
.testimonial-bg-1 .p-24 {
    color: #212227;
    font-style: italic;
    padding-left: 58px;
    padding-top: 43px;;
}
.testimonial-bg-2 .p-24 {
    color: #212227;
    font-style: italic;
    padding-left: 58px;
    padding-top: 43px;;
}
.test-block {
    padding-top:.7%;
}
.test-block-2 {
    padding-left: 15px;
}
.pos {
    color:#4a4a4a;
    font-weight:300;

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

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

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

}
.contact-icon-wrap img {
    display: block;
    margin: 0 auto;
    padding-top: 22px;
}
.contact-icon-svg{
    padding-left: 20px;
    padding-top: 24px;
}
.linkto {
    background: none repeat scroll 0 0 #000;
    border-radius: 50%;
    display: table;
    position: relative;
    height: 115px;
    transition: all 0.3s ease 0s;
    width: 115px;
}
.linkto-text {
    opacity:1;
    visibility:visible;

}
.linkto-text {
    display: table-cell !important;
    font-size: 0.9em;
    font-weight: 300;
    line-height: 1.1;
    opacity: 1;
    padding: 0 9px;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
    visibility: visible;
}
.linkto-svg {
    position: absolute;
    top: 0;
    left: 25px;
    opacity:0;
     padding-top: 32px!important;
    visibility:hidden;
    transition: all 0.3s ease 0s;
}
.linkto:hover .linkto-svg{
    opacity:1;
    visibility:visible;
    transition: all 0.3s ease 0s;
}
.linkto:hover .linkto-text{
    opacity:0;
    visibility:hidden;
    transition: all 0.3s ease 0s;
}
.medium {
    height: 65px;
    width: 65px;
}
.medium .linkto-text {
    padding: 0 8px;
    font-size:.8em;
}
.medium .linkto-svg {
    left: 0;
    padding-top: 17px !important;
    right: 0;
}
.linkto span {
    color: #fff;
    display: block;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
}

.detail-link-2 {
    padding-left: 7.7%;
    padding-top: 11.6%;
}
.detail-link-3 {
    position: absolute;
    left: 80%;
    top: 85%;
    z-index: 1;
}
.contact-detail {
    padding-top:7%;
}

.contact-number {
    padding-top:28px;
}
.footer-sec hr {
    border:1px solid #eadee4;
    margin-top:30px;
}
.footer-nav {
    text-transform:uppercase;
}

#border-bottom .nav {
    position: fixed;
    right: 21px;
}
#border-bottom .nav > li > a {
    color: #373941;
    font-size: 0.7em;
    font-weight:300;
    letter-spacing:0.1em;
    padding: 7px 7px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
 #border-bottom .nav > li > a:hover, #border-bottom .nav > li > a:focus {
    color: #212227;
    font-size: 0.7em;
    font-weight:300;
    transition: all 0.3s ease 0s;
}
.footer-sec .p-28 {
    font-size: 1.5em;
    padding-bottom:0;
}
.footer-nav > li > a {
padding: 11px 29px;
}
.footer-nav > li > a, .footer-nav > li > a:hover,.footer-nav > li > a:focus {
background-color: transparent;
color: #535353;
font-size: 1em;
font-weight: 500;
letter-spacing: 0.05em;
text-decoration: none;
}
.footer-tag {
    color: #373941;
    font-size: 0.7em;
    font-weight: 300;
    padding-left: 30px;
    padding-top: 7px;
}
.footer-nav li :first-child {
    padding-left:0;
}
.form-control{
    height: 57px;
    line-height: 1.42857;
    padding: 11px 12px;
    padding-left: 22px;
}
.input-group {
    width: 348px;
}
.btn {
    border-radius: 0;
    font-size: 14px;
    height: 47px;
    padding: 6px 12px;
    text-align: center;
    width: 120px;
    margin-top:20px;
}
.btn-default {
    background: none repeat scroll 0 0 #000;
    border: medium none;
    box-shadow: none;
    text-shadow: none;
}
.btn-default:hover, .btn-default:focus ,.btn-default:active,.btn-default.active{
    background-color: #000;
    border-color: #000;
    color:#fff;
    outline:none;
}
.newsletter-logo {
    background: none repeat scroll 0 0 #000;
    border-radius: 50%;
    height: 90px;
    width: 90px;
    margin: 0 auto;
}
.newsletter-logo .wrap {
    padding-left: 25px;
    padding-top: 24px;
}
.fa-exclamation-circle,.fa-spin ,.fa-check-circle{
    display:none;
}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .sub-menu-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.sub-menu-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
    border: medium none;
    border-radius: 0;
    box-shadow: none;
}
#message {
    padding-left: 0;
    padding-top: 15px;
    text-align: left;
}
.solid {
    height: 255px;
    margin: 111px auto 0;
    overflow: hidden;
    position: absolute;
    right: -55%;
    top: 0;
    width: 400px;
    z-index: 10;
}
.solid ul {
    height: 173px;
    overflow: hidden;
    width: 400px;
}


.solid ul li img {
    display: block;
    margin: 0 auto;
    width: 450px;
}
#scene{
        height: 100%;
        margin: 0 auto;
        position: relative;
        width: 100%;
    }
    #ipad{
        left: 43%;
        min-height: 479px;
        overflow: hidden;
        position: absolute;
        top: 24.5%;
        width: 727px;
    }

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

.frame {
    background: url("../images/scene/frames.png") no-repeat scroll center center transparent;
    display: block;
    height: 478px;
    position: absolute;
    right: 268px;
    top: 186px;
    width: 786px;
    z-index: 10;
}
.ipad-frame {
        background: url("../images/tabframe.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        left: 42.2%;
        min-height: 508px;
        min-width: 756px;
        position: absolute;
        top: 22.9%;
        z-index: 4;
    }
    .iphone-frame {
        background: url("../images/mobileframe.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        left: 0;
        margin: 0 auto;
        min-height: 386px;
        position: absolute;
        right: 0;
        top: 67px;
        width: 190px;
        z-index: 5;
    }
    #background-wallpaper {
        background: url("../images/scene/layer1.jpg") repeat scroll 0 0 transparent;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1;
        background-position: center;
        background-size: cover;

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

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

}

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

box-shadow: 0 0 0 8px rgba(255,255,255,0.3);
}
.hi-icon-effect-5a .hi-icon:hover:before {

-webkit-animation: toRightFromLeft 0.3s forwards;
-moz-animation: toRightFromLeft 0.3s forwards;
animation: toRightFromLeft 0.3s forwards;
}
@-webkit-keyframes toRightFromLeft {
49% {
-webkit-transform: translate(100%);
}
50% {
opacity: 0;
-webkit-transform: translate(-100%);
}
51% {
opacity: 1;
}
}
@-moz-keyframes toRightFromLeft {
49% {
-moz-transform: translate(100%);
}
50% {
opacity: 0;
-moz-transform: translate(-100%);
}
51% {
opacity: 1;
}
}
@keyframes toRightFromLeft {
49% {
transform: translate(100%);
}
50% {
opacity: 0;
transform: translate(-100%);
}
51% {
opacity: 1;
}
}
.hi-icon-effect-5b .hi-icon:hover:before {
-webkit-animation: toLeftFromRight 0.3s forwards;
-moz-animation: toLeftFromRight 0.3s forwards;
animation: toLeftFromRight 0.3s forwards;
}
@-webkit-keyframes toLeftFromRight {
49% {
-webkit-transform: translate(-100%);
}
50% {
opacity: 0;
-webkit-transform: translate(100%);
}
51% {
opacity: 1;
}
}
@-moz-keyframes toLeftFromRight {
49% {
-moz-transform: translate(-100%);
}
50% {
opacity: 0;
-moz-transform: translate(100%);
}
51% {
opacity: 1;
}
}
@keyframes toLeftFromRight {
49% {
transform: translate(-100%);
}
50% {
opacity: 0;
transform: translate(100%);
}
51% {
opacity: 1;
}
}
.hi-icon-effect-5c .hi-icon:hover:before {
content: url('../images/plus.png');
-webkit-animation: toTopFromBottom 0.3s forwards;
-moz-animation: toTopFromBottom 0.3s forwards;
animation: toTopFromBottom 0.3s forwards;
}
@-webkit-keyframes toTopFromBottom {
49% {
-webkit-transform: translateY(-100%);
}
50% {
opacity: 0;
-webkit-transform: translateY(100%);
}
51% {
opacity: 1;
}
}
@-moz-keyframes toTopFromBottom {
49% {
-moz-transform: translateY(-100%);
}
50% {
opacity: 0;
-moz-transform: translateY(100%);
}
51% {
opacity: 1;
}
}
@keyframes toTopFromBottom {
49% {
transform: translateY(-100%);
}
50% {
opacity: 0;
transform: translateY(100%);
}
51% {
opacity: 1;
}
}
.hi-icon-effect-5d .hi-icon:hover:before {

-webkit-animation: toBottomFromTop 0.3s forwards;
-moz-animation: toBottomFromTop 0.3s forwards;
animation: toBottomFromTop 0.3s forwards;
}
@-webkit-keyframes toBottomFromTop {
49% {
-webkit-transform: translateY(100%);
}
50% {
opacity: 0;
-webkit-transform: translateY(-100%);
}
51% {
opacity: 1;
}
}
@-moz-keyframes toBottomFromTop {
49% {
-moz-transform: translateY(100%);
}
50% {
opacity: 0;
-moz-transform: translateY(-100%);
}
51% {
opacity: 1;
}
}
@keyframes toBottomFromTop {
49% {
transform: translateY(100%);
}
50% {
opacity: 0;
transform: translateY(-100%);
}
51% {
opacity: 1;
}
}
    .hi-icon:before {
    display: block;
    font-family: "ecoicon";
    font-size: 48px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 90px;
    text-transform: none;
}
    .hi-icon-effect-5 .hi-icon:after {
    display: none;
}
.hi-icon-effect-5 .hi-icon {
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 1);
    overflow: hidden;
    transition: background 0.3s ease 0s, color 0.3s ease 0s, box-shadow 0.3s ease 0s;
}
.hi-icon {
    border-radius: 50%;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-size: 10px;
    height: 90px;
    margin: 15px 30px;
    position: relative;
    text-align: center;
    width: 90px;
    z-index: 1;
}
.hi-icon-wrap {
    margin: 0 auto;
    padding: 2em 0 3em;
    text-align: center;
}

.footer-sec {
    position:relative;
}
.published {
    font-size: 1em;
    height: auto;
    left: 50%;
    letter-spacing: 0.05em;
    margin-left: -1006px;
    position: absolute;
    text-transform: uppercase;
    top: 135px;
    transform: rotate(270deg);
    white-space: nowrap;
    word-spacing: 0.6em;
}
.published .nav > li > a, .published .nav > li > a:hover, .published .nav > li > a:focus {
    font-weight: 600;
}
 .preloader {
    background-color: #fefefe;
    bottom: 0;
    height: 100%;
    left: 0;
    overflow: hidden !important;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 99999;
}
.status {
    background-image: url("../images/preloader.gif");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    left: 47.7%;
    height:134px;
    width:150px;
    margin: -20px 0 0 -20px;
    position: absolute;
    top: 46%;

}
 #eclips {
 display:none;
 }
  .footer-without-border {
    display:none;
    background: none repeat scroll 0 0 #eeeaee;
    padding: 8% 0;
    }
 .footer-without-border .nav > li > a {
    color: #373941;
    font-size: 0.7em;
    font-weight: 300;
    letter-spacing: 0.1em;
    padding: 7px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.footer-without-border .navbar-nav {
    margin: 0;
}
.footer-without-border .footer-tag {
    color: #373941;
    font-size: 0.8em;
    font-weight: 100;
    padding: 10px 0 0;
}
.footer-without-border .nav > li {
    display: inline-block;
    position: relative;
}
    .footer-sec h3 {
    font-size: 3.2em;
    line-height:1em;

 }
.footer-without-border .nav > li > a:hover, .footer-without-border .nav > li > a:focus {
    color: #212227;
    font-size: 0.7em;
    font-weight: 300;
    transition: all 0.3s ease 0s;
}
 @media only screen and (max-width: 1600px) {

 }
 @media only screen and (max-width: 1366px) {
.border #border-left, .border #border-right {
    width: 20px;
}
.border #border-bottom ,.border #border-top {
    height: 20px;
}
.wrapper {
    padding:20px;
}
#border-bottom .nav > li > a {
    font-size: 0.6em;
    padding: 1px 7px 7px;
}
 #border-bottom .nav > li > a:hover, #border-bottom .nav > li > a:focus {
     font-size: 0.6em;
 }
 .footer-tag {
    font-size: 0.6em;
    padding-top: 3px;
}
#border-bottom .nav {
    right: 13px;
}
.footer-tag {
    padding-left: 20px;
}
#border-bottom .navbar-nav {
    margin: 0;
}
#border-bottom .nav > li {
    display: inline-block;
    position: relative;
}

.logo img {
    top: 0px;
}
header nav .handle {
    height: 50px;
    right: 20px;
    top: 20px;
    width: 50px;
}
.link-menu {
    height: 50px;
    top: 1px;
    width: 50px;
}
/*
header .list-container ul {
    top: 20px;
}
*/
.menu-item a,
.header-links {
    line-height: 50px;
}

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

}

@media only screen and (max-width: 992px) {
.part-1 {
    padding-bottom:40px;
}
.part-2 {
    text-align:center;
    margin:0 auto;
    float:none;
    overflow: hidden;
}
.contact-icon-wrap {
    margin: 0 auto;

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

   padding:0;
}
.newsletter-logo {
    display:none;
}
.sm-wrapper h3 {
    font-size:3em;
}
.sm-wrapper .p-16 {
    display:none;
}
.sm-menu {
    width: 400px;
    height: 350px;
    margin-left: -200px;
    margin-top: -177px;
}
}
@media only screen and (max-width: 736px) {
.sm-wrapper h3 {
    display:none;
}
.sm-menu .sm-close {
    font-size: 30px;
    font-weight: 100;
    left: 0;
    line-height: 100%;
    margin: 0 auto;
    padding: 10px 15px;
    position: absolute;
    right: 0;
    top: 36px;
    width: 50px;
    z-index: 100;
}
.sm-menu .email-add {
    text-align:center;
}
.sm-wrapper .input-group ,.sm-wrapper .btn{
    width: 250px;
}
.sm-wrapper h3 {
    font-size:1em;
}
.sm-wrapper .col-lg-12 {
    padding-left:68px;
}

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

}

}
@media only screen and (max-width: 736px) {
    .footer-without-border {
        display:block;
    }
    #border-bottom .nav,#border-bottom p  {
    display:none;
}
header nav .handle {
    height: 40px;
     width: 40px;
}
.link-menu {
    height: 40px;
    top: 1px;
    width: 40px;
}
.logo {
    height: 40px;
     width: 40px;
}

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

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

.about-landing {
    min-height:529px;
    background:url('../images/about/banner-about.jpg');
}
#branding,#print,#ui,#environment,#content,#social {
    display:none;
}

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

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

}
.svg-process {
    padding-top: 9%;
}
.row-1 {
    padding-bottom: 6%;
    padding-top:4%;
}
.about-process {
    min-height:1302px;

}
.we-do-icon {
    min-height: 165px;
    padding-bottom:11%;
}
.process-tag {
    min-height: 89px;
    padding-top: 2%;
}
.working-with-us .p-30 {
    color: #4a4a4a;
    padding-top: 14px;
}
.working-with-us h6 {
    padding-top: 24px;
}
.working-with-us  a,.working-with-us  a:hover, .working-with-us  a:focus {
    color: #4a4a4a;
    text-decoration: none;
}
.about-team {
    min-height:1098px;

}
.team-images-row1 {
    padding-top: 4.6%;
}
.about-page .row-2 {
     padding-bottom: 6%;
}

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

}
.about-reasons .p-18{
    color:#f9461d;
}
.about-reasons .working-with-us {
    padding-top: 11%;
}
.about-image-sec {
    min-height:498px;
    background:url("../images/about/banner-filler.jpg");
    background-attachment:fixed;
    background-repeat:no-repeat;
    background-position:0 0;

}
#process_1,#process_2,#process_3 {
    display:none;
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 04 - WORK */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------
    Portfolio Filters
---------------------------------------------------*/
.work-intro {
    min-height: 418px;
}
.work-intro-text {
    padding-top: 10%;
}
.work-page .work-theme {
  padding-bottom: 7%;

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

    }

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

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

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

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

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



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

   #portfolio-wrap {

        margin:0 auto;
    }

    #portfolio-wrap.no-gutter {

        margin:0 auto;
    }

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

    }

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

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

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

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

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

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

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

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

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

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



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

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

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

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

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

        padding-top:9%;
    }
    .inner-page-link p {
        font-size:1.3em;
        font-weight:500;
        padding: 0 0 0 35px;
    }
    .inner-page-link  {
        border:2px solid #000;
        display: table;
        height: 83px;
    }
    .inner-page-link .tabel-cell {
        display: table-cell;
        vertical-align: middle;
    }
     .inner-page-link .small-text {
        font-size: 0.7em;
        padding-left: 75px;
        padding-top: 0.7em;
     }

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

    .theme-landing-sec {
        background:url("../images/themes/banner.jpg") repeat scroll 0 0 transparent;
        background-position: center;
        background-size: cover;
    }
    .themes-image {
        height: 476px;
    }
    .miapp {
        background:url("../images/themes/mock-miapp.png") no-repeat scroll 0 0 transparent;
    }
    .miportfolio {
        background:url("../images/themes/mock-miportfolio.png") no-repeat scroll 0 0 transparent;
    }
    .mievent {
        background:url("../images/themes/mock-mievent.png") no-repeat scroll 0 0 transparent;
    }
    .miagency {
        background:url("../images/themes/mock-miagency.png") no-repeat scroll 0 0 transparent;
    }
    .theme-sec-type1 {
        background:#f7f7f7;
    }
    .theme-sec-type1,.theme-sec-type2{
        min-height: 630px;
        position: relative;

    }
    .theme-page .testimonial-bg-1 {

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

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

    .theme-sec-type1 .detail-link ,.theme-sec-type2 .detail-link{
    width: 185px;
}
    .theme-sec-type1 .icon,.theme-sec-type2 .icon {
      margin-right: 17px;
      width: 65px;
}
    .theme-sec-type1 .link,.theme-sec-type2 .link {
          width: 88px;
    }
    .theme-sec-type1 .theme-specific .p-24 ,.theme-sec-type2 .theme-specific .p-24{
        padding-bottom: 5.4%;
        padding-top: 5.8%;
    }

    .theme-sec-type1 .theme-links,.theme-sec-type2 .theme-links {
        padding-top: 5%;
    }
    .theme-sec-type2{
        background:#f4f1f4;
    }
    .theme-qualities {
        min-height:594px;
    }
    .theme-qualities  .we-do-caption {
        min-height: 96px;
        padding: 3% 0;
    }
    #pixel_perfect,#responsive,#flexible,#support{
        display:none;
    }

      .theme-qualities  .row1 {
        padding-top: 12.3%;
    }
    .theme-spport {
        background:#F0EAEE;
    }
    .theme-spport h2 {
        padding-bottom:0;
    }
    .theme-spport h2 a, .theme-spport h2 a:hover, .theme-spport h2 a:focus {
    color: #000;
    text-decoration: none;
    text-transform:lowercase;

}
.table-view {
    height:190px;
    display:table;
}
.table-view  h2{
    vertical-align:middle;
    display:table-cell;
}
.theme-page .working-with-us {
    /*padding-top:8.5%;*/
}
.working-with-us {
    padding-top:3%;
}
@media (min-width: 1920px) {
    .container{
        width: 1280px;
    }
}

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

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

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

.map-canvas {
    height: 400px;
    z-index:1;
    opacity:1;
    transition: opacity 0.6s ease 0s;
}
.contact-page .we-do-icon {
    min-height: 211px;
    padding-bottom: 11%;
}
.contact-page  #hero {
    min-height: 400px!important;
    height: 400px!important;
}
#myTab .active > a {
    background-color: #f7f7f7;
    border-color: transparent transparent #212227;
    border-style: none none solid;
    border-width: medium medium 8px;
    text-transform:uppercase;
}
#myTab h4 {
    color:#bababa;

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

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

.nav-tabs {
    border-bottom:1px solid #212227;
}
/**/
.nav-tabs li.ui-state-active > a {
    border-color: transparent transparent #212227;
    border-style: none none solid !important;
    border-width: medium medium 8px !important;
}
.nav-tabs ul > li a {
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 500;
    position: relative;
    z-index: 10000;
    color: #212227;
    padding: 0px 0px 3px 0px !important;
}
#myTabContent {
    margin-left: -15px;
    margin-right: -15px;
}
.nav-tabs div.wpb_tab {
    background-color: transparent !important;
}
.nav-tabs ul > li {
    width: 50%;
    margin: 0 !important;
    background: transparent !important;
    margin-bottom: -1px;
}
ul.wpb_tabs_nav {
    border-bottom: 1px solid #DBDBDB;
    padding-top: 130px;
}
/**/
.nav-tabs > li > a:hover {
    border-color: transparent;
}
.nav-tabs {
    border-bottom: 1px solid #dbdbdb;
}
.tab-content .email,.tab-content .call,.tab-content .visit {
    min-height:320px;
    padding-left: 2.7%;
    padding-top: 15.4%;
}
#myTabContent .svg-logo
    {
    position: absolute;
    right: 22px;
    top: 22px;
    }
.tab-content .visit {
    padding-right: 10%;
}
.tab-content .email {
    background:#ECE7EC;
}
.tab-content .call {
    background:#F0ECF0;
}
.tab-content .visit {
    background:#F4F1F4;
}
.tab-pane {
    padding-top: 5.8%;
}
.tab-content h6 {
    color:#212227;
    font-weight:300;
}
.tab-content .p-24 {
    padding-top: 15px;
}
.tab-content .p-24 > a,.tab-content .p-24 > a :hover,.tab-content .p-24 > a:focus{
    color:#fff;
    font-weight: 300;
}
.collaborative-approch  {
    padding-top: 2.6%;
    padding-bottom: 8.4%;
}
.collaborative-approch .p-24 {
    color:#212227;
    font-weight:300;
}
.collaborative-approch .p-18 {
    padding-bottom:6%;
    color:#666666;
}

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

.image-multia-wrap {
    min-height:1065px;
}
.testimonial-employee-wraper {
    min-height:669px;
}
.openings-wraper {
    min-height:761px;
}

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

}
#myTab1 .active > a > h4 {
    color:#212227;
}
#job-apply h2 {
    font-size: 4.3em;
    padding-bottom: 10px;
}
/* ----------------------------------------------------------------
    Forms
-----------------------------------------------------------------*/
.wpcf7-textarea,
span input.sm-form-control {
    background: #f7f7f7;
    border: 1px solid #000;
    border-radius: 0 !important;
    color: #212227;
    display: block;
    font-weight: 300;
    height: 57px !important;
    padding: 0 35px;
    transition: border-color 0.15s ease-in-out 0s;
    width: 100%;
    padding-top: 5px;
    box-shadow: none;
}
.input-box-spacing {
    padding-bottom:2.4%;
}
.textarea-spacing {
    padding-bottom:3%;
}
label {
    color: #000;
    font-size: 1.1em;
    text-transform: uppercase;
    padding-bottom:50px;
}
textarea {
    width: 100%;
    border:none;
    padding-top: 20px!important;
}
.sm-form-control:focus {
    border-color: #AAA;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.NFI-wrapper {
    padding-top: 4%;
}
.NFI-button {
    color: #212227;
    text-transform: uppercase;
}
.NFI-filename{
    background: none;
    border: none;
    padding-top: 12%;
    padding-left: 17px!important;
}

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

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

}

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

.sm-form-control[disabled],
.sm-form-control[readonly],
fieldset[disabled] .sm-form-control {
  cursor: not-allowed;
  background-color: #eeeeee;
  opacity: 1;
}
span input.full-name-input {
    padding:0;
}
span input.full-name-input::-moz-placeholder {
    color: #dbd4c7;
    font-weight: 100;
    opacity: 1;
    text-transform:capitalize;
}
span input.full-name-input:-ms-input-placeholder {
    color: #dbd4c7;
    font-weight: 100;
    text-transform:capitalize;
}

span input.full-name-input::-webkit-input-placeholder{
    color: #dbd4c7;
    font-weight: 100;
   text-transform:capitalize;
}
.appli-ques textarea {
    height:150px!important;
}
.submit-project-btn input[type="submit"].wpcf7-submit,
.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;
}

span input.full-name-input {
    font-size:4.3em;
    color: #000;
    font-weight: 100;
    letter-spacing: -0.05em;;
    color: #000;
    min-height:86px!important;
    width:100%;
    background: none repeat scroll 0 0 #f7f7f7;
    border: medium none;
}
.contact-form-hr {
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 3%;
    margin-top: 11%;
}
.upload-label {
    display: block;
    text-transform: capitalize;
    font-weight: 300;
    font-size: 1em;
    color: #333;
    padding-top: 8px;
}
.contact-page .work-blocks .row-1col-1 {
    background: url("../images/culture/culture1.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.contact-page .work-blocks .row-1col-2 .row-1col-2col-1 {
     background: url("../images/culture/culture2.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.contact-page .work-blocks .row-1col-2 .row-2col-2col-1 {
    background: url("../images/culture/culture3.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.contact-page .work-blocks .row-1col-2 .row-2col-2col-2 {
     background: url("../images/culture/culture4.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.opacity-zero {
    opacity:0;
    visibility: hidden;
    transition: all 0.6s ease 0s;
}
.toggle-wraper {
    padding-bottom: 12.5%;
    padding-top: 6.2%;
}
.toggle {
    display: block;
    position: relative;

}

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

.circle {
    position: absolute;
    right: 34px;
    text-align: center;
    top: 25px;
}
.arrow {
    position: absolute;
    right: 40px;
    text-align: center;
    top: 40px;
}
.toggle .toggleta { font-weight: bold; }

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

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

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

}
.patch{
    background: #F0EAF0;
}
.togglet .p-18 {
    color: #212227;
    font-weight: 300;
    padding: 2% 0 3% 0;
}
.toggle.toggle-bg .togglet, .toggle.toggle-bg .toggleta {
    line-height: 60px;
    padding: 7px 40px 4px 40px;
}

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

}
.togglec > .toggle > .togglet{
    padding-top: 12px;
    padding-bottom:0;
}
.togglec > .toggle > .togglec{
    padding-left: 108px;
    padding-right: 108px;
}
.inner-toggle-wrap {
    padding-bottom: 3%;
}
.apply-btn {
      background: none repeat scroll 0 0 #4a4a4a;
    display: block;
    margin-left: 40px;
    margin-top: 3%;
    padding-bottom: 14px;
    padding-right: 0;
    padding-top: 14px;
    text-align: center;
    width: 110px;
}
.togglec ul {
    list-style: disc;
}
.togglec li {
    color: #212227;
    line-height: 1.7;
    font-size:1.1em;
    font-weight:300;
}
.apply-btn:hover,.apply-btn:focus {
    color:#fff;
}
.togglet h4 {
    padding-bottom:0;
    letter-spacing: 0.05em;
    font-weight: 500;
    line-height: 16px;
}
.contact-page .testimonial-bg-2 {
    background: none repeat scroll 0 0 #f4f1f4;
    min-height: 189px;
}
.togglec.inner-toggle-wrap {
    background: #f4f1f4;
}
.job-detail-1,.job-detail-2,.job-detail-3,.job-detail-4 {
    border-bottom: 1px solid #fff;
}


/*****************************************************/
/* Pattern */
/*****************************************************/
.pattern-intro-sec {
    background:#f7f7f7;
}
.pattern-page {
    background:#212227;
}
.pattern-intro {
    display:table;
}
.pattern-intro div {
    display:table-cell;
    vertical-align:middle;
}
.pattern-1 {
    background:url('../images/pattern/pinkpetals.jpg');
    background-attachment:fixed;
}
.pattern-2 {
    background:url('../images/pattern/sweetstitch.jpg');
    background-attachment:fixed;
}
.pattern-3 {
    background:url('../images/pattern/cloudsatlast.jpg');
    background-attachment:fixed;
}
.pattern-4 {
    background:url('../images/pattern/rozylips.jpg');
    background-attachment:fixed;
}
.pattern-5 {
    background:url('../images/pattern/gems.jpg');
    background-attachment:fixed;
}
.pattern-6 {
    background:url('../images/pattern/classicchecks.jpg');
    background-attachment:fixed;
}
.archive-pattern {
    margin: 0;
    background:red;
    min-height: 600px;
    opacity: 1;
    text-align: center;
    transition: all 0.3s ease-in-out 0s;
    width: 100%;
}
.pattern-page .linkto-svg {
    padding-left: 7px;
    padding-top: 28px !important;
}
.small-svg-wrap-archive {
    padding-left: 11px;
    padding-top: 11px;
}
.small-svg-wrap-arrow {
    padding-left: 8px;
    padding-top: 10px;
}
.archive-pattern-hide {
    min-height: 0;
    opacity: 0;
}
.pattern-page .work-theme {
     padding-bottom: 8.5%;

}
.pattern-page .next-arr,.pattern-page .archive,.pattern-page .prev-arr {
    background: none repeat scroll 0 0 #000;
    border-radius: 50%;
    display: table;
    margin-top: 36%;
    float: left;
    height: 40px;
    margin-right: 13px;
    position: relative;
    transition: all 0.3s ease 0s;
    width: 40px;
}
.btn-sec {
    padding-top:23%;
}
#cbp-spmenu-s1 h4 {
    padding-top:18%;
}
.arc-link {
    min-height:165px;

}
.arc-link h6 {
    font-weight: 600;
    padding-left: 11%;
    padding-top: 7%;
    text-align: left;
}
.archive-goto-link {
    padding-top:5%;
}
#close {
    position: absolute;
    right: 42px;
    top: 42px;
    cursor:pointer;
}
.link-1{
    background:url('../images/pattern/pinkpetals.jpg');
}
.link-2{
    background:url('../images/pattern/sweetstitch.jpg');
}
 .link-3{
        background:url('../images/pattern/cloudsatlast.jpg');
}
.link-4{
        background:url('../images/pattern/rozylips.jpg');
}
.link-5{
        background:url('../images/pattern/gems.jpg');
}
.link-6{
    background:url('../images/pattern/classicchecks.jpg');
}

.showRightPush {
    cursor:pointer;
}
/*****************************************************/
/* Social  */
/*****************************************************/
.scoial-con-sec .col-lg-4 {
    min-height:428px;
}
.fb {
    background:#2b2d5d;
}

.tweet {
    background:#bbd3d4;
}
.insta {
    background:#E6DBE1;
}

.drib {
    background:#ffa991;
}
.behan {
    background:#453c3d;
}

.themef {
    background:#eeabb6;
}
.social-logo{
    position: absolute;
    right: 5%;
    top: 7%;
}
.social-desc {
    bottom: 6%;
    left: 7.5%;
    position: absolute;
}
.social-logo h1 {
    font-weight:500;
}
.social-desc h4 {
     padding-bottom:4px;
}
/*****************************************************/
/* Coding  */
/*****************************************************/

.spirit {
    background: url("../images/code/Draggable Divisions/rightimg.png");
    background-repeat: no-repeat;
    height: 100%;
    overflow: hidden;
    width: 100%;
}
.code-intro-sec {
    background:#323338;
}
#resizable {
    background: url("../images/code/Draggable Divisions/leftimg.png");
    background-repeat: no-repeat;
    border: medium none;
    height: 100%;
    width: 50%;
}
.ui-resizable {
    position: relative;
}
.spirit-wrapper {
    height: 506px;
    width: 767px;
    position: absolute;
    top: 31px;
    left: 32px;
}
.code-head {
    padding: 6% 0;
}

.drag-div-frame {
    background: url("../images/code/Draggable Divisions/frame.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin: 0 auto;
    min-height: 568px;
    position: relative;
    width: 832px;
}
#handle {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.6);
    border-radius: 50%;
    display: block;
    height: 100px;
    left: 100%;
    margin: 0 auto 0 -50.6px;
    position: absolute;
    right: 0;
    top: 39.8%;
    width: 100px;
}
.ui-resizable-e {
    cursor: e-resize;
    display: block;
    right: -45px;
    top: 70%;
}
.ui-resizable-e img {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 35px;
}

.ui-resizable-handle {
    display: block;
    font-size: 0.1px;
    position: absolute;
}
#code_2 {
    background: none repeat scroll 0 0 #f4f1f4;
    position: relative;
}
.pattern-wrap {
    width:818px;
    height:540px;

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

}
.animated-patterns {
    min-height: 540px;
    padding-left: 40px;
}
.animated-patterns-1{
    background-image: url("../images/code/Animated Patterns/01.jpg");


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

}
.animated-patterns-3{
    background-image: url("../images/code/Animated Patterns/03.jpg");
     min-height: 244px;
     margin-top: 51px;
}
#canvas {
    opacity: 0;
    visibility:hidden;
}
canvas {
     position: absolute!important;
}
#background {
    opacity:0;
}
#code_3{
    position:relative;
}
.device-wraper {
    width:1002px
}
.laptop-screen {
    height: 257px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 34px;
    width: 467px;
}
.ipad-screen {
    height: 396px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 34px;
    width: 318px;
}
.mobile-screen {
    height: 263px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 36px;
    width: 158px;
}
.laptop-width {
    width: 468px;
    margin-right: 20px;
    margin-top: 148px;
}
.tab-width {
    width: 312px;
    margin-right: 20px;

}
.mobile-width {
    width: 158px;
     margin-top: 130px;
}
.screen-demo-1 {
    left: 0;
    line-height: 0;
    position: absolute;
    transition: all 5s ease 0s;
    width: 100%;
}
.screen-demo-1:hover {
    cursor: pointer;
    margin-top: -918px;
}
.screen-demo-2 {
    left: 0;
    line-height: 0;
    position: absolute;
    transition: all 5s ease 0s;
    width: 100%;
}
.screen-demo-2:hover {
    cursor: pointer;
    margin-top: -619px;
}
.screen-demo-3 {
    left: 0;
    line-height: 0;
    position: absolute;
    transition: all 2s ease 0s;
    width: 100%;
}
.screen-demo-3:hover {
    cursor: pointer;
    margin-top: -20px;
}
    .text-align-center {
    text-align: center;
}
.last {
    margin-right: 0 !important;
}

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

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

}
.share {
    width:69px;
}
.share-links {
    height: 95px;
    opacity: 1;
    transition: all 0.3s ease 0s;
}
.share-links-hide {
    height: 0;
    opacity: 0;
    overflow:hidden;
}
.share-links  > li {
    display: inline-block;
    padding-right: 20px;
}
.project-footer-sec {
    margin-top: 8%;
    min-height: 99px;
}
.project-footer-sec a, .project-footer-sec a:hover, .project-footer-sec a:focus {
    color: #aeaeae;

    transition:0.2s;
    -webkit-transition:0.2s;
}
.prev svg{
    position: absolute;

}
.prev.black > span {
    display: block;
    font-size: 0.9em;
    margin-left: 45px;
    margin-top: 6px;
}
.next.black > span {
    margin-right: 30px;
    font-size: .9em;
    display: block;
    margin-top: 6px;
}
.project-footer-sec .prev:hover{
    padding-left:30px;
    color:#a48c3f;
    transition:0.2s;
    -webkit-transition:0.2s;
}

.project-footer-sec .next:hover{
    padding-right:30px;
    color:#a48c3f;
    transition:0.2s;
    -webkit-transition:0.2s;
}
.project-footer-sec .next:hover svg{
    position: absolute;
    right:30px;
    transition:0.2s;
    -webkit-transition:0.2s;
}
.next svg {
    position: absolute;
    right:0;
    transition:0.2s;
    -webkit-transition:0.2s;
}
.next.black > span {
    margin-right: 45px;
    transition:0.2s;
    -webkit-transition:0.2s;
}
.project-footer-sec .next {
    display: block;
    float: right;
    min-height: 34px;
    overflow: hidden;
    position: relative;
    width: 196px;
}
.project-footer-sec .prev {
    display: block;
    width: 196px;
    min-height: 34px;
    position: relative;
    overflow: hidden;
}
svg.archive-proj {
    transition: all 0.3s ease 0s;
}
svg.archive-proj:hover {
    transition: all 0.3s ease 0s;
}
@media only screen and (max-width: 414px) {
    .share-links  > li {
        padding-right: 12px;
        display:block;
    }
    .share {
    width:100%;
}
.share-links {
    margin-bottom: 13%;
}


}
/*****************************************************/
/* What to expect  */
/*****************************************************/
.landing-expect-text {
     padding-bottom: 10%;
}
.what-to-expect-page  .row-one,.what-to-expect-page  .row-two,.what-to-expect-page  .row-three {
    padding-bottom:5%;
}

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

.start-a-project-page .form-sec {
    padding-top:9%;
}
.start-a-project-page .full-name-input {
    text-align: center;
}
.start-a-project-page .full-name-input {
    text-align: center;
}
.start-a-project-page .about-landing {
    background: url("../images/startaprojectbanner.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    min-height: 529px;
}

.prettycheckbox label{
    color: #221227;
    font-size: 1em;
    font-weight: 300;
    padding-left: 30px;
    padding-top: 12px;
    text-transform: capitalize;
    padding-bottom: 12px;
    margin-bottom: 23px;
}
.check-box-head {
    padding-top:60px;
    padding-bottom:35px;
}
form.wpcf7-form label.check-box-head {
    height: auto;
}
.wpcf7-textarea textarea,
.start-a-project-page textarea {
    height: 150px !important;
}
.last-child label {
    margin-bottom:0;
}
.start-a-project-page .minict_wrapper ul {
    width:100%;
}
.start-a-project-page .submit-project-btn {
    padding-top:6%;
}
.start-a-project-page #hero {
    height:300px!important;
}
.start-a-project-page .p-18 {
    padding-bottom:45px;
}
/*****************************************************/
/* Bharatforge  */
/*****************************************************/
.bharatforge .theme-landing-sec {
    background: url("../images/projects/Bharat Forge/01.png") repeat scroll center center / cover transparent;

}
.bharatforge .project-img-sec {
    position:relative;
    padding-bottom:4%;
}
.bharatforge .inner-mac-display {
    left: 0;
    right:0;
    margin:0 auto;
    position: absolute;
    top: 0;
}

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

}
.exauric .project-img-sec {
    position:relative;
    padding-bottom:4%;
}
.exauric .inner-mac-display {
    left: 0;
    right:0;
    margin:0 auto;
    position: absolute;
    top: 0;
}
/*****************************************************/
/* J&K  */
/*****************************************************/
.jnk .theme-landing-sec {
    background: url("../images/projects/j&k/01.png") repeat scroll center center / cover transparent;

}
.jnk  .project-img-sec {
    position:relative;
    padding-bottom:4%;
}
.jnk.inner-mac-display {
    left: 0;
    right:0;
    margin:0 auto;
    position: absolute;
    top: 0;
}
/*****************************************************/
/* kgc  */
/*****************************************************/

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

}
.kgc  .project-img-sec {
    position:relative;
    padding-bottom:4%;
}
/*****************************************************/
/* maheshwari  */
/*****************************************************/
.maheshwari .theme-landing-sec {
    background: url("../images/projects/Maheshwari Saathi/01.png") repeat scroll center center / cover transparent;

}
.maheshwari .project-img-sec {
    position:relative;
    padding-bottom:4%;
}
.maheshwari .inner-mac-display {
    left: 0;
    right:0;
    margin:0 auto;
    position: absolute;
    top: 0;
}
/*****************************************************/
/* renault  */
/*****************************************************/
.renault .theme-landing-sec {
    background: url("../images/projects/Renault/01.png") repeat scroll center center / cover transparent;

}
.renault .project-img-sec {
    position:relative;
    padding-bottom:4%;
}
.renault .inner-mac-display {
    left: 0;
    right:0;
    margin:0 auto;
    position: absolute;
    top: 0;
}
/*****************************************************/
/* shopify  */
/*****************************************************/
.shopify .project-img-sec {
    position:relative;
    padding-bottom:4%;
}
/*****************************************************/
/* rubani  */
/*****************************************************/
.rubani .theme-landing-sec {
    background: url("../images/projects/Rubani/01.png") repeat scroll center center / cover transparent;

}
.rubani .project-img-sec {
    position:relative;
    padding-bottom:4%;
}
.rubani .inner-mac-display {
    left: 0;
    right:0;
    margin:0 auto;
    position: absolute;
    top: 0;
}
/*****************************************************/
/* tata  */
/*****************************************************/
.tata .theme-landing-sec {
    background: url("../images/projects/TATA/01.png") repeat scroll center center / cover transparent;

}
.tata .project-img-sec {
    position:relative;
    padding-bottom:4%;
}
.tata .inner-mac-display {
    left: 0;
    right:0;
    margin:0 auto;
    position: absolute;
    top: 0;
}
/*****************************************************/
/* wwf  */
/*****************************************************/
.wwf .theme-landing-sec {
    background: url("../images/projects/wwf/01.png") repeat scroll center center / cover transparent;

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

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

}
.whiskit .project-img-sec {
    position:relative;
    padding-bottom:4%;
}
.whiskit .inner-mac-display {
    left: 0;
    right:0;
    margin:0 auto;
    position: absolute;
    top: 0;
}
/*****************************************************/
/* Zenistry  */
/*****************************************************/
.zenistry .theme-landing-sec {
    background: url("../images/projects/Zenistry/01.png") repeat scroll center center / cover transparent;

}
.zenistry .project-img-sec {
    position:relative;
    padding-bottom:4%;
}
.zenistry .inner-mac-display {
    left: 0;
    right:0;
    margin:0 auto;
    position: absolute;
    top: 0;
}
/*****************************************************/
/* Power Drift  */
/*****************************************************/
.power .theme-landing-sec {
    background: url("../images/projects/Power Drift/01.png") repeat scroll center center / cover transparent;

}
.power .project-img-sec {
    position:relative;
    padding-bottom:4%;
}
.power .inner-mac-display {
    left: 0;
    right:0;
    margin:0 auto;
    position: absolute;
    top: 0;
}
/*****************************************************/
/* Buffy Fish  */
/*****************************************************/
.buffy .theme-landing-sec {
    background: url("../images/projects/Buffy_Fish/01.png") repeat scroll center center / cover transparent;

}
.buffy .project-img-sec {
    position:relative;
    padding-bottom:4%;
}
.buffy .inner-mac-display {
    left: 0;
    right:0;
    margin:0 auto;
    position: absolute;
    top: 0;
}
/*****************************************************/
/* Sokrati  */
/*****************************************************/
.sokrati .theme-landing-sec {
    background: url("../images/projects/sokrati/01.png") repeat scroll center center / cover transparent;

}
.sokrati .project-img-sec {
    position:relative;
    padding-bottom:4%;
}
/*****************************************************/
/* Samaas  */
/*****************************************************/
.samaas .theme-landing-sec {
    background: url("../images/projects/samaas/01.png") repeat scroll center center / cover transparent;

}
.samaas .project-img-sec {
    position:relative;
    padding-bottom:4%;
}
/*****************************************************/
/* Logicare  */
/*****************************************************/
.logicare .theme-landing-sec {
    background: url("../images/projects/logicare/01.png") repeat scroll center center / cover transparent;

}
.logicare .project-img-sec {
    position:relative;
    padding-bottom:4%;
}
.logicare .inner-mac-display {
    left: 0;
    right:0;
    margin:0 auto;
    position: absolute;
    top: 0;
}
/*****************************************************/
/* Aearth  */
/*****************************************************/
.aearth .theme-landing-sec {
    background: url("../images/projects/aearth/01.png") repeat scroll center center / cover transparent;

}
.aearth .project-img-sec {
    position:relative;
    padding-bottom:4%;
}
.aearth .inner-mac-display {
    left: 0;
    right:0;
    margin:0 auto;
    position: absolute;
    top: 0;
}
/*****************************************************/
/* Holy-gau  */
/*****************************************************/
.gau .theme-landing-sec {
    background: url("../images/projects/Holy Gau/01.png") repeat scroll center center / cover transparent;

}
.gau .project-img-sec {
    position:relative;
    padding-bottom:4%;
}
.gau .inner-mac-display {
    left: 0;
    right:0;
    margin:0 auto;
    position: absolute;
    top: 0;
}
/*****************************************************/
/* Home-Serve  */
/*****************************************************/
.serve .theme-landing-sec {
    background: url("../images/projects/Home Serve/01.png") repeat scroll center center / cover transparent;

}
.serve .project-img-sec {
    position:relative;
    padding-bottom:4%;
}
.serve .inner-mac-display {
    left: 0;
    right:0;
    margin:0 auto;
    position: absolute;
    top: 0;
}


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

.together-in {position: relative; float: left; width: 100%;}
.testimonial-employee-wraper {position: relative; float: left; width: 100%;}
.together-in .culture-block {height: 640px;}
.together-in .culture-block:nth-child(2) .item {height: 320px;}
.top-paralax-slider {height: 700px;}
.testimonial-sec {min-height: 100%;}
.multia-sec {min-height: 100%;}
.theme-sec {min-height: 100%;}
.work-sec {min-height: 100%;}
.about-sec {min-height: 100%;}
.theme-sec h2 {padding: 0px;}
.work-sec h2 {padding-bottom: 40px;}
.multia-sec h2 {padding-bottom: 40px;}
.testimonial-sec h2 {padding-bottom: 40px;}
.work-blocks .work-item-block {height: 640px;}
.right-half-work-item .work-item-block {height: 320px;}
.left-half-work-item .work-item-block {height: 320px;}
.about-intro .p-18 {padding: 40px 0px;}

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

.half-block-multi {height: 640px;}
.half-block-multi .multi-item {height: 320px;}
.social-button {background: #F9461C; position: relative; float: left; width: 100%; height: 100%;}
.social-button a {height: 100%; width: 100%; position: absolute; left: 0; top: 0; z-index: 5;}
.code-block {background: #D9B391; position: relative; float: left; width: 100%; height: 100%;}
.coding-block {position: relative; float: left;}
.coding-block a {height: 100%; width: 100%; position: absolute; left: 0; top: 0; z-index: 5;}

.coding-block .pattern-block {position: absolute; left: 50%; top: 50%; margin-top: -141px; margin-left: -141px; z-index: 50;}
.coding-wrapp .coding-block:first-child {height: 320px;}
.coding-wrapp .coding-block:last-child {height: 640px;}

.themes-image a {height: 100%; width: 100%; position: absolute; left: 0; top: 0; z-index: 5;}
.itemm {position: relative; float: left; display: block; width: 33.334%; overflow: hidden;}
.itemm img {max-width: 100%; height: auto;}
pre { border: 1px dashed gray; padding: 10px; max-width: 100%; margin: 10px; background-color: #fff; white-space: pre-wrap;}
.item-content {height: 420px;}
.grid-sizer {width: 0px;}
.masonry-container:after {content: '';display: block;clear: both;}
.container-mix {position: relative;}
.container-mix .mix {display: none;}

.itemm .item-title {margin-top: auto; position: absolute; bottom: 70px; clear: both;}
.itemm a {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 555;}
.itemm .item-cat {margin-top: auto; position: absolute; bottom: 30px;}
.itemm:hover .item-overlay {background: none; opacity: 1;}
.itemm:hover .item-cat {margin-left: 28px;}
.itemm:hover .item-title {margin-left: 28px;}

.list-container {position: relative; float: left; width: 100%; height: 65px; background: none; top: 30px; right: 0px; transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;}
.list-container.right-slide {background: #000;}
header .menu-item-has-children { display: inline-block;}
.menu-item-has-children .fa {position: absolute; right:8px; top: 4px; color:#222; cursor: pointer; font-weight: 700; font-size: 12px;transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;}
.menu-item-has-children .fa.act-arrow {color: #999;}
header .menu-item-has-children ul { padding: 10px 50px 20px; background: #000; position: absolute; float: left; height: auto; text-align: left;  top: 50px; left: 0px; width: 150px; text-align: center; opacity: 1; visibility: visible; transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
header .menu-item-has-children ul li { width: 100%; text-align: left; padding: 5px 0px; font-size: 0.9em; line-height: 20px;}
header .menu-item-has-children 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 .menu-item-has-children ul li a:hover {color:#fff;}
header .menu-item-has-children:hover ul {opacity: 1; visibility: visible;}
@media screen and (max-width: 1366px) {
    .list-container {height: 50px; top: 20px;}
    .logo {width: 50px; height: 50px; left: 20px; top: 20px;}
    .logo img {width: 50px; height: 50px;}
}
@media screen and (max-width: 1200px) {
    .we-do-detail {position: relative; float: left; width: 100%;}
    .inner-page-link .small-text {padding-left: 0px; float: right;}
    .inner-page-link p {padding-left: 0px;}
    .detail-link-2 {padding: 40px 0px;}
    .about-intro {text-align: center;}
    .social-button img {padding-left: 0%;}
    .slider-wraper .browser-slider-wraper {width: 100%; display: inline-block; float: none; position: relative; padding-left: 0px;}
    .slider-wraper {text-align: center;}
    #slider1_container {width: 100%;}
    .themes-image img {width: 100%; height: auto;}
    .slider-wraper {padding-top: 140px;}
    .detail-link-3 {padding-top: 40px;}
    .theme-links {position: relative; float: left; width: 100%; text-align: center;}
    .theme-links .linkto {display: inline-block; float: none; position: relative; margin: 15px 0px;}
    .medium .linkto-text {padding: 18px 8px;}
    .themes-image {margin-top: 6.2%; position: relative; float: left; width: 100%; padding: 50px 0px;}
}
@media screen and (max-width: 990px) {
    .item-title {margin-left: 28px;}
    .item-cat {margin-left: 28px;}

    .item-overlay {background: rgba(255,255,255,0.7);}
    .about-intro h2 {padding-top: 40px;}
    .work-sec {padding: 0px 15px;}
    .about-sec {padding: 0px 15px;}
    .inner-page-link p {padding-left: 0px; font-size: 0.8em;}
    .itemm {width: 50%;}
    .work-intro {min-height: 100%;}
    #filters {padding-bottom: 80px;}
}
@media screen and (max-width: 800px) {
    h1 {font-size: 4.8em; text-align: center;}
    .about-intro h2 {font-size: 3em; text-align: center;}
    .detail-link-2 .linkto {margin-left: 20px;}
    .detail-link-1 .linkto {margin-left: 20px;}
    .footer-sec h3 {font-size: 2.5em; text-align: center; padding: 20px 0px 35px;}
}
@media screen and (max-width: 767px) {
    .work-blocks .no-padding {padding: 0px;}
    .work-intro {min-height: 100%; padding-bottom: 80px;}
    .detail-link-3 {left: auto; right: 50px; margin: 40px 0px;}
    .coding-wrapp .coding-block:first-child {height: auto;}
    .social-button img {position: absolute; bottom: 20px; margin-top: 0%; right: 40px;}
    .list-container {height: 50px; top: 20px;}
    .detail-link-2 {margin-bottom: 40px;}
    .no-padding.half-block-multi.respon {padding: 0px;}
    .no-padding.coding-block.respon {padding: 0px;}
    .name-desc {padding-bottom: 30px;}
}
@media screen and (max-width: 738px) {
    .logo img {height: 40px; width: 40px; left: 20px; top: 20px;}
    .logo {left: 0px; top: 0px;}
    header .list-container ul {height: auto; width: 100%; float: left; padding: 50px 35px 20px;}
    header .list-container ul li {width: 100%; text-align: left;}
    .header-links {line-height: 26px;}
    header .menu-item-has-children ul {position: relative; float: left; padding: 5px 0px 5px 10px; top: 0px; display: none;}
    header .menu-item-has-children ul li {font-size: 0.75em;}
    header .menu-item-has-children ul.slide-submenu {display: block; opacity: 1; visibility: visible;}
}
@media screen and (max-width: 630px) {
    .prettycheckbox label {padding-left: 65px;}
    .prettycheckbox > a {position: absolute;}
}
@media screen and (max-width: 600px) {
    .togglec > .toggle > .togglec {padding: 0px 20px 0px 55px;}
    #eclips {display: none!important;}
    .no-padding.about-intro h2 {padding-top: 80px;}
    .about-intro h2 {padding: 10px 15px;}
    .theme-sec {min-height: 100%; padding-bottom: 40px;}
    .table-view {height: auto; padding: 20px;}
    .table-view h2 {font-size: 2em;}
    .project-footer-sec .next-proj {display: none!important;}
    .project-footer-sec .prev-proj {display: none!important;}
    .no-right-padding {padding: 0px;}
    .no-left-padding {padding: 0px;}
    .project-det-sec p {font-size: 1em;}
    .itemm {width: 100%;}
    .about-sec {min-height: 100%;}
}
@media screen and (max-width: 480px) {
    .no-padding.about-intro h2 {padding-top: 40px;}
    .no-padding {padding: 0px!important;}
    .about-intro .p-18 {padding-left: 35px; font-size: 18px;}
    .home .about-intro h2 {font-size: 2em; padding-left: 0px; text-align: center;}
    .name-desc {padding-bottom: 40px;}
    h1 {font-size: 3em; text-align: center; margin: 0px auto;}
    h2 {font-size: 2.5em;}
    .about-intro h2 {font-size: 2.5em;}
    h3 {font-size: 2em;}
    .togglet .p-18 {font-size: 1.1em;}
    .container.no-padding {padding: 0px 15px;}
    blockquote {padding: 10px 10px 10px 35px;}
   .about-reasons h2 {padding-top: 40px;}
    .prettycheckbox > a {height: 20px; width: 20px;}
    .prettycheckbox label {padding-top: 0px; padding-left: 40px;}
}
@media screen and (max-width: 360px) {
.code-block {padding-bottom: 40px;}
}

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

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

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

@import url(http://fonts.googleapis.com/css?family=Open Sans:400,700);
a {text-decoration:none; outline:none; cursor: pointer; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
a:hover {text-decoration: none;}
a img{border: 0px none;}
a:hover {outline: none;}
a:active {outline: none; text-decoration: none;}
a:focus {outline: none; outline-offset: 0px; text-decoration: none; color:#222;}
.clear_l{clear:both;}
ul {padding:0px; margin:0px;}
ul li {font-size: 13px; line-height: 40px; font-weight: 700;}
input:focus, select:focus, textarea:focus, button:focus{outline:none;}
::-webkit-input-placeholder {color:#bdbdbd; opacity: 1;}
::-moz-placeholder          {color:#bdbdbd; opacity: 1;}
:-moz-placeholder           {color:#bdbdbd; opacity: 1;}
:-ms-input-placeholder      {color:#bdbdbd; opacity: 1;}
h1, h2, h3, h4, h5, h6, p{margin:0px; padding:0px;}
article, section, footer, header, figure, aside, hgroup, nav{display:block;}
header,nav,article,footer,section,aside,figure,figcaption{display:block}
button {outline: none; border: none; box-shadow: none; background: none;}
input {outline: none; box-shadow:none; font-family: 'Open Sans'; border: 0px none;}

.swiper-container{margin:0 auto;position:relative;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden; overflow: hidden;}.swiper-wrapper{position:relative;width:100%; -webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform,left,top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;}.swiper-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto;}.swiper-wp8-horizontal{-ms-touch-action:pan-y;}.swiper-wp8-vertical{-ms-touch-action:pan-x;}
.swiper-container{height:100%;}
.swiper-slide{position:relative; float:left; overflow:hidden;}
.swiper-slide img {width: 100%; height: auto;}
.pagination {position: absolute; width: 100%; bottom: 20px; left: 0px; text-align: center;}
.swiper-pagination-switch {cursor: pointer; opacity: 0.5; width: 16px; height: 16px; position: relative; float: none; display: inline-block; margin: 0px 7px; transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.swiper-active-switch {opacity: 1; transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.swiper-pagination-switch:hover {opacity: 1;}
.swiper-pagination-switch:nth-child(3n+1) {background: url('../images/point_1.png') no-repeat;}
.swiper-pagination-switch:nth-child(3n+2) {background: url('../images/point_2.png') no-repeat;}
.swiper-pagination-switch:nth-child(3n+3) {background: url('../images/point_3.png') no-repeat;}

.onehomepage {font-family: 'Open Sans', sans-serif; color: #4a4a4a; background: #f3f3f3;}
.onehomepage h1 {
    font-size: 36px;
    line-height: 70px;
    margin: 0;
    padding: 0;
}
.onehomepage .det-share h3 {clear: none;}
.onehomepage h3 {font-size: 18px; font-weight: 400; font-family: 'Open Sans'; text-transform: uppercase; padding: 0px;}
.onehomepage h5 {font-size: 14px; font-family: 'Open Sans'; font-weight: 500;}
.morden-h6  {color: #fff !important; font-family: "Open Sans"; font-size: 13px; line-height: 24px; text-transform: uppercase !important; padding-bottom: 20px;}
.onehomepage h6 {color: #000000; font-family: "Open Sans"; font-size: 13px; line-height: 24px; text-transform: uppercase}
.onehomepage nav {text-align: center; }
.onehomepage nav .list-container {visibility: hidden; width: 100%; }
.onehomepage nav .list-container.right-slide {visibility: visible; }
.onehomepage .header-links {padding: 0px 50px 0px 0px;}
.onehomepage .menu-item a {padding: 0px 50px 0px 0px;}
.onehomepage .border #border-bottom, .onehomepage .border #border-left, .onehomepage .border #border-right, .onehomepage .border #border-top {background: #fff; overflow: hidden; z-index: 99;}
.onehomepage .border #border-left, .onehomepage .border #border-right {width: 30px;}
.onehomepage .border #border-bottom, .onehomepage .border #border-top {height: 30px;}
.onehomepage header {z-index: 98;}
.onehomepage header .menu-item-has-children .sub-menu {width: 100%; top: 65px; background: #fff; height: 0px; overflow: hidden; visibility: hidden; position: absolute; right: 30px;left: auto; margin-right: 0px; padding: 20px 20px 20px 60px;  opacity: 0; transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;}
.onehomepage header .list-container .header-menu {padding: 0px 115px 0px 0px; height: auto;}
.onehomepage header .menu-item-has-children .sub-menu li {width: auto; font-size: 13px; text-transform: capitalize; color: #aaa; position: relative; float: left;}
.onehomepage header .menu-item-has-children:hover .sub-menu {opacity: 1; height: auto; z-index: 6000; visibility: visible;}
.onehomepage header .menu-item-has-children .sub-menu li a {position: relative; float: left; padding: 0px 20px;}
.onehomepage header .menu-item-has-children .sub-menu li.current-menu-item a,
.onehomepage header .menu-item-has-children .sub-menu li a:hover {color: #000;}
.onehomepage header .menu-item-has-children .sub-menu li ul {background: #fff; padding: 0px; position: absolute; width: auto; right: auto;}
.onehomepage header .menu-item-has-children .sub-menu li ul li {color: #161616; font-size: 12px; font-family: 'Open Sans'; text-transform: none; line-height: 18px; margin: 0px; width: 100%;}
.onehomepage header .menu-item-has-children .sub-menu li ul li a:hover {color: #000;}
.onehomepage header .menu-item-has-children .sub-menu {width: 100%; padding-left: 10px;}
.onehomepage header .menu-item-has-children .sub-menu li {width: 20%;}
.onehomepage header .menu-item-has-children .sub-menu li a {padding: 0px 20px 0px 20px;}
.onehomepage header .menu-item-has-children .sub-menu li ul {position: relative; float: left; width: 100%; top: 10px;}
.onehomepage header .menu-item-has-children .sub-menu li ul li a {padding: 5px 0px 0px 20px;}
.onehomepage header .menu-item-has-children .sub-menu a:focus {color: #aaa;}
.onehomepage header .menu-item-has-children .sub-menu a:active {color: #aaa;}
.onehomepage .wrapper {position: relative; float: left; width: 100%;}
.onehomepage .bg{position:fixed; left:0px; top:0px; width:100%; height:100%; overflow:hidden;}
.onehomepage.safari .bg{position: absolute;}
.onehomepage .bg img{position:absolute;}
.onehomepage .bg video{position:absolute;}
.onehomepage .bg-bg {background-position: 50% 0px; background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover; background-size: cover; transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);}
.onehomepage .bg-bg-chrome {background-position: 50% 0px; background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover; background-size: cover; position:relative;}
.onehomepage .clip{clip: rect(auto, auto, auto, auto); height: 100%; position: absolute; width: 100%;}
.video .fa {font-size: 30px; color: #fff; position: absolute; top: 83px; right: 120px; z-index: 5000; cursor: pointer; width: 50px; height: 50px;}

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

/*======================Homepage Onepage======================*/

.parallax.onehomepage .bg-bg {background-attachment: scroll;}
.parallax.onehomepage .themes-icon {top: 130px; right: 60px; position: absolute;}
.parallax.onehomepage .themes-icon.themess {top: 0px; left: 80px;}
.parallax.onehomepage .themes-icon.themess span {top: 28px; left: 30px;}
.border-top {position: absolute; top: 0px; left: 0px;}
.newsletter-logo {text-align: center;}
.newsletter-logo span {font-size: 38px; color: #fff; position: relative; float: none; display: inline-block; padding-top: 25px;}
.sidemenu p {padding: 20px 0px;}
.notify-button {transition:all 0.6s ease-in;-webkit-transition:all 0.6s ease-in;-moz-transition:all 0.6s ease-in;-o-transition:all 0.6s ease-in;-ms-transition:all 0.6s ease-in;}
.notify-button:hover {background: #fff; color: #000;}
.top-baner {position: relative; float: left; width: 100%; overflow: hidden;}
.top-baner .logo {left: 30px; top: 30px; z-index: 108;}
.top-baner .list-container {top: 30px;}
.top-baner header nav .handle {right: 30px; top: 30px;}
.main-title {position: relative; float: left; width: 100%;}
.onehomepage .home-intro-text {z-index: 50; text-align: right; top: 28%; transform: translateY(-50%); width: 100%; margin-top: 60px;}
.onehomepage .home-intro-text .main-title {position: relative; float: none; display: inline-block;}
.top-baner-caption{position: absolute; width: 100%; text-align: center; top: 50%; z-index: 50; margin-top: 40px; transform: translateY(-50%); -webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);}
.top-baner-caption p {max-width: 780px; position: relative; float: none;  display: inline-block;}
.top-baner-caption h2 {position: relative; float: none;  display: inline-block; width: 100%; padding-bottom: 30px;}
.top-baner-caption .link-wrap {position: relative; width: 100%; text-align: center;  padding-top: 40px;}
.link-wrap a {position: relative; float:none; display: inline-block; text-transform: uppercase; font-size: 14px; font-weight: 600; padding: 20px 44px; margin: 0px 10px; transition:all 0.4s ease-in;-webkit-transition:all 0.4s ease-in;-moz-transition:all 0.4s ease-in;-o-transition:all 0.4s ease-in;-ms-transition:all 0.4s ease-in; letter-spacing: 0.07em;}
.top-baner-caption .view {background: #000; color: #fff;}
.top-baner-caption .start {background: none; border: 1px solid #000; color: #000;}
.top-baner-caption .view:hover {background: none; border: 1px solid #000; color: #000;}
.top-baner-caption .start:hover {background: #000; color: #fff;}
.top-baner-caption span {text-transform: uppercase; color: #000; font-size: 14px; padding-bottom: 20px; position: relative; float: none; display: inline-block; width: 100%;}
.top-baner-caption .bottom-line {position: relative; float: none; display: inline-block; width: 50px; height: 1px; background: #4A4A4A;}
#home-onepage .swiper-slide {height: 600px;}
#home-onepage .pagination {display: none;}
.onepage-menu li a.active {color: #fff;}

.section-wrap {position: relative; float: left; width: 100%; padding-top: 60px;}
.section-wrap h2 {padding-bottom: 35px;}
.top-padding-head{padding-top: 180px;}
.range-block {position: relative; float: left; width: 100%; margin-bottom: 60px;}
.range-block-icon {position: absolute; left: 0px; top: 0px;}
.range-block-icon span {font-size: 50px; color:#000;}
.range-block-text {position: relative; float: left; width: 100%; padding-left: 85px;}
.range-block-text h4 {padding-bottom: 15px;}

.filter-sort {position: relative; float: left; width: 100%; padding-bottom: 65px; overflow: hidden;}
.filter-img {position: relative; float: left; cursor: pointer;transition:all 0.6s ease-in;-webkit-transition:all 0.6s ease-in;-moz-transition:all 0.6s ease-in;-o-transition:all 0.6s ease-in;-ms-transition:all 0.6s ease-in;}
.filter-img.act {left: -100px;}
.onehomepage #filters {text-align: left; padding-top: 5px; position: absolute; left: -100%; margin-top: 0px; transition:all 0.6s ease-in;-webkit-transition:all 0.6s ease-in;-moz-transition:all 0.6s ease-in;-o-transition:all 0.6s ease-in;-ms-transition:all 0.6s ease-in;}
.onehomepage #filters.active {left: 0px;}
.onehomepage #filters .button {border-right: 1px solid #000; margin: 0px; padding: 0px 10px;font-weight: 100; font-family: 'Open Sans'; font-size: 14px; text-transform: uppercase; color: #6f6f6f; transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;}
.onehomepage #filters .button:last-child {border-right: 0px;}
.onehomepage #filters .button:hover {color:#000; padding-right: 15px; border-color: #999;}
#filters .button.activbut {color:#999; padding-right: 15px; border-color: #999;}
.onehomepage .item-title {font-size: 18px; font-weight: 700; bottom: 55px; text-transform: uppercase;}
.onehomepage .item-cat {font-size: 14px; font-family: 'Open Sans'; bottom: 35px; font-weight: 400; letter-spacing: 0.02em;}

.izotope-container {position: relative; float: left; width: 100%;}
.row.margin-row {margin-left: -55px; margin-right: -55px;}
.itemm {transition: none!important;-webkit-transition: none!important;-o-transition: none!important;-moz-transition: none!important;-ms-transition: none!important;}
.onehomepage .itemm .svg-arrow {top: 30px; right: 30px; opacity: 0; transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;}
.onehomepage .itemm:hover .item-overlay {background: rgba(250,250,250,0.7); opacity:1;}
.onehomepage .itemm:hover .svg-arrow {top: 10px; right: 10px; opacity: 1;}
.itemm img {display: block;}
.onehomepage .itemm {position: relative; float: left; margin: 0px 3% 80px; display: inline-block; width: 27%;}
.onehomepage .itemm.w_60 {width: 60%;}
.grid-sizer {width: 0px;}
.onehomepage .item .item-title {margin-top: auto; position: absolute; bottom: 50px; clear: both;}
.onehomepage .item a {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 555;}
.onehomepage .item .item-cat {margin-top: auto; position: absolute; bottom: 30px;}
.onehomepage .item:hover .item-overlay {background: none; opacity: 1;}
.onehomepage .item:hover .item-cat {margin-left: 28px;}
.onehomepage .item:hover .item-title {margin-left: 28px;}

.onehomepage .item .svg-arrow {top: 30px; right: 30px; opacity: 0; transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;}
.onehomepage .item:hover .item-overlay {background: rgba(250,250,250,0.7); opacity:1;}
.onehomepage .item:hover .svg-arrow {top: 10px; right: 10px; opacity: 1;}
.itemm img {display: block;}


.lode-more {position: relative; width: 100%; text-align: center; cursor: pointer; padding-top: 40px;}
.lode-more a {position: relative; display: block; text-transform: capitalize; color: #4a4a4a; font-size: 14px; font-weight: 700; padding-bottom: 10px; text-transform: uppercase;}
.no-more {position: relative; width: 100%; float: left; text-align: center; padding: 40px 0px 10px; text-transform: uppercase; font-size: 20px; color: #999;}
.lode-more a:hover {color: #999;}
.lode-more:hover .svg-arrow {top: 10px;}
.lode-more .svg-arrow {position: relative; float: none; display: inline-block; margin-top: 20px; transform: rotate(135deg);-webkit-transform: rotate(135deg);-o-transform: rotate(135deg);-moz-transform: rotate(135deg);-ms-transform: rotate(135deg);transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;}

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

.team-block-wrapp {position: relative; float: left; width: 100%;}
.team-img {position: relative; float: left; width: 100%;}
.team-img img {width: 100%; height: auto;}
.team-text {position: absolute; left: 0px; bottom: -77px; width: 100%; overflow: hidden; max-height: 80px; padding-top: 30px; padding-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: #000; padding-bottom: 13px;}
.team-text h5 {font-size: 14px; color: #000;}
.team-text p {color: #000; padding: 20px 0px;}
.follow-team .fa {color: #505050; font-size: 20px; border-right: 1px solid #000; padding: 5px 25px;}
.follow-team .fa:hover {color: #999;}
.follow-team .fa:last-child {border-right:0px none;}
.follow-team .fa:first-child {padding-left: 0px;}
.hide-text-block {opacity: 0px;}
.team-block-wrapp:hover .team-text {max-height: 100%; background: rgba(255,255,255,0.8); position: absolute; height: 100%; padding-top: 70px; top: 0px; bottom: 0px; 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 0px; z-index: 5; position: relative; float: left; width: 100%; text-align: center; letter-spacing: 5px;}

.skill-desc {position: relative; float: left; width: 100%;}
.skill-desc h4 {font-size: 18px; padding: 10px 0px 20px;}
.skill-block {position: relative; float: left; width: 98%; border: 1px solid #828282; height: 60px; margin: 10px 0px;}
.skill-block span {position: absolute; left: 0px; top: 0px; font-size: 14px; text-transform: uppercase; color:#000; padding: 20px; font-weight: 400; letter-spacing: 0.04em;}
.skill-block .skill-line {height: 10px; background: #d4d4d4;  position: relative; margin-left: 180px; margin-top: 25px; margin-right: 100px;}
.skill-block .skill-line div {position: absolute; background: #000; width: 0%; height: 10px; transition:all 2s ease-in-out 0.3s;-webkit-transition:all 2s ease-in-out 0.3s;-moz-transition:all 2s ease-in-out 0.3s;-o-transition:all 2s ease-in-out 0.3s;-ms-transition:all 2s ease-in-out 0.3s;}
.skill-block h5 {font-size: 16px; text-align: right; padding: 20px 30px 20px 0px; position: absolute; right: 10px; top: 0px;}
.skill-block .per {position: absolute; right: 0px; left: auto; font-weight: 100; font-size: 18px; color: #4a4a4a; font-family: 'Open Sans';}

.money-block {position: relative; float: left; width: 100%; background: #e1e1e1; color:#000; text-align: center; padding: 40px 20px 45px;transition:all 0.35s ease-in-out;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-o-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;}
.money-block h3 {font-size: 24px; padding: 15px 0px 55px;transition:all 0.35s ease-in-out;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-o-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;}
.money-block span {font-size: 72px; font-weight: 700; transition:all 0.35s ease-in-out;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-o-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;}
.money-block sub {text-transform: uppercase; font-size: 24px; font-weight: 400; margin-left: -10px;transition:all 0.35s ease-in-out;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-o-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;}
.money-block sup {font-size: 40px; font-weight: 700; margin-right: -5px;transition:all 0.35s ease-in-out;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-o-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;}
.money-block p {padding: 25px 0px 60px;transition:all 0.35s ease-in-out;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-o-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;}
.money-block a {position: relative; float: none; display: inline-block; background: #fff; font-size: 14px; font-family: 'Open Sans'; text-transform: uppercase; padding: 15px 50px; font-weight: 600; letter-spacing: 0.07em; transition:all 0.35s ease-in-out;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-o-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;}
.money-block:hover {background: #030303;}
.money-block:hover span {color: #fff;}
.money-block:hover sup {color:#fff;}
.money-block:hover sub {color:#fff;}
.money-block:hover h3 {color:#fff;}
.money-block:hover p {color:#fff;}
.money-block a:hover {background: #e1e1e1;}

.twitter-block {position: relative; float: left; width: 100%; background: #fff; height: 640px;}
.wiget-block .fa {position: absolute; left: 0px; width: 54px; height: 54px; background: #000; z-index: 50; color: #fff; padding: 10px; font-size: 37px;}
.wiget-block .fa a {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 5; padding: 0px; margin: 0px;}
.wiget-block .twitter-block .fa {top: 0px;}
.wiget-block .instagram-block .fa {bottom: -3px;}
.twitter-block p {padding: 150px 90px 95px; font-size: 20px; line-height: 36px;}
.twitter-block .tw-date {padding-left: 90px; font-size: 18px; line-height: 20px; font-family: 'Open Sans'; font-weight: 100;}
.twitter-block a {padding-left: 90px; font-size: 18px; font-family: 'Open Sans';}
.instagram-block {position: relative; float: left; width: 100%;background: none; height: 640px; text-align: center; padding-bottom: 100%;}
.instagram-block iframe {position: absolute;top: 0;bottom: 0;left: 0;width: 100%;height: 100%;border: 0;}

.ins_img {position: relative; float: left; width: 50%; height: 320px; display: block; backface-visibility: hidden;}
#twitter-slider .home-pagination.pagination {right: auto;}
#twitter-slider .home-pagination .swiper-pagination-switch {float: none; width: 10px; height: 10px; margin: 0px 3px;}


.onehomepage .testimonial-sec {min-height: 100%; padding-bottom: 125px;}
.testi-style .traingle {display: none;}
.testi-style .name {color: #000; padding-bottom: 0px;}
.testi-style .pos {font-size: 13px; line-height: 24px; text-transform: uppercase; font-family: 'Open Sans'; color: #000;}
.bquote {color: #000; background: #fff;}
.q_left {background: url(../images/quote_left.png) no-repeat; width: 15px; height: 13px; position: absolute; margin-left: -25px;}
.q_right {background: url(../images/quote_right.png) no-repeat; width: 15px; height: 13px; position: absolute;  margin-top: 20px; margin-left: 10px;}
.bquote:before {position: absolute; bottom: -20px; left: 40px; border: 10px solid transparent; border-top: 10px solid #fff;}
.testi-style .name-desc {padding-top: 30px;}
.testimonial-bg-1 {background: #fff;}
.testimonial-bg-2 {background: #fff;}

.onehomepage .client-sec {height: 280px; min-height: inherit; border-top: 1px solid #e6e6e6; width: 100%;}
.onehomepage #slider3_container {height: 280px; width: 100%; margin: 80px 0px 0px;}
.onehomepage #slider3_container .slider {height: 280px; width: 100%;}
.logo-image {position: relative; float: left; margin: 0px 25px;}

.onehomepage .footer-sec {background: none; min-height: 100%; position: relative; float: left; width: 100%; padding-bottom: 35px; z-index: 85;}
.onehomepage .contact-detail h5 {font-size: 36px; cursor: pointer; padding-right: 40px; font-weight: 300;}
.copiright {position: relative; float: left; width: 100%; padding: 35px 70px 0px 0px; text-align: right;}
.copiright span {font-size: 12px; font-family: 'Open Sans'; text-transform: uppercase; color:#000;}
.menu-item .fa {position: relative; top: -3px; color: #fff; font-size: 10px; padding-left: 10px; display: none;}
.menu-item-has-children .fa.act-col {color: #fff;}

.footer-icon {position: relative; float: left; width: 90px; height: 90px; border-radius: 50%; background: #000; text-align: center;}
.footer-icon span {color: #fff; font-size: 38px; position: relative; float: none; display: inline-block; padding-top: 25px;}

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

@media screen and (max-width: 1800px) {
    .mobile-slider-wraper {right: 14%;}
}
@media screen and (max-width: 1600px) {
    .onehomepage header .menu-item-has-children .sub-menu {margin-right: -45px;}
}
@media screen and (max-width: 1366px) {
    .onehomepage header .menu-item-has-children ul  {top: 70px;}
    .onehomepage header .menu-item-has-children .sub-menu {top: 50px; margin-right: -50px; padding: 20px 20px 20px 10px;}
    .onehomepage .border #border-left, .onehomepage .border #border-right {width: 30px;}
    .onehomepage .border #border-bottom, .onehomepage .border #border-top {height: 30px;}
    .top-baner-caption {margin-top: 0px;}
    .top-baner .logo {top: 30px; left: 30px;}
    .top-baner header nav .handle {top: 30px; right: 30px; z-index: 9999999999999;}
    .onehomepage nav .list-container{top: 30px;}
    .onehomepage header .list-container .header-menu {padding: 0px 100px 0px 0px;}
}
@media screen and (max-width: 1200px) {
    .parallax.onehomepage .themes-icon {position: relative; float: none; display: inline-block; top: 0px; margin: 20px 0px;}
    .contact-icon-wrap {margin: 0px auto;}
    .contact-number {text-align: center; padding-bottom: 50px;}
    .onehomepage .contact-detail h5 {text-align: center; padding-right: 0px; padding-bottom: 50px;}
    .copiright {text-align: center; padding: 35px 0px;}
    .onehomepage header .menu-item-has-children .sub-menu {margin-right: -50px;}
    .onehomepage header .list-container .header-menu {padding: 0px 80px 0px 0px;}
}
@media screen and (max-width: 992px) {
    .parallax.onehomepage .themes-icon {right: auto;}
    .parallax.onehomepage .themes-icon.themess {left: auto;}
    .onehomepage .border #border-left, .onehomepage .border #border-right {width: 0px;}
    .onehomepage .border #border-bottom, .onehomepage .border #border-top {height: 0px;}
    .row.margin-row {margin-left: -15px; margin-right: -15px;}
    .onehomepage header .list-container {text-align: center;}
    .onehomepage header .list-container ul {padding-right: 100px; float: none; position: relative; display: inline-block;}
    .section-wrap {padding-top: 70px;}
    .count-block {margin-bottom: 30px;}
    .top-baner {padding: 0px; margin-top: 0px;}
    .top-baner header nav .handle {top: 30px; right: 30px; z-index: 999999;}
    .top-baner .logo {top: 30px; left: 30px;}
    .onehomepage .logo img {left: 0px; top: 0px;}
    .onehomepage header {min-width: 100%;}
    .onehomepage .itemm.w_60 {width: 50%;}
    .onehomepage .itemm {width: 50%; margin: 0px; padding: 0px 15px 30px;}
    .item-overlay {padding: 0px 15px 30px;}
    .item-overlay {opacity: 1; background: none;}
    .onehomepage .item-title {margin-left: 28px; bottom: 80px;}
    .onehomepage .item-cat {margin-left: 28px; bottom: 60px;}
    .onehomepage .itemm .svg-arrow {display: none;}
    .onehomepage .itemm:hover .item-overlay {background: none;}
    .lode-more a {padding-top: 50px;}
    .team-block-wrapp {margin-top: 30px;}
    .team-text {bottom: 0px; max-height:100%;z-index: 5; background: rgba(255,255,255,0.8); top: 0px; padding-top: 70px;}
    .hide-text-block {display: block;}
    .skill-desc h4 {padding: 40px 0px 20px;}
    .section-wrap h2 {padding-bottom: 30px;}
    .money-block {margin-bottom: 30px;}
    .ins_img img {width: 100%; height: 100%;}
    .twitter-block {height: 320px;}
    .twitter-block p {padding: 50px 90px 45px;}
    .testi-style .name-desc {padding-bottom: 50px;}
    .about-intro h2 {padding-bottom: 40px; text-align: left;}
    .about-intro {text-align: left; padding-top: 20px;}
    .work-hard {margin-top: 70px;}
    .onehomepage header .list-container .header-menu {padding: 0px; width: 100%; text-align: center;}
    .onehomepage .header-links {padding: 0px 20px;}
    .onehomepage header .menu-item-has-children .sub-menu {width: 100%; margin-right: 0px; right: 0px;}
    .onehomepage header .menu-item-has-children ul li {padding: 0px;}
    .onehomepage header .menu-item-has-children .sub-menu li {float: none;}
    .onehomepage header .menu-item-has-children .sub-drop li {float: left;}
    .onehomepage header .menu-item-has-children .sub-drop li a {padding: 0px 20px;}
}
@media screen and (max-width: 768px) {
    .onehomepage h1 {font-size: 45px; line-height: 50px;}
    .row.margin-row {margin-left: -15px; margin-right: -15px;}
    .no-padding {padding: 0px 15px;}
    .footer-sec .p-28 {padding-top: 20px;}
    .onehomepage nav .list-container {top: 0px;}
    .onehomepage header .list-container .header-menu {padding: 50px 0px;}
    .onehomepage header .menu-item-has-children .sub-menu {position: relative; float: left; width: 100%; right: 0px; opacity: 1; top: 0px; padding: 5px 0px 12px; margin: 0px; height: 100%; display: none;}
    .onehomepage header .list-container ul {padding: 70px 0px 50px 0px;}
    .onehomepage header .menu-item-has-children .sub-menu li {width: 100%; line-height: 20px; position: relative; text-align: center; padding: 15px 0px;}
    .onehomepage header .menu-item-has-children .sub-menu li a {width: 100%; padding: 0px;}
    header .list-container ul li {font-size: 20px;}
    .menu-item-has-children .fa {display: inline-block;}
    .onehomepage header .menu-item-has-children .sub-menu.slide-submenu {display: block;}
    .onehomepage header .menu-item-has-children .sub-menu li span {display: none;}
    .onehomepage header .menu-item-has-children:hover .sub-menu {height: 100%;}
    .onehomepage .header-links {padding: 0px;}
    .onehomepage header .menu-item-has-children .sub-drop li ul li a {padding: 0px;}
    .onehomepage header .menu-item-has-children .sub-drop li {padding: 7px 0px;}
    .top-baner-caption p {display: none;}
}
@media screen and (max-width: 736px) {
    .onehomepage header.left {height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch;-moz-overflow-scrolling: touch; -o-overflow-scrolling: touch; -ms-overflow-scrolling: touch;overflow-scrolling: touch; overflow-x: hidden;}
    .onehomepage header .list-container .header-menu {padding: 100px 0px 50px 30px;}
    .onehomepage header .menu-item-has-children .sub-menu li a {width: auto; float: left;}
    .onehomepage header .menu-item-has-children .sub-menu li a:hover {color: #fff;}
    .onehomepage header .menu-item-has-children .sub-menu li {text-align: left; padding: 15px 20px;}
    .onehomepage header .menu-item-has-children .sub-menu li ul li {padding: 5px 0px; float: left;}
    .onehomepage .header-links {padding: 5px 0px;}
    .onehomepage header .menu-item-has-children .sub-menu {background: none; padding: 5px 0px 25px;}
    .onehomepage header .menu-item-has-children .sub-menu li ul {background: none;}
    header .menu-item-has-children ul li a {font-size: 17px; padding: 4px 0px;}
}
@media screen and (max-width: 640px) {
    .instagram-block {height: auto;}
}
@media screen and (max-width: 600px) {
    .onehomepage .itemm.w_60 {width: 100%;}
    .onehomepage .itemm {width: 100%;}
    .twitter-block p {font-size: 16px; line-height: 25px;}
}
@media screen and (max-width: 550px) {
    .section-wrap h2 {font-size: 40px; line-height: 36px; padding-bottom: 30px;}
    .about-intro h2 {font-size: 40px; line-height: 36px; padding-top: 70px;}
   /*  .work-hard span {font-size: 50px;}  for ver 1.4.0 */ 
    .skill-block span{font-size: 12px;}
    .skill-block .skill-line {margin-left: 130px; margin-right: 60px;}
    .skill-block h5 {font-size: 14px;}
    .ins_img {width: 100%;}
    .ins_img img {width: 100%; height: auto;}
    .twitter-block p {padding: 67px 20px 25px; font-size: 16px; line-height: 27px;}
    .twitter-block .tw-date {padding-left: 24px;}
    .twitter-block a {padding-left: 24px;}
    .bquote {font-size: 16px; line-height: 28px;}
    .onehomepage #filters .button {font-size: 14px; margin-bottom: 10px;}
    .onehomepage #filters .button:hover {padding-right: 10px;}
    #filters .button.activbut {padding-right: 10px;}
    .skill-block .per {padding: 20px 10px;}
    .skill-block h5 {padding: 20px 20px 20px 0px;}
}
@media screen and (max-width: 480px) {
    .about-intro .p-18 {padding-left: 0px;}
    .top-baner-caption .view {margin-bottom: 20px;}
    .mobile-slider-wraper {right: 5%;}
}
@media screen and (max-width: 360px) {
    .skill-block span {padding: 20px 10px;}
    .skill-block h5 {padding: 20px;}
    .skill-block .skill-line {margin-left: 120px; margin-right: 60px;}

}

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

#minimal-slider .swiper-slide {height: 856px;}
.onehomepage .mini-home .itemm {width: 25%; margin: 0px; padding: 0px; display: block;}
.onehomepage .mini-home .itemm.w_50 {width: 50%;}
.onehomepage .mini-home .itemm:hover .item-overlay {background: rgba(249,249,249,0.7); opacity:1;}
.title-button {position: relative; float: left; width: 100%;}
.title-button h2 {position: relative; float: left;}
.view-button {position: relative; float: right; display: block;}
.view-button .linkto {position: absolute; right: 0px; top: 0px;}
#minimal-slider .home-pagination.pagination {right: auto;}
#minimal-slider .home-pagination .swiper-pagination-switch {float: none;}
.top-baner-caption .line {position: relative; float: none; display: inline-block; width: 600px; height: 1px; background: #000;}
#minimal-slider .top-baner-caption h2 {padding-top: 20px;}
.multia-sec .bg-bg {position: absolute;}
.work-blocks .bg-bg {position: absolute;}
@media screen and (max-width: 992px) {
      .onehomepage .mini-home .itemm {width: 50%;}
}
@media screen and (max-width: 600px) {
      .onehomepage .mini-home .itemm {width: 100%;}
      .onehomepage .mini-home .itemm.w_50 {width: 100%;}
}

/*======================Homepage Creative======================*/

#creative-slider .swiper-slide {height: 856px;}
.creative-slider {position: relative; float: left; width: 100%;}
.home-pagination.pagination {left: auto; right: 120px;}
.home-pagination .swiper-pagination-switch {cursor: pointer; opacity: 1; background: #000; border: 1px solid #000; border-radius: 50%; width: 15px; height: 15px; position: relative; float: right; display: inline-block; margin: 0px 10px;}
.home-pagination .swiper-active-switch {opacity: 1; background: none; border:1px solid #000; border-radius: 50%; width: 15px; height: 15px;}

.swiper-gallery-slider-creative .swiper-slide {height: 857px;}
.creative-caption {position: absolute; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%); width: 100%; text-align: center;}
.slide-prev {position: absolute; left: 120px; top: 50%; width: 100px; height: 40px; cursor: pointer;}
.slide-prev .svg-arrow {t left: 0; right: auto;}
.slide-next {position: absolute; right: 120px; top: 50%; width: 100px; height: 40px; cursor: pointer;}
.slide-next .svg-arrow {right: 0px; left: auto;}

@media screen and (max-width: 1200px) {
      .swiper-gallery-slider-creative .swiper-slide {height: 600px;}
}
@media screen and (max-width: 992px) {
        .slide-next {right: 0px;}
        .slide-prev {left: 0px;}
        .slide-next .svg-arrow {right: 40px;}
        .slide-prev .svg-arrow {left: 40px;}
}
@media screen and (max-width: 600px) {
        .slide-next {display: none;}
        .slide-prev {display: none;}
}
@media screen and (max-width: 480px) {
       .creative-slider  {height: 500px;}
       .onehomepage .creative-slider .bg {height: 500px;}
       .top-baner-caption .link-wrap {padding-top: 0px;}
}
@media screen and (max-width: 400px) {
        .swiper-gallery-slider-creative .swiper-slide {height: 400px;}
        .onehomepage .top-baner-caption h2 {font-size: 32px; line-height: 36px;}
}

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

#modern-slider .swiper-slide {height: 856px;}
#modern-slider .top-baner-caption h2 {padding-bottom: 20px;}
.creative-slider .bottom-line {margin-bottom: 40px;}
#modern-slider .pagination {display: none;}
.themes-icon {width: 106px; height: 106px; background: #020202; border-radius: 50%;position: relative; float: right; top: 0px; text-align: center; cursor: pointer;}
.themes-icon h5 {color: #f4f4f4; text-transform: uppercase; position: absolute; top: 32px; line-height: 20px; position: relative; transition:all 0.35s ease-in-out;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-o-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;}
.themes-icon span {font-size: 50px; color: #f4f4f4; position: absolute; top: 25px; left: 20px; opacity: 0;transition:all 0.35s ease-in-out;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-o-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;}
.themes-icon:hover span {opacity: 1;}
.themes-icon:hover h5 {opacity: 0;}
.onehomepage .linkto span {font-weight: 400; font-size: 14px; font-family: 'Open Sans'; color: #f4f4f4;}
.modern .section-wrap p {position: relative; float: left; width: 100%;}
.modern-caption {position: absolute; bottom: 140px; left: 0px; z-index: 50;}
.modern-caption h4 {position: relative; float: left; width: 100%; font-size: 36px; color: #161616; line-height: 72px; font-weight: 400; text-transform: capitalize;}
.modern-caption h5 {text-transform: uppercase;}
.onehomepage.modern .client-sec {position: relative;}
.onehomepage.modern .work-hard {float: none; margin-top: 75px;}
.work-hard .pagination {display: none;}
.testi-text {position: relative; width: 100%; text-align: center; float: left; padding: 130px 0px 110px;}
.testi-text p {font-size: 14px; color: #fff; padding: 0px 150px; font-weight: 600;}
.testi-text h5 {text-transform: capitalize; font-size: 18px; color: #fff; padding-top: 30px;}
.testi-text h6 {font-size: 13px; text-transform: uppercase; color: #fff;}
@media screen and (max-width: 1400px) {
      .modern-caption {left: 80px; bottom: 100px;}
}
@media screen and (max-width: 992px) {
      .modern-caption {left: 30px; bottom: 50px;}
      .view-button {width: 100%; text-align: center; padding: 40px 0px;}
      .view-button .linkto {position: relative; float: none; display: inline-block;}
      .onehomepage .linkto span {position: absolute; padding-top: 40px; text-align: center; top: 0px; left: 0px; width: 100%;}
      .testi-text p {padding: 0px;}
}
@media screen and (max-width: 600px) {
      #modern-slider .pagination {display: block;}
}
@media screen and (max-width: 550px) {
      .modern-caption h4 {font-size: 30px; line-height: 40px;}
}
@media screen and (max-width: 360px) {
      .modern-caption h4 {font-size: 24px;}
      .modern-caption h5 {font-size: 12px;}
}

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

.video-home .section-wrap.video-click {padding-top: 0px;}
.video-home .video-title {text-align: left; padding-left: 120px; top: auto; bottom: 80px; transform: translateY(0px);}
.video-home .video-title img {width: 86px; height: 86px; position: relative; float: left; margin-right: 40px; margin-top: 10px;}
.video-home .video-title h1 {font-family: 'Open Sans';}
.video-home .video-title h3 {font-size: 16px; text-transform: capitalize; color: #fff; font-weight: 400; letter-spacing: 0.03em;}
.video-home .video iframe {max-height: 856px;}
.video-home .wiget-block {padding-bottom: 70px;}
.video-home .video .fa {top: 100px;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 11 - ABOUT */
/*-------------------------------------------------------------------------------------------------------------------------------*/

/*======================About Creative======================*/

.about #scene {height: 600px;}
.onehomepage .about-top-img .clip {height: 700px;}
.about-top-img {position: relative; float: left; width: 100%; height: 600px;}
.about-top-baner p {padding-right: 50px;}
.about-img-wall .itemm {position: relative; float: left; margin: 0px 0px 80px; padding: 0px;}
.about-img-wall .itemm:nth-child(2n) {margin-right: 5%;}
.about-img-wall .itemm.w_60 {width: 55%;}
.about-img-wall .itemm.w_40 {width: 40%;}
.about-img-wall .grid-sizer {width:5%;}
.about-img-wall .itemm img {width: 100%; height: auto;}
.about-info-block {padding-top: 40px;}
.about-info-block .count-block {border: 0px none; padding: 0px;}
.about-info-block .count-block .info-txt {border-top: 1px solid #c3c3c3; border-bottom: 1px solid #c3c3c3; padding: 8px 20px; position: relative; float: none; display: inline-block;}
.about-info-block .count-block span {width: 100%; position: relative; float: none; display: inline-block; /*padding-top: 30px; padding-bottom: 30px;*/}
.about-info-block .count-block .info-img {position: relative; float: none; display: inline-block; width: 100%;}
.about-info-block .count-block .info-img span {font-size: 30px; color: #161616;}
.video-click img {width: 100%; height: auto;}
.not-found-title, .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;}
.not-found-title h2, .video-title h2 {font-size: 36px; color: #fff; text-transform: uppercase; font-weight: 400; padding-top: 20px; line-height: 40px; padding-bottom: 0px; letter-spacing: 5px;}
.video-title img {width: 38px; height: 46px;transition:all 0.35s ease-in-out;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-o-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;}
.video {float: none;clear: both;width: 100%;position: relative;padding-bottom: 56.25%;padding-top: 0;height: 0; display: none;}
.video iframe {position: absolute;top: 0;left: 0;width: 100%; height: 100%; padding: 30px; padding-top: 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);}
.about.onehomepage #slider3_container {margin: 0px;height: 170px; margin-top: 65px;}
.onehomepage #slider3_container .slider {height: 170px;}
.about.onehomepage .client-sec {border: 0px none;}
.about-clients {position: relative; width: 100%; padding: 120px 0px; border-top: 1px solid #e6e6e6; margin-top: 190px;}
.about-clients .client-sec {height: auto; padding: 40px 0px;}
.start-project-bar {width: 100%; position: relative; float: left; text-align: center; background: #161616; padding: 50px 0px 15px;}
.start-project-bar .start-project-title {position: relative; float: none; display: inline-block;}
.start-project-bar a {font-size: 14px; color: #fff; text-transform: uppercase; font-weight: 600;  position: relative; float: left; letter-spacing: 0.07em;}
.start-project-bar .svg-arrow {transform: rotate(45deg); -webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);-moz-transform: rotate(45deg); position: relative; float: left; margin-left: 50px; margin-top: -27px; transition:all 0.35s ease-in-out;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-o-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;}
.start-project-bar:hover .svg-arrow {margin-left: 65px;}
.about .footer-sec {border-top: 1px solid #e6e6e6; /*margin-top: 135px;*/}
.blog .footer-sec {margin-top: 0;}
.contact-detail {padding-top: 60px;}

/*======================About Minimal======================*/

.full-scrin {position: relative; float: left; width:100%; height: 100%;}
.about-minimal .about-top-baner {padding-bottom: 130px;}
.mini-wall-title {position: relative; float: left; width: 100%; background: #131313; padding: 140px 0px 50px 40px;}
.mini-wall {position: relative; float: left; width: 100%;}
.mini-wall img {width: 100%; height: auto; display: block;}
.mini-wall-wrap div {padding: 0px;}
.margin-img {margin-top: 260px;}

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

.number-block .range-block-icon h2 {color: #161616; font-size: 36px; line-height: 36px;}
.number-block .range-block-text {padding-left: 35px;}
.moder-team-block {position: relative; float: left; width: 100%; margin-bottom: 30px; overflow: hidden;}
.moder-team-block img {width: 100%; height: auto;}
.moder-team-block .follow-team .fa {border-right: 0px none;}
.moder-team-block .follow-team .fa:hover {color: #fff;}
.team-hover {position: absolute; left: 0px; bottom: -100%; width: 100%; background: rgba(0,0,0,0.8); padding: 25px 0px 15px 30px;transition:all 0.35s ease-in-out;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-o-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;}
.team-hover h3 {color: #fff; padding-bottom: 14px;}
.team-hover h5 {color: #fff;}
.team-hover .fa {color: #999; padding: 0px; margin-right: 20px;}
.moder-team-block:hover .team-hover {bottom: 0px;}

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

@media screen and (max-width: 1200px) {
    .about-img-wall .itemm {padding: 0px; margin: 0px;}
    .about-img-wall .itemm:nth-child(2n) {margin-right: 0%;}
    .about-img-wall .itemm.w_60 {width: 50%;}
    .about-img-wall .itemm.w_40 {width: 50%;}
    .about-img-wall .grid-sizer {width:0%;}
}
@media screen and (max-width: 992px) {
    .margin-img {margin-top: 0px;}
    .start-project-bar .svg-arrow {display: none;}
}
@media screen and (max-width: 550px) {
    .about-minimal .about-top-baner {padding-bottom: 70px;}
    .about .footer-sec {margin-top: 0px;}
    .about-top-baner p {padding-right: 20px;}
    .pagination {bottom: 0px;}
    .start-project-bar a {font-size: 16px;}
    .start-project-bar {padding: 40px 0px 35px;}
    .about-img-wall .itemm.w_60 {width: 100%;}
    .about-img-wall .itemm.w_40 {width: 100%;}
    .about-clients {padding: 70px 0px; margin-top: 70px;}
    .video-title {top: 120px; transform: translateY(0px);-webkit-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);-moz-transform: translateY(0px);}
    .video-title h2 {font-size: 22px;}
}
@media screen and (max-width: 480px) {
    .video-click img {height: 400px; width: auto;}
    .video-home .video-title {padding: 0px; left: 0px; text-align: right;}
    .video-home .video-title img {position: absolute; left: 20px; margin: 0px;}
    .video-home .video-title h1 {position: relative; float: right; padding-right: 20px;}
    .video-home .video-title h3 {position: relative; float: right; padding-right: 20px; width: 100%;}
}
@media screen and (max-width: 430px) {
    .video-home .video-title img  {margin-top: 100px; left: 50%; margin-left: -43px;}
    .video-home .video-title {transform: translateY(-50%); top: 50%; text-align: center;}
    .video-home .video-title h1 {padding-right: 0px; float: none; text-align: center;}
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 12 - CONTACT */
/*-------------------------------------------------------------------------------------------------------------------------------*/

/*======================Contact Modern====================*/

.svg-logo span {font-size: 40px; color: #161616;}
.row.no-margin {margin-left: -30px; margin-right: -30px;}
.map-canvas {height: 600px; position: relative; float: left; width: 100%;}
.contact-sec {position: relative; float: left; width: 100%;}
#hero {z-index: 5;}
.map {position: relative; float: left; width: 100%; overflow: hidden; height: 600px;}
.contact-tabs {position: relative; float: left; width:100%;}
.tab-content .visit {background: #fff;}
.tab-content .call {background: #e1e1e1;}
.tab-content .email {background: #ebebeb;}
.tab-content h5 {font-size: 14px; text-transform: capitalize;}
.tab-content p {font-size: 16px;}
.tab-content .visit p {font-size: 14px;}
.tab-content {padding-top: 130px; position: relative; float: left; width: 100%;}
.wpcf7-form {position: relative; float: left; width: 100%; padding-top: 110px;}
.wpcf7-form input {background: #fff; height: 65px; padding: 20px 30px; margin-bottom: 30px; width: 100%; font-size: 14px; text-transform: uppercase; border: 0px none;}
.wpcf7-form textarea {height: 160px; width: 100%; background: #fff; padding: 30px;}
.wpcf7-form input[type="submit"] {text-transform: uppercase; height: 45px; background: #161616; font-weight: 600; color:#fff; font-family: 'Open Sans', sans-serif; padding: 0px; text-align: center; width: 210px; letter-spacing: 0.07em; transition:all 0.35s ease-in-out;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-o-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;}
.wpcf7-form h2 {padding-bottom: 50px;}
.wpcf7-form input[type="submit"]:hover {background: #fff; color: #000;}
.contact.work-hard {height: 540px; margin-top: 100px; margin-bottom: 160px;}
.contact-texti-title {max-width: 1280px; right: 0;  margin: auto;position: absolute; width: 100%; top: 50%; left: 0px; transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%); text-align: center; color: #fff;}
.contact-texti-title p {font-size: 14px; line-height: 30px; color: #fff; font-weight: 600}
.contact-texti-title h5 {font-size: 18px; color: #fff; padding-top: 40px; text-transform: capitalize; font-weight: 600}
.contact-texti-title h6 {color: #fff; text-transform: uppercase; font-weight: 600;}
.contact .copiright {background: #161616; text-align: center; padding: 60px 0px 70px;}
.contact .copiright span {color: #fff;}
.footer-contact .copiright {background: #000; text-align: center; padding: 60px 0px 70px;}
.footer-contact .copiright span {color: #fff;}
.footer-contact .contact-detail {padding-bottom: 100px;}
.contact .contact-detail {padding-bottom: 100px;}
.footer-sec.footer-contact {padding-bottom: 0px; background: #f7f7f7; border-top: 0px none;}
.dark-footer .copiright {background: #161616; text-align: center; padding: 60px 0px 70px;}
.dark-footer .copiright span {color: #fff;}
.dark-footer .contact-detail {padding-bottom: 100px;}

/*======================Contact Minimal====================*/

.contact-minimal .tab-content {padding-bottom: 130px;}
.contact-minimal footer {width: 100%; border-top: 1px solid #dcdcdc;}

/*======================Contact Creative====================*/

.we-do-icon span {font-size: 50px; color: #4A4A4A;}
.contact-creative #myTab {padding-top: 130px;}
.contact-creative #myTab .active > a {background: none;}
.contact-creative #myTab h5 {font-size: 18px; text-transform: capitalize; font-weight: 500;}
.contact-creative .patch {background: none;}
.contact-creative .job-detail-1, .contact-creative .job-detail-2,  .contact-creative .job-detail-3, .contact-creative .job-detail-4 {border-bottom: 1px solid #979797;}
.contact-creative .toggle .togglet {font-size: 18px; font-family: 'Open Sans'; text-transform: uppercase; padding: 28px 0px 25px;}
.contact-creative .toggle .togglet p {font-size: 14px; text-transform: none;}
.contact-creative .togglet .p-18 {font-size: 14px; line-height: 24px; text-transform: none; padding: 0px;}
.contact-creative .togglec.inner-toggle-wrap {background: none;}
.contact-creative .inner-toggle-wrap {padding-bottom: 0px;}
.contact-creative .openings-wraper {min-height: 100%; padding-top: 83px; position: relative; float: left; width: 100%;}
.contact-creative .toggle-wraper {padding: 20px 0px 0px;}
.contact-creative .aspects-wraper {position: relative; float: left; width: 100%; min-height: 100%;}
.contact-creative .aspects-wraper h4 {font-size: 18px; text-transform: uppercase; font-family: 'Open Sans';}
.contact-creative .tab-pane {position: relative; float: left; width: 100%; padding-top: 0px;}
.contact-creative .tab-pane .about-intro {padding-top: 120px;}
.contact-creative .tab-pane .about-intro {text-align: center;}
.contact-creative .we-do-icon {min-height: 100%;}
.contact-creative .row-1 {padding: 30px 0px 0px;}
.contact-creative .footer-sec {margin-top: 130px;}
.contact-creative .icon-wraper p {font-size: 14px; line-height: 20px; padding-top: 30px;}
.career-wall {position: relative; float: left; width: 100%; text-align: center; }
.career-wall h2 {padding-bottom: 40px;}
.contact .tab-content .career-wall p {font-size: 14px; line-height: 20px;}
.tabs-togg h2 {position: relative; float: left; width: 100%; text-align: center; padding: 80px 0px;}

.career-wall .grid-sizer {width: 25%;}
.career-wall .itemm {width: auto; padding: 0px; display: inline-block; margin: 0px;}
.career-wall .itemm img {width: 100%; height: auto;}
.career-wall .izotope-container .itemm.w_50 {width: 50%;}
.career-wall .izotope-container .itemm.w_25 {width: 25%;}
.contact .tab-content .career-wall p {padding: 0px 180px;}

.career-tabs {position: relative; float: left; width: 100%; padding-bottom: 70px;}
.career-tabs h2 {text-align: center; padding-bottom: 55px; font-size: 24px;}
.contact-creative .styled-tabs {text-align: center;}
.contact-creative .styled-tabs h2 {padding-bottom: 65px;}
.contact-creative .styled-tabs .job-detail-1, .contact-creative .styled-tabs .job-detail-2,  .contact-creative .styled-tabs .job-detail-3, .contact-creative .styled-tabs .job-detail-4 {border-bottom: 0px none; padding-left: 30px; text-align: left;}
.contact-creative .styled-tabs .job-detail-1 {background: #d6d5d5;}
.contact-creative .styled-tabs .patch h4 {font-size: 16px; font-weight: 500; line-height: 16px;}
.contact-creative .styled-tabs .job-detail-2 {background: #dfdfdf;}
.contact-creative .styled-tabs .job-detail-3 {background: #f0f0f0;}
.contact-creative .styled-tabs .job-detail-4 {background: #fff;}
.contact-creative .styled-tabs .inner-toggle-wrap p {font-size: 14px;}
.contact-creative .styled-tabs .inner-toggle-wrap h4 {padding: 20px 0px 15px;}
.contact-creative .styled-tabs .inner-toggle-wrap ul {padding-bottom: 30px;}
.contact-creative .styled-tabs .inner-toggle-wrap ul li {font-size: 14px; font-family: 'Open Sans';color: #161616; list-style: none; line-height: 36px;}
.contact-creative .styled-tabs .inner-toggle-wrap ul li:before {content: '-'; padding-right: 20px;}
.contact-creative .testimonial-sec h2 {padding-bottom: 65px; font-size: 24px; padding-top: 60px;}
@media screen and (max-width: 992px) {
    .contact-creative .nav-tabs > li {width: 50%;}
    .contact-form textarea {margin-bottom: 30px;}
    .contact .work-hard {margin-bottom: 0px;}
    .we-do-icon {padding: 50px 0px;}
    #profile .we-do-icon {padding: 0px 0px 50px;}
    .contact-creative .row-1 {padding: 0px;}
}
@media screen and (max-width: 768px) {
    #profile .we-do-icon {padding: 40px 0px 50px;}
    .career-wall {padding-top: 70px;}
    .contact .tab-content .career-wall p {padding: 0px 20px;}
}
@media screen and (max-width: 550px) {
    #home-onepage .swiper-slide {height: 400px;}
    .contact-form h2 {font-size: 40px;}
    .contact-form {padding-top: 80px;}
    .onehomepage h2 {font-size: 40px; line-height: 50px;}
    .nav-tabs > li {width: 50%;}
    .career-wall {padding-top: 70px;}
    .about-intro h2 {padding-top: 70px;}
    .tabs-togg h2 {padding: 70px 0px 30px;}
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 13 - PORTFOLIO */
/*-------------------------------------------------------------------------------------------------------------------------------*/

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

.portfolio .wrapper {padding: 0px;}
.portfolio .wrapper #scene {height: 650px;}
.work-text {position: relative; float: left; width: 100%; padding-top: 130px;}
.portfolio-caption {position: relative; float: left; width: 100%; text-align: left; padding-bottom: 45px;}
.portfolio-caption h2 {font-size: 36px; line-height: 36px; padding-bottom: 20px;}
.portfolio-caption h5 {color: #161616; text-transform: uppercase; width: 100%; padding-bottom: 25px; border-bottom: 1px solid #9b9b9b;}
.portfolio-author a {font-size: 14px; font-family: 'Open Sans'; position: relative; float: left; width: 100%;}
.portfolio-author span { font-size: 14px; font-family: 'Open Sans';}
.portfolio-share {position: relative; float: left; width: 100%; padding-top: 45px;}
.single-portfolio .portfolio-share { padding-top: 0; }
.portfolio-share .fa {position: relative; float: left; margin: 0px 12px; font-size: 18px; color: #979797;transition:all 0.35s ease-in-out;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-o-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;}
.portfolio-share .fa:hover {color: #161616;}
.portfolio-share h5 {position: relative; float: left; }
.single-portfolio .portfolio-share h5 {position: relative;display: inline-block; float: none;}
.swiper-creative .slide-prev {left: auto; right: 100px; z-index: 50;}
.swiper-creative .slide-next {left: auto; right: 0px; z-index: 50;}
.wrapper-navigation {position: relative; float: right; width: 100%; bottom: 100px;}

.portfolio .row.margin-row {margin-left: -35px; margin-right: -35px;}
.portfolio .wrapp-work {padding: 95px 0px 130px;}
.portfolio .itemm {margin: 0px 0px 80px; padding: 0px 40px;}
.portfolio .itemm.w_50 {width: 50%;}
.portfolio .itemm.w_100 {width: 100%;}
.portfolio .itemm img {width: 100%; height: auto;}

.navigation-bar {position: relative; float: left; width: 100%; height: 70px; background: #000; text-align: center; overflow: hidden; cursor: pointer;}
.navigation-bar .centered {position: relative; float: none; display: inline-block; z-index: 50;}
.navigation-bar h5 {font-size: 18px; text-transform: uppercase; color: #fff; position: relative; float: left; padding-top: 22px;}
.prev-project .svg-arrow {position: relative; float: left; padding-top: 20px; padding-right: 20px;}
.navigation-bar .proj-layer {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; z-index: 0;transition:all 0.35s ease-in-out;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-o-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;}
.navigation-bar:hover .proj-layer {opacity: 1;}
.next-project .svg-arrow {position: relative; float: left; padding-top: 20px; padding-left: 20px;}
.testi-baner {position: relative; float: left; width: 100%; text-align: center; padding: 50px 0px; background: #f3f1f4; margin: 130px 0px;}
.testi-baner p {padding: 55px 200px; font-size: 18px;}
.testi-baner h5 {font-size: 18px; text-transform: uppercase;}
.testi-baner h6 {font-size: 14px; text-transform: uppercase;}
.detail .footer-sec {margin-top: 130px;}
@media screen and (max-width: 992px) {
    .portfolio-author {float: right;}
    .portfolio-caption {width: auto;}
    .portfolio-desc {position: relative; float: left; width: 100%;}
    .testi-baner p {padding: 55px 20px;}
}
@media screen and (max-width: 768px) {
    .portfolio .wrapp-work {position: relative; float: left; width: 100%;}
    .portfolio .itemm.w_50 {width: 100%;}
    .portfolio .row.margin-row {margin-left: -15px; margin-right: -15px;}
    .portfolio .itemm {padding: 0px 15px; margin: 0px 0px 30px;}
}
@media screen and (max-width: 600px) {
    #home-onepage .pagination {display: block;}
}
@media screen and (max-width: 550px) {
    .navigation-bar h5 {font-size: 12px;}
    .next-project .svg-arrow {display: none;}
    .prev-project .svg-arrow {display: none;}
    .portfolio .wrapp-work {padding: 70px 0px;}
    .testi-baner {margin: 70px 0px;}
    .work-text {padding-top: 70px;}
    .portfolio .wrapper #scene {height: 350px;}
}

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

.portfolio-modern .sound {display: none;}
.modern-work {padding-top: 130px;}
.modern-work  h2 {font-size: 36px; text-transform: uppercase; padding-bottom: 30px;}
.modern-work .portfolio-caption h5 {border-bottom: 0px none; padding-bottom: 0px;}
.modern-work .portfolio-caption {text-align: center; width: 100%;}
.modern-work .portfolio-desc {text-align: center;}
.modern-work .portfolio-desc p {padding: 0px 10px 55px;}
.modern-work .portfolio-share {text-align: center; padding-top: 0px;}
.modern-work .portfolio-share h5 {position: relative; float: none; display: inline-block;}
.modern-work .portfolio-share .fa {position: relative; float: none; display: inline-block;  }
.wrapp-work-modern {position: relative; float: left; width: 100%; padding-top: 60px;}
.wrapp-work-modern div {padding: 0px;}
.wrapp-work-modern .itemm {margin: 0px; padding: 0px;}
.wrapp-work-modern .itemm.w_50 {width: 100%; margin: 0px; padding: 0px;}
.wrapp-work-modern .itemm.w_100 {margin-bottom: 60px;}
.nav-wrapp {position: relative; padding-bottom: 130px; float: left; width: 100%;}
.wrapp-work-modern .swiper-pagination-switch:nth-child(1) {background: url('../images/point_1_dark.png') no-repeat;}
.wrapp-work-modern .swiper-pagination-switch:nth-child(2) {background: url('../images/point_2_dark.png') no-repeat;}
.wrapp-work-modern .swiper-pagination-switch:nth-child(3) {background: url('../images/point_3_dark.png') no-repeat;}
.follow-footer {position: relative; float: left; width: 100%; text-align: center; padding-bottom: 50px;}
.follow-footer a {width: 60px; height: 60px; border-radius: 50%; background: #fff; text-align: center; position: relative; float: none; display: inline-block; margin: 0px 15px; }
.copiright .follow-footer a span {color: #000; font-size: 25px; padding-top: 18px; position: relative; float: none; display: inline-block;   font-family: "FontAwesome"; transition:all 0.35s ease-in-out;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-o-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;}
.follow-footer a:hover {background: #888;}
.follow-footer a:hover span {color: #fff;}
@media screen and (max-width: 992px) {
     .modern-work .portfolio-desc p {padding: 0px 40px 55px;}
}
@media screen and (max-width: 550px) {
     .nav-wrapp {padding-bottom: 70px;}
     .modern-work {padding-top: 120px;}
     .modern-work .portfolio-desc p {padding: 0px 20px 55px;}
}
@media screen and (max-width: 480px) {
     .follow-footer a {width: 40px; height: 40px; margin: 0px 10px;}
     .copiright .follow-footer a span {font-size: 20px; padding-top: 10px;}
}

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

.portfolio-minimal .itemm {margin: 0px; padding: 0px;}
.portfolio-minimal .nav-wrapp {padding-top: 130px;}
.minimal-caption-wrap {position: relative; width: 100%; top: 0px; float: left;}
.minimal-caption {position: absolute; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%); width: 100%;}
.minimal-caption h2 {padding-bottom: 30px;}
.minimal-portfolio {height: 650px; position: relative; float: left; width: 100%;}
.minimal-img  {position: relative; float: left; width: 100%;}
.minimal-img  img {width: 100%; height: auto;}
.minimal-text {position: relative; float: left; width: 100%; padding: 90px 0px 120px;}
.minimal-video {position: relative; float: left; width: 100%;}
.minimal-video .video-title img {width: 86px; height: 86px;}
.minimal-video .video iframe {max-height: 600px; padding-left: 80px; padding-right: 80px;}
@media screen and (max-width: 1366px) {
    .minimal-video .video iframe {padding-left: 30px; padding-right: 30px;}
}
@media screen and (max-width: 992px) {
    .portfolio-share {padding-bottom: 45px;}
    .minimal-video .video iframe {padding-left: 0px; padding-right: 0px;}
}
@media screen and (max-width: 550px) {
    .portfolio-minimal .nav-wrapp {padding-top: 70px;}
    .minimal-portfolio {height: 400px;}
    .minimal-caption h2 {padding-bottom: 10px;}
    .minimal-video .video-title {top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);}
}

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

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

.wh_gutter #scene {height: 650px;}
.layer-start img {width: 100%; height: auto;}
.start-project-bar {height: 115px; padding: 0px;}
.start-project-bar .clip {opacity: 0; transition:all 0.35s ease-in-out;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-o-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;}
.wh_gutter .start-project-bar { margin-top: 136px; }
.start-project-bar .start-project-title {padding-top: 50px;}
.start-project-bar:hover .clip {opacity: 1;}
.wh_gutter .footer-sec {margin-top: 140px;}
/*.alternative_two_margin {padding-top: 130px;}*/
.no-gutter .alternative_two_margin .grid-sizer {width: 10px;}
.no-gutter .alternative_two_margin .itemm {margin-right: 6%; margin-bottom: 6%; width: 44%;}
.no-gutter .alternative_two_margin .itemm.w_50 {width: 44%;}
.no-gutter .alternative_two_margin .itemm:nth-child(2n) {margin-right: 5%; }
.no-gutter .alternative_two_margin .itemm.w_100 {width: 94%;}

@media screen and (max-width: 550px) {
    .wh_gutter #scene {height: 350px;}
    .wh_gutter .start-project-bar .start-project-title a {font-size: 14px;}
    .wh_gutter .start-project-bar .svg-arrow {display: none;}
}

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

.no-gutter .grid-sizer {width: 0px;}
.alternative_two .grid-sizer {width: 50%;}
.grid-sizer.mar_40 {width: 50%;}
.no-gutter .itemm {margin: 0px; padding: 0px; width: 25%;}
.no-gutter .itemm.w_50 {width: 50%;}
.no-gutter .itemm.w_100 {width: 100%;}
.itemm img {display: block;}
.no-gutter .lode-more {padding-top: 130px;}
@media screen and (max-width: 992px) {
     .no-gutter .itemm {width: 50%;}
     .no-gutter .alternative_two_margin .itemm.w_100 {width: 100%;}
     .no-gutter .alternative_two_margin .itemm {margin-right: 12%; margin-bottom: 12%;}
}
@media screen and (max-width: 768px) {
     .no-gutter .alternative_two_margin .grid-sizer {width: 0px;}
     .no-gutter .alternative_two_margin .itemm {width: 100%; margin-bottom: 40px; padding: 0px 15px;}
     .no-gutter .alternative_two_margin .itemm.w_50 {width: 100%; margin-right: 0px;}
}
@media screen and (max-width: 550px) {
     .no-gutter .itemm.w_50 {width: 100%;}
     .no-gutter .itemm {width: 100%; padding: 0px 15px;}
     .no-gutter .lode-more {padding-top: 70px;}
     .contact .contact-detail {padding-bottom: 50px;}
}

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

.sound.no-sound {display: none;}
.two-col .itemm {width: 43%; margin: 0px 40px 80px; padding: 0px;}
.two-col .section-wrap {padding-top: 60px;}
.two-col #main {padding-top: 130px;}
@media screen and (max-width: 1200px) {
    .two-col .itemm {margin: 0px; width: 50%; padding: 0px 15px 30px;}
}
@media screen and (max-width: 550px) {
    .two-col .itemm {width: 100%;}
    .two-col #main {padding-top: 70px;}
}

/*======================Equals 2 column whithout gutter====================*/

.two-col-wout .itemm {width: 50%; margin: 0px; padding: 0px;}
.two-col-wout .lode-more a {padding-top: 0px;}
.two-col-wout .lode-more {float: left;}
@media screen and (max-width: 550px) {
     .two-col-wout .itemm {width: 100%; margin: 0px;}
     .two-col-wout .lode-more {padding-top: 70px;}
}

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

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

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

.three-col-wo .itemm  {width: 33.333%; padding: 0px; margin: 0px;}
.three-col-wo .lode-more {float: left; padding-top: 30px;}
@media screen and (max-width: 992px) {
     .wh_gutter  #main {padding-top: 100px;}
     .three-col-wo .itemm {width: 50%;}
}
@media screen and (max-width: 550px) {
     .three-col-wo .itemm {width: 100%;}
     .three-col-wo .lode-more { padding-top: 70px;}
}

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

.masonry-no-gut .itemm {padding: 0px; margin: 0px; width: 50%;}
.masonry-no-gut .lode-more {float: left; padding-top: 130px;}
@media screen and (max-width: 550px) {
    .masonry-no-gut .itemm {width: 100%;}
    .masonry-no-gut .lode-more {padding-top: 70px;}
}

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

.masonry-three .itemm {padding: 0px; margin: 0px 19px 40px; width: 30%; display: inline-block;}
.masonry-three .row.margin-row {margin-left: -15px; margin-right: -15px;}
@media screen and (max-width: 1200px) {
     .masonry-three .itemm {margin: 0px 16px 80px;}
}
@media screen and (max-width: 992px) {
     .masonry-three .itemm {margin: 0px 2% 40px; width: 45%;}
}
@media screen and (max-width: 550px) {
     .masonry-three .itemm {width: 100%; margin: 0px; padding: 0px 15px;}
}

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

.masonry-three-no .itemm {width: 33.333%; margin: 0px; padding: 0px;}
.masonry-three-no .lode-more {float: left; padding-top: 130px;}
@media screen and (max-width: 992px) {
      .masonry-three-no .itemm {width: 50%;}
}
@media screen and (max-width: 550px) {
      .masonry-three-no .itemm {width: 100%;}
      .masonry-three-no .lode-more {float: left; padding-top: 70px;}
}

/*======================Random whith gutter====================*/

.random-portfolio {position: relative; float: left; width: 100%; height: 400px;}
.random-portfolio .minimal-caption {top: auto; bottom: 70px; transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);-o-transform: translateY(0);-ms-transform: translateY(0);}
.random-portfolio .minimal-caption h2 {padding-bottom: 15px;}
.random.onehomepage .grid-sizer {width: 30%;}
.random.onehomepage .itemm {width: 30%; margin: 0px 5% 5% 0px;}
.random.onehomepage .itemm:nth-child(2n+1) {margin-right: 0px;}
.random.onehomepage .itemm.w_50 {width: 50%;}
.random.onehomepage .itemm.w_30 {width: 30%;}
.random.onehomepage .lode-more {padding-top: 130px;}
@media screen and (max-width: 992px) {
      .random.onehomepage .itemm.w_30 {width: 45%;}
      .random.onehomepage .grid-sizer {width: 10px;}
      .random.onehomepage .itemm {margin: 0px 5% 5% 0px;}
      .random.onehomepage .itemm:nth-child(2n) {margin-right: 0px;}
}
@media screen and (max-width: 550px) {
      .random.onehomepage .itemm {width: 100%; margin: 0px;}
      .random.onehomepage .itemm.w_30 {width: 100%;}
      .random.onehomepage .itemm.w_50 {width: 100%;}
}

/*======================Random whithout gutter====================*/

.random-no.onehomepage .grid-sizer {width: 33.333%;}
.random-no.onehomepage .itemm {width: 33.333%; margin: 0px; padding: 0px;}
.random-no.onehomepage .itemm:nth-child(2n+1) {margin-right: 0px;}
.random-no.onehomepage .itemm.w_50 {width: 66.666%;}
.random-no.onehomepage .itemm.w_30 {width: 33.333%;}
.random-no.onehomepage .itemm.w_60 {width: 60%;}
.random-no.onehomepage .itemm.w_30.right-margin {margin-right: 33.333%;}
.random-no.onehomepage .lode-more {padding-top: 130px;}
@media screen and (max-width: 992px) {
     .random-no.onehomepage .itemm.w_50 {width: 50%;}
     .random-no.onehomepage .itemm.w_30 {width: 50%;}
     .random-no.onehomepage .grid-sizer {width: 50%;}
}
@media screen and (max-width: 550px) {
     .random-no.onehomepage .itemm.w_50 {width: 100%;}
     .random-no.onehomepage .itemm.w_30 {width: 100%;}
     .random-no.onehomepage .grid-sizer {width: 100%;}
}

/*======================Blog Full Width====================*/

.blog .minimal-caption h5 {text-transform: uppercase;}
.single #filters, .onehomepage.blog #filters {left: 0px; position: relative; float: left; width: 100%; padding: 40px 0px 24px;}
.single #filters .button , .onehomepage.blog #filters .button {font-size: 13px; border: 0px none; padding: 0px 0px 5px 0px; margin: 0px 5px; border-bottom: 1px solid rgba(255,255,255,0);}
.single #filters .button:hover , .onehomepage.blog #filters .button:hover {padding-right: 0px; border-bottom: 1px solid #999;}
.single #filters .button.activbut , .onehomepage.blog #filters .button.activbut {padding-right: 0px; border-bottom: 1px solid #999; }
.blog_full_post {position: relative; float: left; width: 100%;}
.blog-full-img {position: relative; float: left; width: 100%; padding-bottom: 50px;}
.blog-full-img img {width: 100%; height: auto;}
.blog_full_text {position: relative; float: left; width: 100%; padding-bottom: 60px;}
.blog_full_text h2 { width: 100%; font-size: 36px; text-transform: capitalize; padding-bottom: 15px; font-weight: 100; font-family: 'montserrathairline'; line-height: 46px; position: relative; float: left;}
.blog-info-bar {position: relative; width: 100%; padding-bottom: 22px;}
.blog-info-bar a {font-weight: 100; padding: 0px 18px; position: relative; float: left;}
.blog-info-bar .post-category a { padding: 0; float: none; }
.blog-info-bar span.post-category { border: 0; }
.blog-info-bar a:hover {color: #999;}
.blog-info-bar a:first-child {padding-left: 0px;}
.blog-info-bar span {font-weight: 100; position: relative; border-right: 2px double #dcd9d9; border-left: 2px double #dcd9d9; padding: 0px 18px;}
.blog_full_text p {position: relative; float: left; width: 100%; padding-bottom: 20px;}
.w_100 .itemm {width: 100%; margin: 0px; padding: 0px;}
.w_100 .grid-sizer {width: 100%;}
.w_100 .itemm a {position: relative; float: left; width: auto;}
.w_100 .itemm span a {float: none; padding: 0;}
.w_100 .itemm span.blog-no-border {border: 0;}
.read-more {text-transform: uppercase; font-size: 12px; padding-bottom: 5px;}
.read-more:hover { color: #999; text-decoration: underline;}
.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 embed, .video-responsive iframe {position: absolute;top: 0;left: 0;width: 100%; height: 100%;}
.nav-page-tabs {position: relative; float: left; width: 100%; padding: 40px 0px 200px;}
.nav-page-tabs a, .nav-page-tabs span {position: relative; float: left; font-size: 13px; color: #000; padding: 9px 12px; border: 1px solid #bfbfbf; border-right: 0px none;}
.nav-page-tabs a:last-child, .nav-page-tabs span:last-child {border-right: 1px solid #bfbfbf;}
.nav-page-tabs a:hover, .nav-page-tabs span:hover {background: #000; color: #fff; border-color: #000;}
.nav-page-tabs span.current, .nav-page-tabs a.active {background: #000; color: #fff; border-color: #000;}


.sidebar { position: relative; float: left; width: 100%;}
.sidebar img, .sidebar select { max-width: 100%;}
.sidebar h4 { color: #000; padding-bottom: 30px; font-weight: 100;}
.sidebar-widget { border-top: 1px solid #000;padding: 40px 0px 15px; float: left; width: 100%; }
.sidebar-widget:first-child { border-top:0; padding-top: 0;}
.widget_search {position: relative; width: 100%; padding-bottom: 40px;}
.widget_search input {position: relative; width: 238px; height: 50px; border: 1px solid #000; color: #000; padding: 10px 15px; background: none;}
.widget_search .search-submit {position: absolute; border: 1px solid rgb(0, 0, 0); border-left: 0; height: 50px; color: transparent; width: 50px; background-color: transparent; background-image: url("../images/search_icon.png"); background-repeat: no-repeat; background-position: center; }
.widget_search label {padding-bottom: 0;}
.widget_search input[type=submit]:hover { background-color: transparent; background-image: url("../images/search_icon.png"); background-repeat: no-repeat; background-position: center; }
.widget_twitter_widget { border: 0; margin-bottom: 40px; position: relative; width: 100%; background: #e4e4e4; padding: 0px 18px;}
.twitter-post {position: relative; width: 100%; border-bottom: 1px solid #fff; padding: 18px 0px;}
.twitter-post:last-child {border-bottom: 0px none;}
.twitter-post img {position: absolute; top: 20px; left: 0px;}
.twitter-post h5 {position: relative; padding-left: 37px; line-height: 24px; color: #505050;}
.twitter-post h5 a:hover {color: #000;}
.widget_latest_post {position: relative; float: left; width: 100%; border-bottom: 1px solid #000; border-top: 1px solid #000; padding: 40px 0px 15px; margin-top: 40px;}
.tabs-menu ul li a {position: relative; float: left; width: 50%; text-transform: uppercase; font-size: 14px; color: #161616; text-align: left; border-bottom: 1px solid rgba(255,255,255,0); font-weight: 100; line-height: 36px;}
.tabs-menu ul li a.active-tab-menu {border-bottom: 1px solid #000; color: #000;}
.tabs {position: relative; width: 100%; max-height: 280px; padding: 15px 0px 25px; display: none;}
.latest-block {position: relative; width: 100%; border-bottom: 1px solid #e4e4e4; padding: 25px 0px;}
.latest-block:last-child {border-bottom: 0px none; padding-bottom: 0px;}
.latest-block img {position: absolute; top: 25px; left: 0px;}
.letest-block-test {position: relative; background-color: left; padding-left: 105px;}
.letest-block-test p {padding-bottom: 10px;}
.letest-block-test span {font-size: 12px; color: #161616; font-weight: 100; border-right: 1px solid #dcd9d9; padding-right: 10px;}
.letest-block-test span:last-child {padding-left: 10px; border-right: 0px none;}
.letest-block-test span a:hover {color: #999;}
.clearfix:after {content: '.';height: 0;font-size: 0;line-height: 0;display: block;clear: both;overflow: hidden;visibility: hidden;}
.first-tab {display: block;}
.widget_instagram_widget, .instagram-wiget {position: relative; width: 100%; /*margin-top: 40px; border-bottom: 1px solid #000; padding-bottom: 40px;*/}
.widget_instagram_widget a, .instagram-wiget a {width: 33.333%; position: relative; float: left; backface-visibility: hidden;}
.widget_instagram_widget a:hover, .instagram-wiget a:hover {opacity: 0.7;}
.widget_instagram_widget img, .instagram-wiget img {width: 100%; height: auto; display: block;}

.widget_custom_calendar {position: relative; width: 100%; margin-top: 40px; padding-bottom: 40px;}
.widget_custom_calendar ul {width: 100%; padding: 0px 18px !important; background: #e4e4e4; position: relative;}
.widget_custom_calendar ul li {position: relative; width: 100%; border-bottom: 1px solid #fff;}
.widget_custom_calendar ul li:last-child {border-bottom: 0px none;}
.widget_custom_calendar ul li a {position: relative; width: 100%; padding: 18px 0px; font-weight: 100; color: #000; line-height: 14px;}
.widget_custom_calendar 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;}
.widget_custom_calendar ul li a:hover {color: #fff;}
.widget_custom_calendar ul li:hover span {right: 15px; border-color: #fff;}
.widget_tag_cloud, .tags {position: relative; width: 100%; margin-top: 25px; padding-bottom: 23px;}
.widget_tag_cloud .tagcloud a, .tags a {position: relative; border: 1px solid #000; font-size: 13px !important; color: #161616; padding: 15px 19px; margin-right: 15px; margin-bottom: 15px;}
.widget_tag_cloud .tagcloud a:hover, .tags a:hover {background: #000; color: #fff;}
.categoryies {position: relative; float: left; width: 100%; margin-top: 40px;}
.categoryies h4 {padding-bottom: 30px;}
.categoryies ul li {line-height: 24px;}
.categoryies ul li a {font-size: 13px; line-height: 24px; color: #5c5c5c;}
.categoryies ul li a:hover {color: #000;}

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

.blog-detailed .blog_full_text {padding-bottom: 20px; padding-top: 100px;}
.blog-detailed .blog-full-img {padding-bottom: 15px;}
.blog-full-content {position: relative; float: left; width: 100%;}
.blog-full-content p {padding: 15px 0px;}
.blog blockquote, .page-no-vc blockquote, .single blockquote, .quote-blog {position: relative; float: left; width: 100%; text-align: center; border-top: 1px solid #c7c2c2; border-bottom: 1px solid #c7c2c2; padding: 25px 0px; margin: 20px 0px 40px;}
.blog blockquote:before, .page-no-vc blockquote:before, .single blockquote:before { display: block; margin: 0 auto; width: 55px; height: 50px; background-image: url('../images/quote.png'); margin-bottom: 15px; }
.blog blockquote, .page-no-vc blockquote, .single blockquote {font-size: 16px; line-height: 30px; color: #000; padding: 30px 0; font-size: 16px; line-height: 30px; color: #000; position: relative; float: left; width: 100%;}
.blog blockquote p, .page-no-vc blockquote p, .single blockquote p, .quote-blog p {font-size: 16px; line-height: 30px; color: #000; position: relative; float: left; width: 100%;}
.quote-blog .q-icon { position: relative; float: none; display: inline-block; padding-bottom: 15px;}
.det-share {position: relative; float: left; width: 100%; padding-top: 65px;}
.det-share a {position: relative; float: right; text-align: center; margin-right: 22px;}
.det-share a span {font-size: 16px; color: #fff; padding: 8px 10px; background: #000; position: relative; float: left;transition:all 0.35s ease-in-out;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-o-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;}
.det-share a h3 {font-size: 14px; color: #878787; border: 1px solid #c7c2c2; position: relative; float: left; text-transform: capitalize; padding: 9px 15px;transition:all 0.35s ease-in-out;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-o-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;}
.det-share a:hover span {background: #fff; color: #000;}
.det-share a:hover h3 {background: #000; color: #fff; border: 1px solid #000;}
.onehomepage.blog #filters {padding-top: 80px;}
.onehomepage.single #filters {padding-top: 80px;}
.main-comment {min-height: 210px; position: relative; float: left; width: 100%; border-bottom: 1px solid #c7c2c2; border-top: 1px solid #c7c2c2; padding: 40px 0px; margin-top: 60px;}
.main-com-img {position: absolute; left: 23px; top: 40px; width: 136px;}
.main-com-img img {width: 100%; height: auto;}
.main-com-text { width: 100%; position: relative; float: left; padding-left: 220px;}
.main-com-text h3 {text-transform: capitalize; padding-bottom: 25px;}
.main-com-text h5 {position: relative; float: left; padding-right: 10px; padding-top: 30px;}
.main-com-text .fa {position: relative; float: left; margin: 34px 10px 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;}
.main-com-text .fa:hover {color: #999;}
.peope-comments {position: relative; float: left; width: 100%;}

.peope-comments {position: relative; float: left; width: 100%; padding: 70px 0px; border-bottom: 1px solid #c7c2c2;}
.peope-comments h4 {font-weight: 400; color: #000; font-size: 18px;}
.comm-block {position: relative; float: left; width: 100%; padding-top: 45px;}
#comment-list ul.children { padding-left: 30px; }
.comm-block img {position: absolute; top: 50px; left: 0px;}
.comm-msg {position: relative; float: left; padding-left: 105px;}
.comm-msg h3, .comm-msg h3 a {font-size: 13px; color: #000;padding-bottom: 10px; position: relative; float: left; padding-right: 15px;}
.comm-msg h3:hover, .comm-msg h3 a:hover {color: #999;}
.comm-msg h6 {position: relative; float: left; line-height: 14px;}
.comm-msg p {font-weight: 400; position: relative; width: 100%; padding-bottom: 12px;}
.comm-msg a {font-size: 13px; color: #000; font-weight: 100; position: relative; float: left; font-weight: 100; border-bottom: 1px solid rgba(255,255,255,0);}
.comm-msg .reply:hover {border-bottom: 1px solid #999; color: #999;}
#blog-form {position: relative; float: left; width: 100%; padding-top: 70px;}
#blog-form h4 {font-weight: 400; color: #000; font-size: 18px; padding-bottom: 45px;}
#blog-form input {width: 100%; position: relative; float: left; border: 1px solid #b7b7b7; height: 50px; margin-bottom: 30px; background: none; padding: 0px 20px; text-transform: uppercase;}
#blog-form textarea {position: relative; float: left; width: 100%; border: 1px solid #b7b7b7; background: none; height: 200px; padding: 0px 20px; text-transform: uppercase;}
#blog-form textarea:focus {border: 1px solid #000;}
#blog-form input[type="submit"] {width: auto; background:#161616; color: #fff; font-weight: 400; margin-top: 50px; padding: 0px 80px; border:0px none;transition:all 0.35s ease-in-out;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-o-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;}
#blog-form input[type="submit"]:hover {background: #fff; color: #000;}
#blog-form input:focus {border: 1px solid #000;}

.blog-nav-arr {position: relative; float: left; width: 100%; padding-bottom: 150px; padding-top: 110px;}
.prev-post {position: relative;float: left; width: 100%; background: #000; text-align: center; height: 65px; color: #fff; cursor: pointer;transition:all 0.35s ease-in-out;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-o-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;}
.prev-post a {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}
.prev-post h3 {color:#fff; position: relative; float: left; padding-top: 7px; padding-left: 40px;transition:all 0.35s ease-in-out;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-o-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;}
.prev-post-arr {position: relative; float: none; display: inline-block; padding-top: 17px;}
.b-vis {position: relative; float: left;transition:all 0.35s ease-in-out;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-o-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;}
.b-hov {position: absolute; left: 0px; opacity: 0;transition:all 0.35s ease-in-out;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-o-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;}
.prev-post:hover {background: #eaeaea;}
.prev-post:hover h3 {color: #000;}
.prev-post:hover .b-hov {opacity: 1;}
.prev-post:hover .b-vis {opacity: 0;}
.next-post {position: relative;float: left; width: 100%; background: #000; text-align: center; height: 65px; color: #fff; cursor: pointer;transition:all 0.35s ease-in-out;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-o-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;}
.next-post a {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}
.next-post h3 {color:#fff; position: relative; float: left; padding-top: 7px; padding-right: 40px;transition:all 0.35s ease-in-out;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-o-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;}
.next-post .b-hov {right: 0px; left: auto;}
.next-post:hover {background: #eaeaea;}
.next-post:hover h3 {color: #000;}
.next-post:hover .b-hov {opacity: 1;}
.next-post:hover .b-vis {opacity: 0;}
.related-post {position: relative; float: left; width: 100%; padding-bottom: 190px;}
.related-post h2 {font-size: 36px; padding-bottom: 15px;}
.related-block {position: relative; float: left; width: 100%;}
.related-block img {width: 100%; height: auto; margin-bottom: 30px;transition:all 0.35s ease-in-out;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-o-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;}
.related-block img:hover {opacity: 0.5;}
.related-block a {font-size: 24px;  line-height: 32px;}
.related-block a:hover {color: #000;}
.related-bar {position: relative; float: left; width: 100%; margin-left: 0px;}
.related-bar span {font-size: 13px;  font-weight: 100; color: #000; border-right: 1px solid #dcd9d9; padding: 0px 10px; position: relative;/* float: left;*/}
.related-bar span a {font-size: 13px;  font-weight: 100; color: #000; position: relative; line-height: 13px; text-decoration: none;}
.related-bar span a:hover {color: #999;}
.related-bar span:last-child {border-right: 0px none; padding-right: 0px;}
.related-bar span:first-child {padding-left: 0px;}

.blog-detailed-sidebar .blog_full_text {padding-bottom: 3px; padding-top: 100px;}
.blog-detailed-sidebar .blog-full-img {padding-bottom: 15px;}
.blog-detailed-sidebar .related-bar span {padding: 0px 5px;}
.blog-detailed-sidebar .related-bar span:first-child {padding-left: 0px;}
.blog-detailed-sidebar  .sidebar {padding-top: 110px;}

@media screen and (max-width: 1200px) {
    .nav-page-tabs {padding-bottom: 120px;}
    .blog-detailed .blog_full_text {padding-top: 50px;}
    .related-post {padding-bottom: 120px;}
    .blog-detailed-sidebar .det-share a {float: left;}
    .blog-detailed-sidebar .related-block {padding-bottom: 40px;}
}
@media screen and (max-width: 991px) {
    .blog-detailed-sidebar .blog_full_text {padding-top: 50px;}
    .onehomepage.blog #filters {padding: 50px 0px 0px;}
    .blog-full-img {padding-bottom: 50px;}
    .nav-page-tabs {padding: 0px 0px 80px;}
    .sidebar {padding-bottom: 50px; padding-top: 50px;}
    .det-share a {float: left;}
    .blog-nav-arr {padding: 50px 0px 80px;}
    .related-block {padding-bottom: 50px;}
    .blog-detailed-sidebar .related-post {padding-bottom: 0px;}
}
@media screen and (max-width: 768px) {
    .blog_full_text {padding-bottom: 50px;}
    .peope-comments {padding: 50px 0px;}
    .blog-form {padding-top: 50px;}
}
@media screen and (max-width: 480px) {
    .blog-info-bar span {font-size: 13px; padding: 0px 10px;}
    .blog-info-bar a {font-size: 13px; padding: 0px 10px;}
    .onehomepage.blog #filters .button {width: 100%; margin-bottom: 15px;}
    .onehomepage.blog #filters span {display: none;}
    .onehomepage.blog #filters {max-height: 100%;}
    .filter-sort {padding-bottom: 20px;}
    .next-post img {display: none;}
    .prev-post img {display: none;}
    .prev-post h3 {padding-left: 0px;}
    .next-post h3 {padding-right: 0px;}
    .related-post {padding-bottom: 50px;}
    .main-com-text {padding-left: 20px;}
    .main-com-img {position: relative; float: left; padding-bottom: 15px; top: 0px;}
    .main-com-text h3 {padding-bottom: 15px;}
    .comm-block:nth-child(2n+1) {margin-left: 0px;}
    .det-share {text-align: center;}
    .det-share a {float: none; display: inline-block; margin: 0 auto;}
    .det-share {padding-top: 40px;}
}
@media screen and (max-width: 360px) {
    .comm-msg {padding-left: 90px;}
}

/*======================Schortcodes 1 ====================*/

.short-code {position: relative; float: left; width: 100%; padding-top: 160px;}
.headind-block {position: relative; float: left; width: 100%; }
.headind-block h1 {font-size: 60px; color: #000; padding-bottom: 40px; line-height: 20px;}
.headind-block h2 {font-size: 45px; color: #000; line-height: 20px; padding-bottom: 40px;}
.headind-block h3 {font-size: 36px; color: #000; line-height: 20px; padding-bottom: 40px; text-transform: none;}
.headind-block h4 {font-size: 16px; color: #000; line-height: 20px; text-transform: none;}
.headind-block h5 {font-size: 18px; line-height: 20px; padding-bottom: 40px; font-weight: 400; text-transform: uppercase;}
.headind-block h6 {font-size: 14px; line-height: 20px; padding-bottom: 40px; font-weight: 400; text-transform: uppercase;}

.column {position: relative; float: left; width: 100%; padding-top: 220px;}
.column h2 {padding-bottom: 60px; text-transform: none;}
.col-block {position: relative; float: left; width: 100%; padding-bottom: 70px;}
.col-block h4 {padding-bottom: 30px; font-size: 24px; font-weight: 400; text-transform: capitalize;}
.blockquote {position: relative; float: left; width: 100%;}
.blockquote h3 {text-transform: none; padding-bottom: 50px; font-size: 24px;}
.blockq-1 {position: relative; float: left; background: #e9e9e9; padding: 50px 20px 30px 85px;}
.blockq-1 img {position: absolute; top: 30px; left: 25px;}
.blockq-1 p {color: #505050;}
.blockq-2 {position: relative; float: left; width: 100%; text-align: center; padding: 45px 40px; margin: 30px 0px 50px;}
.blockq-2 .q-icon {padding-bottom: 20px; position: relative; float: none; display: inline-block;}
.blockq-3 {position: relative; float: left; width: 100%; border: 1px solid #e1e1e1; border-left: 6px solid #000; padding: 20px 30px 25px 50px; background: #f3f3f3;}

.lists-conteiner {position: relative; float: left; width: 100%; padding-top: 230px;}
.lists-conteiner h3 {padding-bottom: 45px; font-size: 24px; text-transform: none;}
.list-block {position: relative; float: left; width: 100%; padding-bottom: 50px;}
.list-block ul li {position: relative; float: left; width: 100%; font-size: 14px; color: #505050; line-height: 30px;font-family: 'montserratlight'; font-weight: 100;}
.list-block ul li span {color: #000; position: relative; float: left; font-size: 14px; line-height: 30px; padding-right: 20px;}
.list-block ul li img {position: relative; float: left; margin-right: 20px; margin-top: 6px;}
.list-block .fa {color: #505050;}
.pafinations {position: relative; float: left; width: 100%; padding: 180px 0px 260px;}
.pafinations h3 {padding-bottom: 15px; font-size: 24px; text-transform: none;}
.pafinations .nav-page-tabs {padding-bottom: 0px;}
.grey-tabs.nav-page-tabs a {background: #d1d1d1; border: 1px solid #fff;}
.grey-tabs.nav-page-tabs a:hover {background: #000;}
.grey-tabs.nav-page-tabs a.active {background: #000; color: #fff;}
.grey-tabs.nav-page-tabs span {color: #505050;}
.grey-tabs.nav-page-tabs a.active span {color: #fff;}
.grey-tabs.nav-page-tabs a:hover span {color: #fff;}
.nav-page-left-b {position: relative; float: left; background: #d1d1d1; width: 126px; text-align: center; margin-top: 40px;transition:all 0.35s ease-in-out;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-o-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out; margin-right: 5px;}
.nav-page-left-b a {color:#000; padding: 10px 0px; position: relative; float: left; text-align: center; text-transform: uppercase; width: 100%; line-height: 20px; font-size: 13px;}
.nav-page-left-b:hover {background: #000;}
.nav-page-left-b:hover a {color:#fff;}
.nav-page-left-b.active {background: #000;}
.nav-page-left-b.active a {color: #fff;}

/*======================Schortcodes 2 ====================*/

.shortcodes-2 {position: relative; width: 100%; float: left; padding-top: 210px;}
.shortcodes-2 h3 {font-size: 24px; color: #000; text-transform: none;}
.col-39 {position: relative; float: left; width: 40%; padding: 0px 15px;}
.tabs-short-1 {position: relative; float: left; width: 100%;}
.tabs-short-1 a {background: #d8d8d8; color: #000; line-height: 20px; font-size: 13px; width: 103px; text-align: center; position: relative; float: left; margin: 0px 1px; padding: 12px 0px;}
.tabs-short-1 a:hover {background: #000; color: #fff;}
.tabs-short-1 a.active {background: #000; color: #fff;}
.col-30 {position: relative; float: left; width: 30%; padding: 0px 15px;}
.tabs-short-2 {position: relative; float: left; width: 100%; padding-top: 10px;}
.tabs-short-2 a {color: #000; line-height: 20px; font-size: 13px;padding: 5px 10px;}
.tabs-short-2 a.active {background: #fff;}
.tabs-short-2 a:hover {background: #fff;}
.tabs-short-3 {position: relative; float: left; width: 100%; padding-top: 10px;}
.tabs-short-3 a {font-size: 13px; text-transform: uppercase; color: #000; border-bottom: 1px solid rgba(255,255,255,0); padding-bottom: 5px; position: relative; float: left;}
.tabs-short-3 a:hover {border-bottom: 1px solid #000;}
.tabs-short-3 a.active {border-bottom: 1px solid #000;}
.tabs-short-3 span {padding: 0px 5px; position: relative; float: left;}
.short-tags h3 {padding-bottom: 65px;}
.short-tags {position: relative; float: left; width: 100%; padding-bottom: 125px; border-bottom: 1px solid #e0e0e0;}
.short-table {position: relative; float: left; width: 100%; padding-top: 125px; border-bottom: 1px solid #e0e0e0; padding-bottom: 60px;}
.short-table h3 {padding-bottom: 50px;}
.table-type-1 table {position: relative; float: left; width: 100%; font-size: 14px; margin-bottom: 70px;}
.table-type-1 tr:first-child td {background: #000; height: 50px; text-align: center; color: #fff; font-size: 16px; padding-top: 16px;}
.table-type-1 tr {text-align: center;}
.table-type-1 tr:nth-child(2n){background: #eaeaea;}
.table-type-1 tr:nth-child(2n+1){background: #fff;}
.table-type-1 td {color: #505050; padding: 14px 0px; min-width: 160px;}
.table-type-2 table {position: relative; float: left; width: 100%; font-size: 14px; box-shadow: 0px 0px 1px 1px #000; overflow: hidden; margin-bottom: 70px;}
.table-type-2 tr:first-child td:hover, .table-type-2 tr:first-child td {background: #fff; height: 50px; text-align: center; color: #000; font-size: 16px; padding-top: 16px; border-right: 1px solid #e0e0e0;}
.table-type-2 tr {text-align: center; background: #f3f3f3;}
.table-type-2 td {color: #505050; padding: 14px 0px; border: 1px solid #e0e0e0; min-width: 160px; cursor: pointer;transition:all 0.35s ease-in-out;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-o-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;}
.table-type-2 tr:nth-child(2) td {border-top: 0px none;}
.table-type-2 td:hover {background: #000; color: #fff; border: 1px solid #000;}
.table-type-2 tr:first-child td:hover {border-bottom: 1px solid #e0e0e0;}

.short-pricing {position: relative; float: left; width: 100%; padding-top: 125px; border-bottom: 1px solid  #e0e0e0; padding-bottom: 125px;}
.short-pricing h3 {padding-bottom: 177px;}
.short-pricing-1 {position: relative; float: left; width: 100%; padding-bottom: 300px;}
.short-pricing .money-block h3 {padding-bottom: 55px; text-transform: uppercase; letter-spacing: 1px;}
.price-block {position: relative; float: left; width: 100%; border: 2px solid #d7d7d7; padding: 30px 45px; text-align: center; color: #505050;}
.short-pricing-2 .price-block h3 {padding-bottom: 20px; color: #000; letter-spacing: 1px; text-transform: uppercase;}
.price-block .line-big {position: relative; float: none; display: inline-block;}
.price-block .price-namb {position: relative; float: none; display: inline-block; width: 100%;}
.price-block sup {font-size: 42px; font-weight: 300; position: relative; line-height: 24px;}
.price-block span {font-size: 72px; position: relative; font-weight: 300;}
.price-block sub {font-size: 24px; position: relative; font-weight: 300;}
.price-block p {position: relative; float: left; width: 100%; padding: 25px 0px; color: #000;}
.price-block ul {position: relative; float: left; width: 100%;}
.price-block ul li {font-size: 14px; line-height: 45px; font-weight: 100; border-bottom: 1px solid #f0f0f0;}
.price-block .price-button {border: 1px solid #c2c2c2; position: relative; float: none; display: inline-block; padding: 15px 60px; text-transform: uppercase; font-size: 14px; color: #000; margin-top: 65px; font-weight: 400;}
.price-block .price-button:hover {background: #111111; color: #fff;}
.price-block.pro {color: #000; border: 2px solid #000; padding-top: 45px; margin-top: -20px;}
.price-block.pro sup {font-weight: 400;}
.price-block.pro span {font-weight: 400;}
.price-block.pro sup {font-weight: 400;}
.price-block.pro ul li {border-bottom: 1px solid #000;}
.price-block.pro .price-button {border: 1px solid #000;}

.acordians {position: relative; float: left; width: 100%; padding-top: 125px; padding-bottom: 55px;}
.acordians .acorr-1 .togglet h4 {font-size: 14px; text-transform: none; padding-bottom: 15px;}
.acordians.contact-creative .acorr-1 .job-detail-1, .acordians.contact-creative .acorr-1  .job-detail-2, .acordians.contact-creative .acorr-1 .job-detail-3, .acordians.contact-creative .acorr-1  .job-detail-4 {border-bottom: 1px solid #d9e3e7;}
.acordians.contact-creative .acorr-1 .toggle .togglet {padding: 15px 0px 0px;}
.acordians.contact-creative .acorr-1 .circle {top: 20px;}
.acordians.contact-creative .acorr-2 .toggle .togglet p {background: #e7e7e7; padding: 15px 20px;}
.acordians.contact-creative .acorr-1 .toggle .togglet p {padding-bottom: 15px;}
.acordians.contact-creative .career-tabs {padding-top: 200px;}

.short-buttons {position: relative; float: left; width: 100%; padding-top: 125px; padding-bottom: 300px;}
.short-buttons h3 {padding-bottom: 40px;}
.large-button {position: relative; float: left; width: 100%; padding-bottom: 50px;}
.large-button a {position: relative; float: left; width: 220px; text-align: center; height: 60px; font-size: 18px; margin-right: 30px; padding-top: 16px; margin-bottom: 30px;}
.light-font {font-weight: 100;}
.btn-smm {border-radius: 3px;}
.btn-bg {background: #000; color: #fff;}
.btn-bg:hover {background: #fff; color: #000;}
.btn-bg-no {border:2px solid #000;}
.btn-bg-no:hover {background: #fff; border: 2px solid #d6d5d5; color: #d6d5d5;}
.btn-bg-br {border: 2px solid #d6d5d5; font-weight: 600;}
.btn-bg-br:hover {border: 2px solid #000; background: #fff;}
.btn-bg-w {background: #fff; color: #000;}
.btn-bg-w:hover {background: #000; color: #fff;}
.tt {text-transform: uppercase;}
.btn-bg-grey {background: #d6d5d5; color: #fff;}
.btn-bg-grey .fa {font-size: 28px; position: absolute; right: 21px; top: 14px;}
.large-button.medium-button a {height: 50px; width: 180px; font-size: 16px; padding-top: 12px;}
.large-button.medium-button .btn-bg-grey .fa {right: 12px; top: 10px;}
.large-button.small-button a {width: 160px; height: 40px; font-size: 13px; padding-top: 10px;}
.large-button.small-button .btn-bg-grey .fa {top: 5px; right: 15px;}

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

    .short-code {padding-top: 80px;}
    .column {padding-top: 80px;}
    .col-block h4 {font-size: 22px;}
    .lists-conteiner {padding-top: 80px;}
    .pafinations {padding: 80px 0px;}
}
@media screen and (max-width: 991px) {
    .shortcodes-2 {padding-top: 50px;}
    .short-tags h3 {padding-bottom: 30px;}
    .short-tags {padding-bottom: 50px;}
    .short-table {padding-top: 50px;}
    .short-table h3 {padding-bottom: 30px;}
    .table-responsive {position: relative; width: 100%; overflow: hidden; overflow-y: hidden; overflow-x: scroll; border:0px none;}
    .table-type-1{margin-bottom: 40px; padding-bottom: 0px;}
    .table-type-2 {margin-bottom: 40px;}
    .short-pricing {padding-top: 50px;}
    .short-pricing h3 {padding-bottom: 30px;}
    .short-pricing-1 {padding-bottom: 50px;}
    .price-block.pro {margin-top: 0px; margin-bottom: 30px;}
    .acordians {padding-top: 50px;}
    .acorr-1 {margin-bottom: 40px;}
    .acordians.contact-creative .career-tabs {padding-top: 30px;}
    .acordians.contact-creative .career-tabs {padding-bottom: 50px;}
    .short-buttons {padding: 50px 0px;}

    .col-block {padding-bottom: 40px;}
    .col-block h4{padding-bottom: 20px;}
}
@media screen and (max-width: 768px) {
    .price-block {margin-bottom: 30px;}
    .headind-block {text-align: center; padding-top: 50px;}
    .headind-block h4 {padding-bottom: 20px;}
    .column {text-align: center; padding-top: 50px;}
    .blockquote {text-align: left;}
    .lists-conteiner {text-align: left;}
    .pafinations {padding-top: 50px; text-align: center;}
    .pafinations .nav-page-tabs {float: none; display: inline-block; width: auto;}
    .pafinations .nav-page-left-b {float: none; display: inline-block;}
    .column h2{padding-bottom: 40px;}
}
@media screen and (max-width: 527px) {
    .short-tags {text-align: center;}
    .tabs-short-1 a {margin: 0px auto 15px; position: relative; float: none; display: block;}
    .tabs-short-2 a {position: relative; float: none; max-width: 150px; display:block; margin: 0 auto 15px;}
    .tabs-short-3 a {position: relative; float: none; max-width: 150px; display:block; margin: 0 auto 15px;}
    .tabs-short-3 span {display: none;}
    .large-button a {margin-right: 10px;}
}
@media screen and (max-width: 490px) {
    .short-buttons {text-align: center;}
    .large-button a {float: none; display: block; margin: 0 auto 30px;}

    .blockq-3 {padding-left: 20px;}
    .blockq-2 {padding: 35px 20px;}
    .blockq-1 {padding: 80px 20px 30px 20px;}
}
/*---------------------------*/
.no-img {
    padding-left: 0;
}
.no-vc {
    margin: 90px 0 30px;
}
.page-no-vc {
    margin-bottom: 40px;
}
.page-no-vc ol {
    margin-left: 30px;
    margin-top: 10px;
}
.page-no-vc h1 {
    color: #000;
}
.page-no-vc h5 {
    font-size: 16px;
}
div.list-block ul li span.bullets-marker {
    text-transform: lowercase;
    background-color: #000;
    border-radius: 50%;
    display: inline-block;
    font-size: 12px;
    height: 18px;
    width: 18px;
    line-height: 15px;
    color: #FFF;
    padding: 0;
    margin: 6px 20px 0 0;
    text-align: center;
}

.buletts-center.pagination {
    right: auto;
}
.buletts-center.pagination .swiper-pagination-switch {
    float: none;
}
.buletts-left.pagination {
    right: auto;
    left: 120px;
}
.buletts-left.pagination .swiper-pagination-switch {
    float: left;
}
#mc-embedded-subscribe {
    margin: 10px 0 !important;
}
#mce-responses {
    margin-top: 10px;
}
.recognation {
    padding: 50px 0px 42px !important;
}
.recognation span.countto {
    /*padding: 0;*/
}
.share-btns span.chicklets {
    padding: 0 !important;
}
.share-btns span.chicklet,
.share-btns > span > span > span,
.share-btns > span > span {
    width: 30px !important;
    text-align: center;
}
.share-btns span span span:before {
    margin: 0px 12px;
  width: 20px;
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 18px;
  color: #979797;
}
.share-btns span.facebook { background-image: none; }
.share-btns span.facebook:before { content: '\f09a'; }
.share-btns span.twitter { background-image: none; }
.share-btns span.twitter:before { content: '\f099'; }
.share-btns span.xing { background-image: none; }
.share-btns span.xing:before { content: '\f168'; }
.share-btns span.tumblr { background-image: none; }
.share-btns span.tumblr:before { content: '\f173'; }
.share-btns span.linkedin { background-image: none; }
.share-btns span.linkedin:before { content: '\f0e1'; }
.share-btns span.pinterest { background-image: none; }
.share-btns span.pinterest:before { content: '\f0d2'; }
.share-btns span.googleplus { background-image: none; }
.share-btns span.googleplus:before { content: '\f0d5'; }
.share-btns span.delicious { background-image: none; }
.share-btns span.delicious:before { content: '\f1a5'; }
.share-btns span.digg { background-image: none; }
.share-btns span.digg:before { content: '\f1a6'; }


.wpcf7 label {
    display:inline-block;
    height: 60px;
}
.wpcf7 label > input + span {
    cursor: pointer;
}
.wpcf7 span {
    display:block;
}
.wpcf7 label > input + span {
    background: url('../images/checkbox.png');
    height: 32px;
    padding-left: 55px;
    background-repeat: no-repeat;
    line-height: 32px;
    color: #221227;
    font-size: 1em;
    font-weight: 300;
    text-transform: capitalize;
}
.wpcf7 label > input {
    position: absolute;
    visibility: hidden;
    width: 32px;
    height: 32px;
}
.wpcf7 label > input:checked + span:before {
    content: url('../images/checked.png');
    display:block;
    float: left;
    margin-left: -55px;
}
span textarea.wpcf7-textarea {
    background: #f7f7f7;
}
.checkbox-in-line .wpcf7-list-item {
    width: 80px;
    float: left;
}
.submit-project-btn input[type="submit"].wpcf7-submit {
    text-transform: capitalize;
}
.not-found {
    position: relative;
}
.error404 .not-found img {
    width: 100%;
    height: auto;
}
.error404 .not-found h3 {
    color: #fff;
}
.error404 .not-found a {
    position: absolute;
    right: 40px;
    bottom: 30px;
    color: #fff;
}
.error404 .not-found span {
    margin-top: 13px;
    color: #C9C9C9;
    display: block;
    text-transform: uppercase;
}
span.no-menu {
    float: none;
    display: inline-block;
    top: 30px;
    height: 50px;
    position: relative;
    width: 100%;
    text-align: right;
    right: 30px;
    line-height: 50px;
    background-color: #000;
    color: #C7C2C2;
}
span.no-menu a {
    color: #fff;
    margin-right: 10px;
}
header ul#header_ul > li > ul > li > a span {
    margin-left: 20px;
}
header ul#header_ul > li > ul > li:last-child > a span {
    display: none;
}
header ul#header_ul > li > ul > li > a {
    padding-left: 20px;
}
header ul#header_ul > li > ul > li > ul span {
    display: none;
}
.blog h1,
body.single-post .comm-msg h1,
body.single-post h1 {
    color: #000;
}
.page-no-vc td, .page-no-vc th,
body.blog td, body.blog th,
body.single-post td, body.single-post th {
    padding: 10px;
}
body.blog li ul.children,
body.single-post li ul.children {
    padding-left: 7px;
}
body.single-post .blog-full-content img {
    max-width: 100%;
    height: auto;
}
.comm-body {
    clear: both;
}
.blog h1, .blog h2, .blog h3, .blog h4, .blog h5, .blog h6,
.comm-body h1, .comm-body h2, .comm-body h3, .comm-body h4, .comm-body h5, .comm-body h6 {
    float: none;
}
.comm-body h3 {
    font-size: 16px;
}
body.single-post .gallery-item img {
    width: auto;
    height: auto;
    margin: auto;
    display: block;
}
body.single-post #filters {
    max-height: 100%;
}
.blog ol,
body.single-post ul,
body.single-post ol {
    margin-left: 25px;
}
.blog .blog_full_text p {
    float: none;
}
.sticky .blog_full_text {
    padding-bottom: 0;
}
.blog-full-content h3,
.blog_full_text h3 {
    margin: 15px 0;
}
.sticky {
    background-color: #fff;
    padding: 20px !important;
    margin-bottom: 20px !important;
}
.page-no-vc img {
    max-width: 100%;
}
.page-no-vc li ul {
    margin-left: 12px;
}
.wp-caption.alignnone,
.aligncenter {
    clear: both;
}
.instagram-block a {
    display: block;
    float: left;
    line-height: 0;
    width: 50%;
}
.instagram-block .fa {
    bottom: 0;
}
.twitter-block .fa {
    margin-left: -15px;
}
.wrapp-work-modern #home-onepage .pagination {display: block;}
div.wrapp-work-modern  {
    height: 400px;
}
/*.vc_row { line-height: 0; }*/
.filter-sort { line-height: 100%; float: none; margin-left: 16px; margin-top: 10px; }
.single-portfolio footer { margin-top: 100px; }
.buttom-style { margin-bottom:  40px !important;}
.lh-null {line-height: 0;}
#home-onepage .pagination { display: block; }
.vc_col-sm-12 .section-wrap { padding-top: 0; }
div.textarea span textarea { height: 160px !important; background-color: #fff; border: 0 none;}
.container {max-width: 100%;}
.vc_column_container h1 { color: #000;}
.empty-div { height: 60px; }
.blog .w_100 .blog_full_text h2 a {float: none;}
.blog_full_text a.read-more {float:none;clear: both; display: block; margin-top: 15px;}
.filter-sort {  margin-left: 66px; }
.container .filter-sort {  margin-left: 23px; }
.menu-item a {font-weight: 600;}
.wp-caption a img {width: 100%;}
.blog ul li,
.blog-full-content ul li { font-weight: normal; font-size: 13px;}
.blog i,
.blog em,
.blog-full-content em,
.blog-full-content i { font-style: italic;}
.blog strong,
.blog-full-content strong { font-weight: bold;}
.blog .itemm p a {float: none;}
.single a {text-decoration: underline;}
.blog .itemm dt,
.single dt {font-weight: bold;}
.blog .itemm  dd,
.single dd {margin-bottom: 7px;}
.blog .itemm li,
.single li ul {margin-left: 20px;}
.sticky ul {margin: 26px; list-style-type: square;}
.blog .post-nav a {float: none;}
.acordians .togglet img { width: inherit; }
.instagram-block a img {height: 100%; }
img.ajax-loader {width: 16px; height: 16px;}
.blockq-1 img {width: auto;}
.post-search { display: block; width: 100%; height: auto; padding: 100px; text-align: center; font-size: 22px; }
.w_100 .sticky a { float: none; text-decoration: underline;}
.inner_carousal.slider img { width: auto; }
body.single-post thead tr:first-child {
    font-weight: bold;
}
body.single-post th,
body.single-post td {
    border-bottom: 1px solid #ccc;
}
body.single-post th:first-child{border-bottom: none;}
table {margin: 15px 0;}
var, cite {font-style: italic;}
.blog-info-bar a {float: none;}
.blog-info-bar .post-date a {text-decoration: underline;}
.onepage-menu a {text-decoration: none;}
.container-class {z-index: -1;position: relative;}
.sidebar ul li,
.price-block ul li,
.list-block ul li {list-style-type: none;}
h4.title-margin{font-size: 24px;padding-bottom: 30px; font-weight: 400;}
.unstyled-tabs .togglec { font-size: 14px; color: #6F6F6F; line-height: 1.8; font: inherit; cursor: pointer; padding: 0px 0px 25px; font-weight: 600; }
.blog-info-bar a {text-decoration: none;}
body .sidebar ol,
body .sidebar ul {padding: 0;margin: 0;}
.h-separetor { height: 1px; border-top: 1px solid #e6e6e6; width: 100%; margin-top: 95px; }
li.a-button a,
.sidebar a,
footer a {text-decoration: none;}
.video-title img {width: auto;}
.counter-padding .countto {padding: 30px 0;}
.counter-padding .info-img span {padding: 30px 0;}
.onehomepage nav .list-container.right-slide { z-index: 999999; }
.sidebar .widget_categories ul li{line-height: 24px;}
.contact-creative h3 {text-transform: none; font-size: 24px;}
.contact-creative .styled-tabs .patch h4,
.contact-creative h4 {font-weight: 600;}

/* update ver 1.4.0 */
@media screen and (max-width: 550px) {
    .work-hard span { padding: 240px 20px;} 
    .video-title {
        top: 50%;
        transform: translate(0,-50%);
        -webkit-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
    }
    .top-baner .logo,.top-baner header nav .handle{top: 50px;}
    .video-click > img, .wpb_wrapper img{    max-width: 100%; }
}
@media screen and (max-width: 480px) {
    .video-title img{height: auto; width: auto;}
    .work-hard span {
        font-size: 30px;
    }
}

.max_width .vc_row-fluid{
    max-width: 100%;
}

.single-portfolio img{ max-width:100%;}