/*
* English language css
*/
@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700|Roboto+Condensed:300,400,700);
@import url(http://fonts.googleapis.com/css?family=Old+Standard+TT:400italic);
@import url(http://fonts.googleapis.com/css?family=Lato:400,700);
/* editor classes */
.section-bg-color,
.section-shadow,
.section-pattern-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 2;
}
section.portfolio-page {
  z-index: 2;
  position: relative;
}
/* editor classes */

/*font-family: 'Roboto', sans-serif;
font-family: 'Old Standard TT', serif;
font-family: 'Roboto Condensed', sans-serif;*/

html, body, div, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
ul, li, ol,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:17px;
  vertical-align:baseline;
  background:transparent;
	font-weight:normal;
  list-style:none;
  font-family:AvenirLTStd55Roman;
}

@font-face {
    font-family: 'AvenirLTStd55Roman';
     src: url('../fonts/avenir-roman.otf');
    src: url('../fonts/avenir-roman.otf') format('opentype'),
         url('../fonts/avenir-roman.woff2') format('woff2'),
         url('../fonts/avenir-roman.woff') format('woff'),
         url('../fonts/avenir-roman.ttf') format('truetype'),
         url('../fonts/avenir-roman.svg#AvenirLTStd55Roman') format('svg');
}

@font-face {
    font-family: 'TrumpGothicEastBold';
    src: url('../fonts/trump_gothic_east_bold.eot');
    src: url('../fonts/trump_gothic_east_bold.eot') format('embedded-opentype'),
         url('../fonts/trump_gothic_east_bold.woff') format('woff'),
         url('../fonts/trump_gothic_east_bold.ttf') format('truetype'),
         url('../fonts/trump_gothic_east_bold.svg#TrumpGothicEastBold') format('svg');
}



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

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

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

input:-moz-placeholder { 
  color:#222222; 
  opacity:1;
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body{
  padding-top:80px;
}

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

a{
  color:#4bbae6;
  text-decoration:none;
}

a:hover{
  color:#000;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.hidden {
  display: none !important;
  visibility: hidden !important;
}

.row{
  width:1200px;
  margin:0 auto;
}

.single-career .cols2-layout .row{
  position:relative;
}

.padding-bottom-zero{
  padding-bottom:0 !important;
}

/* head set */

h1{
  font-size:60px;
  line-height:60px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1 span{
  font-family: 'Old Standard TT', serif;
  font-size:70px;
  font-weight:400;
  font-style:italic;
} 

h2{
  font-size:36px;
  line-height:36px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h2 span{
  font-family: 'Old Standard TT', serif;
  font-style:italic;
} 

h2.small{
  font-size:28px;
  color:#6e6e6e;
  margin:0 0 20px 0;
}

h2.small2{
  font-size:28px;
  margin:0 0 20px 0;
}

h2.big{
  font-size:40px;
}

.benefits h2{
  text-align:left;
}

.social-faq h2{
  font-size:40px;
}

h3{
  font-size:25px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h3 span{
  font-size:22px;
  color:#4bbae6;
}

h4{
  font-size:20px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.start-a-project h4{
  line-height:32px;
}

h4.subtitle{
  padding:15px 0;
}
.single-career h4.subtitle{
font-size:25px;
}
h4 span{
  font-family: 'Old Standard TT', serif;
  font-style:italic;
}

.logo-branding h4{
  font-size:22px;
}

.logo-branding .branding-logo h4{
  font-size:16px;
  margin:5px 0 0 0;
  letter-spacing:0.5px;
}

.social-promotional-apps .services .content h4{
  color:#222222;
  font-size:18px;
}



/* preloader css */
#preloader {
    background-color: #fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999999;
}
#preloader .spinner {
height: 174px;
text-align: center;
width: 213px;
margin: 0px auto;
margin-top: 16%;
}
#preloader .path {
stroke-dasharray: 1000;
stroke-dashoffset: 1000;  
animation: dash 3s linear alternate infinite;   
}
@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 400;
  }
}
/* preloader css */
/* backgroun color set */

.skyblue{
  background:#4BBAE6;
  color:#fff;
}

.skyblue-text{
  color:#4BBAE6;
}

.blue{
  background:#0086da;
  color:#fff;
}

.darkblue{
  background:#075bb5;
  color:#fff;
}

.lightblue{
  background:#06a7ea;
  color:#fff;
}

.black{
  background:#252525;
  color:#fff;
}

.red{
  background:#FF605D;
  color:#fff;
}

.tomatored{
  background:#d41b2d;
  color:#fff;
}

.purple{
  background:#3c5a9a;
  color:#fff;
}

.darkpurple{
  background:#6c298f;
  color:#fff;
}

.green{
  background:#4FC48F;
  color:#fff;
}

.skygreen{
  background:#00a09b;
  color:#fff;
}

.lightgreen{
  background:#a8d491;
  color:#fff;
}

.orange{
  background:#FF6600;
  color:#fff;
}

.lightorange{
  background:#fa9939;
  color:#fff;
}

.lighterblue{
  background:#7ed0e8;
  color:#fff;
}

/* icon set */

i{
  background:url(../images/common-sprite.png) no-repeat;
}

.down-arrow{
  background-position:-72px -20px;
  width:33px;
  height:33px;
}

.down-arrow-small{
  background-position:-233px -50px;
  width:13px;
  height:17px;
}

.next-arrow{
  background-position:-72px -73px;
  width:33px;
  height:33px;
}

.prev-arrow{
  background-position:-72px -126px;
  width:33px;
  height:33px;
}

.next-arrow-small{
  background-position:-20px -110px;
  width:22px;
  height:22px;
}

.next-arrow-white{
  background-position:-125px -73px;
  width:33px;
  height:33px;
}

.next-arrow-long{
  background-position:-178px -20px;
  width:34px;
  height:7px;
}

.next-arrow-long-blue{
  background-position:-178px -20px;
  width:34px;
  height:7px;
  margin-right:5px !important;
  
}

.about-us .cols-2:first-child a:hover .next-arrow-long-blue{
  background-position:-232px -19px;
}

.next-arrow-mid{
  background-position:-286px -20px;
  width:18px;
  height:10px;
}

.heart{
  background-position:-413px -204px;
  width:61px;
  height:53px;
  display:inline-block;
  margin:0 0 -20px 0;
}

.menu{
  background-position:-20px -20px;
  width:25px;
  height:25px;
  float:right;
  margin: -1px 0 -11px 20px;
}

.white-dot{
  background-position:-270px -105px;
  width:5px;
  height:5px;
  display:inline-block;
  margin:-2px 0 2px 0;
}

.expand{
  background-position:-25px -152px;
  width:28px;
  height:28px;
}

.collapse{
  background-position:-25px -185px;
}

i.icons{
  background:url(../images/icons-sprite.png) no-repeat;
}

.icons.ecomm{
  background-position:-20px -20px;
  width:128px;
  height:128px;
}

.icons.market{
  background-position:-168px -20px;
  width:128px;
  height:128px;
}

.icons.seo{
  background-position:-316px -20px;
  width:128px;
  height:128px;
}

.icons.gppc{
  background-position:-464px -20px;
  width:128px;
  height:128px;
}

.map-bubble{
  background-position:-266px -50px;
  width:35px;
  height:35px;
  float:left;
  margin:0 15px 0 0;
}

.metro-station{
  background-position:-217px -87px;
  width:35px;
  height:35px;
  float:left;
  margin:0 15px 100px 0;
}

.slider2-nav-prev{
  background-position:-178px -162px;
  width:20px;
  height:40px;
  float:left;
  margin:0;
}

.slider2-nav-next{
  background-position:-178px -103px;
  width:20px;
  height:40px;
  float:left;
  margin:0;
}

.slider2-nav-menu{
  background-position:-362px -308px;
  width:44px;
  height:40px;
  float:left;
  margin:0;
}

.sidebar-canvas-close .slider2-nav-menu{
  background-position:-273px -140px;
}


i.icons2{
  background:url(../images/icon2-sprite.png) no-repeat;
}

.icons2.books{
  background-position:-20px -20px;
  width:60px;
  height:60px;
}

.icons2.mobiles{
  background-position:-97px -20px;
  width:60px;
  height:60px;
}

.icons2.buy{
  background-position:-167px -20px;
  width:60px;
  height:60px;
}

.icons2.promotions{
  background-position:-242px -20px;
  width:60px;
  height:60px;
}

/* buttons */

.boxy-button{
  border:2px solid #000000;
  padding:15px 25px;
  display:inline-block;
  color:#000;
  font-size:15px;
  position:relative;
  z-index:1;
  min-width:215px;
}

.boxy-button i{
  float:right;
  margin:7px 0 0 20px;
}

.boxy-button:after{
  content: '';
  position: absolute;
  width:0%;
  left: 0px; 
  top: 0px;
  height:100%;
  background:#252525;
  transition: width 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
  -webkit-transition: width 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
  -moz-transition: width 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
  -o-transition: width 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
  z-index: -1; 
}

.boxy-button:hover{
  color:#fff;
}

.boxy-button:hover i{
  background-position:-464px -20px;
}

.boxy-button:hover:after{
  width:100%;
}

.block-seprator{
  display:inline-block;
  width:100%;
  border-bottom:1px solid #e5e5e5;
  padding:0 0 0px 0;
  margin:0 0 40px 0;
}

.start-a-project .fullwidth-layout.block-seprator{
  margin:0 0 3px 0;
  float:left;
}

.start-a-project h5{
  font-size:14px;
}

.start-a-project .TYPEOFPROJECT{
  margin:0 0 30px 0;
  display:inline-block;
  font-size:20px;
  color:#404040;
}

.start-a-project .TYPEOFPROJECT:last-child{
  margin:0 0 0 0;
}

.start-a-project .TYPEOFPROJECT .wpcf7-radio .wpcf7-list-item,
.start-a-project .TYPEOFPROJECT .wpcf7-checkbox .wpcf7-list-item{
  position:relative;
  display:inline-block;
}

.start-a-project .TYPEOFPROJECT .wpcf7-radio .wpcf7-list-item:after,
.start-a-project .TYPEOFPROJECT .wpcf7-checkbox .wpcf7-list-item:after{
  content:"";
  position:absolute;
  width:10px;
  height:10px;
  border:2px solid #ccc;
  border-radius:18px;
  -webkit-border-radius:18px;
  -moz-border-radius:18px;
  left:0;
  top:5px;
}

.start-a-project .TYPEOFPROJECT .wpcf7-radio .wpcf7-list-item.active-radio:after,
.start-a-project .TYPEOFPROJECT .wpcf7-checkbox .wpcf7-list-item.active-checkbox:after{
  border-color:#06a7ea;
  background:#06a7ea;
}

.start-a-project .TYPEOFPROJECT .wpcf7-radio .wpcf7-list-item input[type='radio'],
.start-a-project .TYPEOFPROJECT .wpcf7-checkbox .wpcf7-list-item input[type='checkbox']{
  opacity:0;
  margin:0;
  position:relative;
  z-index:2;
}

.start-a-project .TYPEOFPROJECT .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label,
.start-a-project .TYPEOFPROJECT .wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label{
  margin:0 20px 0 10px;
}


/* header */

header{
  float:left;
  width:100%;
  z-index:999999;
  position:fixed;  
  height:81px;
  top:0;
}

.admin-bar header{
  top:31px;
}

.brand{
  padding:30px;
  float:left;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}



.brand img{
  float:left;
}

.brand span{
  border-left:1px solid #e3e3e3;
  padding:2px 0 2px 10px;
  margin:0 0 0 15px;
  line-height:18px;
  font-size:14px;
  color:#fff;
}


/* navigation */

nav{
  float:right;
}

nav ul li{
  border-left:1px solid #fff;
  float:left;
  position:relative;
  z-index:1;
}

nav ul li a{
  color:#fff;
  padding:30px 20px;
  float:left;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  
}

nav ul li a:hover{
  color:#1d1e1f;
}

nav ul li a:after{
  content: '';
  position: absolute;
  width:0%;
  left: 0px; 
  top: 0px;
  height:100%;
  background:#fff;
  transition: width 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
  -webkit-transition: width 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
  -moz-transition: width 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
  -o-transition: width 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
  z-index: -1; 
}

nav ul li a:hover{
  color:#1d1e1f;
}

nav ul li a:hover:after{
  width:100%;
}

.menu{
  width:30px;
  -webkit-transition:all 0.2s ease;
  -moz-transition:all 0.2s ease;
  -o-transition:all 0.2s ease;
  transition:all 0.2s ease;
}

.menu-line{
  height:4px;
  background:#fff;
  width:30px;
  float:left;
  margin:0 0 4px 0;
  -webkit-transition:all 0.2s ease;
  -moz-transition:all 0.2s ease;
  -o-transition:all 0.2s ease;
  transition:all 0.2s ease;
}

nav ul li a:hover .menu-line{
  background:#1d1e1f;
}

.menu.open{
  margin:5px 0 -10px 20px;
  height: inherit;
}

.menu.open .menu-line{
  transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  -webkit-transform:rotate(-45deg);
  margin:4px 0 0 0;
}

.menu.open .menu-line:nth-child(2){
  display:none;
}

.menu.open .menu-line:nth-child(3){
  transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  margin:-4px 0 0 0;
}

.navigation{
  position:fixed;
  width:100%;
  background:rgba(0,0,0,.92);
  z-index:99999;
  top:80px;
  display:none;
}

.navigation ul{
  display:table;
  width:100%;
}

.navigation ul li{
  display:table-cell;
  width:25%;
  height:50%;
  text-align:center;
  vertical-align:middle;
  border:1px solid #434742;
  -webkit-transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
  transition:all 0.3s ease;
}

.navigation ul li a{
  color:#fff;
  font-size:30px;
   -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.navigation ul li:hover{
  background:#fff;
  color:#000;
  padding:0 2%;
  width:25%;
  cursor:pointer;
}

.navigation ul li:hover a{
  color:#000;
}

.navigation ul li.menu-item2:hover > a,
.navigation ul li.menu-item:hover a{
  -webkit-animation: myfirst 1s; /* Chrome, Safari, Opera */
  animation: myfirst 1s;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {
    from {margin-left:-50%;}
    to {margin-left:0%;}
}

/* Standard syntax */
@keyframes myfirst {
    from {margin-left:-50%;}
    to {margin-left:0%;}
} 



.navigation ul ul{
  display:none;
  margin:15px 0 0 0;
}

.navigation ul ul ul{
  margin:0 0 0 0;
}

.navigation ul li:hover ul{
  display:block;
}

.navigation ul ul li,
.navigation ul ul li:hover{
  display:inline-block;
  height:inherit;
  border:0;
  width:100%;
  color:#000;
  text-align:left;
  padding:0;
}
.navigation ul li:hover .switch a {
    margin: 4px;
}

.navigation ul li:hover .switch{
   -webkit-animation: myfirst2 1s; /* Chrome, Safari, Opera */
  animation: myfirst2 1s;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst2 {
    from {margin-left:0;}
    to {margin-left:41%;}
}

/* Standard syntax */
@keyframes myfirst2 {
    from {margin-left:0;}
    to {margin-left:41%;}
} 


.navigation ul ul li a{
  font-size:16px;
  color:#000;
  padding:4px 8px;
  display:inline-block;
}

.navigation ul ul li a:hover{
  background:#e81123;
  color:#fff;
  padding:4px 8px;
}

.navigation ul li .switch{
  position:relative;
  margin:10px auto 0;
  padding:20px 0 0 0;
  width: 70px;
}

.navigation ul li .switch .toggle-light{
  margin-left:5px;
}

.navigation ul li .switch:before{
/*  content:"";
  position:absolute;
  width: 70px;
  height:20px;
  background:#474747;
  border-radius:20px;
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
  margin:0;
  top:0;
  left:0%;*/
}

.navigation ul li .switch a{
  font-size:13px;
  color:#5d5d5d;
  text-transform:uppercase;
  position:relative;
  margin:4px;
}

.navigation ul li .switch a:before{
  /*content:"";
  position:absolute;
  width:13px;
  height:13px;
  background:#fff;
  border-radius:13px;
  -webkit-border-radius:13px;
  -moz-border-radius:13px;*/
}

.navigation ul li .switch a:last-child:before{
  top:0;
  right:0%;
  margin:-17px 0 0 0;
}

.navigation ul li .switch a.active-language{
  color:#4bbae6;
}

.navigation ul li .switch a.active-language:before{
  display:none;  
}

.navigation ul li:hover .switch:before{
  margin:0;
  left:0;
}

/* homepage carousel */


.carousel-slider{
  width:100%;
  display:table;
  position:relative;
  height:100%;
}

.carousel-slider ul{
  margin:0;
  padding:0;
  float:left;
  width:100%;
  position:relative;
}

.carousel-slider ul li{
  margin:0;
  padding:0;
  list-style:none;
  text-align:center;
  height:607px;
  background:#bababa;
  width:100%;
  /*max-height:525px;*/
}

.carousel-slider ul li .row{
  position:relative;
  width:1060px;
  height:100%;
}

.carousel-slider ul li .row .slide-title,
.carousel-slider ul li .row .slide-link{
  display:none;
}

.carousel-slider ul li img{
  position:absolute;
  left:0%;
  top:0px;
}

.carousel-slider ul li h1{
  position:relative;
  text-align:left;
  font-family:Roboto;
  font-weight:900;
  text-transform:uppercase;
  width:1200px;
  margin:200px auto 10px;
  font-size:70px;
  z-index:999;
  color:#fff;
}

.carousel-slider ul li h2{
  position:relative;
  text-align:left;
  font-family:Roboto;
  font-size:28px;
  width:1200px;
  margin:0 auto;
  z-index:999;
}

.slide-link,
.carousel-slider ul li .slide-link{
  position:absolute;
  bottom:-81px;
  right:0;
  z-index:1;
  padding:24px 30px;
  font-size:24px;
  font-weight:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height:33px;
  width:245px;
  text-align:left;
}

.slide-link:after,
.carousel-slider ul li .slide-link:after{
  content: '';
  position: absolute;
  width:0%;
  left: 0px; 
  top: 0px;
  height:100%;
  background:#313131;
  transition: width 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
  -webkit-transition: width 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
  -moz-transition: width 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
  -o-transition: width 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
  z-index: -1; 
}

.slide-link:hover,
.carousel-slider ul li .slide-link:hover{
  color:#fff;
}

.slide-link:hover:after,
.carousel-slider ul li .slide-link:hover:after{
  width:100%;
}

.slide-link i,
.carousel-slider ul li .slide-link i{
  float:right;
  margin:0 0 0 15px;
}

.slide-title,
.carousel-slider ul li .slide-title{
  position:absolute;
  bottom:0px;
  right:0;
  z-index:1;
  padding:24px 30px;
  font-size:24px;
  font-weight:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height:33px;
  width:245px;
  text-align:left;
}

.carousel-slider .slider-details{
  position:absolute;
  top:0;
  right:50%;
  height:90%;
  margin:0 -530px 0 0;
}

.slider-title-animate{
  -webkit-animation: mymove .8s;  /* Chrome, Safari, Opera */
  -webkit-animation-iteration-count: 1;  /* Chrome, Safari, Opera */
  -webkit-animation-fill-mode: forwards;  /* Chrome, Safari, Opera */
  animation: mymove .8s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
  from {bottom: -80px;}
  to {bottom: 0px;}
}

@keyframes mymove {
  from {bottom: -80px;}
  to {bottom: 0px;}
}

.carousel-slider .slider-details > div{
  display:none;
}
  

/* innerpage carousel */

.carousel-slider2{
  width:100%;
  float:left;
  position:relative;
}

.carousel-slider2 ul{
  margin:0;
  padding:0;
  position:relative;
}

.carousel-slider2 > ul > li{
  margin:0;
  padding:0;
  list-style:none;
  text-align:center;
  height:400px;
  max-height:400px;
  background:#000;
  overflow:hidden;
  position:relative;
}

.carousel-slider2 > ul > li{
  min-height:250px;
  transition:all .3s ease;
  -webkit-transition:all .3s ease;
  -moz-transition:all .3s ease;
}

.carousel-slider2 ul li img{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  z-index:0;
  min-height:270px;
  transition:all .5s ease;
  -webkit-transition:all .5s ease;
  -moz-transition:all .5s ease;
  /*-webkit-animation: mymove2 3s;
  animation: mymove2 3s;*/
}

/* Chrome, Safari, Opera */
@-webkit-keyframes mymove2 {
  from {transform:scale(1.5)}
  to {transform:scale(1)}
}

@keyframes mymove2 {
  from {transform:scale(1.5)}
  to {transform:scale(1)}
}


.carousel-slider2 ul li > div{
  z-index:99;
  position:relative;
  font-weight:900;
  font-family: 'Roboto', sans-serif;
  text-align:center;
}

.carousel-slider2 ul li > div > div{
  color:#fff;
  font-weight:900;
  font-size:70px;
  font-family: 'Roboto', sans-serif;
  text-align:center;
  text-transform:uppercase;
}

.carousel-slider2-navbar{
  border-bottom:1px solid #c2c2c2;
  display:inline-block;
  width:100%;
  overflow:hidden;
}

.carousel-slider2-navbar-fixed{
  position:fixed;
  top:80px;
  background:#fff;
  z-index:1;
  overflow:hidden;
}


.carousel-slider2-navbar ul li{
  height:auto;
  float:left;
  background:none;
  border-right:1px solid #c2c2c2;
}

.carousel-slider2-navbar ul li a{
  color:#000;
  text-transform:uppercase;
  padding:25px 30px;
  height:28px;
  float:left;
  line-height:32px;
  -webkit-transition:all 0.5s ease;
  -moz-transition:all 0.5s ease;
  -o-transition:all 0.5s ease;
  transition:all 0.5s ease;
}

.carousel-slider2-navbar ul li a:hover{
  color:#fff;
  background:#252525;
}

.carousel-slider2-navbar ul li a.facebook span{
  background:url(../images/common-sprite.png) no-repeat;
  width:28px; 
  height:28px;
  background-position: -118px -310px;
  display:inline-block;
}

.carousel-slider2-navbar ul li a.facebook:hover{
  background:#3a5b9a;
}

.carousel-slider2-navbar ul li a.facebook:hover span{
  background:url(../images/common-sprite.png) no-repeat;
  background-position: -236px -310px;
}

.carousel-slider2-navbar ul li a.twitter span{
  background:url(../images/common-sprite.png) no-repeat;
  width:28px; 
  height:28px;
  background-position: -154px -310px;
  display:inline-block;
}

.carousel-slider2-navbar ul li a.twitter:hover{
  background:#11c1ff;
}

.carousel-slider2-navbar ul li a.twitter:hover span{
  background:url(../images/common-sprite.png) no-repeat;
  background-position: -272px -310px;
}

.carousel-slider2-navbar ul li a.linkedin span{
  background:url(../images/common-sprite.png) no-repeat;
  width:28px; 
  height:28px;
  background-position: -197px -310px;
  display:inline-block;
}

.carousel-slider2-navbar ul li a.linkedin:hover{
  background:#007ab9;
}

.carousel-slider2-navbar ul li a.linkedin:hover span{
  background:url(../images/common-sprite.png) no-repeat;
  background-position: -315px -310px;
}

.carousel-slider2-nav ul li div.slide2-action-info.menutoclose{
  display:none;
}

.carousel-slider2-nav{
  float:right;
  margin-right:-1px;
}


.carousel-slider2-nav ul li{
  height:auto;
  float:left;
  background:none;
  border-right:1px solid #393939;
  background:#252525;
  overflow:visible;
}

.carousel-slider2-nav ul li a,
.sidebar-canvas-close{
  color:#fff;
  text-transform:uppercase;
  padding:19px 30px;
  height:40px;
  float:left;
  line-height:32px;
}

.carousel-slider2-nav ul li div.slide2-action-info{
  position:absolute;
  width:320px;
  position: absolute;
  text-align: left;
  top:0px;
  background:#252525;
  z-index:-2;
  height:40px;
  padding:18px 30px;
  color:#fff;
  right: -380px;
  border-right:1px solid #393939;
  -webkit-transition:right 0.5s ease-in-out;
  -moz-transition:right 0.5s ease-in-out;
  -o-transition:right 0.5s ease-in-out;
  transition:right 0.5s ease-in-out;
}

.carousel-slider2-nav:hover ul li div.slide2-action-info{
  right: 268px;
}

.carousel-slider2-nav:hover.current-show ul li div.slide2-action-info,
.carousel-slider2-nav.current-show ul li div.slide2-action-info{
   right: 268px;
}

.carousel-slider2-nav ul li:hover div.slide2-action-info{
  z-index:-1;
}

.carousel-slider2-nav .slide2-action-info-current .slide2-action-info{
  z-index:-1;
}

.carousel-slider2-nav ul li .slide2-action-info label,
.carousel-slider2-nav ul li .slide2-action-info span,
.carousel-slider2-nav ul li .slide2-action-info-current label,
.carousel-slider2-nav ul li .slide2-action-info-current span{
  color:#fff;
  text-align:left;
}

.carousel-slider2-nav ul li .slide2-action-info label,
.carousel-slider2-nav ul li .slide2-action-info-current label{
  font-size:18px;
}

.carousel-slider2-nav ul li .slide2-action-info span,
.carousel-slider2-nav ul li .slide2-action-info-current span{
  color:#8f8f8f;
  font-weight:400;
}

.slide2-action-menu-open .slide2-action{
  display:none;
}
/*
.slide2-action-menu-open .slide2-action.slide2-action-menu{
  display:block;
  position:absolute;
  top:0;
  right:0;
  z-index:99;
}
*/
.sidebar-canvas-close{
  padding:20px;
  width:40px;
  margin-left:-80px;
  z-index:999;
  background: none repeat scroll 0 0 #252525;
  border-right: 1px solid #393939;
  position:fixed;
}

/* go down arrow @ home page */

.go-down{
  left:50%;
  position:relative;
  margin:24px 0 20px -16px;
  display:inline-block;
  z-index:999;
  display:none !important;
}

.go-down i{
  display:none;
}

.go-down:hover i{
  background-position: -73px -311px;
}

/* about gs @ home page */

.about-gs{
  float:left;
  width:100%;
  text-align:center;
  padding:70px 0;
}

.about-gs h1{
  font-size:42px;
  line-height:52px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin:0 0 50px 0;
}

/* services gs @ home page */

.services{
  background:url(../images/service-bg.png) top center no-repeat;
  padding:120px 0 0 0 !important;
}

.services + * + .services{
  background:none;
  padding: 70px 0 0 !important;
}

.services-gs{
  background:#e81123;
  padding:60px 0 35px;
  width:100%;
  text-align:center;
}

.services-gs .service-blocks,
.services-gs .service-blocks.vc_span12{
  width:960px;
  margin:0 auto;
  float:none;
}

.services-gs h1 {
	font-size:31px;
	line-height:34px;
	color:#fff;
}
.services-gs .service-blocks h2,
.services-gs .service-blocks.vc_span12 h2{
  color:#fff;
  font-family:Lato;
  font-weight:700;
  font-size:36px;
}

.services-gs ul{
  margin:0;
}

.services-gs ul li,
.vc_responsive .services-gs .wpb_row ul li.vc_span3,
.services-gs .service-blocks .service-block{
  float:left;
  width:240px;
  height:310px;
  margin:115px 30px 20px 0;
  background:#fff;
  padding:0 30px;
  text-align:left;
  -webkit-transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
  transition:all 0.3s ease
}

.vc_responsive .services-gs .wpb_row ul li.vc_span3:last-child,
.services-gs ul li:last-child,
.services-gs .service-blocks .service-block:nth-child(4){
  margin:115px 0 20px 0;
}

.service-block h4{
	font-size:19px;
	font-weight:400;
}

.vc_responsive .services-gs .wpb_row ul li.vc_span3 .post-thumb,
.services-gs ul li .icons,
.services-gs .service-blocks .service-block .post-thumb{
  display:inline-block;
  margin:-65px -30px 20px -30px;
}

.vc_responsive .services-gs .wpb_row ul li.vc_span3 .post-thumb img,
.services-gs ul li .icons img,
.services-gs .service-blocks .service-block .post-thumb img{
  float:left;
  width:300px;
}
  

.services-gs ul li h4,
.services-gs .service-blocks .service-block h4{
  
  text-transform:uppercase;
}

.services-gs ul li article,
.services-gs .service-blocks .service-block article{
  font-size:15px;
  font-weight:500;
  color:#404040;
  overflow:hidden;
  margin:15px 0;
}

.services-gs .service-blocks .service-block article{
  height:80px;
}

.services-gs ul li a,
.services-gs .service-blocks .service-block a{
  display:inline-block;
  font-size:14px;
  padding:12px 40px 12px 22px;
  margin:0;
  position:relative;
  z-index:1;
  background:#333333;
  text-transform:uppercase;
}

.services-gs .service-blocks .service-block a:before{
  content: '';
  position: absolute;
  right:10px;
  top:5px;
  background:url(../images/common-sprite.png) no-repeat;
  background-position:-425px -313px !important;
  width:12px;
  height:33px;
}

.services-gs ul li a:after,
.services-gs .service-blocks .service-block a:after{
  content: '';
  position: absolute;
  width:0%;
  left: 0px; 
  top: 0px;
  height:100%;
  background:#fff;
  transition: width 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
  -webkit-transition: width 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
  -moz-transition: width 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
  -o-transition: width 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
  z-index: -1; 
}

.services-gs ul li a:hover,
.services-gs .service-blocks .service-block a.skyblue.hover,
.services-gs .service-blocks .service-block a:hover{
  color:#000;
}

.services-gs .service-blocks .service-block a.skyblue.hover:before,
.services-gs .service-blocks .service-block a:hover:before{
	background-position:-445px -313px !important;
}
.services-gs ul li a.hover:after,
.services-gs .service-blocks .service-block a.hover:after,
.services-gs ul li a:hover:after,
.services-gs .service-blocks .service-block a:hover:after{
  width:100%;
}

.services-gs a.all-service{
  float:right;
  font-size:15px;
  line-height:33px;
  color:#fff;
  margin:0px 0 0 0;
  text-transform:uppercase;
}

.services-gs a.all-service i.next-arrow{
  float:right;
  margin:0 0 0 7px;
  background-position:-425px -312px !important;
  width:20px;
}

/*.services-gs a.all-service:hover i{
  background-position:-425px -347px !important;
}*/

.vc_responsive .services-gs .wpb_row ul li.vc_span3:hover h4,
.services-gs ul li:hover h4,
.services-gs .service-blocks .service-block:hover h4{
  color:#ed6550;
}

/* featured work gs @ home page */

.featured-work-gs{
  width: 100%;
  padding:80px 0;
  float:left;
}

.featured-work-gs .work-blocks{
  width:960px;
  margin:0 auto;
  position:relative;
  z-index:99;
}

.featured-work-gs .work-blocks + .work-blocks{
  z-index:9;
}

.featured-work-gs h2:after{
  content: '';
  position: absolute;
  width:100%;
  height:0px;
  border: 2px solid #000;
  left: 0px; 
  top: 50px;
}

.featured-work-gs .work-blocks h4{
  margin:60px 0 35px 0;
}

.featured-work-gs .work-blocks ul li{
  float:left;
  margin:0;
  width:50%;
  /*height:360px;*/
  position:relative;
}

.featured-work-gs .work-blocks ul li:nth-child(2n + 2){
  margin-right:0;
}

.featured-work-gs .work-blocks ul li .work-row-img{
  position:relative;
  width:100%;
  height:100%;
  top:0;
  left:0;
  overflow:hidden;
}

.featured-work-gs .work-blocks ul li .work-row-img-content{
  position:absolute;
  width:100%;
  height:100%;
  color:#fff;
  z-index:1;
  visibility:hidden;
  -webkit-transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in;
	-o-transition:all 0.3s ease-in;
	transition:all 0.3s ease-in;
}

.featured-work-gs .work-blocks ul li .work-row-img-content a {
	position:absolute;
	width:100%;
	height:100%;
	padding:10%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	top:0;
	left:0;
}

.featured-work-gs .work-blocks ul li .work-row-img-content .wapper {
	opacity: 0;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  width: 100%;
  -webkit-transition: opacity 0.5s 0.4s, background 0.5s 0.5s;
  -moz-transition: opacity 0.5s 0.4s, background 0.5s 0.5s;
  transition: opacity 0.5s 0.4s, background 0.5s 0.5s;
  -webkit-perspective: 300px;
  -moz-perspective: 300px;
  perspective: 300px;
}
.featured-work-gs .work-blocks ul li:hover .work-row-img-content .wapper {
	opacity: 1;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	transition: opacity 0.2s; }
	/* line 87, /Users/pod1/Sites/Born/wp-content/themes/born/css/partials/projects */
	li.project.hover > a div h4, li.project.hover > a div p, li.project.hover > a div > a, li.project.hover div h4, li.project.hover div p, li.project.hover div > a, li.project:hover > a div h4, li.project:hover > a div p, li.project:hover > a div > a, li.project:hover div h4, li.project:hover div p, li.project:hover div > a, li.fade-in-info.hover > a div h4, li.fade-in-info.hover > a div p, li.fade-in-info.hover > a div > a, li.fade-in-info.hover div h4, li.fade-in-info.hover div p, li.fade-in-info.hover div > a, li.fade-in-info:hover > a div h4, li.fade-in-info:hover > a div p, li.fade-in-info:hover > a div > a, li.fade-in-info:hover div h4, li.fade-in-info:hover div p, li.fade-in-info:hover div > a {
	opacity: 1;
	-webkit-transform: translateZ(0px);
	-moz-transform: translateZ(0px);
	-ms-transform: translateZ(0px);
	-o-transform: translateZ(0px);
	transform: translateZ(0px);
}
.featured-work-gs .work-blocks ul li .work-row-img-content h4{
  color:#fff;
  font-size:70px;
  line-height:72px;
  font-family: 'Lato', sans-serif;
  text-align:left;
  text-transform:uppercase;
  margin:0 0 10px 0;
  padding:0;
  font-weight:900;
  position:relative;
  top:40px;
	opacity: 0;
	-webkit-transform: translateZ(-30px);
	-moz-transform: translateZ(-30px);
	-ms-transform: translateZ(-30px);
	-o-transform: translateZ(-30px);
	transform: translateZ(-30px);
	-webkit-transition: opacity 0.2s 0.2s, -moz-transform 0.2s 0.2s;
	-moz-transition: opacity 0.2s 0.2s, -moz-transform 0.2s 0.2s;
	transition: opacity 0.2s 0.2s, -moz-transform 0.2s 0.2s;
	-webkit-transition: opacity 0.2s 0.2s, -webkit-transform 0.2s 0.2s;
	-moz-transition: opacity 0.2s 0.2s, -webkit-transform 0.2s 0.2s;
	transition: opacity 0.2s 0.2s, -webkit-transform 0.2s 0.2s;
	-webkit-transition: opacity 0.2s 0.2s, transform 0.2s 0.2s;
	-moz-transition: opacity 0.2s 0.2s, transform 0.2s 0.2s;
	transition: opacity 0.2s 0.2s, transform 0.2s 0.2s;
}
.featured-work-gs .work-blocks ul li:hover .work-row-img-content h4 {
	-webkit-transition: opacity 0.5s, -moz-transform 0.5s;
	-moz-transition: opacity 0.5s, -moz-transform 0.5s;
	transition: opacity 0.5s, -moz-transform 0.5s;
	-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
	-moz-transition: opacity 0.5s, -webkit-transform 0.5s;
	transition: opacity 0.5s, -webkit-transform 0.5s;
	-webkit-transition: opacity 0.5s, transform 0.5s;
	-moz-transition: opacity 0.5s, transform 0.5s;
	transition: opacity 0.5s, transform 0.5s;
}
.featured-work-gs .work-blocks ul li .work-row-img-content p{
	font-family: 'Lato', sans-serif;
	text-align:left;
  font-size:16px;
  text-transform:uppercase;
  color:#fff;
  font-weight:400;
  -moz-osx-font-smoothing: grayscale;
  position:relative;
  top:40px;
	opacity: 0;
	-webkit-transform: translateZ(-30px);
	-moz-transform: translateZ(-30px);
	-ms-transform: translateZ(-30px);
	-o-transform: translateZ(-30px);
	transform: translateZ(-30px);
	-webkit-transition: background-color 0.5s, opacity 0.2s, -moz-transform 0.2s;
	-moz-transition: background-color 0.5s, opacity 0.2s, -moz-transform 0.2s;
	transition: background-color 0.5s, opacity 0.2s, -moz-transform 0.2s;
	-webkit-transition: background-color 0.5s, opacity 0.2s, -webkit-transform 0.2s;
	-moz-transition: background-color 0.5s, opacity 0.2s, -webkit-transform 0.2s;
	transition: background-color 0.5s, opacity 0.2s, -webkit-transform 0.2s;
	-webkit-transition: background-color 0.5s, opacity 0.2s, transform 0.2s;
	-moz-transition: background-color 0.5s, opacity 0.2s, transform 0.2s;
	transition: background-color 0.5s, opacity 0.2s, transform 0.2s;
}

.featured-work-gs .work-blocks ul li:hover .work-row-img-content p {
	-webkit-transition: background-color 0.5s, opacity 0.5s 0.2s, -moz-transform 0.5s 0.2s;
	-moz-transition: background-color 0.5s, opacity 0.5s 0.2s, -moz-transform 0.5s 0.2s;
	transition: background-color 0.5s, opacity 0.5s 0.2s, -moz-transform 0.5s 0.2s;
	-webkit-transition: background-color 0.5s, opacity 0.5s 0.2s, -webkit-transform 0.5s 0.2s;
	-moz-transition: background-color 0.5s, opacity 0.5s 0.2s, -webkit-transform 0.5s 0.2s;
	transition: background-color 0.5s, opacity 0.5s 0.2s, -webkit-transform 0.5s 0.2s;
	-webkit-transition: background-color 0.5s, opacity 0.5s 0.2s, transform 0.5s 0.2s;
	-moz-transition: background-color 0.5s, opacity 0.5s 0.2s, transform 0.5s 0.2s;
	transition: background-color 0.5s, opacity 0.5s 0.2s, transform 0.5s 0.2s;
}

.featured-work-gs .work-blocks ul li:hover .work-row-img-content h4,
.featured-work-gs .work-blocks ul li:hover .work-row-img-content p {
	opacity: 1;
	-webkit-transform: translateZ(0px);
	-moz-transform: translateZ(0px);
	-ms-transform: translateZ(0px);
	-o-transform: translateZ(0px);
	transform: translateZ(0px);
}

.featured-work-gs .work-blocks ul li:hover .work-row-img-content {
	visibility:visible;
	background-color:rgba(0,0,0,.5);
}

.featured-work-gs .work-blocks ul li.black-hover:hover .work-row-img-content h4,
.featured-work-gs .work-blocks ul li.black-hover:hover .work-row-img-content p{
  top:0;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}

.featured-work-gs .work-blocks ul li img{
  float:left;
  position:relative;
  width:100%;
  height:auto;
  left:0;
  top:0;
}

.featured-work-gs .work-blocks ul li:after{
  background:rgba(0,0,0,.8);
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:0%;
  content:"";
  transition:all .4s ease;
  -webkit-transition:all .4s ease;
  -moz-transition:all .4s ease;
}

.featured-work-gs .work-blocks ul li.black-hover:after{
  height:100%;
}

.featured-work-gs .work-row{
  position:relative;
  left:-10px;
  height:100%;
  bottom:100px;
}

.featured-work-gs .proj-link{
  position:absolute;
  bottom:60px;
  left:-10px;
  z-index:1;
  padding:24px 30px;
  font-size:20px;
  font-weight:normal;
  line-height:33px;
  width:245px;
  text-align:left;
  color:#282828;
  background:#fff !important;
}

.featured-work-gs .proj-link:hover{
  color:inherit;
}

.featured-work-gs .proj-link:after{
  content: '';
  position: absolute;
  width:0%;
  left: 0px; 
  top: 0px;
  height:100%;
  background:#ededeb !important;
  transition: width 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
  -webkit-transition: width 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
  -moz-transition: width 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
  -o-transition: width 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
  z-index: -1; 
}

.featured-work-gs .proj-link:hover{
  color:#282828;
}

.featured-work-gs .proj-link:hover:after{
  width:100%;
}

.featured-work-gs .proj-link i{
  margin:0 0 -9px 15px;
  display:inline-block;
  display:none;
}

.featured-work-gs .proj-link:hover i{
  display:inline-block;
}

.featured-work-gs .proj-link i.next-arrow-white{
  background-position: -20px -311px;
}

.featured-work-gs .proj-title{
  position:absolute;
  bottom:140px;
  left:-10px;
  z-index:1;
  padding:24px 30px;
  font-size:24px;
  font-weight:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height:33px;
  width:245px;
  text-align:left;
}

.featured-work-gs li:nth-child(2n + 2) .work-row,
.featured-work-gs li:nth-child(2n + 2) .proj-link,
.featured-work-gs li:nth-child(2n + 2) .proj-title{
  right:-10px;
  left:inherit;
}

/* carrer and customer @ home page */

.career-customer{
  width: 100%;
  padding:0;
  background:#222222;
  float:left;
  margin:0;
}

.career-customer .row{
  width:960px;
  margin:0 auto;
}

.career-customer .career-block,
.career-customer .customer-block{
  padding:35px;
  
  border-right:0px;
  float:left;
  text-align:center;
  
  height:544px;
  position:relative;
  color:#fff;
}

.career-customer .career-block{
  padding-top:80px;
  height:495px;
}

.career-customer .career-block h1{
  font-size:116px;
  line-height:116px;
}

.career-customer .career-block h4{
  font-size:24px;
}

.career-customer .career-block ul li{
  float:left;
  width:180px;
  text-align:left;
  margin:40px 25px 0 0;
}

.career-customer .career-block ul li:last-child{
  margin:40px 0 0 0;
}

.career-customer .career-block ul li h4{
  font-size:21px;
  /*height:50px;*/
  margin:0 0 10px 0;
}

.career-customer .career-block ul li article{
  font-size:14px;
}

.career-customer .career-block ul li a{
  font-size: 15px;
  line-height: 33px;
  color:#fff;
}

.career-customer .career-block ul li a i{
  display: inline-block;
  margin: 20px 0 -6px 5px;
}

.career-customer .career-block ul li a:hover i{
  background-position:-20px -110px;
}

.career-customer .career-block .all-career{
  color:#ed6550;
  padding:0;
  margin:0 0 0 0;
  font-size:15px;
  text-transform:uppercase;
  position:absolute;
  z-index:1;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  bottom:61px;
  left:35px;
}

.career-customer .career-block .all-career:hover{
  color:#fff;
}

.career-customer .career-block .all-career:after{
  content: '';
  position: absolute;
  height:0%;
  right: -40px; 
  top:-7px;
  background-position:-425px -346px !important;
  z-index: -1; 
  background:url(../images/common-sprite.png) no-repeat;
  width:33px;
  height:33px;
}

.career-customer .career-block .all-career:hover:after{
  background-position:-425px -312px !important;
}

.vc_responsive .career-customer .wpb_row .customer-block,
.career-customer .customer-block{
  border:0px solid #cbcbcb;
}

.career-customer .customer-block{
  padding: 41px 35px 25px;
}

.career-customer .customer-block ul{
  margin:38px 0 0 0;
}

.vc_responsive .wpb_row .career-block ul li.vc_span4{
  width:46.333%;
  padding:0;
}

.vc_responsive .career-customer .wpb_row .customer-block ul li.vc_span4,
.career-customer .customer-block ul li{
  border:1px solid #404040;
  width:177px;
  height:177px;
  margin:0 10px 14px 10px;
  display:inline-block;
  padding:0;
  float:none;
}

.vc_responsive .career-customer .wpb_row .customer-block ul li.vc_span4 > div.post-thumb,
.career-customer .customer-block ul li > div{
  text-align:center;
}

.career-customer .customer-block .boxy-button{
  display:block;
  font-size:15px;
  text-transform:uppercase;
  margin:13px 75px 0; 
  border-color:#fff;
  color:#fff; 
}

.career-customer .customer-block .boxy-button:after{
  background:#ed6550;
}

.career-customer .customer-block .boxy-button:hover{
  color:#fff;
  border-color:#ed6550;
}
  

.career-customer .start-proj{
  float:left;
  width:100%;
  text-align:center;
  position:relative;
  z-index:1;
  background:#666666;
}

.career-customer .start-proj:after{
  content: '';
  position: absolute;
  width:0%;
  left: 0px; 
  top: 0px;
  height:100%;
  background:#252525;
  transition: width 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
  -webkit-transition: width 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
  -moz-transition: width 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
  -o-transition: width 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
  z-index: -1; 
}

.career-customer .start-proj:hover{
  color:#fff;
}

.career-customer .start-proj:hover:after{
  width:100%;
}

.career-customer .start-proj a{
  color:#fff;
  font-size:20px;
  display:block;
  padding:45px 0;
}

.career-customer .start-proj a:hover{
  color:#fff;
}

.career-customer .start-proj a i{
  display:inline-block;
  margin:0 0 0 10px;
}

.career-customer .start-proj a i.next-arrow-mid,
.career-customer .start-proj a:hover i.next-arrow-mid{
  background-position:-249px -361px !important;
}

.career-customer .customer-block h4{
  font-size:23px;
}

/* container - innerpage */

.container{
  display:inline-block;
  text-align:center;
  padding:70px 0 0 0;
  width:100%;
}

/* work page */

.filter{
  display:inline-block;
  padding:40px 0 60px;
}

.work-small{
  float:left;
  width:100%;
}

.drop-list{
  border:1px solid #9d9999;
  width:258px;
  padding:23px 30px;
  text-align:left;
  display:inline-block;
  margin:0 -3px;
  position:relative;
  cursor:pointer;
}

.drop-list:after{
  content: '';
  position: absolute;
  width:0%;
  left: 0px; 
  top: 0px;
  height:100%;
  background:#252525;
  transition: width 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
  -webkit-transition: width 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
  -moz-transition: width 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
  -o-transition: width 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
  z-index: -1; 
}

.drop-list:hover{
  color:#fff;
}

.drop-list:hover:after{
  width:100%;
}

.drop-list i{
  float:right;
  margin:3px 0 -3px 0;
}

.drop-list:hover i{
  background-position:-296px -97px;
}

.drop-list ul{
  margin: 5px 0 0 0;
	position: absolute;
	width: 100%;
	opacity: 0;
	pointer-events: none;
	-moz-transform: translateY(10px);
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background:#252525;
	left:0;
	top:58px;
	z-index:1;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	height: 244px;
	overflow-x:hidden;
  overflow-y:auto;
}

.drop-list.menuopen ul{
	opacity: 1;
	pointer-events: auto;
	-moz-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}

.drop-list ul li{
  padding:15px 30px;
  border-bottom:1px solid rgba(255,255,255,.2);
}

.drop-list ul li a{
  color:#fff;
  font-size:15px;
  display:block;
}

.drop-list ul li a:hover{
  color:#4bbae6;
}

.work-big li,
.work-small li{
  background-color:#000;
  cursor:pointer;
  float:left;
  overflow:hidden;
  position:relative;
  width:50%;
}

.work-small li{
  width:33.333%;
}

.work-big li .work-details,
.work-small li .work-details{
  background-color:rgba(0,0,0,0);
  bottom:0;
  color:#FFF;
  height:100%;
  left:0;
  pointer-events:none;
  position:absolute;
  right:0;
  top:0;
  -webkit-transition:background-color .4s;
  -moz-transition:background-color .4s;
  transition:background-color .4s;
  width:100%;
  padding:0 100px;
}

.work-big li .work-details > div,
.work-small li .work-details > div,
.customer-block ul li > div, 
.vc_responsive .career-customer .wpb_row .customer-block ul li.vc_span4 > div.post-thumb,
.carousel-slider2 ul li > div{
  display: table;
  height: 100%;
  width:100%;
  text-align:left;
}

.vc_responsive .career-customer .wpb_row .customer-block ul li.vc_span4 > div.post-thumb{
  text-align:center;
}

.work-big li .work-details > div > div,
.work-small li .work-details > div > div,
.vc_responsive .career-customer .wpb_row .customer-block ul li.vc_span4 > div.post-thumb > a,
.customer-block ul li > div > div,
.carousel-slider2 ul li > div > div{
  display: table-cell;
  vertical-align: middle;
}

.vc_responsive .career-customer .wpb_row .customer-block ul li{
  background:#fff;
  border:0px;
}

.work-big li:hover .work-details,
.work-small li:hover .work-details {
  background:0 0;
  display:block;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#65000000,endColorstr=#65000000);
}

.work-big li h1,
.work-small li h1 {
  cursor:pointer;
  font-size:32px;
  line-height:50px;
  opacity:0;
  position:relative;
  text-transform:none;
  -webkit-transform:translate(0,15px);
  -ms-transform:translate(0,15px);
  transform:translate(0,15px);
  -webkit-transition:0 .4s,opacity .4s;
  transition:transform .4s,opacity .4s;
  margin:0 0 0 -2px;
  padding:0;
}

.work-big li h2,
.work-small li h2 {
  cursor:pointer;
  font-size:20px;
  line-height:20px;
  opacity:0;
  -webkit-transform:translate(0,15px);
  -ms-transform:translate(0,15px);
  transform:translate(0,15px);
  -webkit-transition:0 .4s,opacity .4s;
  transition:transform .4s,opacity .4s;
  margin:0 0 0 0;
}

.work-big li h3,
.work-small li h3 {
  cursor:pointer;
  font-size:14px;
  line-height:14px;
  opacity:0;
   -webkit-transform:translate(0,15px);
  -ms-transform:translate(0,15px);
  transform:translate(0,15px);
  -webkit-transition:0 .4s,opacity .4s;
  transition:transform .4s,opacity .4s;
  margin:0 0 0 0;
  text-transform:uppercase;
}

.work-big li img,
.work-small li img{
  float:left;
  height:auto;
  max-width:100%;
  width:100%;
  -webkit-transition:opacity .4s,-webkit-transform .4s;
  transition:opacity .4s,transform .4s;
}

.work-big li:hover img,
.work-small li:hover img{
  -webkit-transform:scale(1.03,1.03)!important;
  -ms-transform:scale(1.03,1.03)!important;
  transform:scale(1.03,1.03)!important;
}

.work-big li:hover .work-details,
.work-small li:hover .work-details {
  background-color:rgba(0,0,0,.65);
}

.work-big li:hover h1,.work-big li:hover h2, .work-big li:hover h3,
.work-small li:hover h1, .work-small li:hover h2, .work-small li:hover h3 {
  -webkit-transform:translate(0,0);
  -ms-transform:translate(0,0);
  transform:translate(0,0);
  opacity:1;
}

.work-big li:hover h2,
.work-small li:hover h2{
  -webkit-transition:0 .4s .2s,opacity .4s .2s;
  transition:transform .4s .2s,opacity .4s .2s;
}

.work-big li:hover h3,
.work-small li:hover h3{
  -webkit-transition:0 .6s .4s,opacity .6s .4s;
  transition:transform .6s .4s,opacity .6s .4s;
}

.work-big li[data-show=on-scroll],
.work-small li[data-show=on-scroll]{
  opacity:0;
  -webkit-transform:translate(0,80px);
  -ms-transform:translate(0,80px);
  transform:translate(0,80px);
  -webkit-transition:opacity .6s .1s,-webkit-transform .6s;
  transition:opacity .6s .1s,transform .6s;
}

.about-us .row,
.how-we-work .row{
  width:960px;
  text-align:left;
  position:relative;
}

.cols-2{
  display:inline-block;
  width:49.6%;
  vertical-align:top;
}

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

.about-us h1{
  font-size:30px;
  line-height:35px;
  text-align:center;
}

.about-us h2{
  text-align:left;
  position:relative;
  margin:0 0 20px 0;
}

.about-us h2:after{
  content: '';
  position: absolute;
  width: 490px;
  height:0px;
  border: 1px solid #e2e2e2;
  border-left:0;
  border-bottom:0;
  border-right:0;
  left: 0px; 
  top: 40px;
}

.about-us article{
  text-align:left;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height:28px;
}

.about-us a{
  text-align:center;
  margin: 20px 0 !important;
  display:inline-block;
  position:relative;
  color:#222222;
}

.about-us a:hover{
  color:#4bbae6;
}

.about-us .cols-2:first-child a:after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:0%;
  height:1px;
  background:#222222;
  transition: width 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
  -webkit-transition: width 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
  -moz-transition: width 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
  -o-transition: width 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}

.about-us .cols-2:first-child a:hover:after{
  background:#4bbae6;
  width:71%;
}
  

.about-us a i{
  display:inline-block;
  margin:0 0 2px 0;
}

.about-us a.boxy-button{
  margin:0 0 10px 0 !important;
}

.parallax,
.parallax2{
  height:476px;
  position:relative;  
  margin:50px 0 0 0;
  overflow:hidden;
  background-position: fixed 50%;
  background-repeat:no-repeat;
  background-size:cover;
}

.parallax.parallax-small{
  height:350px;
}

.parallax-overlay:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}
.parallax-overlay > * {
  position: relative;
  z-index: 3;
}

.clients h2,
.clients article{
  text-align:center;
}

.about-us .clients h2:after{
  width:100%;
}

.clients article{
  font-size:15px;
  line-height:20px;
}

.cbp-contentslider {
	width:1108px;
	height:415px;
	margin:0 auto;
	position: relative;
}

.carousel-slider.cbp-contentslider {
  width:100%;
  overflow:hidden;
  /*min-height:410px;
  max-height:615px;
  height:615px;*/
  height:100%;
}

.cbp-contentslider > ul {
	list-style: none;
	height: 100%;
	width: 100%;
	overflow: hidden;
	position: relative;
	padding: 0;
	margin: 0;
}

.carousel-slider.cbp-contentslider > ul{
  overflow:inherit;
  /*height:525px;
  max-height:525px;
  min-height:300px;*/
}

.cbp-contentslider > ul li {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding:30px 0 0 0;
	background: #fff;
	overflow:hidden;
}

.inside-project h2{
	padding-bottom:15px;
}


.inside-project .cbp-contentslider > ul li {
  padding:0;
}

.carousel-slider.cbp-contentslider > ul li{
  padding:0;
  background:#bababa;
  /*height:525px;
  min-height:300px;*/
}

.carousel-slider.cbp-contentslider > ul.slider-details li{
  height:inherit;
}

.cbp-contentslider2 > ul li {
  padding:0;
}


.cbp-contentslider > ul li img{
  float:left;
}

.inside-project .cbp-contentslider > ul li img,
.inside-project .cbp-contentslider2-content img{
  width:100%;
  height:auto;
  float:left;
}

.cbp-contentslider ul li a{
  border:1px solid #a6a6a6;
  margin:13px !important;
  float:left;
}

.carousel-slider.cbp-contentslider ul li a{
  margin:0 !important;
  border:0px;
  float:left;
}

.cbp-contentslider > nav{
  float:none;
  text-align:center;
  background:#252525;
  display:inline-block;
  padding:8px 10px 8px 10px;
  border-radius:20px;
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
  margin:0;
}

.carousel-slider.cbp-contentslider > nav{
  position:absolute;
  z-index:9999;
  top:0;
  right:0;
  background:#fff;
  border-radius:0;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-top-left-radius:3px;
  -moz-border-radius-topleft:3px;
  -webkit-border-top-left-radius:3px;
  border-bottom-left-radius:3px;
  -moz-border-radius-bottomleft:3px;
  -webkit-border-bottom-left-radius:3px;
  box-shadow:0 0 15px -2px #ccc;
  -webkit-box-shadow:0 0 15px -2px #ccc;
  -moz-box-shadow:0 0 15px -2px #ccc;
}

.cbp-contentslider > nav,
.cbp-contentslider2 > nav{
  margin-top:20px;
}

.carousel-slider.cbp-contentslider > nav{
  top:25%;
}

.cbp-contentslider nav a{
  margin:0 5px !important;
  text-indent:-9999999999px;
  width:11px;
  height:11px;
  background:none;
  border-radius:20px;
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
  float:left;
  border:2px solid #fff;
  box-shadow: 1px 1px 1px 0 #e1e1e1 inset;
  -webkit-box-shadow: 1px 1px 1px 0 #e1e1e1 inset;
  -moz-box-shadow: 1px 1px 1px 0 #e1e1e1 inset;
}

.carousel-slider.cbp-contentslider nav a{
  margin:10px 2px !important;
  border-radius:1px;
  -webkit-border-radius:1px;
  -moz-border-radius:1px;
  border:1px solid #cfcfcf;
  display:block;
  float:none;
  
}

.cbp-contentslider nav a.rc-active{
  background:#4bbae6;
  border-color:#4bbae6;
}

.carousel-slider.cbp-contentslider nav a.rc-active{
  background:#fff;
  border-color:#cfcfcf;
  position:relative;
}

.carousel-slider.cbp-contentslider nav a.rc-active:after{
  content: '';
  position: absolute;
  width:7px;
  height:7px;
  left: 2px; 
  bottom: 2px;
  background:#404040;
}

.cbp-contentslider2 > ul li .boxy-button{
  position:absolute;
  z-index:9;
  top:50%;
  left:50%;
  margin:-25px 0 0 -133px;
  border-color:#fff;
  color:#fff;
}

/* how we work */

.how-we-work{
  text-align:center;
  color:#252525;
  position:relative;
  overflow:hidden;
  height:905px;
}

#how-we-work{
  margin:70px 0 0 0;
}

.how-we-work h2,
.how-we-work h4,
.how-we-work article{
  text-align:center;
}

.how-we-work h2{
  margin:0 0 5px 0;
}

.how-we-work h2:after{
  display:none;
}

.how-we-work article{
  font-size:15px;
  line-height:20px;
}


.work-circle{
  width:455px;
  height:455px;
  border:50px solid #252525;
  border-radius:455px;
  -webkit-border-radius:455px;
  -moz-border-radius:455px;
  background:#fff;
  margin:70px auto 0;
  position:relative;
  overflow:hidden;
  z-index:1;
}

.work-circle-details{
  text-align:center;
  padding:40px 0px;
  display:block;
}

.work-circle-details h1{
  font-family: 'Old Standard TT', serif;
  font-weight:700;
  font-size:65px;
  margin:0 0 25px 0;
}

.work-circle-details h2{
  font-family: 'Old Standard TT', serif;
  font-weight:400;
  font-style:italic;
  font-size:45px;
  line-height:45px;
  margin:0 0 5px 0;
}

.work-screenshot{
  position:absolute;
  top:50%;
  left:0;
  width:100%;
}


.work-feature-circle{
  position:absolute;
  margin:0;
  z-index:1;
}

.work-feature-circle-inner{
  display: table;
  height: 100%;
  text-align: center;
  width: 100%;
}

.work-feature-circle-inner > div{
  display: table-cell;
  vertical-align: middle;
  font-size:14px;
  text-transform:uppercase;
}

.digi-strategy{
  width:108px;
  height:108px;
  border-radius:108px;
  -webkit-border-radius:108px;
  -moz-border-radius:108px;
  bottom:-100%;
  left:-100%;
} 

.social-media{
  width:140px;
  height:140px;
  border-radius:140px;
  -webkit-border-radius:140px;
  -moz-border-radius:140px;
  right:-100%;
  bottom:-100%;
}

.comp-analysis{
  width:125px;
  height:125px;
  border-radius:125px;
  -webkit-border-radius:125px;
  -moz-border-radius:125px;
  right:-100%;
  top:-100%;
}

.research{
  width:120px;
  height:120px;
  border-radius:120px;
  -webkit-border-radius:120px;
  -moz-border-radius:120px;
  top:-100%;
  left:-100%;
}

.idea{
  width:108px;
  height:108px;
  border-radius:108px;
  -webkit-border-radius:108px;
  -moz-border-radius:108px;
  top:-100%;
  left:-100%;
}

.brain{
  width:120px;
  height:120px;
  border-radius:120px;
  -webkit-border-radius:120px;
  -moz-border-radius:120px;
  bottom:-100%;
  left:-100%;
}

.identity{
  width:130px;
  height:130px;
  border-radius:130px;
  -webkit-border-radius:130px;
  -moz-border-radius:130px;
  bottom:-100%;
  left:-100%;
}

.copywrite{
  width:140px;
  height:140px;
  border-radius:140px;
  -webkit-border-radius:140px;
  -moz-border-radius:140px;
  top:-100%;
  right:-100%;
}

.motion{
  width:130px;
  height:130px;
  border-radius:130px;
  -webkit-border-radius:130px;
  -moz-border-radius:130px;
  bottom:-100%;
  right:-100%;
}

.cms{
  width:120px;
  height:120px;
  border-radius:120px;
  -webkit-border-radius:120px;
  -moz-border-radius:120px;
  top:-100%;
  left:-100%;
}

.eccomerce{
  width:130px;
  height:130px;
  border-radius:130px;
  -webkit-border-radius:130px;
  -moz-border-radius:130px;
  top:-100%;
  left:-100%;
}

.party{
  width:130px;
  height:130px;
  border-radius:130px;
  -webkit-border-radius:130px;
  -moz-border-radius:130px;
  bottom:-100%;
  left:-100%;
}

.front{
  width:140px;
  height:140px;
  border-radius:140px;
  -webkit-border-radius:140px;
  -moz-border-radius:140px;
  top:-100%;
  right:-100%;
}

.hosting{
  width:130px;
  height:130px;
  border-radius:130px;
  -webkit-border-radius:130px;
  -moz-border-radius:130px;
  bottom:-100%;
  right:-100%;
}

.compatibility{
  width:120px;
  height:120px;
  border-radius:120px;
  -webkit-border-radius:120px;
  -moz-border-radius:120px;
  top:-100%;
  left:-100%;
}

.optimization{
  width:130px;
  height:130px;
  border-radius:130px;
  -webkit-border-radius:130px;
  -moz-border-radius:130px;
  top:-100%;
  left:-100%;
}

.apps{
  width:130px;
  height:130px;
  border-radius:130px;
  -webkit-border-radius:130px;
  -moz-border-radius:130px;
  bottom:-100%;
  left:-100%;
}

.quality{
  width:140px;
  height:140px;
  border-radius:140px;
  -webkit-border-radius:140px;
  -moz-border-radius:140px;
  top:-100%;
  right:-100%;
}

.analytics{
  width:160px;
  height:160px;
  border-radius:160px;
  -webkit-border-radius:160px;
  -moz-border-radius:160px;
  bottom:-100%;
  right:-100%;
}

.compatibility2{
  width:120px;
  height:120px;
  border-radius:120px;
  -webkit-border-radius:120px;
  -moz-border-radius:120px;
  top:-100%;
  left:-100%;
}

.improve{
  width:110px;
  height:110px;
  border-radius:110px;
  -webkit-border-radius:110px;
  -moz-border-radius:110px;
  top:-100%;
  left:-100%;
}

.server{
  width:130px;
  height:130px;
  border-radius:130px;
  -webkit-border-radius:130px;
  -moz-border-radius:130px;
  bottom:-100%;
  left:-100%;
}

.party2{
  width:140px;
  height:140px;
  border-radius:140px;
  -webkit-border-radius:140px;
  -moz-border-radius:140px;
  top:-100%;
  right:-100%;
}

.site{
  width:120px;
  height:120px;
  border-radius:120px;
  -webkit-border-radius:120px;
  -moz-border-radius:120px;
  bottom:-100%;
  right:-100%;
}


/* where we work */

.where-work{
  text-align:center;
  background:#1d1d1d;
  color:#fff;
  padding:80px 0;
  margin:0 0 0 0;
}

.where-work h2,
.where-work h4,
.where-work article{
  text-align:center;
}

.where-work h2{
  margin:0 0 5px 0;
}

.where-work h2:after{
  display:none;
}

.where-work article{
  font-size:15px;
  line-height:20px;
}

.free-wall {
	margin:15px auto;
	width:1168px;
}

.brick {
  overflow: hidden;
  position: absolute;
  margin:50px 0 0 0;
}

.fixsize{
  width:270px;
  height:196px;
}

.brick-cotainer{
  padding:30px;
  display:inline-block;
}

.brick-cotainer h4{
  margin:0 0 10px 0;
}

.brick-cotainer h4,
.brick-cotainer article{
  text-align:left;
}

.brick-cotainer article{
  font-size:14px;
  line-height:18px;
  font-weight:400;
}

/* carrie page */



.headlines{
  text-align:center;
  background:#f2f6f7;
  padding:80px 0 70px;
}

.headlines > a {
    color: #000;
    text-transform: uppercase;
}
.headlines > a:hover {
    color: #4bbae6;   
}

.headlines ul{
  margin: 50px auto 0;
  text-align: center;
  width:1024px;
}

.headlines ul li{
  display:inline-block;
  vertical-align:middle;
  margin:10px 20px;
}

.headlines ul li img{  
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

.headlines ul li:hover img{
  filter:none;
  -webkit-filter:none;
  -moz-filter:none;
  -ms-filter:none;
  cursor:pointer;
}

.contact-location{
  float:left;
  width:100%;
}

.vc_responsive .location.wpb_row .location-message.vc_span6,
.location .location-message{
  float:left;
  width:36.6%;
  background:#252525;
  height:470px;
  vertical-align:top;
  margin:60px 0;
  padding:80px;
}

.location .location-message h2{
  text-align:left;
  font-family:TrumpGothicEastBold;
  color:#fff;
  font-size:75px;
  margin:0 0 20px 0;
  display:inline-block;
  width:100%;
}

.location .location-message h4{
  font-size:22px;
  color:#fff;
  text-align:left;
  line-height:42px;
  margin:30px 0;
}

.location .location-message article{
  font-size:14px;
  color:#fff;
  text-align:left;
  line-height:28px;
  letter-spacing:.2px;
}

.location .location-picture{
  float:left;
  width:50%;
  background:url(../images/location-picture.png) no-repeat;
  background-size:cover;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  height:630px;
  margin:60px 0;
  position:relative;
}

.contact-location .location-picture{
  background:url(../images/rkn-office-chicago1.jpg) no-repeat;
  width:100%;
  background-size:cover;
  -webkit-background-size:cover;
  -moz-background-size:cover;
}

.location-pic-address{
  position:absolute;
  background:#fff;
  width:320px;
  height:200px;
  padding:35px 20px;
  right:0;
  bottom:0;
  border:1px solid #eeeeee;
  text-align:left;
}
.location-pic-address h3 {
	margin:0;
}

.location-pic-address:after{
  content: '';
  position: absolute;
  width: 100%;
  height:10px;
  left:-1px; 
  top:-1px;
  background:#8c0e58;
  border:1px solid #8c0e58;
}

.location-pic-address a{
  margin:10px 0;
  display:block;
  color:#f33b3c;
  font-size:15px;
}

.location-pic-address h4{
  font-size:18px;
  line-height:28px;
}

.location-pic-address h4 a{
  margin:0;
  color: #222222;
  font-size:16px;
}

.future{
  text-align:left;
}
.future .wpb_text_column{
  padding:0 15px;
  margin:0 0 50px 0;
}

.future h3{
  margin:0 0 20px 0;
}

.future article{
  font-size:14px;
}

.future ul{
  margin:30px 0 80px 0;
  border-top:1px solid #c7c7c7;
}

.future ul li{
  border-bottom:1px solid #c7c7c7;
  padding:10px 0;
  transition:background .5s ease;
  -webkit-transition:background .5s ease;
  -moz-transition:background .5s ease;
}

.future ul li span{
  display:inline-block;
  width:30%;
  font-size:14px;
  padding:0 15px;
  vertical-align:top;
  color: #222222;
}

.future ul li:hover{
  border-bottom:1px solid #e81123;
  background:#e81123;
  cursor:pointer;
}

.future ul li:hover span{
  color:#fff;
}

.future ul li:hover span:nth-child(1){
  font-size:16px;
}


/* project inside */
.inside-project .row{
  width:1150px; 
}

aside{
  width:360px;
  float:left;
  margin:80px 0 80px 0;
}

.cols2-layout{
  position:relative;
}

.cols2-layout aside{
  width:48%;
  margin-right:2%;
  margin-top:30px;
}

.aside li,
aside ul li{
  float:left;
  width:100%;
  margin:20px 0 0 0;
}

.aside ul.listing2{
  text-align:center;
}

.aside ul.listing2 li{
  margin-bottom:50px;
  float:none;
  display:inline-block;
}

.aside li:last-child,
aside ul li:last-child{
  
}

.aside{
  width:100%;
  float:left;
}

.aside li{
  width:33%;
  
}

.aside h3,
aside h3{
  font-size:30px;
  text-align:left;
  margin:0 0 30px 0;
}

.aside h3{
  text-align:center;
}

.aside h4,
aside h4{
  text-transform:uppercase;
  text-align:left;
  font-size:15px;
  margin:0 0 8px 0;
}

.aside article,
aside article{
  font-size:14px;
  text-align:left;
  line-height:22px;
  color:#737373;
  overflow:hidden;
}

.cols2-layout aside article{
  font-size:17px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height:28px;
}

.cols2-layout aside h3{
  margin:30px 0 20px 0;
}

.cols2-layout aside h3:first-child{
  margin:0 0 20px 0;
}

.aside i,
aside i,
.inside-project aside img,
.inside-project .aside img{
  float:left;
  margin:0 28px 50px 0;
}

.content{
  text-align:center;
  margin:80px 0 80px 0;
  float:right;
}

.cols2-layout .content{
  width:48%;
  text-align:left;
  margin-left:2%;
  margin-top:30px;
}

.fullwidth-layout .content{
  width:100%;
  margin:0;
}

.cbp-contentslider2-content{
  width:100%;
  margin:80px 0 80px 0;
}

.cbp-contentslider2-content + * +.cbp-contentslider2-content{
  margin-top:0;
}

.content .cbp-contentslider{
  width:740px;
  height:1041px;
}

.content .cbp-contentslider2{
  width:100%;
  height:720px;
}

.content .cbp-contentslider li{
  width:95.5%;
  height:95.5%;
}

.content .cbp-contentslider2 li{
  width:100%;
  height:100%;
}

.inside-project .content .cbp-contentslider li{
  width:100%;
  height:100%;
}

.inside-project aside li article,
.inside-project .aside li article{
  margin-right:30px;
}

/* ipad-slider */

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

.future-works h2{
  margin:0 0 20px 0;
}

.future-works h4{
  margin:0 0 30px 0;
}

.future-works article{
  margin:0 0 30px 0;
  font-size:14px;
  color: #737373;
}

.ipad-slider{
  background:#4bbae6;
  padding:0;
}

.branding-logo{
  background:#00a09b;
  color:#fff;
  text-align:center;
  padding:60px 0;
}

.ipad-slider .ipad-slider-inner{
  background:url(../images/ipad-device.png) no-repeat;
  width:924px;
  height:652px;
  margin:0 auto;
}

.ipad-slider .ipad-slider-inner ul{
  width:754px;
  height:564px;
  background:#fff;
  margin:46px 0 0 85px;
  display:inline-block;
}


.cbp-fwslider {
	position: relative;
	margin: 0 0 10px;
	overflow: hidden;
	padding: 40px 0 60px;
}

.home .cbp-fwslider {
  padding:0 0 60px 0;
}

.branding-logo .cbp-fwslider,
.branding-logo.ipad-slider .cbp-fwslider{
  padding:30px 0 0 0;
}

.ipad-slider .cbp-fwslider {
  padding:0;
  margin:0;
}

.how-we-work .cbp-fwslider {
  overflow:visible;
  padding:0;
  margin:0;
  float:left;
}

.cbp-fwslider ul {
	margin: 0;
	padding: 0;
	white-space:normal;
	list-style-type: none;
}

.cbp-fwslider ul li {
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	float: left;
	display: block;
	margin: 0;
	padding: 0;
}

.ipad-slider .cbp-fwslider ul li {
 
}

.branding-logo ul li,
.branding-logo.ipad-slider .cbp-fwslider ul li{
  text-align:center;
  vertical-align:top;
  min-height:inherit;
}

.how-we-work .cbp-fwslider ul li,
.how-we-work .cbp-fwslider ul li.hww_1{
  background:#fdf592;
  padding:80px 0 120px;
}

/*.how-we-work .cbp-fwslider ul li:nth-child(2),*/
.how-we-work .cbp-fwslider ul li.hww_2{
  background:#bee3f2;
}

/*.how-we-work .cbp-fwslider ul li:nth-child(3),*/
.how-we-work .cbp-fwslider ul li.hww_3{
  background:#ebebeb;
}

/*.how-we-work .cbp-fwslider ul li:nth-child(4),*/
.how-we-work .cbp-fwslider ul li.hww_4{
  background:#fa9939;
}
 
/*.how-we-work .cbp-fwslider ul li:nth-child(5),*/
.how-we-work .cbp-fwslider ul li.hww_5{
  background:#a8d491;
}

.cbp-fwslider ul li > a,
.cbp-fwslider ul li > div {
	display: block;
	text-align: center;
	outline: none;
}

.cbp-fwslider ul li > video {
    display: block;
    margin: 0 auto;
    text-align: center;
}

.cbp-fwslider ul li > a img {
	border: none;
	display: block;
	margin: 0 auto;
}

.ipad-slider .cbp-fwslider ul li > img {
  width:100%;
  float:left;
}

.branding-logo ul li > a{
  display:inline-block;
  margin:0 12px;
  vertical-align:middle;
}

.branding-logo ul li > a img {
  max-width:inherit;
}

.cbp-fwslider nav span {
	position: absolute;
	top: 50%;
	
	background: #252525;
	color: #fff;
	font-size: 50px;
	text-align: center;
	
	line-height: 100px;
	cursor: pointer;
	font-weight: normal;
	margin:-30px 0 0 0;
}

.cbp-fwslider nav span:hover {
	background: #252525;
}

.cbp-fwslider nav span.cbp-fwnext {
	right: 0px;
	text-indent:-999999px;
	background:#252525 url(../images/common-sprite.png) no-repeat;
	background-position:-178px -103px;
	width:20px;
	height:40px;
	border:18px solid #252525;
	border-right:20px solid #252525;
	border-left:20px solid #252525;
}

.cbp-fwslider nav span.cbp-fwprev {
	left: 0px;
	text-indent:-999999px;
	background:#252525 url(../images/common-sprite.png) no-repeat;
	background-position:-178px -162px;
	width:20px;
	height:40px;
	border:18px solid #252525;
	border-right:20px solid #252525;
	border-left:20px solid #252525;
}

.cbp-fwdots {
	position: absolute;
	bottom: 0px;
	white-space: nowrap;
	text-align: center;
	width: 100%;
	display:none;
}

.cbp-fwdots span {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: #ddd;
	margin: 4px;
	border-radius: 50%;
	cursor: pointer;
}

.cbp-fwdots span:hover {
	background: #999;
}

.cbp-fwdots span.cbp-fwcurrent {
	background: #47a3da;
	box-shadow: 0 0 0 2px #47a3da;
	-webkit-transition: box-shadow 0.2s ease-in-out;
	-moz-transition: box-shadow 0.2s ease-in-out;
	transition: box-shadow 0.2s ease-in-out;
}

.content-canvas{
  left:0;
  position:relative;
  -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	overflow:hidden;
}

.slide2-action-menu-open .content-canvas{
  left:-480px;
}

.sidebar-canvas{
  background: #252525;
  border-left: 1px solid #252525;
  box-sizing: border-box;
  position: fixed;
  right:-560px;
  top:0px;
  width: 480px;
  -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	height:100%;
	overflow-y:auto;
	padding:80px 0 0 0;
}

.slide2-action-menu-open .sidebar-canvas{
  right:0;
}

.sidebar-canvas ul li{
  -webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
  border-bottom:1px solid #3b3b3b;
}

.sidebar-canvas ul li.activeMenu,
.sidebar-canvas ul li:hover{
  background:#fff;
}

.sidebar-canvas ul li a{
  color:#8f8f8f;
  font-size:18px;
  padding:25px 30px;
  display:block;
  font-weight:100;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.sidebar-canvas ul li:hover a{
  color:#282828;
}

/* service pages */
.sidebar-toggle{
  text-align:left;
  display:none;
  background:#e81123 url(../images/common-sprite.png) no-repeat;
  background-position:-12px -344px;
  width:34px;
  height:7px;
  padding:20px 8px;
  text-indent:-999999px;
  position:fixed;
  top:85px;
  left:4px;
  z-index:99;
}

.findout-more-ecom aside,
.findout-more-ecom .aside.vc_span4,
.learn-more-social-seo .aside.vc_span4,
.container.services .aside.vc_span4,
.social-faq .aside.vc_span4,
.benefits .aside.vc_span4,
.social-faq aside,
.services aside,
.benefits aside{
  display:block;
  min-height:568px;
  width:270px;
  margin:0;
  vertical-align:top;
  position:relative;
}

.learn-more-social-seo .aside.vc_span4,
.findout-more-ecom .aside.vc_span4,
.container.services .aside.vc_span4,
.social-faq .aside.vc_span4,
.benefits .aside.vc_span4{
  padding:0;
  min-height:inherit;
}

.findout-more-ecom aside ul,
.learn-more-social-seo aside ul,
.social-faq aside ul,
.services aside ul,
.benefits aside ul,
.services aside ul{
  position:fixed;
  width:270px;
  background:#fff url(../images/service-seprator.png)  right  top no-repeat;
  min-height:568px;
  z-index:1;
}

.services aside ul li{
  width:97%;
  text-align:left;
  margin:0;
  float:left;
  border-bottom:1px solid #eaeaea;
}

.services aside ul li:first-child{
  border-top:1px solid #eaeaea;
}

.services aside ul li a,
.services aside ul ul.sub-menu li a{
  display:block;
  padding:17px;
  color:#000000;
}

.services aside ul li a i{
  float:right;
  margin:6px 0 0 0;
}

.services aside ul li i.expand{
  float:right;
  margin:-33px 0px 0 0;
  cursor:pointer;
}


.services aside ul li i.expand.collapse{
  float:right;
  margin:-33px 0 0 0;
  cursor:pointer;
  background-position:-119px -178px;
}

.services aside ul li ul{
  display:none;
  position:relative;
  min-height:inherit;
  width:100%;
  background:none;
}

.services aside ul li li{
  width:100%;
}

.services aside ul li:hover,
.services aside ul li.current_page_item,
.services aside ul li.current_page_ancestor{
  background:url(../images/service-tab-active.png) 100% 1px no-repeat;
  padding:0 21px 0 0;
  border-bottom:0px solid #000;
}

.services aside ul li:hover a,
.services aside ul li.current_page_item a,
.services aside ul li.current_page_ancestor a{
  background:#000;
  color:#fff;
}

.services aside ul li ul.sub-menu li,
.services aside ul li.current_page_item ul.sub-menu li,
.services aside ul li.current_page_ancestor ul.sub-menu li{
  border-bottom:0px;
  background:none;
}

.services aside ul li ul.sub-menu li a,
.services aside ul li.current_page_item ul.sub-menu li a,
.services aside ul li.current_page_ancestor ul.sub-menu li a{
  background:#f4f4f4;
  padding:0;
  border-bottom:1px solid #a9a9a9;
  padding:17px 17px 17px 34px;
  color: #000000;
  font-size:15px;
}

.services aside ul li ul.sub-menu li:hover a,
.services aside ul li.current_page_item ul.sub-menu li:hover a,
.services aside ul li.current_page_ancestor ul.sub-menu li:hover a,
.services aside ul li.current_page_ancestor ul.sub-menu li.current_page_item a{
  background:#e81123;
  color:#fff;
}

.services aside ul li:hover i.expand,
.services aside ul li.current-menu-item i.expand,
.services aside ul li.current_page_ancestor i.expand{
  background-position:-25px -181px;
}

.services aside ul li:hover i.expand.collapse,
.services aside ul li.current-menu-item i.expand.collapse,
.services aside ul li.current_page_ancestor i.expand.collapse{
  background-position:-74px -181px;
}


.findout-more-ecom .content,
.social-faq .content,
.learn-more-social-seo .content,
.services .content,
.benefits .content{
  margin:0;
  float:none;
  vertical-align:top;
  display:block;
  overflow:hidden;
  padding:0 0 0 40px;
  width:890px;
  position:relative;
}

.learn-more-social-seo .content.vc_span8,
.findout-more-ecom .content.vc_span8{
  padding:0 40px;
  width:850px;
}

.learn-more-social-seo .lightorange h3{
  font-size:22px;
}

.learn-more-social-seo .lightgreen h3{
  color:#222222;
  font-size:22px;
}

.services .content h2{
  padding:0 0 15px 0;
}

.services .content h3{
  padding:0 0 25px 0;
  line-height:38px;
  font-size:28px;
  letter-spacing:1px;
}


.search-engine-optimization .services .content h3{
  font-size:25px;
}

.services .content h4{
  color:#6e6e6e;
}

.social-media-services-plans .services .content h4{
  color: #222222;
}

.services .content h5{
  font-size:20px;
  text-align:left;
  margin:35px 0 0 0;
  letter-spacing:1px;
}

.services .content article{
  font-size:16px;
  color:#6e6e6e;
  line-height:26px;
  text-align:left;
  overflow:hidden;
}

.services .content h2.small + article,
.services .content h2.small2 + article{
  margin:0 0 80px 0;
  line-height:28px;
  letter-spacing:0.5px;
}

.services .content h3.small + article{
  line-height:28px;
  letter-spacing:0.5px;
}

.services .content article.center-text{
  text-align:center;
}

.services .content ul{
  margin:0;
}

.services .content .left-block ul{
  display:inline-block;
}

.services .content ul li,
.services .content ul.two-cols li li{
  list-style:disc;
  color:#6e6e6e;
  margin:15px 0 15px 17px;
  font-size:15px;
  padding:0 0 0 10px;
}

.services .content .listing-small ul{
  margin:15px 0 0 0;
}

.services .content .listing-small li{
  margin-bottom:0;
  margin-top:0;
}

.services .content ul li:last-child,
.services .content ul.two-cols li li:last-child{
  margin-bottom:0;
}

.services .content ol.numbers li{
  list-style:decimal;
  margin:0 0 15px 20px;
  font-size:15px;
}

.services .content .two-cols,
.services .content ul.two-cols{
  margin:50px 0 0 0;
}

.services .content .two-cols .vc_span6,
.services .content ul.two-cols li,
.services .two-col{
  list-style:none;
  margin:0 2% 20px 0;
  width:47.5%;
  float:left;
  text-align:left;
  vertical-align:top;
}

.services .content .listing-small{
  float:right !important;
}



.services .content .two-cols .vc_span6 .wpb_content_element{
  list-style:none;
  margin:0 2% 30px 0;
  float:left;
  text-align:left;
  vertical-align:top;
}

.services .content .two-cols .vc_span6 article,
.services .content ul.two-cols li article,
.services .two-col article{
  min-height:110px;
}

.services .content .two-cols .vc_span6 li,
.services .content ul.two-cols li li{
  width:100%;
  margin:0 0 0 15px;
}

.services .content .two-cols .vc_span6 img,
.services .content ul.two-cols li img,
.services .two-col img{
  float:left;
  margin:0 15px 0 0;
}

.services .content .two-cols .vc_span6 h3,
.services .content ul.two-cols li h3,
.services .two-col h3{
  color:#000;
  padding:0 0 10px 0;
}

.services .content .two-cols .vc_span6 .boxy-button,
.services .content ul.two-cols li .boxy-button,
.services .two-col .boxy-button{
   padding:7px 10px;
}

.happy-customer{
  margin:30px 0;
}

.happy-customer ul li,
.happy-customer a{
  margin:0 15px !important;
  display:inline-block;
}

.center-block img{
  margin:30px 0 0 0;
}

.findout-more-ecom .content .boxy-button,
.learn-more-social-seo .content .boxy-button,
.social-faq .content .boxy-button,
.services .content .boxy-button,
.benefits .content .boxy-button{
  text-align:center;
  min-width:150px;
  padding:12px;
  margin:15px 0 0 0;
}

.right-block{
  text-align:left;
  margin:0;
}

.right-block-textset{
  overflow:hidden;
}

.right-block img{
  float:right;
  margin:0 0 0 60px;
}

.left-block{
  text-align:left;
  margin:0;
}

.left-block-textset{
  overflow:hidden;
}

.left-block img{
  float:left;
  margin:0 60px 0 0;
}

.block-end{
  display:block;
}

.services hr{
  margin:0 0 80px 0;
  padding:0 0 80px 0;
}

.services hr.small{
  padding:0 0 50px 0;
  margin:0 0 50px 0;
}

.services .boxy-button{
  float:left;
}

.services .plan .boxy-button,
.services .apps-block .boxy-button{
  float:none;
}

hr{
  background:url(../images/block-seprator.png) bottom center no-repeat;
  padding:0 0 50px 0;
  margin-bottom:50px;
  border:0;
  height:1px;
  line-height:1px;
  clear:both;
  display:block;
}

hr.no-bg{
  background:none;
}

.vc_separator.default-seprator .vc_sep_holder .vc_sep_line{
  margin:0 0 50px 0;
  border-color:#000;
}

.findout-more-ecom{
  background:#fdf592;
  padding:50px 0;
}

.learn-more-social-seo aside,
.social-faq aside,
.findout-more-ecom aside,
.findout-more-ecom .aside,
.benefits aside{
  background:none;
  min-height:100px;
}

.findout-more-ecom .content{
  text-align:left;
}

.findout-more-ecom .content img{
  float:right;
  margin:50px 0 0 10px;
}

.findout-more-ecom .content h2{
  line-height:48px;
  margin:0 0 15px 0;
  font-size:32px;
}

.findout-more-ecom .content h4{
  margin:0 0 15px 0;
}

.findout-more-ecom .content .boxy-button{
  background:#fff;
}

.learn-more-social-seo{
  background:#ebebeb;
  padding:50px 0;
}

.learn-more-social-seo .content-block{
  margin-bottom:50px;
}

.learn-more-social-seo h2{
  font-size:40px;
  line-height:58px;
}

.learn-more-social-seo .content .boxy-button{
  min-width:65%;
  background:#fff;
  position:relative;
  box-shadow:0px 0px 0px 5px #fff;
  -webkit-box-shadow:0px 0px 0px 5px #fff;
  -moz-box-shadow:0px 0px 0px 5px #fff;
}

.content-block{
  width:46%;
  margin:50px 2% 0;
  float:left;
  padding:30px 0;
  position:relative;
}

.content-block:after{
  content: '';
  position: absolute;
  width: 100%;
  height:0px;
  border:55px solid #ebebeb;
  border-left:0;
  border-bottom:0;
  border-right:0;
  left: 0px; 
  bottom: 0px;
}

.content-block-shadow{
  box-shadow:0px 0px 10px #e8e8e8;
  -webkit-box-shadow:0px 0px 10px #e8e8e8;
  -mozbox-shadow:0px 0px 10px #e8e8e8;
}

.apps-block,
.plan{
  width:32%;
  float:left;
  margin:60px 15px 0 0;
  min-height:780px;
  position:relative;
}

.apps-block{
  width:265px;
  margin:60px 15px 0 15px;
}

.apps-block:nth-child(3n){
  margin-right:0;
}

.seo-plan{
  min-height:800px;
}

.seo-plan2{
  min-height:750px;
  width:49%
}

.apps-block:last-child,
.plan:last-child{
  margin:60px 0 0 0;
}

.plan-title{
  display:block;
  padding:25px 20px;
  position:relative;
  font-size:19px;
  line-height:28px;
}

.plan-title:after{
  content: '';
  position: absolute;
  width: 100%;
  height:0px;
  border:55px solid #fff;
  border-left:0;
  border-bottom:0;
  border-right:0;
  left: 0px; 
  bottom: 0px;
}

.services .content .plan-title .boxy-button{
  min-width:65%;
  background:#fff;
  padding:7px 12px;
  margin:30px 0 0 0;
  box-shadow:0px 0px 0px 5px #fff;
  -webkit-box-shadow:0px 0px 0px 5px #fff;
  -moz-box-shadow:0px 0px 0px 5px #fff;
}

.services .content .plan ul{
  margin-top:0;
}

.services .content .plan ul li:first-child{
  margin-top:0;
}

.services .content .plan ul li{
  list-style:none;
  color:#000;
  margin:25px 20px;
  font-size:14px;
  line-height:20px;
}

.services .content .plan ul li a{
  color:#000;
}

.most-popular{
  position:absolute;
  bottom:0;
  width:100%;
  height:85px;
}

.most-popular span{
  background:url(../images/most-popular-badge.png) no-repeat;
  width:96px;
  height:79px;
  margin:-60px auto 0;
  padding:40px 10px 0 12px;
  display:block;
  text-align:center;
  vertical-align:center;
}

.social-faq{
  background:#0086da;
  padding:50px 0;
  color:#fff;
}

.social-faq .wpb_row .vc_span8{
  width:auto;
  float:none;
}

.social-faq-toggle{
  margin:50px 0 0 0;
  width:50%;
  float:left;
}

.social-faq-toggle li{
  float:left;
  width:100%;
  text-align:left;
  font-size:16px;
  margin:0 0 10px 0;
  cursor:pointer;
}

.social-faq-toggle li i.expand{
  float:left;
  background-position:-26px -181px;
  margin:5px 10px 10px 0;
}

.social-faq-toggle li i.collapse{
  background-position:-76px -181px;
}

.social-faq-toggle li article{
  display:none;
  font-size:15px;
  position:relative;
  margin:15px 20px 20px 38px;
  overflow:hidden;
}

.apps-block{
  margin-top:120px;
  min-height:310px;
}

.apps-block.last,
.apps-block:last-child,
.apps-block:nth-child(3n){
  margin-top:120px;
  margin-right:0;
}

.apps-block-title{
  width:130px;
  height:130px;
  border-radius:130px;
  -webkit-border-radius:130px;
  -moz-border-radius:130px;
  margin:-60px auto 0;
  position:relative;
}

.apps-block-title img{
  position:absolute;
  left:50%;
  top:50%;
  margin:-65px 0 0 -65px;
}

.services .apps-block h3{
  font-size:20px;
  line-height:24px;
  margin:30px 30px 0 30px;
  min-height: 50px;
  padding: 0 10px 25px;
}

.services .apps-block article{
  margin:0 30px;
  text-align:center;
  font-size:14px;
  line-height:20px;
  min-height: 60px;
}

.services .content .apps-block .boxy-button{
  background:#252525;
  color:#fff;
  padding:8px 12px;
}

.services .content .apps-block .boxy-button:hover{
  color:#252525;
}

.apps-block .boxy-button:hover:after{
  background:#fff;
}

.benefits{
  background:#ebebeb;
  padding:50px 0;
}

.benefits h2 span{
  font-family: 'Old Standard TT',serif;
  font-size: 55px;
  line-height:60px;
  font-style: italic;
  font-weight: 400;
  padding:0 0 0 23px;
}

.benefits img{
  float:left;
  margin:140px 50px 0 0;
}

.benefit-block{
  margin-top:30px;
  overflow:hidden;
}

.benefit-block li{
  float:left;
  width:50%;
  text-align:left;
  margin:0 0 30px 0;
}

.benefit-block li br{
  display:none;
}

.benefit-block li i.sky,
.benefit-block li i.red,
.benefit-block li i.green,
.benefit-block li i.orange{
  background:url(../images/common-sprite.png) no-repeat;
  background-position:-305px -267px;
  float:left;
  width:13px;
  height:13px;
  margin:4px 10px 0 0;
}

.benefit-block li i.red{
  background-position:-338px -267px;
}

.benefit-block li i.green{
  background-position:-371px -267px;
}

.benefit-block li i.orange{
  background-position:-404px -267px;
}

.benefit-block li h4{
  font-size:17px;
  margin:0 0 20px 0;
  letter-spacing:1px;
  overflow:hidden;
}


.benefit-block li article{
  font-size:14px;
  margin:0 30px 0 23px;
  color:#6e6e6e;
  line-height:24px;
}

.tipsy { 
  padding: 8px; 
  position: absolute; 
  z-index: 100000; 
  opacity:1 !important;
}

.tipsy-inner { 
  padding:15px; 
  background-color:#0086da; 
  color: white; 
  max-width: 300px; 
  text-align: left;  
  font-size:14px;  
  line-height:25px;
}

.tipsy-inner { 
  border-radius: 3px; 
  -moz-border-radius:3px; 
  -webkit-border-radius:3px; 
}

.tipsy-arrow { 
  position: absolute; 
  background: url('../images/tipsy-arrow.png') no-repeat top left; 
  width: 8px; 
  height: 26px; 
}

.tipsy-w .tipsy-arrow { 
  top:50%; 
  margin-top: -15px; 
  left: 0; 
  width: 8px; 
  height: 26px; 
}

/* form elements */

.form-block{
  margin:40px 0;
}

.single-career .content{
  width:510px;
}

.single-career .content .wpcf7 form{
  float:right;
}

.fullwidth-layout.contact-us .gs-contact-form,
.fullwidth-layout .form-block{
  margin:40px auto 50px;
}

input.form-control,
.form-block li{
  margin:0 0 20px 0;
}

.contact-us .gs-contact-form{
  text-align:center;
}

.contact-us .gs-contact-form label{
  display:none;
}

textarea.form-control,
input.form-control,
input.entrybox{
  border:1px solid #aaaaaa;
  display:block;
  padding:20px;
  font-size:18px;
  width:470px;
  font-family:AvenirLTStd55Roman;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background:#fff;
}

.gs-contact-form input.form-control.wpcf7-not-valid,
.fullwidth-layout .form-block input.entrybox.wpcf7-not-valid,
input.entrybox.wpcf7-not-valid{
  border-color:#ff0000;
}

.gs-contact-form .wpcf7-not-valid-tip,
.fullwidth-layout .form-block .wpcf7-not-valid-tip,
span.wpcf7-not-valid-tip{
  display:none;
}

.fullwidth-layout .wpcf7-validation-errors,
.cols2-layout .wpcf7-validation-errors,
.wpcf7-response-output{
  position:absolute;
  top:0px;
  background:#f16062;
  border:0;
  color:#fff;
  margin:-70px 0 0 0 !important;
  padding:20px 0 !important;
  width:100%;
  text-align:center;
  left:0;
  border:0 !important;
}

.wpcf7-response-output{
  background:#398f14;
}

.cols2-layout .wpcf7-validation-errors{
  margin-top:-69px;
}

.fullwidth-layout .gs-contact-form input.form-control,
.fullwidth-layout .gs-contact-form input.button,
.fullwidth-layout .form-block input.entrybox,
.fullwidth-layout textarea.form-control,
.contact-us button{
  margin:0 auto;
  width:610px;
}

.cols2-layout .form-block input.entrybox,
.cols2-layout .form-block textarea.entrybox,
.cols2-layout .button{
  /*margin:0 auto;*/
}

.fullwidth-layout .gs-contact-form input.form-control,
.fullwidth-layout textarea.form-control{
  /*margin-bottom:20px;*/
}

textarea.entrybox{
  border:1px solid #aaaaaa;
  display:block;
  padding:20px;
  font-size:18px;
  width:470px;
  font-family:AvenirLTStd55Roman;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-height:220px;
  background:#fff;
}

.fullwidth-layout .form-block textarea.entrybox{
  margin:0 auto;
  width:610px;
}

button,
input.button{
  border:1px solid #aaaaaa;
  display:block;
  padding:20px;
  font-size:18px;
  width:512px;
  font-family:AvenirLTStd55Roman;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background:#fff;
  -webkit-appearance: none;
  cursor:pointer;
  position:relative;
  z-index:1;
  -webkit-appearance: none;
  transition: all 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
  -webkit-transition: all 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
  -moz-transition: all 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
  -o-transition: all 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}

.contact-us button,
input.button2,
.fullwidth-layout .gs-contact-form input.button{
  background:#404040;
  color:#fff;
  width:652px;
  -webkit-appearance: none;
  position:relative;
  z-index:1;
}

.fullwidth-layout .gs-contact-form input.button:after,
button:after,
input.button:after,
.contact-us button:after,
input.button2:after{
  content: '';
  position: absolute;
  width:0%;
  left: 0px; 
  top: 0px;
  height:100%;
  background:#4bbae6;
  
  transition: width 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
  -webkit-transition: width 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
  -moz-transition: width 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
  -o-transition: width 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
  z-index:-1;
  
}

.fullwidth-layout .gs-contact-form input.button:hover,
button:hover,
input.button:hover,
.contact-us button:hover,
input.button2:hover{
  color:#fff;
}

.fullwidth-layout .gs-contact-form input.button:hover:after,
button:hover:after,
input.button:hover:after,
.contact-us button:hover:after,
input.button2:hover:after{
  width:100%;
}

.fullwidth-layout .gs-contact-form input.button:hover,
button:hover,
input.button:hover{
  background:#252525;
}

.fullwidth-layout .form-block input.button{
  margin:0 auto;
}

.contact-us .form-block input.button{
  text-transform:uppercase;
  font-size:25px;
}

.radio-button{
  width:14px;
  height:14px;
  background:#fff;
  border:3px solid #91a4af;
  display:inline-block;
  margin:3px 10px -3px 0;
  border-radius:50%;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
}

.radio-lable{
  font-size:20px;
  display:inline-block;
  margin:15px 30px 0 0;
}

.slider-bg-out{
	padding:30px 0px;
 	background:url(../images/range-slider-bg.png) center repeat-x; 
 	border:0px solid #000;
  width:718px;
  margin: 0 auto;
  display:inline-block;
  vertical-align:middle;
}

.slider-bg{
  /*display:inline-block;
  padding:20px 0;
  background:url(../images/range-slider-bg.png) center repeat-x;
  vertical-align:middle;*/
  display:inline-block;
  padding:0 30px 0 0;
  vertical-align:middle;
  background-color:#252525;
  border-top-left-radius:25px;
  -moz-border-radius-topleft:25px;
  -webkit-border-top-left-radius:25px;
  border-bottom-left-radius:25px;
  -moz-border-radius-bottomleft:25px;
  -webkit-border-bottom-left-radius:25px;
  border-top-right-radius:25px;
  -moz-border-radius-topright:25px;
  -webkit-border-top-right-radius:25px;
  border-bottom-right-radius:25px;
  -moz-border-radius-bottomright:25px;
  -webkit-border-bottom-right-radius:25px;
  margin:0 0 0 -20px;
  
}

.budget article{
  display:inline-block;
  font-family:Roboto;
  font-size:20px;
  font-weight:600;
  color:#8a8a8a;
  margin:0 25px;
  letter-spacing:1px;
}

.ui-slider-horizontal {
  
  
  float:left;
  height:29px;
  width:680px;
  margin:0 auto;
  
  border-top-left-radius:25px;
  -moz-border-radius-topleft:25px;
  -webkit-border-top-left-radius:25px;
  border-bottom-left-radius:25px;
  -moz-border-radius-bottomleft:25px;
  -webkit-border-bottom-left-radius:25px;
  border-top-right-radius:25px;
  -moz-border-radius-topright:25px;
  -webkit-border-top-right-radius:25px;
  border-bottom-right-radius:25px;
  -moz-border-radius-bottomright:25px;
  -webkit-border-bottom-right-radius:25px;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
}

.ui-slider-horizontal .ui-slider-handle {
  top:4px;
  margin-left:4px;
}

.ui-slider-horizontal .ui-slider-handle + .ui-slider-handle{
  /*margin-left:-24px;*/
}

.ui-widget-content {
  background:#252525;
  color: #222222;
  position:relative;
  border:4px solid #252525;
}

.ui-slider .ui-slider-range {
  background-position: 0 0;
  border: 0 none;
  display: block;
  font-size: 0.7em;
  position: absolute;
  z-index: 1;
  padding-left:30px;
  background:#8c0e58;
  border-top-left-radius:25px;
  -moz-border-radius-topleft:25px;
  -webkit-border-top-left-radius:25px;
  border-bottom-left-radius:25px;
  -moz-border-radius-bottomleft:25px;
  -webkit-border-bottom-left-radius:25px;
  border-top-right-radius:25px;
  -moz-border-radius-topright:25px;
  -webkit-border-top-right-radius:25px;
  border-bottom-right-radius:25px;
  -moz-border-radius-bottomright:25px;
  -webkit-border-bottom-right-radius:25px;
  margin:0px;
  height:29px;
}

.ui-slider .ui-slider-handle {
  cursor: default;
  height:20px;
  position: absolute;
  width:20px;
  z-index: 2;
  border-radius:50%;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  background: #fff;
  color: #555555;
  font-weight: normal;
}


#amount{
  font-family:Roboto;
  font-size:23px;
  font-weight:600;
  color:#252525;
  margin:10px 0 0 0;
  letter-spacing:1px;
}

.amount-min,
.amount-max{
  display:none;
}


.hide{
  display:none;
}

/* contact us */

.contact-us{
  background:#f3f3f3;
  padding:80px 0 60px;
  margin:20px 0 0 0;
  text-align:center;
}

#contact-us.contact-us{
  margin:0;
  background:none;
  padding:0;
}

/* footer */

.google-ppc,
.hosting-support{
  border-bottom:1px solid #e5e5e5;
}

.start-a-project + .page-bottom:before{
  margin-top:-4px !important;
}

.page-bottom{
  width: 100%;
  float:left;
  text-align:center;
}

.bottom-img{
  width: 100%;
  height:265px;
  padding:0;
  background:url(../images/carrer-client-bg.jpg) bottom left no-repeat;
  background-size:cover;
  -moz-background-size:cover;
  -webkit-background-size:cover;
  float:left;
  position:relative;
}

.bottom-img.bottom-img2{
  background:url(../images/carrer-client-bg2.jpg) bottom left no-repeat;
  background-size:cover;
  -moz-background-size:cover;
  -webkit-background-size:cover;
  display:none;
}

.page-bottom:before{
  content: '';
  position: absolute;
  width: 100px;
  height:0px;
  border: 3px solid #a1a1a1;
  left: 50%;  
  margin-left:-53px;
  margin-top:0px;
}


.bottom-logo{
  display:inline-block;
  width:100%;
  padding:80px 0 75px 0;
  text-align:center;
  border-bottom:1px solid #e5e5e5;
}

.page-bottom ul{
  padding:50px 0 100px;
}

.page-bottom ul li{
  display:inline-block;
  padding:0 20px;
  font-size:16px;
}

.page-bottom ul li a{
  color:#000;
  -webkit-transition:color 0.5s ease;
  -moz-transition:color 0.5s ease;
  -o-transition:color 0.5s ease;
  transition:color 0.5s ease;
  
}

.page-bottom ul li a:hover{
  color:#e81123;
}

footer{
  background:#1d1d1d;
  float:left;
  width:100%;
  text-align:center;
  color:#fff;
  font-size:12px;
  padding:0;
  position:relative;
}

footer .address{
  font-size:12px;
  float:left;
  padding:18px 0;
  
}

footer .social{
  float:right;
}

footer .social a{
  color:#fff;
  font-size:12px;
  background:#1d1d1d;
  padding:18px;
  float:left;
  -webkit-transition:background 0.5s ease;
  -moz-transition:background 0.5s ease;
  -o-transition:background 0.5s ease;
  transition:background 0.5s ease;
}

footer .social a.facebook span{
  background:url(../images/common-sprite.png) no-repeat;
  width:18px; 
  height:18px;
  background-position: -98px -211px;
  text-indent:-99999px;
  display:inline-block;
}

footer .social a.facebook:hover{
  background:#3a5b9a;
}

footer .social a.linkedin span{
  background:url(../images/common-sprite.png) no-repeat;
  width:18px; 
  height:18px;
  background-position:  -129px -211px;
  text-indent:-99999px;
  display:inline-block;
}

footer .social a.linkedin:hover{
  background:#007bb6;
}

footer .social a.pint span{
  background:url(../images/common-sprite.png) no-repeat;
  width:18px; 
  height:18px;
  background-position: -165px -210px;
  text-indent:-99999px;
  display:inline-block;
}

footer .social a.pint:hover{
  background:#04AAEC;
}

footer .social a.you span{
  background:url(../images/common-sprite.png) no-repeat;
  width:55px; 
  height:18px;
  background-position: -201px -212px;
  text-indent:-99999px;
  display:inline-block;
}

footer .social a.you:hover{
  background:#c12025;
}


.left-block .wpb_single_image img, .right-block .wpb_single_image img{
    max-width: 92%;
  }
  
  .move_top{
    position:absolute;
    bottom:54px;
    right:0;
    width:65px;
    height:120px;
    background:url(../images/common-sprite.png) no-repeat;
    background-position:-354px -65px;
    text-indent:-99999px;
    z-index:9999;
  }
  .move_top:hover{
    background-position:-419px -65px;
    -webkit-transition:background 0.5s ease-in-out;
    -moz-transition:background 0.5s ease-in-out;
    -o-transition:background 0.5s ease-in-out;
    transition:background 0.5s ease-in-out;
  }
  
  .go-back{
    float:right;
    position:absolute;
    right:0;
     color: #404040;
    line-height: 33px;
    font-size:15px;
  }
  
  .go-back:after{
    content:"";
    position:absolute;
    height:1px;
    background:#404040;
    right:0;
    bottom:5px;
    width:53%;
  }
  
  .go-back i {
    float: left;
    margin:0 15px 0 0;
  }
  
  .go-back:hover i.prev-arrow{
     background-position: -73px -354px;
  }
  
  .arrowline{
    border-top:1px solid #ececec;
    margin:60px auto 30px 0;
    position:relative;
  }
  
  
  .arrowline:after{
    background:url(../images/common-sprite.png) no-repeat;
    background-position:-324px -20px;
    width:120px;
    height:27px;
    content:"";
    position:absolute;
    top:0;
    left:50%;
    margin:0 0 0 -60px;
    
  }
  
  .wpb_row.contact-us{
    float:left;
    width:100%;
    position:relative;
  }
  
  .wpb_row.contact-us:after{
    background:url(../images/common-sprite.png) no-repeat;
    background-position:-324px -20px;
    width:120px;
    height:27px;
    content:"";
    position:absolute;
    top:0;
    left:50%;
    margin:0 0 0 -60px;
  }
  
  .ajax-loader{
    width:32px !important;
    height:32px !important;
  }



.load-more-works{
  margin:30px 0;
}

.workSpinner{
background:url('../images/spinner.gif') center no-repeat;
display: inline-block;
height: 47px;
border:none !important;
text-indent:-99999px;
position:relative;
padding:0 !important;
z-index:2 !important;

}

.workSpinner:after{
 display:none !important;
}

.hww_2 .work-circle-details h2 {
    font-size: 35px;
}
.hww_3 .work-circle-details h2 {
    font-size: 33px;
}
.hww_5 .work-circle-details,
.hww_4 .work-circle-details,
.hww_3 .work-circle-details,
.hww_2 .work-circle-details {
    padding: 60px 0 20px 0;
}
 
/************ Responsive ************/
@media (max-width: 1400px) {
  .free-wall{
    width:100%;
   }
}


@media (max-width: 1200px) {
  .row,
  .carousel-slider .slider-details,
  .services-gs .service-blocks,
  .featured-work-gs .work-blocks,
  .career-customer .row,
  .inside-project .row,
  .about-us .row,
  .free-wall,
  .learn-more-social-seo .content.vc_span8, .findout-more-ecom .content.vc_span8,
  .services-gs .service-blocks, .services-gs .service-blocks.vc_span12{
    width:96%;
    margin:0 2%;
  }
  .carousel-slider .slider-details{
    width:100%;
    margin:0;
  }
  .learn-more-social-seo .content.vc_span8, .findout-more-ecom .content.vc_span8{
    padding:0;
  }
  .learn-more-social-seo .aside.vc_span4, .findout-more-ecom .aside.vc_span4, .container.services .aside.vc_span4, .social-faq .aside.vc_span4, .benefits .aside.vc_span4{
    display:none;
  }
  .how-we-work .row{
    width:960px;
  }
  .carousel-slider ul li h1,
  .carousel-slider ul li h2{
    width:auto;
    padding:0 30px;
  }
  .carousel-slider ul li h1{
    margin-top:8%;
  }
  .carousel-slider ul li h2{
    width:70%;
    float:left;
  }
  .carousel-slider ul li h2 br, h4 br{
    display:none;
  }
  .carousel-slider .slider-details{
    margin:0;
    right:inherit;
  }
  .services-gs ul li, .vc_responsive .services-gs .wpb_row ul li.vc_span3 {
    float:none;
    display:inline-block;
    text-align:left;
    position:relative;
  }
  .services-gs ul li, .vc_responsive .services-gs .wpb_row ul li.vc_span3{
    text-align:center;
  }
  .services-gs a.all-service{
    float:none;
    display:inline-block;
  }
  .featured-work-gs .work-blocks ul{
    text-align:center;
  }
  .vc_responsive .career-customer.wpb_row .vc_span6{
    width: 42.6%;
    margin:0 -3px;
    float:none;
    display:inline-block;
    vertical-align:top;
  }
  .work-small li{
    width:50%;
  }
  .work-big li .work-details, .work-small li .work-details{
    padding:0 0 0 5%;
  }
  .vc_responsive .location.wpb_row .location-message.vc_span6, .location .location-message{
    width:35.6%;
    padding:80px 7%;
  }
  .services aside{
    margin-left:-300px;
  }
  .sidebar-toggle{
    display:block;
  }
  .findout-more-ecom .content, .social-faq .content.vc_span8, .learn-more-social-seo .content, .services .content, .benefits .content{
    width:94%;
    padding:0 !important;
    max-width:850px;
    margin:0 auto;
  }
  .services .content.vc_span8,
  .social-faq .content.vc_span8,
  .headlines ul{
    width:100%;
    max-width:100%;
  }
  .inside-project .aside, .inside-project aside{
    width:100%;
    text-align:center;
    margin:40px 0 0 0;
  }
  .inside-project .aside li, .inside-project aside ul li{
    width:33%;
    display:inline-block;
    float:none;
    
    vertical-align:top;
  }
  .inside-project .content{
    float:left;
    width:100%;
    margin:40px 0 40px 0;
  }
  .ipad-slider{
    padding:0;
  }
  .ipad-slider.branding-logo{
    padding:50px 0;
  }
  .ipad-slider .cbp-fwslider ul li{
    min-height:inherit;
  }
  .ipad-slider .cbp-fwslider{
    padding:0;
    margin:0;
  }
  .headlines{
  }
  
  .container{
    padding:50px 0 0 0;
  }
  .cbp-contentslider{
    width:96%;
  }
  .cbp-contentslider > ul li{
    width:96%;
    padding:2%;
  }
  .carousel-slider.cbp-contentslider > ul li{
    width:100%;
  }
  .cbp-contentslider ul li a{
    float:none;
    display:inline-block;
  }
  .services-gs ul li, .vc_responsive .services-gs .wpb_row ul li.vc_span3, .services-gs .service-blocks .service-block{
    float:none;
    display:inline-block;
    margin:115px 20px 20px 0;
  }
  .vc_responsive .services-gs .wpb_row ul li.vc_span3:last-child, .services-gs ul li:last-child, .services-gs .service-blocks .service-block:nth-child(4){
     margin: 115px 0 20px;
  }
  .parallax, .parallax2{
    height:350px;
  }
  
  .parallax.no-parallax,
  .parallax2.no-parallax{
    background-position:50% 50% !important;
  }
  
  .aside h3, aside h3{
    text-align:center;
  }
  
  .start-a-project .fullwidth-layout.block-seprator{
    margin: 0 2%;
    width: 96%;
  }
  .fullwidth-layout .wpcf7-validation-errors{
    margin:0;
  }
  .arrowline{
    margin:0 auto;
  }
  .cols2-layout .wpcf7-validation-errors,
  .fullwidth-layout .wpcf7-validation-errors{
    margin-top: -50px !important;
  }
  .carousel-slider2 ul li img{
    width:auto;
  }
  .apps-block, .apps-block.last, .apps-block:last-child, .apps-block:nth-child(3n){
    margin: 120px 8px 0;
  }
  .customer-block div.wpb_content_element{width:240px; margin:0 auto;}
  .career-customer .customer-block h4{margin:-5px 0 0 0;}
  .gs-heart{margin:0; float:left; top:0; left:0; position:relative; margin:-18px 0 0 0;}
  .customer-block p{text-align:left;}
}


@media (max-width: 1140px) {
  .cols2-layout aside{
    width:100%;
    text-align:center;
  }
  .cols2-layout aside h3, .cols2-layout aside article{
    text-align:center;
  }
  
  .cols2-layout .content{
    margin:0 auto;
    float:none;
    width:auto;
    text-align:center;
  }
  textarea.form-control, input.form-control, input.entrybox, textarea.entrybox, button, input.button{
    margin:0 auto;
  }
  
  .carousel-slider2 ul li > div > div{
    font-size:50px;
  }
  
  .single-career .content .wpcf7 form{
    float:none;
  }
}

@media (max-width: 1024px) {
  .featured-work-gs .work-blocks ul li{
    /*width:48%;
    margin:2% 2% 0 0;*/
  }
  
  .featured-work-gs .work-blocks ul li .work-row-img-content h4 {
  	font-size:50px;
  	line-height:52px;
  }
  
  .featured-work-gs .work-blocks ul li .work-row-img-content p {
  	font-size:14px;
  }
  
  .location .location-message h2{
    font-size:65px;
  }
  .location .location-message h4{
    line-height:28px;
    font-size:18px;
  }
  .parallax, .parallax2 {
    margin:40px 0 0 0;
    background-position:0 0 !important;
  }
  .featured-work-gs .proj-link{
    bottom:0;
  }
  .featured-work-gs .proj-title{
    bottom:60px;
  }
  
}

@media (max-width: 1023px) {
  .featured-work-gs .proj-title,
  .featured-work-gs .proj-link{
    padding:14px 20px;
  }
  
  .featured-work-gs .work-blocks ul li, .featured-work-gs .work-blocks ul li:nth-child(2), .featured-work-gs .work-blocks ul li:nth-child(4){
    /*margin:15px 1% 0 1%;
    vertical-align:top;*/
  }
  
  .about-gs h1 br{
    display:none;
  }
  .carousel-slider2-share ul li:nth-child(2), .carousel-slider2-share ul li:nth-child(3),.carousel-slider2-share ul li:nth-child(4){
    display:none;
  }
  .headlines ul li{
    margin:10px;
  }
  .headlines{
      padding: 80px 0 60px 0;
  }
  .parallax.no-parallax, .parallax2.no-parallax{
    height:200px;
    background-position:50% 50% !important;
  }
  .services hr {
    margin: 0 0 50px;
    padding: 0 0 50px;
  }
  .carousel-slider2-navbar-fixed{
    border-bottom:0px;
  }
  .brand span  {
  	display:none;
  }
  
}

@media (max-width: 960px) {
  .vc_responsive .career-customer.wpb_row .vc_span6{
    width:92%;
    padding:4%;
    border:0px solid #cbcbcb;
    height:auto;
    margin:0;
  }
  .career-customer .career-block ul li{
    width:48%;
  }
  .vc_responsive .career-customer .wpb_row .customer-block ul li.vc_span4, .career-customer .customer-block ul li{
    margin:5px 8px;
  }
  .career-customer .customer-block .boxy-button{
    max-width:200px;
    margin:0 auto;
  }
  .vc_responsive .career-customer.wpb_row .vc_span6.career-block{
    padding-bottom:120px;
  }
  .career-customer .career-block .all-career{
    left:4%;
  }
  h1{
    font-size:45px;
  }
  h1 span{
    font-size:50px;
  }
  .drop-list{
    width:250px;
  }
  
  
  .how-we-work .cbp-fwslider ul,
  .how-we-work .cbp-fwslider ul li{
  
  }
  .how-we-work .cbp-fwslider ul li h2,
  .how-we-work .cbp-fwslider ul li h4,
  .how-we-work .cbp-fwslider ul li article{
    margin:0 2%;
  }
  
  .apps-block, .plan{
    width:40%;
    float:none;
    display:inline-block;
    vertical-align:top;
  }
  .social-faq-toggle, .social-faq .wpb_row .vc_span8{
    width:94%;
    margin:0 auto;
    padding:0;
    float:none;
  }
  .social-faq h2{
    margin:0 0 30px 0;
  }
  .apps-block.last, .apps-block:last-child, .apps-block:nth-child(3n){
    margin-right:15px;
  }
  .branding-logo ul li > a{
    margin-bottom:20px;
  }
  .future ul li span{
    width:30%;
    padding:0 1.5%;
  }
  .carousel-slider ul li img{
    
  }
  .start-a-project .TYPEOFPROJECT + br{
    display:none;
  }
  
  .location .location-message h2{
    font-size:48px;
    line-height:45px;
  }
  .vc_responsive .location.wpb_row .location-message.vc_span6, .location .location-message{
    padding:50px 7%;
    height:530px;
  }
  .location .location-message h4{
    line-height:24px;
  }
  .career-customer .career-block h1,
  .career-customer .career-block h4{
    text-align:center;
  }
  .career-customer .career-block ul li h4{
    text-align:left;
  }
  .filter{
    width:98%;
  }
  .drop-list{
    width:40%;
    padding:20px;
  }
  .how-we-work .row{
    margin-left:0 !important;
    width:100% !important;
    text-align:center;
  }
  .services{
    padding:70px 0 0 0 !important;
  }
}

@media (max-width: 820px) {
  .carousel-slider2-nav ul li.slide2-action-info-current,
  .carousel-slider2-nav ul li div.slide2-action-info{
    display:none !important;
  }
}

@media (max-width: 768px) {
  .navigation{
    position:absolute;
  }
  .navigation ul li, .navigation ul li:hover{
    float:left;
    display:block;
    width:45.6%;
    width:95.6%;
    padding:2%;
    
  }
  .navigation ul ul, .switch{
    display:block;
    text-align:center;
    border-radius:20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
  }
  .switch{
    width:200px;
  }
  .navigation ul li, .navigation ul li:hover, .navigation ul ul li, .navigation ul ul li:hover{
    text-align:left;
  }
  .navigation ul ul li a{
    color:#fff;
    
  }
  .contact-us img{
    width:100px;
  }
  .inside-project .aside,
  .inside-project aside{
    text-align:center;
    float:none;
    display:inline-block;
    
    
  }
  .inside-project .aside li, .inside-project aside ul li{
    width:48%;
    display:inline-block;
    float:none;
    margin:0 0 30px 0;
  }
  .about-gs h1{
    font-size: 36px;
    line-height: 46px;
  }
  h2, .learn-more-social-seo h2{
    font-size:32px;
    line-height:32px;
  }
  h3{
    font-size:22px;
  }
  .career-customer .career-block h1{
    font-size:40px;
    line-height:60px;
    
  }
  .bottom-logo, .page-bottom ul, .headlines{
      padding: 40px 0 40px;
  }
  .left-block img, .right-block img{
    width:280px;
  }
  hr{
    margin-bottom: 30px;
    padding: 0 0 30px;
  }
  .brick img{
    height:100%;
  }
  .digi-strategy{
    left: 135px !important;
  }
  .social-media{
    right:45px !important;
  }
  .comp-analysis{
    right:60px !important;
  }
  .research{
    left:20px !important;
  }
  .idea{
    left: 120px !important;
  }
  .brain{
    left:40px !important;
  }
  .identity{
    bottom:-60px !important;
  }
  .copywrite{
    right:15px !important;
  }
  .motion{
    right:85px !important;
  }
  .cms{
    left:120px !important;
  }
  .eccomerce{
    left:20px !important;
  }
  .party{
    left:125px !important;
  }
  .front{
    right:20px !important;
  }
  .hosting{
    right:100px !important;
  }
  .compatibility{
    left:100px !important;
  }
  .optimization{
    left:25px !important;
  }
  .apps{
    left:100px !important;
  }
  .quality{
    right:20px !important;
  }
  .analytics{
    right:10px !important;
  }
  .compatibility2{
    left:70px !important;
  }
  .improve{
    left:10px !important;
  }
  .server{
    left:45px !important;
  }
  .party2{
    right:15px !important;
  }
  .site{
    right:20px !important;
  }
  .title2 h1, .title2 h1 span{
    font-size:29px;
  }
  .benefits img{
    width:130px;
  }
  .happy-customer ul li, .happy-customer a{
    margin:15px !important;
  }
  .brand span{
    display:none;
  }
}

@media (max-width: 767px) {
  .cbp-fwslider ul li,
  .cbp-fwslider ul{
    /*width:100% !important;*/
  }
  .how-we-work{
    height:inherit;
  }
  .carousel-slider ul li h1{
    font-size:55px;
  }
  .carousel-slider ul li h2{
    font-size:22px;
    line-height:28px;
  }
  .about-gs h1, h2, .learn-more-social-seo h2, .findout-more-ecom .content h2{
    font-size:26px;
    line-height:28px;
    margin:0 0 10px 0;
  }
  .services-gs .service-blocks h2, .services-gs .service-blocks.vc_span12 h2{
    font-size:32px;
    line-height:32px;
  }
  .vc_responsive .career-customer.wpb_row .vc_span6{
    padding-bottom: 40px;
  }
  .career-customer .career-block ul li{
    width: 47%;
  }
  .page-bottom ul{
    padding:30px 0 30px;
  }
  .page-bottom ul li{
    padding:8px 10px;
  }
  .work-big li,
  .work-small li{
    width:100%;
  }
  .vc_responsive .location.wpb_row .location-message.vc_span6, .location .location-message{
    width:86%;
    padding:40px 7%;
    height:inherit;
    margin:20px 0 0 0;
  }
  .location .location-picture{
    margin:30px 0;
    width:100%;
  }
  .location .location-message h2{
    text-align:center;
    font-size:38px;
    line-height:42px;
    margin:0;
  }
  .location .location-message h4,
  .location .location-message article{
    text-align:center;
  }
  span.wpcf7-form-control-wrap{
    display:block !important;
  }
  .fullwidth-layout .gs-contact-form input.form-control, .fullwidth-layout .form-block input.entrybox, .contact-us button, textarea.form-control, .fullwidth-layout .form-block textarea.entrybox, .fullwidth-layout textarea.form-control,
  .cols2-layout .form-block input.entrybox, .cols2-layout .form-block textarea.entrybox{
    width:80%;
    padding:3% 5%;
  }
  .contact-us button,  .contact-us button, input.button2,  .cols2-layout .form-block .button,
  .fullwidth-layout .gs-contact-form input.button{
    width:90%;
    padding:3% 5%;
  }
  .block-end{
    margin-bottom:30px;
    padding-bottom:30px;
  }
  .right-block img, .left-block img{
    float:none;
    margin:0;
  }
  .navigation ul li a{
    font-size:20px;
  }
  .content .cbp-contentslider{
    width:100%;
  }
  .carousel-slider2 ul li > div > div{
    font-size:50px;
  }
  .cbp-fwslider nav span.cbp-fwnext{
    height:30px;
    width:9px;
    background-position:-187px -107px;
    border-width:15px;
  }
  .cbp-fwslider nav span.cbp-fwprev{
    height:30px;
    width:9px;
    background-position:-178px -167px;
    border-width:15px;
  }
  .about-us .cols-2{
    width:100%;
    text-align:center;
    margin:0;
  }
  hr{
     margin-bottom: 20px;
     padding-bottom:20px;
  }
  .block-end{
    margin-bottom:0px;
    padding-bottom:0px;
  }
  .services .content .two-cols .vc_span6, .services .content ul.two-cols li, .services .two-col{
    width:100%;
    margin:0 0 30px 0;
  }
  .services .content .two-cols .vc_span6 article, .services .content ul.two-cols li article, .services .two-col article{
    min-height:inherit;
    
  }
  .benefits img{
    float:none;
    margin:0;
  }
  .wpb_single_image.vc_align_left{
    text-align:center;
  }
  
  .search-engine-optimization .services .two-col h3,
  .search-engine-optimization .services .two-col article{
    text-align:left;
  }
  .bottom-img{
    height:100px;
  }
  .bottom-img:after{
    top:97px;
  }
  .hidden-desktop {
    display: inherit !important;
  }
  .hidden-tablet {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }
  .carousel-slider2 ul li > div > div{
    font-size:30px;
  }
  .work-circle-details h2{
    font-size:38px;
  }
  .how-we-work h4{
    font-size:18px;
    margin-top:10px !important;
  }
  
  .start-a-project .TYPEOFPROJECT{
    
  }
  span.wpcf7-list-item{
    display:inline-block;
    text-align: left;
    margin-bottom:10px;
  }
  .how-we-work nav{
    display:none;
  }
  .about-gs{
    padding:10px 0 50px 0;
  }
  .about-us .clients h2,
  .about-gs h2{
    margin:0 0 10px 0;
  }
  .about-gs h2, .about-gs h2 span{
    font-size:22px;
    line-height: 28px;
  }
  .services-gs h2, .services-gs h2 span{
    font-size:28px;
  }
  .featured-work-gs{
    padding:30px 0;
  }
  .featured-work-gs h2, .featured-work-gs h2 span{
    font-size:30px;
  }
  .featured-work-gs .work-blocks h4{
    font-size:20px;
    margin:40px 0 25px;
  }
  .career-customer .start-proj a{
    padding:30px 0;
  }
  .slide-title, .carousel-slider ul li .slide-title,
  .slide-link, .carousel-slider ul li .slide-link{
    padding: 14px 20px;
  }
  .slide-link, .carousel-slider ul li .slide-link{
    bottom: -61px;
  }
  .drop-list{
    width:70%;
    padding:15px 20px;
    margin:0 0 -1px 0;
  }
  .about-us h2,
  .about-us h2 span, .benefits h2 span{
    font-size:26px;
    line-height:32px;
  }
  .work-circle-details h2{
    font-size:38px;
    line-height:45px;
  }
  .about-us h2, .about-us article{
    text-align:center;
  }
  .about-us h2:after{
    display:none;
  }
  .where-work{
    padding-top:50px;
  }
  .cbp-fwslider ul,
  .cbp-fwslider ul li{
    
  }
  .how-we-work .cbp-fwslider ul,
  .how-we-work .cbp-fwslider ul li{
    width:100% !important;
    transform:inherit !important;
    -webkit-transform:inherit !important;
    -moz-transform:inherit !important;
     transition:inherit !important;
    -webkit-transition:inherit !important;
    -moz-transition:inherit !important;
  }
  .cbp-fwslider ul li{
    margin:0 0 -1px 0;
  }
  
  .how-we-work .cbp-fwslider ul li, .how-we-work .cbp-fwslider ul li.hww_1{
    padding:80px 0;
  }
  .work-circle{
    transform:scale(.8);
    margin:0 auto;
  }
  .work-feature-circle{
    position:static;
    display:inline-block;
    width:150px !important;
    height:150px !important;
    margin:0;
  }
  .work-feature-circle-inner > div,
  .site .work-feature-circle-inner > div{
    font-size:13px;
    padding:10px;
  }
  .services .content h2, .services .content h2 span.highlight{
    font-size:24px;
    margin:0;
    line-height:28px;
  }
  .services .content h3{
    font-size:22px;
    line-height:26px;
    margin:20px 0 0 0;
  }
  .right-block, .left-block{
    margin:0;
  }
  .services .content h4.block-subtitle{
    margin:-25px 0 25px 0;
  }
  .carousel-slider2 ul li img{
    left:-25%;
  }
  .navigation ul li .switch{
    margin:10px 0 0 0;
  }
  .navigation ul li:hover .switch,
  .navigation ul li.menu-item:hover a{
    animation:none;
    -webkit-animation:none;
  }
  nav ul li.menu-item{
    display:none;
  }
  .services-gs ul li, .vc_responsive .services-gs .wpb_row ul li.vc_span3, .services-gs .service-blocks .service-block,
  .vc_responsive .services-gs .wpb_row ul li.vc_span3:last-child, .services-gs ul li:last-child, .services-gs .service-blocks .service-block:nth-child(4){
    margin:115px 10px 20px 10px;
  }
  .services-gs ul li, .vc_responsive .services-gs .wpb_row ul li.vc_span3, .services-gs .service-blocks .service-block,
  .vc_responsive .services-gs .wpb_row ul li.vc_span3:last-child, .services-gs ul li:last-child, .services-gs .service-blocks .service-block:nth-child(4){
    margin:115px 0px 20px 0;
  }
  
}

@media (max-width: 700px) {
  .featured-work-gs .proj-title, .featured-work-gs .proj-link{
    padding:10px 15px;
    width:200px;
  }
  .featured-work-gs .proj-title{
    bottom:50px;
    font-size:20px;
  }
  footer .address{
    float:none;
  }
  footer .social{
    float:none;
  }
  footer .social a{
    float:none;
    display:inline-block;
  }
  .carousel-slider2-navbar{
    
  }
  .inside-project .aside li, .inside-project aside ul li{
    width:90%;
    display:inline-block;
    float:none;
  }
  .ui-slider-horizontal{
    
  }
  .move_top{
    bottom:0;
  }
  
  
}

@media (max-width: 568px) {
  .featured-work-gs .work-blocks ul li{
    width:100%;
  }
  .featured-work-gs .work-blocks ul li .work-row-img-content h4 {
  	font-size:30px;
  	line-height:32px;
  }
  
  .featured-work-gs .work-blocks ul li .work-row-img-content p {
  	font-size:13px;
  }
  
  .vc_responsive .services-gs .wpb_row ul li.vc_span3:last-child, .services-gs ul li:last-child{
    margin-right:15px;
  }
  .carousel-slider ul li h1{
    font-size:38px;
    line-height:42px;
  }
  .carousel-slider ul li h2{
    font-size:18px;
    width:80%;
  }
  .featured-work-gs h2:after{
    width:96%;
  }
  .career-customer .career-block ul li{
    width:96% !important;
  }
  .bottom-logo img{
    width:96%;
    max-width:260px;
  }
  .career-customer .career-block h1{
    font-size:45px;
    line-height:50px;
  }
  .carousel-slider.cbp-contentslider > nav{
    top:15px;
  }
  nav{
    float:none;
  }
  nav ul li{
    border-left:0;
    float:right;
    margin:0 20px 0 0;
  }
  nav ul li a{
    text-indent:-99999px;
    padding:30px 0;
    float:right;
  }
  nav ul li a:hover .menu-line{
    background:#fff;
  }
  .carousel-slider.cbp-contentslider{
    height:450px;
  }
  .carousel-slider .slider-details,
  .carousel-slider.cbp-contentslider > ul,
  .carousel-slider.cbp-contentslider > ul li{
    height:330px;
  }
  .slide-title, .carousel-slider ul li .slide-title,
  .slide-link, .carousel-slider ul li .slide-link{
    padding:10px;
  }
  @-webkit-keyframes mymove {
    from {bottom: -50px;}
    to {bottom: 0px;}
  }
  @keyframes mymove {
    from {bottom: -50px;}
    to {bottom: 0px;}
  }
  .slide-link, .carousel-slider ul li .slide-link{
    bottom: -53px;
  }
  .go-down{
    margin-top:70px;
  }
  .about-gs,
  .services-gs{
    padding:30px 0;
  }
  .about-gs h1, .services .content h3, .about-us h1, h3, h2 span.highlight, h1 span.highlight, .start-a-project h1{
    font-size:22px;
    line-height:28px;
    margin:20px 0 0 0;
  }
  .careers h3{
    margin:0;
  }
  .work-circle-details h1{
    font-size:50px;
    margin:0 0 25px 0;
  }
  .about-gs h1{
    margin:0 0 20px 0;
  }
  
  .services-gs ul li, .vc_responsive .services-gs .wpb_row ul li.vc_span3{
    margin-top:70px;
  }
  .navigation ul li, .navigation ul li:hover{
    float:left;
    display:block;
    width:95.6%;
    padding:2%;
  }
  
  .container, .contact-us{
    padding:30px 0 0 0;
  }
  .bottom-logo{
    padding:30px 0;
  }
  .filter{
    padding:0 0 30px 0;
  }
   h1{
    font-size:30px;
    line-height:32px;
    margin:0 20px 20px;
  }
  h1 span,  .contact-us h1, h1.contact-top span{
    font-size:35px;
    padding:0;
  }
  h4{
    margin:0 20px;
  }
  .services-gs .service-blocks h2, .services-gs .service-blocks.vc_span12 h2{
    font-size:25px;
    line-height:32px; 
  }
  .services-gs ul li h4, .services-gs .service-blocks .service-block h4{
    margin:0;
  }
  .parallax, .parallax2{
    height:200px;
    background-size:150% auto !important;
    background-position:50% 50% !important;
  }
  .brand{
    padding:30px 10px;
  }
  .wpb_single_image.vc_align_left{
    display:inline-block;
  }
  .findout-more-ecom .content img{
    margin:0 5px 20px;
    float:none;
  }
  .content-block{
    width:100%;
  }
  .plan, .plan:last-child{
    width:96%;
    margin:30px 0 0 0;
    max-width:280px;
  }
  
  .apps-block, .apps-block:last-child, .apps-block:nth-child(3n){
    width:96%;
    max-width:280px;
    margin:80px 0 0 0;
  }
  
  .plan, .plan:last-child{
     padding:0 0 130px 0;
     min-height:inherit;
  }
  .benefit-block li{
    width:100%;
  }
  .right-block, .left-block{
    width:100%;
    margin:0px 0 0 0;
  }
  .services .content h2.small + article, .services .content h2.small2 + article{
    margin:0 0 30px 0;
  }
  .future ul li span{
    width:97%;
    padding:0 1.5% 10px 1.5%;
    font-size:15px;
  }
  .inside-project .cbp-contentslider2-content img{
    height:auto;
    height:180px;
    width:auto;
  }
  .headlines h4,
  .headlines h4 span{
    font-size:20px;
  }
  .single-career img.wp-post-image{
    width:100px;
  }
  .title2 h1, .title2 h1 span, .social-faq h2{
    font-size:28px;
    line-height:28px;
  }
  .title2 h4.subtitle{
    font-size: 17px;
  }
  .single-career .cols2-layout aside article{
    line-height:22px;
  }
  .map-bubble{
     margin: 0 15px 0px 0;
  }
  .location-pic-address h3.big{
    line-height:22px;
  }
  .start-a-project .TYPEOFPROJECT{
    text-align:left;
    font-size:16px;
    margin:0;
  }
  .page-bottom ul li{
    padding: 5px 10px;
  }
  .bottom-logo img{
    max-width:220px;
  }
  .findout-more-ecom .wpb_single_image img{
    width:90px;
  }
  
  .services .content h3, .services .content h2.small, h2.small, .about-gs h1, h2, .learn-more-social-seo h2, .findout-more-ecom .content h2, .services .content h4.block-subtitle{
    font-size:22px;
    line-height:24px;
  }
  
  .services .content h2.small + article, .services .content h2.small2 + article, .services .content h3.small + article{
    line-height:22px;
  }
  .services hr, .services hr.small {
    margin: 0 0 30px;
    padding: 0 0 30px;
  }
  .services .content .two-cols .vc_span6 img, .services .content ul.two-cols li img, .services .two-col img{
    margin:20px 20px 0 0;
  }
  
  .learn-more-social-seo .content-block{
    margin-top:30px;
    margin-bottom:0;
  }
  .social-faq-toggle li i.expand{
  }
  #how-we-work, #where-we-work{display:none;}
  nav ul li a:after{display:none;}
  .services-gs h1 {
  	font-size:22px;
  	line-height:24px;;
  }
  .cbp-contentslider ul li a{
  	margin:12px !important;
  }
}

@media (max-width: 480px) {
  .drop-list{
    width:70%;
    padding:15px;
  }
  .location-pic-address{
    width:100%;
    height:auto;
    padding:35px 20px 0 20px;
    -webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
  }
  .location-pic-address h3{
   font-size:18px; 
  }
  .location-pic-address article{
    font-size:14px;
  }
  .services .content .two-cols .vc_span6 img, .services .content ul.two-cols li img, .services .two-col img{
    float:none;
  }
  .happy-customer{
    margin:30px 0 0 0;
  }
  .happy-customer ul li, .happy-customer a{
    margin-bottom:20px;
  }
  .carousel-slider2 > ul > li,
  .carousel-slider2 ul li img{
    min-height:180px;
  }
  .social-faq-toggle li{
    margin-bottom:20px;
  }
  .services .two-col img{
    position:relative;
    left:50%;
    margin-left:-46px;
  }
  .search-engine-optimization .services .content h3{
    font-size:22px;
    line-height:28px;
  }
  .carousel-slider2-nav ul li.slide2-action.slide2-action-menu{
    display:none;
  }
  .carousel-slider2-navbar ul li a{
    padding:16px 25px;
    height:36px;
    line-height:40px;
  }
  
}
@media (min-width: 768px) and (max-width: 979px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .hidden-phone {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }
}
@media (min-width: 980px) {
  .hidden-phone {
    display: inherit !important;
  }
  .hidden-tablet {
    display: inherit !important;
  }
  .hidden-desktop {
    display: none !important;
  }
}