/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */
.clearfix:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}
ul, li{
    margin: 0;
    padding: 0;
    list-style: none;
}
a{
    list-style: none;
    font-family: arial;
    font-weight: 800;
    text-decoration: none;
}
 .wrapper{
    width: auto;
    margin: 0 auto;
    padding: 0 3.1%;
}	 
.smooth{
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.slicknav_menu {
	display:none;
}
/*--------------------------------------------------------------------------------------------*/
body{
	opacity: 0;
	-webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}
/*----*/
.sitemap-btn {
    position: fixed;
    bottom: 0;
    left: 2%;
    width: 220px;
    height: 20px;
    z-index: 3;
    background: #3cafdd;
    text-align: center;
    border-radius: 14px 14px 0 0;
    padding: 6px 0 6px 0;
    -webkit-box-shadow: 2px -2px 5px 0px rgba(50, 50, 50, 0.57);
    -moz-box-shadow: 2px -2px 5px 0px rgba(50, 50, 50, 0.57);
    box-shadow: 2px -2px 5px 0px rgba(50, 50, 50, 0.57);
}
.sitemap-btn a {
    color: #fff;
    font-weight: 800;
    font-family: arial;
    font-size: 14px;
    padding: 7px 50px;
}
.about-section .sitemap-btn { background: #2b1000;	}
.marketing-pages .sitemap-btn { background: #be28e7;	}
.printing-pages .sitemap-btn { background: #33a443;	}
.apps-pages .sitemap-btn { background: #e26e00;	}
/*----*/
.white-bg .fp-tableCell{
		background: rgba(255,255,255,0.5);
}
/*----*/
.video-home{
    background-image: url(../img/homepage/wood-texture.jpg);
		background-size: cover;
		background-attachment: fixed;
		background-position: bottom center;
		position: relative;
		background-color: #227aca;
		z-index: 2;
}
.video-home .fp-tableCell{
    display: block;
}
.about-home{
	background-image: url(../img/about-bg.jpg);
	background-size: cover;
	background-attachment: fixed;
}
body #fullpage div.portfolio-all .fp-tableCell .portfolio{
		background: url(../img/portfolio-bg2.jpg) center no-repeat;
    background-size: cover;
    background-attachment: fixed;
		position: relative;
		z-index: 2;
}
.map-home{
	background: url(../img/map-bg.jpg) center;
	background-size: cover;
}
.specialties-home{
	background: #2de17a;
}
.footer-all{
	background: url(../img/footerbg.png) center !important;
	background-size: cover !important;
}
.sub-about{ 
	padding: 3px 0 0 0; 
	background: #2d0f00; 
-webkit-box-shadow: 4px 3px 6px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow:    4px 3px 6px 0px rgba(50, 50, 50, 0.2);
box-shadow:         4px 3px 6px 0px rgba(50, 50, 50, 0.2);
}		
.sub-webdesign{ 
	padding: 3px 0 0 0; 
	background: #23d5fd; 
-webkit-box-shadow: 4px 3px 6px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow:    4px 3px 6px 0px rgba(50, 50, 50, 0.2);
box-shadow:         4px 3px 6px 0px rgba(50, 50, 50, 0.2);
}		
.sub-marketing{ 
	padding: 3px 0 0 0; 
	background: #b930d4; 
-webkit-box-shadow: 4px 3px 6px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow:    4px 3px 6px 0px rgba(50, 50, 50, 0.2);
box-shadow:         4px 3px 6px 0px rgba(50, 50, 50, 0.2);
}		
.sub-printing{ 
	padding: 3px 0 0 0; 
	background: #31d97a;
-webkit-box-shadow: 4px 3px 6px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow:    4px 3px 6px 0px rgba(50, 50, 50, 0.2);
box-shadow:         4px 3px 6px 0px rgba(50, 50, 50, 0.2);
}		
.sub-apps{ 
	padding: 3px 0 0 0; 
	background: #e46421;
-webkit-box-shadow: 4px 3px 6px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow:    4px 3px 6px 0px rgba(50, 50, 50, 0.2);
box-shadow:         4px 3px 6px 0px rgba(50, 50, 50, 0.2);
}		


ul.sub-toolbar li{
	position: relative;
}
.sub-toolbar li.printing-parent, .sub-toolbar li.apps-parent {
    font-size: 1.4vw;
    line-height: 1.8vw;
    padding: 0.8vw 1.7vw 0.8vw 1vw;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    margin: 0 7px;
    text-align: center;
    border-bottom: 1px solid #7cdfff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}
#menu li ul {
    display: none;
}
#menu li {
    margin: 0 1.3vw;    
}
#menu li a.port-menu {
    margin-top: 0.4vw;
}
.seo_blurb {
    color: rgb(20, 98, 192);
    font-size: 14px;
    text-align: justify;
}
.seo_blurb3 {
    color: rgb(20, 98, 192);
    font-size: 14px;
    text-align: justify;
}
.menu-child {
	display: none;	
	position: absolute;
	right: 100%;
	top: 0;
	width: 350px;
	-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
ul.sub-toolbar .menu-child li{
    float: left;
    width: 49.7%;
    font-size: 12px;
    line-height: 13px;
}
ul.sub-toolbar .menu-child li a{
    word-break: break-word;
    padding: 6px 0px;
    height: auto;
    text-align: center;
    font-weight: 600;
    margin: 0 8px;
    text-transform: capitalize;
}
.about-section .sub-toolbar {
    background: #000000;    
}
.about-section .sub-toolbar li a:hover {
    background: #fff;
		color: #000;
}
/*---------------------*/
.fancybox-nav {
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
}
/*---------------------*/
/*----------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------*/
.home-container {
    position: relative;
    height: 100%;
    width: 100%;
    margin: 4vw auto 0 auto;
}
.home-item{
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;	
}
.fp-tableCell {
    overflow: hidden;
}
	.phone-home{
	position: absolute;
    top: 20%;
    left: 10%;
    background: url(../img/homepage/cellphone.png) center no-repeat;
    background-size: contain;
    width: 10.4vw;
    padding-top: 19.9vw;
    -ms-transform: rotate(-7deg);
    -webkit-transform: rotate(-7deg);
    transform: rotate(-7deg);
	}
	.sticker-home{
    position: absolute;
    top: 2%;
    left: 28%;
    background: url(../img/homepage/postit.png) center no-repeat;
    background-size: contain;
    width: 23.3vw;
    padding-top: 14vw;
	}
	.pen-home{
		position: absolute;
    bottom: 15%;
    left: 6%;
    background: url(../img/homepage/pen.png) center no-repeat;
    background-size: contain;
    width: 19.7vw;
    padding-top: 8.9vw;
	}
	.black-pin-1{
    position: absolute;
    top: 59%;
    left: 30%;
    background: url(../img/homepage/pin01.png) center no-repeat;
    background-size: contain;
    width: 10.3vw;
    padding-top: 5.3vw;
	}
	.black-pin-2{
    position: absolute;
    top: 44%;
    left: 25%;
    background: url(../img/homepage/pin02.png) center no-repeat;
    background-size: contain;
    width: 10.3vw;
    padding-top: 5.3vw;
	}
	.tablet-home{
    position: absolute;
    top: 34%;
    left: 39%;
    background: url(../img/homepage/tablet.png) center no-repeat;
    background-size: contain;
    width: 32.5vw;
    padding-top: 25.5vw;
	}
	.mouse-home{
		position: absolute;
    top: 0.2%;
    right: 17%;
    background: url(../img/homepage/mouse.png) center no-repeat;
    background-size: contain;
    width: 12.6vw;
    padding-top: 21.7vw;
	}
	.mug-home{
		position: absolute;
    top: 5%;
    right: 4%;
    background: url(../img/homepage/mug.png) center no-repeat;
    background-size: contain;
    width: 13.4vw;
    padding-top: 11.1vw;
	}
	.pin1{
    position: absolute;
    bottom: 14%;
    right: 22%;
    background: url(../img/homepage/clip01.png) center no-repeat;
    background-size: contain;
    width: 5.8vw;
    padding-top: 3.1vw;
	}
	.pin2{
    position: absolute;
    bottom: 42%;
    right: 15%;
    background: url(../img/homepage/clip02.png) center no-repeat;
    background-size: contain;
    width: 5.8vw;
    padding-top: 3.1vw;
	}
	.memory-home{
    position: absolute;
    bottom: 23%;
    right: 8%;
    background: url(../img/homepage/usb.png) center no-repeat;
    background-size: contain;
    width: 5.8vw;
    padding-top: 7vw;
	}
	
	.phone-links{
    position: absolute;
    top: 3.2vw;
    left: 2.1vw;
	}
	.phone-links a{
    color: #fff;
    font-size: 1.2vw;
    line-height: 2.71vw;
    font-weight: 600;
	}
	.sticker-text{
		position: absolute;
    top: 1.9vw;
    left: 0.3vw;
    text-align: center;
    color: #01b3db;
    -ms-transform: rotate(-1.8deg);
    -webkit-transform: rotate(-1.8deg);
    transform: rotate(-1.8deg);
    font-size: 0.7vw;
    line-height: 0.8vw;
	}
	.sticker-text p {
    font-size: 0.85vw;
    margin: 0.5vw 0 -0.5vw 0;
	}
	.sticker-text span{
		font-weight: bold;
	}
	.bx-viewport{
		
	}
	.sticker-text li{
		text-align: left;	
		margin-left: 4.9vw;
		font-size: 0.8vw;
    line-height: 0.95vw;
	}
	.tablet-home a.tablet-text{
		color: #fff;
    position: absolute;
    top: 2.8vw;
    left: 5.6vw;
    font-size: 0.75vw;
	}
	.embeded-home-video{
    position: absolute;
		left: 14.4%;
    top: 15.6%;
	}
	.embed-home-container iframe, .embed-home-container img{
    height: 17.5vw !important;
    width: 23.1vw !important;
	}


/*------------------------------------------------------*/	
@media screen and (max-width: 1680px){
	.sticker-home {
    top: 2.5%;
    left: 26.4%;
    width: 27.7vw;
    padding-top: 16.7vw;
	}
	.sticker-text {
    top: 2.1vw;
    left: 1.3vw;
    font-size: 0.8vw;
    line-height: 1vw;
	}
	.sticker-text span {
    font-size: 1.1vw;
	}
	.sticker-text li {
    font-size: 0.87vw;
    line-height: 1.18vw;
	}
	.tablet-home {
    top: 32.8%;
    left: 36%;
    width: 36.5vw;
    padding-top: 28.4vw;
	}
	.embed-home-container iframe, .embed-home-container img {
		height: 19.7vw !important;
    width: 25.9vw !important;
	}
	.embed-home-container iframe {
    height: 20.4vw;
    width: 27.2vw;
	}
	.tablet-home a {
    left: 7vw;
    font-size: 0.85vw;
	}
	.black-pin-1 {
    top: 60%;
    left: 30%;
  }
	.black-pin-2 {
    top: 48%;
    left: 26%;
  }
	.pin1 {
    bottom: 12%;
    right: 30.3%;
  }
	.pin2 {
    bottom: 41%;
    right: 21.8%;
	}
	.phone-home {
    top: 22%;
    left: 14.1%;
    width: 11.8vw;
    padding-top: 22.1vw;
    -ms-transform: rotate(-4deg);
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
	}
	.phone-links a {
    font-size: 1.4vw;
    line-height: 3.15vw;
  }
	.pen-home {
    bottom: 13.7%;
    left: 14.5%;
    width: 21vw;
    padding-top: 10.1vw;
	}
	.mouse-home {
    top: 0.2%;
    right: 19.2%;
    width: 14.7vw;
    padding-top: 25.2vw;
	}
	.mug-home {
    top: 2%;
    right: 9%;
    width: 15.4vw;
    padding-top: 12.7vw;
	}
	.memory-home {
    bottom: 16%;
    right: 14%;
    width: 8.4vw;
    padding-top: 10.1vw;
	}	
}	
/*------------------------------------------------------*/	
@media screen and (max-width: 1280px){
	.pin1, .black-pin-2, .mug-home{
			display: none;
	}
	.sticker-home {
    top: 2%;
    left: 36.4%;
    width: 29.7vw;
    padding-top: 17.9vw;
	}
	.sticker-text {
    top: 2.1vw;
    left: 2.7vw;
    font-size: 0.9vw;
    line-height: 1.1vw;
	}
	.sticker-text li {
    margin-left: 6.6vw;
	}
	.tablet-home {
    top: 36.8%;
    left: 32.5%;
    width: 37.9vw;
    padding-top: 29.4vw;
	}
	.embed-home-container iframe {
    height: 21.6vw;
    width: 28.4vw;
	}
	.phone-home {
    top: 11%;
    left: 13.1%;
    width: 13.9vw;
    padding-top: 26.1vw;
  }
	.phone-links {
    top: 4.3vw;
    left: 2.9vw;
	}
	.phone-links a {
    font-size: 1.6vw;
    line-height: 3.6vw;
	}	
	.black-pin-1 {
    top: 65%;
    left: 18%;
	}
	.pen-home {
    bottom: 10.7%;
    left: -5.5%;
    width: 27vw;
    padding-top: 13.1vw;
	}
	.mouse-home {
    top: -5%;
    right: 10.2%;
    width: 16.2vw;
    padding-top: 27.7vw;
	}
	.pin2 {
    bottom: 41.5%;
    right: 17.8%;
    width: 8.6vw;
    padding-top: 4.4vw;
	}
	.memory-home {
    bottom: 17%;
    right: 12%;
    width: 8.4vw;
    padding-top: 10.1vw;
	}
}
/*------------------------------------------------------*/	
@media screen and (max-width: 1280px){
	.sticker-home {
			top: 4%;
			left: 30%;
			width: 40.7vw;
			padding-top: 24.2vw;
	}
	.sticker-text {
    top: 3.1vw;
		left: 3.1vw;
    font-size: 1.2vw;
    line-height: 1.4vw;
	}
	.sticker-text span {
    font-size: 1.4vw;
	}
	.sticker-text p {
    font-size: 1.15vw;
    margin: 0.9vw 0 -0.5vw 0;
	}
	.sticker-text li {
    font-size: 1.17vw;
    line-height: 1.68vw;
	}
	.tablet-home {
    top: 38.8%;
    left: 27.5%;
    width: 45.9vw;
    padding-top: 35.7vw;
	}
	.embed-home-container iframe, .embed-home-container img {
		height: 24.7vw !important;
    width: 32.6vw !important;
	}
	.embed-home-container iframe {
    height: 25.9vw;
    width: 34.3vw;
	}
	.tablet-home a {
    left: 7vw;
    font-size: 1.15vw;
    top: 3.7vw;
	}
	.phone-home {
    top: 7%;
    left: 7.4%;
    width: 16.6vw;
    padding-top: 31.1vw;
	}
	.phone-links a {
    font-size: 2vw;
    line-height: 4.4vw;	
	}
	.black-pin-1 {
    top: 56.5%;
    left: 14%;
    width: 6.3vw;
    padding-top: 7vw;
	}
	.pen-home {
    bottom: 15.7%;
    left: -15.5%;
    width: 36vw;
    padding-top: 16.1vw;
	}
	.mouse-home {
    top: -8%;
    right: 6%;
    width: 21.4vw;
    padding-top: 36.7vw;
	}
	.pin2 {
    bottom: 44.5%;
    right: 9.8%;
    width: 11.6vw;
    padding-top: 6.1vw;
	}
	.memory-home {
    bottom: 20.1%;
    right: 9.5%;
    width: 10.4vw;
    padding-top: 12.7vw;
	}
}	
/*----------------------------------------------------------------------------------------------*/
@media screen and (max-height: 800px) and (orientation:landscape) {
	.phone-home {
    top: 6%;
    left: 7.4%;
    width: 12.6vw;
    padding-top: 24.1vw;
	}	
	.phone-links a {
    font-size: 1.4vw;
    line-height: 3.25vw;
	}
	.sticker-home {
    top: 4%;
    left: 35%;
    width: 31.7vw;
    padding-top: 19.2vw;
	}
	.sticker-text {
    top: 3.5vw;
    left: 2.6vw;
    font-size: 0.9vw;
    line-height: 1.1vw;
	}
	.tablet-home {
    top: 29.8%;
    left: 33.5%;
    width: 33.9vw;
    padding-top: 37.7vw;
	}
	.embeded-home-video {
    top: 15%;
	}
	.embed-home-container iframe, .embed-home-container img {
    height: 18.4vw !important;
    width: 24.1vw !important;
	}
	.mouse-home {
    top: -6%;
    right: 6%;
    width: 12.4vw;
    padding-top: 21.7vw;
	}
	.pin2 {
    bottom: 43.5%;
    right: 9.8%;
    width: 6.5vw;
    padding-top: 3.3vw;
	}
	.memory-home {
    bottom: 15.1%;
    right: 9.5%;
    width: 6.4vw;
    padding-top: 7.7vw;
	}
	.tablet-home a.tablet-text {
    top: 8.1vw;
    left: 5.3vw;
    font-size: 0.85vw;
		display: none;
	}
}
/*----------------------------------------------------------------------------------------------*/
@media screen and (max-height: 600px) and (orientation:landscape) {
	.sticker-home {
    top: 0%;
    left: 35%;
    width: 31.7vw;
    padding-top: 19.2vw;
	}
	.sticker-text {
    top: 2.7vw;
    left: 2.7vw;
    font-size: 1vw;
    line-height: 1.1vw;
	}
	.tablet-home {
    top: 40.1%;
    left: 35.9%;
    width: 30.9vw;
    padding-top: 23.7vw;
	}
	.embed-home-container iframe, .embed-home-container img {
    height: 16.4vw !important;
    width: 21.9vw !important;
	}
	.tablet-home a {
    left: 3.4vw;
    font-size: 0.85vw;
    top: 2.1vw;
	}
	.embed-home-container iframe {
    height: 17.9vw;
    width: 23.3vw;
	}
	.phone-home {
    top: 4%;
    left: 14.4%;
    width: 11.8vw;
    padding-top: 22.1vw;
	}
	.phone-links a {
    font-size: 1.3vw;
    line-height: 3.1vw;
	}
	.phone-links {
    top: 3.3vw;
    left: 2.6vw;
	}
	.black-pin-1 {
    top: 48.5%;
    left: 29%;
    width: 5.3vw;
    padding-top: 6vw;
	}
	.pen-home {
    bottom: 16.7%;
    left: 5.5%;
    width: 23vw;
    padding-top: 10.3vw;
	}
	.mouse-home {
    top: -8%;
    right: 15%;
    width: 14.4vw;
    padding-top: 24.7vw;
	}
	.memory-home {
    bottom: 14.1%;
    right: 15.5%;
    width: 7.2vw;
    padding-top: 8.7vw;
	}
	.pin2 {
    bottom: 36.5%;
    right: 24.8%;
    width: 7.6vw;
    padding-top: 3.7vw;
	}
}

/*----------------------------------------------------------------------------------------------*/
@media screen and (max-width: 800px) and (orientation:landscape) {
	.pin2, .black-pin-1{
		display: none;		
	}
	.sticker-home {
    top: 2.8%;
    left: 4.2%;
    width: 49vw;
    padding-top: 29.5vw;
	}
	.sticker-text {
    top: 3.7vw;
    left: 2.9vw;
    font-size: 1.5vw;
    line-height: 1.7vw;
	}
	.sticker-text li {
    margin-left: 11.8vw;
	}
	.mouse-home {
    top: 30%;
    right: auto;
    left: -1.5vw;
    width: 24.4vw;
    padding-top: 41.9vw;
	}
	.tablet-home {
    top: 40.8%;
    left: 27.2%;
    width: 50.9vw;
    padding-top: 39.5vw;
	}
	.embed-home-container iframe, .embed-home-container img {
    height: 27.2vw !important;
    width: 36.2vw !important;
	}
	.embed-home-container iframe {
    height: 28.6vw;
    width: 38.1vw;
	}
	.tablet-home a {
    left: 7.4vw;
    font-size: 1.31vw;
    top: 3.9vw;
	}
	.phone-home {
    top: 1%;
    right: 19%;
    left: auto;
    width: 16.6vw;
    padding-top: 31.1vw;
	}
	.memory-home {
    bottom: auto;
    top: 2.9vw;
    right: 4.1%;
    width: 10.4vw;
    padding-top: 12.7vw;
	}
	.pen-home {
    bottom: 21.7%;
    right: -6%;
    left: auto;
    width: 36vw;
    padding-top: 16.1vw;
    -ms-transform: rotate(-4deg);
    -webkit-transform: rotate(-4deg);
    transform: rotate(-91deg);
	}
}
/*----------------------------------------------------------------------------------------------*/
@media screen and (max-width: 800px) and (orientation:portrait) {
	.pen-home, .black-pin-1 {
    display: none;
	}
	.black-pin-2, .mug-home{
		display: block;
	}
	.black-pin-2{
    top: 69%;
    left: 6%;
    width: 11vw;
    padding-top: 12.3vw;
	}
	.tablet-home {
    top: 54%;
    left: 18.3%;
    width: 62.9vw;
    padding-top: 48.8vw;
	}
	.embed-home-container iframe, .embed-home-container img {
    height: 34.1vw !important;
    width: 44.7vw !important;
	}
	.tablet-home a {
    left: 5.2vw;
    font-size: 1.95vw;
    top: 4.6vw;
	}
	.embed-home-container iframe {
    height: 35.4vw;
    width: 46.9vw;
	}
	.memory-home {
    bottom: auto;
    top: 36%;
    right: 44.5%;
    width: 13.4vw;
    padding-top: 16vw;
	}
	.pin2 {
    bottom: auto;
    top: 70%;
    right: 4.8%;
    width: 12.6vw;
    padding-top: 6.3vw;
	}
	.phone-home {
    top: 26%;
    left: 9.4%;
    width: 19.2vw;
    padding-top: 36.1vw;
    -ms-transform: rotate(-11deg);
    -webkit-transform: rotate(-11deg);
    transform: rotate(-11deg);
	}
	.phone-links {
    top: 5.5vw;
    left: 3.8vw;
	}
	.phone-links a {
    font-size: 2.4vw;
    line-height: 5.2vw;
	}
	.sticker-home {
    top: 0%;
    left: 21%;
    width: 61.6vw;
    padding-top: 37.2vw;
		z-index: 2;
	}
	.sticker-text {
    top: 4.2vw;
    left: 5.5vw;
    font-size: 1.9vw;
    line-height: 2.2vw;
	}
	
	.sticker-text li {
    margin-left: 13.6vw;
	}
	.mouse-home {
    top: 19%;
    right: 10%;
    width: 25.1vw;
    padding-top: 42.7vw;
    -ms-transform: rotate(-24deg);
    -webkit-transform: rotate(-24deg);
    transform: rotate(24deg);
	}
	.mug-home {
    top: -6%;
    right: -9%;
    width: 26.4vw;
    padding-top: 21.7vw;
    z-index: -1;
	}	
}
/*----------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------*/
.scrollable {
    height: 57vh;
}
.scrollarrows{
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 12vh;
		width: 77px !important;
		display: none;
		cursor: pointer;
}
.about-section .belt{
    padding: 0 85px;
}
/*--------------------------------------------------------------------------------------------*/
header{
		background: rgb(255, 255, 255);    
		position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9;
}
.bottom-border {
    position: fixed;
}
.webdesign-menu {
    position: fixed;
    width: 100%;
    left: -2%;
    top: 3.6vw;
    z-index: 8;
		opacity: 1 !important;
}
ul.websubmenu1, ul.websubmenu2 {
    position: fixed;    
}
.light{
    position: absolute;
    height: 3.7vw;
    z-index: 1;
		width: 100%;
}
.light.action:before {
  content: ' ';
  position: absolute;
  width: 20px;
  height: 3.4vw;
  animation: slide 5s linear infinite;
  transform: rotate(30deg);
}
/*header .light:after{
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0%;
    height: 100%;
    background-color: rgba(255,255,255,0.7);
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;    
}
header .light.action:after{
    width: 120%;
    background-color: rgba(255,255,255,0);
    -webkit-transition: all 1.5s ease-out;
    -moz-transition: all 1.5s ease-out;
    -ms-transition: all 1.5s ease-out;
    -o-transition: all 1.5s ease-out;
    transition: all 1.5s ease-out;
}*/
@keyframes slide{
  from {
    left: -1%;
    background: rgba(255, 255, 255, 0.5);
  }
  to{
    left: 100%;
    background: rgba(255, 255, 255, 0.5);
  }
}
.sub-header{
	position: relative;
	padding-top: 0.5vw;
	padding-bottom: 0.5vw;
	background: #fff;
	z-index: 10;
}
.logo{
		float: left;
    width: 8.3%;
}
.logo a{
    height: 0;
    overflow: hidden;
    display: block;
    background: url(../img/logo.png) center no-repeat;
    background-size: contain;
    padding-top: 2.5vw;
    width: 100%;
}
.marketing-pages .logo a{	
		background: url(../img/logo-marketing.png) center no-repeat;
    background-size: contain;
}
.about-section .logo a{	
		background: url(../img/logo-about.png) center no-repeat;
    background-size: contain;
}
.apps-pages .logo a{	
		background: url(../img/logo-apps.png) center no-repeat;
    background-size: contain;
}
.printing-pages .logo a{	
		background: url(../img/logo-printing.png) center no-repeat;
    background-size: contain;
}

.main-menu{
    width: 60%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.main-menu li{
    float: left;
    text-align: center;
    margin: 0 1.5vw;
		width: auto;
}
.main-menu a {
    color: rgb(1, 179, 219);
    width: auto;
    display: block;
    padding: 15px 0;
    font-size: 1vw;
    letter-spacing: 0.05vw;
    font-weight: 600;
}
.main-menu a.port-menu, .main-menu a.web-menu {
    padding: 10px 0;
    line-height: 1vw;
    width: 9vw;
}
.main-menu a.web-menu{
		width: 4.7vw;
}
.main-menu a span {
    display: block;
    text-transform: uppercase;
}
.top-contact{
    float: right;
}
.top-phone{
    margin-top: 2px;
    margin-bottom: -5px;
}
.top-phone a {
    color: rgb(1, 179, 219);
    font-size: 1.1vw;
    background: url(../img/phone.png) left center no-repeat;
    background-size: 0.7vw;
    padding-left: 0.9vw;
}
.marketing-pages .top-phone a {
		color: rgb(187, 34, 215);	
		background: url(../img/phone-marketing.png) left center no-repeat;
    background-size: 0.7vw;
}
.about-section .top-phone a {
		color: rgb(46, 15, 1);
		background: url(../img/phone-about.png) left center no-repeat;
    background-size: 0.7vw;	
}
.apps-pages .top-phone a {
		color: rgb(231, 100, 10);	
		background: url(../img/phone-apps.png) left center no-repeat;
    background-size: 0.7vw;	
}
.printing-pages .top-phone a {
		color: rgb(33, 219, 119);	
		background: url(../img/phone-printing.png) left center no-repeat;
    background-size: 0.7vw;	
}


.book a {
    font-size: 0.6vw;
    color: rgb(128, 128, 128);
    background: url(../img/calendar.png) left center no-repeat;
    background-size: 0.7vw;
    padding-left: 1vw;
}
.bottom-border{
    background: url(../img/bottom-complete.png) center repeat-x;
    background-size: contain;
    padding-bottom: 61.4px;
		/*background-position: -0.5vw;	*/
    position: fixed;
    top: 3.4vw;
    left: -1%;
    right: 0;
		z-index: 11;
}
.fullscreen-bg{
    height: 100%;		
}
.fullscreen-bg iframe{
    height: 100%;
    width: 100%;
    margin-top: -20px;		
}
.over-frame{
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(58, 137, 206,0.5);
}
.bounce {
    -webkit-animation: bounce 2s ease-in-out;
    -moz-animation: bounce 2s ease-in-out;
    -o-animation: bounce 2s ease-in-out;
    animation: bounce 2s ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.fancyarrow {
    background: url(../img/downarrow.png) no-repeat;
    background-size: contain;
    width: 37px;
    height: 46px;
    position: absolute;
    bottom: 10px;
    z-index: 999;
    margin: 0 auto;
    left: 0;
    right: 0;
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
}
.webdesign-additional-pages .fancyarrow {
	background: url(../img/downarrow2.png) no-repeat;
}
.about-section .fancyarrow {
    background: url(../img/downarrow4.png) no-repeat;
		background-size: contain;
}
.marketing-pages .fancyarrow {
	background: url(../img/downarrow3.png) no-repeat;
}	
.animated {
    -webkit-animation-duration: 1.8s;
    animation-duration: 1.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
a.inside-link:before {
    content: "\f101";
    font-family: FontAwesome;
    color: #666;
    margin: 0 9px 0 0;
}

/*------------------------------------ABOUT US--------------------------------------------------------*/
.about{
	position: relative;
	height: 100%;
}
.pattern-about{
    height: 100%;
    width: 100%;
    position: absolute;
    background: url(../img/layer1.png) center no-repeat;
    background-size: cover;
		z-index: 1;
    left: 0%;
    top: -30%;
		overflow: hidden; 
		display: none;
}
.graph-about{
    height: 100%;
    width: 100%;
    position: absolute;
    background: url(../img/layer2.jpg) center no-repeat;
    background-size: contain;
		z-index: 0;
    left: 0%;
    bottom: -60%;
		overflow: hidden; 
		display: none;
}
.about h2{
	color: #fff;
	font-size: 2.3vw;
	font-weight: 800;
	line-height: 1.9vw;
	margin: 0 0 -0.6vw 0;
	text-align: center;
}
.about h3{
	color: white;
	text-align: center;
	font-size: 0.9vw;
	margin-top: 1.2vw;
}
.about a{
	height: 0;
	overflow: hidden;
	display: block;
	padding-top: 1vw;
	width: 5vw;
	background: url(../img/explore-button.png) center no-repeat;
	background-size: contain;
	margin: 0 auto;
}
.about-title-1{
    position: relative;
    z-index: 2;
    width: 10%;
    float: left;
    margin-left: 6%;
		margin-top: 13.4%;
    opacity: 0;
}
.about-text-1, .about-text-2 {
    position: relative;
    z-index: 4;
    width: 29%;
    float: left;
    padding: 1% 3% 1% 2%;
    color: #fff;
    text-align: left;
    border-left: 1px solid;
    margin-left: 2%;
    margin-top: 8%;
    font-size: 0.95vw;
    opacity: 0;
    line-height: 1.2vw;    
}
.about-text-2{
    margin-top: 10%;
}		
.about-title-2{
    position: relative;
    z-index: 2;
    width: 10%;
    float: left;
		margin-top: 13.5%;
    opacity: 0;
}
.about-tablet{
    position: absolute;
		bottom: 11%;
		right: 12.9%;
		z-index: 2;
		height: 10.8vw;
    width: 35vw;
		opacity: 0;
}
.about-tablet img{
    width: 100%;
}
.about-city{
    position: absolute;
    bottom: 12.3%;
    right: 16%;
    z-index: 2;
    width: 28vw;
    height: 14vw;
    display: none;
}
.about-city img{
		width: 100%;
		position: absolute;
    bottom: 0;
}
/*------------------------------------*/
.fixedheader{
    position: fixed;
    top: 0;
    z-index: 2000;
    color: #fff;
		width: 100%;
		display: none;
}
.fixedheader .container{
	position: relative;
}
.textlogo{
    color: #fff;
    font-size: 1.9vw;
    padding-left: 3%;
    line-height: 2.2vw;
		float: left;
}
.textlogo span{
		font-size: 0.8vw;
    width: 15vw;
    display: block;
    float: right;
    line-height: 0.8vw;
    margin: 0.3vw 0 0 1vw;
}
.text-center {
    position: absolute;
    top: 0.6vw;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 33vw;
}
.text-center .phone-sub, .text-center .calendar-sub {
    color: #fff;
    font-size: 0.9vw;
    padding-left: 2.7vw;
    font-family: arial;
    font-weight: 800;
    float: left;
    background: url(../img/phone2.png) 1.5vw 0.3vw no-repeat;
    background-size: 0.7vw;
}
.text-center .phone-sub{
    margin-left: 4.5vw;
}
/*.text-center .phone-sub:hover{
	background: url(../img/phone2.png) 1.2vw 0.3vw no-repeat;	
	background-size: 0.7vw;
}*/
.text-center .calendar-sub {
		padding: 0.4vw 1.8vw 0.4vw 0;
    margin-right: -0.4vw;
    margin-top: -0.4vw;
    float: right;
    background: url(../img/a+.png) right 0.4vw no-repeat;
    background-size: 1.4vw;
}
/*.text-center .calendar-sub:hover{
		background: url(../img/calendar2.png) 12.9vw 0.3vw no-repeat;
		background-size: 0.7vw;
}*/
.text-right aside{
    position: absolute;
    right: 2%;
    top: 0.8vw;
}
.toolbarmenu {
    color: #fff;
    text-transform: uppercase;
    padding-left: 1.2vw;
    font-size: 1vw;
    line-height: 0.9vw;
    background: url(../img/arrow2.png) left no-repeat;
    background-size: 0.5vw;
    position: absolute;
    right: 0%;
}
.toolbarmenu:hover {
    background: url(../img/arrow2.png) left no-repeat;
    background-size: 0.6vw;
}
.sub-toolbar{
	display: none;
}
.sub-toolbar{
    background: #23d5fd;
    position: relative;
    top: 1.7vw;
    -webkit-box-shadow: -4px 2px 6px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: -4px 2px 6px 0px rgba(50, 50, 50, 0.2);
    box-shadow: -4px 2px 6px 0px rgba(50, 50, 50, 0.2);
}

.sub-toolbar li a{
    color: #fff;
    font-weight: bold;
    font-size: 0.8vw;
    text-transform: uppercase;
    display: block;
    padding: 0.3vw 0.8vw 0.3vw 0.8vw;
    margin: 0 7px;
    text-align: center;
    border-bottom: 1px solid #7cdfff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.sub-toolbar li a:hover{
    border-bottom: 1px solid #ffffff;
}
/*-----------------------------------*/
.navarrows{
    width: 92px;
    position: absolute;
    right: 0;
    top: 40%;
		z-index: 10000;
}
.navarrows a{
		text-align: center;
    padding: 0.4vw 0.2vw 0.5vw 0.2vw;
    display: block;
    margin: 0.3vw auto;
    width: 1.8vw;
		background: #01aad0;
}
.navarrows a:hover{
  
}
.navarrows img{ max-width: 70%; }


/*------------------------------------------------------------------------------------------------------*/
.divider2, .divider3, .divider4, .divider5, .divider6, .divider7{
    position: absolute;
    width: 200%;
    background: url(../img/divider-2.png) left repeat-x;
    background-size: contain;
    padding-top: 4.7vw;
    left: -3.1%;
		top: -0.68vw;
		z-index: 999;
}
.divider7{
    background: url(../img/divider-6.png) left repeat-x;
    background-size: contain; 
		left: -3.2%;
}
.divider-marketing{
    position: absolute;
    width: 200%;
    background: url(../img/marketing/divider-marketing.png) left repeat-x;
    background-size: contain;
    padding-top: 4.7vw;
    left: -3.1%;
		top: -0.68vw;
		z-index: 999;
}
/*------------------------------------PORTFOLIO--------------------------------------------------------*/
.portfolio-all{
		background-image: url(../img/homepage/wood-texture.jpg) !important;
    background-size: cover;
    background-attachment: fixed;
    background-position: bottom center;
}
.fancybox-lock .fancybox-overlay {
    z-index: 99999;
}
.portfolio_gallery {
    position: absolute;
    width: 100%;
    height: 88%;
    top: 50%;
    margin-top: -19%;
	}
	.portfolio-form{
    padding: 1.6vw 0 1.6vw 1.6vw;
    position: relative;
    top: 1.3vw;
	}
	.logo-category, .portfolio-form form, a.read-more-portfolio{	float:left; }
	.logo-category{ max-width: 19vw; }
	.portfolio-form p.email_error{
    position: absolute;
    font-size: 13px;
    margin: 0.2vw 0 0 -4vw;
    color: #00ad0d;
	}
	#message h2{ margin: 0; }
	#message p{     
		margin: 2px 0 0 13px;
    padding: 0;
    float: none;
    text-align: center; 
	}
	.portfolio-form p{
		float: left;
    font-weight: 800;
    text-align: right;
    color: #ea3d97;
    line-height: 1vw;
    margin-top: 0.4vw;
    padding: 0 0.8vw 0 4vw;
    font-size: 1vw;
	}
	.portfolio-form p.request {
			font-size: 1.4vw;
			margin-top: 0.7vw;
	}
	.portfolio-form p.request a {
			color: #ea3d97;
			padding-left: 0.7vw;
	}
	input.email{
    border: 2px solid #ea3d97;
    padding: 0.25vw 0.3vw 0.15vw 0.3vw;
    background: none;
    margin-top: 0.6vw;
	}
	button.btn_email{
    border: 0;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    background: #ea3d97;
    padding: 0.18vw 0.4vw 0.15vw 0.4vw;
	}
	a.read-more-portfolio{
    padding: 0.2vw 0 0.2vw 1vw;
    background: url(../img/arrow-port.png) left center no-repeat;
    background-size: 0.7vw;
    font-size: 1vw;
    color: #ff74bc;
    margin-top: 0.5vw;
	}
	.portfolio-link{
		text-align: center;
    width: 70%;
    display: block;
		margin: 0 auto;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}
	.portfolio-link img{
    width: 60%;
    margin: 1.2vw 0;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}		
	.portfolio_row {
    width: 97%;
    margin: 0 auto;
	}
	.pi {
    background: url(../img/portfolio/port-over.jpg) center no-repeat;
    background-size: cover;
    display: block;
    float: left;
    width: 13.666%;
    margin: 0px 1.5%;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
		-webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.75);
		box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.75);
		position: relative;
    z-index: 1;
	}	
	.pi img{
    width: 100%;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}
	.pi img:hover{
		opacity: 0;
	}	
	.pi.port-item02{ background: url(../img/portfolio/01-h.jpg) center no-repeat; background-size: cover;	}
	.pi.port-item01{ background: url(../img/portfolio/02-h.jpg) center no-repeat; background-size: cover;	}
	.pi.port-item03{ background: url(../img/portfolio/03-h.jpg) center no-repeat; background-size: cover;	}
	.pi.port-item12{ background: url(../img/portfolio/12-h.jpg) center no-repeat; background-size: cover;	}
	.pi.port-item05{ background: url(../img/portfolio/05-h.jpg) center no-repeat; background-size: cover;	}
	.pi.port-item06{ background: url(../img/portfolio/06-h.jpg) center no-repeat; background-size: cover;	}
	.pi.port-item07{ background: url(../img/portfolio/07-h.jpg) center no-repeat; background-size: cover;	}
	.pi.port-item09{ background: url(../img/portfolio/09-h.jpg) center no-repeat; background-size: cover;	}
	.pi.port-item10{ background: url(../img/portfolio/10-h.jpg) center no-repeat; background-size: cover;	}
	.pi.port-item11{ background: url(../img/portfolio/11-h.jpg) center no-repeat; background-size: cover;	}
	.pi.port-item04{ background: url(../img/portfolio/04-h.jpg) center no-repeat; background-size: cover;	}
	.pi.port-item13{ background: url(../img/portfolio/13-h.jpg) center no-repeat; background-size: cover;	}
	
	.fancybox-skin{
		padding: 0 !important;
	}
	.fancybox-nav span {
    visibility: visible;
	}

@media screen and (max-width: 1200px){ 
	.portfolio-all .divider3{
		position: absolute;
    top: 0;
	}
	ul.websubmenu1, ul.websubmenu2 {
    display: none;
	}
}
@media screen and (max-width: 1024px){ 
	.portfolio_gallery {
    margin-top: -30vw;
	}
	.portfolio_row {
    position: relative;
		width: 72vw;
	}
	.portfolio-link {
		width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: -6vw;
	}
	.portfolio-link img {
    width: 71%;    
	}
	.pi {
    width: 21%;
    margin: 1vw 2%;
    height: 20.1vw;
	}
	.portfolio-form {
    display: none;
	}
}
@media screen and (max-width: 890px){ 
	.portfolio_gallery {
    margin-top: -34vw;
	}
	.portfolio_row {
    position: relative;
    width: 83vw;
	}
	.pi {
    height: 23.1vw;
	}
	.portfolio-form {
    padding: 0;
    position: absolute;
    top: -9vw;
    left: 0;
    right: 0;
    width: 100%;
	}
	.logo-category {
    max-width: 30vw;
	}
	.portfolio-form p {
    line-height: 1.9vw;
    padding: 0 0.8vw 0 2vw;
    font-size: 1.5vw;
	}
	input.email {
    border: 1px solid #ea3d97;
    font-size: 2.25vw;
	}
	button.btn_email {
    padding: 0.18vw 0.7vw 0.15vw 0.7vw;
    font-size: 2.2vw;
	}
	a.read-more-portfolio {
    padding: 0.2vw 0 0.2vw 1.4vw;
    background: url(../img/arrow-port.png) left center no-repeat;
    background-size: 1.2vw;
    font-size: 2.1vw;
	}	
	.additional-details {
    width: 36.1vw;
    height: 4.4vw;
    float: right;
    margin: -0.8vw 0 0 -30%;
    border-top: 1px solid #f779be;
	}
	.portfolio-form p.request {
    font-size: 2vw;
    margin-top: 1vw;
	}
	
}
@media screen and (max-width: 600px) and (orientation:portrait) { 
	.portfolio_gallery {
    margin-top: -53vw;
	}
	.portfolio_row {
    position: relative;
    width: 69vw;
	}
	.pi {
    width: 28.333%;
    margin: 1.1vw 2.5%;
    height: 26vw;
	}
	.portfolio-link {
    top: -7vw;
	}
	.portfolio-link img {
    width: 95%;
	}
}
@media screen and (max-width: 550px) and (orientation: portrait){
	.portfolio_row {
		width: 83vw;
	}
	.pi {
		height: 31.2vw;
	}
	.portfolio_gallery {
    margin-top: -61vw;
	}
}

/*.portfolio{	
	height: 100%;
	position: relative;
}
.port-title{
    width: 100%;
    text-align: center;
    float: none;
    position: absolute;
    bottom: 7%;
		left: 0;
		opacity: 0;
}
.port-title img{
	max-width: 33vw;
}
.port-video{
		width: 100%;
    text-align: center;
    height: 100%;
    opacity: 0;
		position: relative;
}
.port-video img{
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 3%;
    width: 62vw;
}
.embeded-video {
		width: 100%;
    height: 100%;    
}
.embed-container { 
    position: absolute;
    width: 48vw;
    height: 26.8vw;
    left: -2.3%;
    right: 0;
    margin: 0 auto;
    bottom: 11.8vw;
    overflow: hidden;
} 
.embed-container iframe, .embed-container object, .embed-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}
.embed-container iframe{
    position: absolute;
    top: -9.9%;
    left: -30%;
    width: 160%;
    height: 120%;
}		
.portfolio-all .navarrows a, .sub-toolbar2{
    background: #ea3d97;
}
.portfolio-all .sub-toolbar li a:hover{
		background: #ff72bb;
}
.portfolio-all .fancyarrow{
	display: none;
}
.more-portfolio{
		position: absolute;
    bottom: 5%;
    right: 8%;
    z-index: 9;
}
.more-portfolio a{
    color: #fe51ab;
    font-weight: 800;
    font-size: 3vw;
    line-height: 2vw;
    text-shadow: 2px 2px 2px rgb(74, 74, 74);
}*/
 
/*------------------------------------------MAP--------------------------------------------------*/
.divider4{
    background: url(../img/divider-3.png) left repeat-x;
    background-size: contain; 
		left: -2.9%;
}
#map {
      width: 100%;
      height: 100%;
}
.map-info{

}
.gm-style-iw{
	width: 650px !important;
	background: rgb(215, 22, 247);
	padding: 1.5%;
}
.gm-style .map-info img {
    max-width: 100%;
}
aside.zoommap{
		width: 70%;
    position: absolute;
    left: 0;
    right: 0;
    margin: -199px auto 0;
    top: 43%;
    opacity: 0;
}
aside.zoommap img{
    width: 100%;
}
.map-home .navarrows a, .sub-toolbar3 {
    background: #e12fff;
}
.map-home .sub-toolbar li a:hover{
		background: #ea70ff;
}
/*------------------------------------------ESPECIALTIES--------------------------------------------------*/
.divider5{
    background: url(../img/divider-4.png) left repeat-x;
    background-size: contain; 
		left: -3.2%;
}
.section-menu-1{
    position: absolute;
    top: 4vw;
		left: 0;
    right: 0;
		opacity: 0;
}
.section-menu-2{
    position: absolute;
    bottom: 2%; 
		left: 0;
    right: 0;
		opacity: 0;
}
.section-menu-1 li, .section-menu-2 li{
	float: left;
}
.section-menu-1 li a, .section-menu-2 li a{
	color: #fff;
	display: block;
	width: 100%;
	padding: 15px 0;
	font-size: 1.1vw;
}
.section-menu-1 li{
    float: left;
    width: 14.28%;
    text-align: center;
}
.section-menu-2 li {
    float: left;
    width: 16.66%;
    text-align: center;
}
.specialties{
		text-align: center;
		height: 480px;
}
.specialties img{
	width: 150px;
	margin-left: -1.6%;
	opacity: 0;
}
.spec-info h3{
    color: rgb(255, 255, 255);
    font-size: 37px;
    font-weight: 800;
    margin-top: 23px;
    margin-bottom: 10px;
		opacity: 0;
}
#text-slides {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 250px;
}

#text-slides ul {
  list-style: none;
  width: 100%;
  height: 250px;
  margin: 0;
  padding: 0;
  position: relative;
}

#text-slides li {
  width: 100%;
  height: 250px;
  float: left;
  text-align: center;
  position: relative;  
}
.text-slide{ opacity: 0; }

.btn-bar {
	width: 100%;
	margin: 0 auto;
	display: block;
	position: absolute;
	bottom: 0;
	z-index: 3;
	display: none;
}

#buttons {
	padding: 0 0 5px 0;
	float: none;
	height: 83px;
	width: 350px;
	margin: 0 auto;
}

#buttons a {
  text-align: center;
  display: block;
  font-size: 50px;
  float: left;
  outline: 0;
  margin: 0 60px;
  color: #fff;
  text-decoration: none;
  display: block;
  padding: 9px;
  width: 35px;
}
.btn-bar a{ opacity: 0; }
a#prev:hover,
a#next:hover {
  color: #05be54;
  text-shadow: .5px 0px #111;	
}

.spec-info{
	position: relative;
}
.spec-info p{
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    background: url(../img/quote.png) center no-repeat;
    background-size: contain;
    width: 290px;
    margin: 2vw auto;
    padding: 0 4vw;
    font-size: 1vw;
}
.spec-info a.explore{
    height: 0;
    display: block;
    overflow: hidden;
    background: url(../img/explore-button.png) center no-repeat;
    background-size: contain;
    padding-top: 20px;
    width: 140px;
    margin: 30px auto 0 auto;		
}
.specialties-home .navarrows a, .sub-toolbar4 {
    background: #05be54;
}
.specialties-home .sub-toolbar li a:hover{
		background: #2ee77d;
}
/*--------------------------------------------------------------------------------------------*/
.divider2{
    background: url(../img/divider-1.png) left repeat-x;
    background-size: contain; 
		left: -3.2%;
}
/*------------------------------------------FOOTER--------------------------------------------------*/
.divider6{
    background: url(../img/divider-5.png) left repeat-x;
    background-size: contain; 
		left: -2.7%;		
}

.sub-sections {
    padding: 0;
    width: 100%;
    height: 30%;
    position: relative;
    top: -80px;
    left: 0;
    right: 0;
    border-bottom: 6px solid #01b3db;
    opacity: 0;
    float: left;
}
.sub-sections .box{
    width: 25%;
    float: left;
    height: 100%;
		position: relative;
		overflow: hidden;
}
.box a{
    background: url(../img/skills-box.jpg) center no-repeat;
    background-size: contain;
    height: 0;
    display: block;
    overflow: hidden;
    width: 100%;
    padding-top: 10vw;
    position: absolute;
    bottom: 0;
		opacity: 0;
}
.box2 a{
    background: url(../img/blog-box.jpg) center no-repeat;
    background-size: contain;
}
.box3 a{
    background: url(../img/custom-box.jpg) center no-repeat;
    background-size: contain;
}
.box4 a{
    background: url(../img/media-box.jpg) center no-repeat;
    background-size: contain;
}
.box1{ background: #d717f8; }
.box2{ background: #39f388; }
.box3{ background: #ee651d; }
.box4{ background: #17d1e0; }
.sitemap div.foot-text{
	width: 38%; 
	position: relative;
	margin-left: 6%;
}
.foot-text .logo-foot{
	max-width: 8.3vw;
}
.foot-text img{
    margin-top: 0;
}
.foot-text .panoramic {
    margin: 20px auto 0 auto;
    width: 70%;
    max-width: 100%;
    padding: 20px 15% 20px 15%;
}
.foot-info .logo{
    margin-top: 10%;
}
.foot-info .top-contact{
    margin-top: 10.7%;
}

.sitemap .address-foot, .sitemap .slogan-foot{
    font-size: 0.8vw;
    margin: 0;
		font-weight: 800;
    color: rgb(109, 109, 109);
		width: 370px;
}
.sitemap .slogan-foot{
	font-size: 0.8vw; 
	margin: 0; 
	font-weight: 800; 
	color: rgb(109, 109, 109); 
	width: auto;
}
.sitemap .address-foot{
	margin: 8px auto 0 auto;
	font-size: 1vw;
	text-align: center;
}
.sitemap div.phone-foot{
	width: auto; 
	position: absolute; 
	right: 0; 
	top: 0; 
	text-align: right;
}
.sitemap a.phone-foot{
	font-size: 2.6vw;
	font-weight: 800;
	color: #01b3db;
	margin: 0 0 3px 0;
	line-height: 2vw;
}
.sitemap{
    width: 98%;
    position: relative;
		margin: 4% auto 0 auto;
}
.sitemap div{
    width: 16%;
    float: left;	
}
.sitemap div.map-websites{
	margin-left: 8%;
}
.sitemap h3{
    font-size: 16px;
    font-weight: 800;
    color: rgb(109, 109, 109);
		opacity: 0;
		margin-top: 0;
}
.sitemap h3.print-title{
	margin-top: 2vw;
}
.sitemap a{
    font-size: 0.8vw;
    font-weight: normal;
    color: rgb(109, 109, 109);
    display: block;
    line-height: 1.2vw;
		opacity: 0;
}
.sitemap a:before{
    content: "\f101";
    font-family: FontAwesome;
    color: #666;
    margin: 0 9px 0 0;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}
/*.sitemap a:hover{
    color: #01b3db;
    text-decoration: none;
    outline: none;
		padding-left: 0.2vw;
}*/
.out-foot{
    padding-top: 110px;
}
.border-boxes{
    position: absolute;
    background: url(../img/border-boxes.png) center repeat-x;
    background-size: contain;
    width: 100%;
    padding-top: 21px;
    top: 263px;
}
.evolution.embed-container { 
		position: absolute;
    right: 0;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    float: none;
    top: 0;
    margin: 0;
    left: auto;
    width: 340px;
    bottom: 0; 
} 
.sitemap div.last-text{
    float: none;
    width: 100%;
    margin-top: 237px;
    text-align: center;
}
.last1{
    font-weight: 800;
    text-transform: uppercase;
    color: #01b3db;
    margin: 0 0 0 0;
}
.last2{
    margin: -27px 0 0 0;
    font-weight: 800;
    font-size: 17.7px;
    color: #01b3db;
}

.copyright{
    text-align: center;
    position: absolute;
    bottom: 8px;
    width: 100%;
    padding: 0.4vw 0 0.5vw 0;
    font-size: 0.6vw;
    opacity: 0;
}
.mark-video{
	width: 40%;
	float: left;
}
.mark-video img{
	max-width: 21vw;
}
.copy-text{
	width:20%;
	float:left;
	margin: 14px 0 0 0;
}
.copy-text a{
	color: #01b3db;
	font-size: 1vw;
}
.copy-text p{
	margin: 0;
	color: #01b3db;
	font-size: 0.9vw;
}
.social-foot a img{
	max-width: 2.6vw;
	margin: 0 0.4vw;
}
.footer-all .navarrows a, .sub-toolbar5 {
    background: #e35a12;;
}
.footer-all .sub-toolbar li a:hover{
	background: #ff8849;
}	
/*----------------INNER PAGES--------------------------------*/
/*webdesign*/
.webdesign-menu{
    background: url(../img/webdesign/menu-bg.png) center repeat-x;
    background-size: contain;
    background-position: 49% 0;
		padding: 1.5vw 2% 2.1vw 2%;
		opacity: 0;
}
.about-section-menu {
    background: url(../img/about/menu-bg.png) center repeat-x;
    background-size: contain;
    background-position: 49% 0;
    padding: 1.5vw 2% 2.1vw 2%;
    opacity: 1;
    position: fixed;
    z-index: 1;
    top: 7.5%;
    width: 100%;
    left: -2%;
}
ul.websubmenu{
    opacity: 0;
    padding: 1.5vw 0.5% 2.1vw 0.5%;
    position: fixed;
    top: 2.6vw;
    z-index: 1000;
    width: 99%;
}
/*---*/
ul.websubmenu1, ul.websubmenu2{
    position: fixed;
		top: 4.1vw;
    left: 0;
    z-index: 1000;
    width: 50%;
}
ul.websubmenu2{
    right: 0;
    left: auto;
}
ul.websubmenu1 li, ul.websubmenu2 li{
		float: left;
		position: relative;
}
ul.websubmenu1 li a, ul.websubmenu2 li a{
    color: #fff;
    padding: 0.4vw 0.5vw;
    font-size: 0.8vw;    
}
/*ul.websubmenu1 li:hover .deep-menu, ul.websubmenu2 li:hover .deep-menu{	
		opacity: 1;
		display: block;
}*/
ul.websubmenu1 li.first-row1{
    margin-left: 2.6vw;
}
ul.websubmenu1 li.first-row2 {
    margin-left: 3.7vw;
}
/*-*/
.marketing-pages ul.websubmenu1 li.first-row1 {
    margin-left: 0vw;
}
.marketing-pages ul.websubmenu2 li.first-row2{
    margin-left: 1.7vw;
}
ul.websubmenu1 li a, ul.websubmenu2 li a {
    color: #fff;
    padding: 0.8vw 0.4vw;
    font-size: 0.8vw;    
}



.webdesign-additional-pages .websubmenu1 .deep-menu, .webdesign-additional-pages .websubmenu2 .deep-menu{	background: #21c3e8; } /*website design*/
.marketing-pages .websubmenu1 .deep-menu, .marketing-pages .websubmenu2 .deep-menu{	background: #a723c1; } /*marketing*/
/*---*/
.deep-menu{
		display: none;
		opacity: 1;
		position: absolute;
    left: 1vw;
    top: 29px;    
    width: 12vw;
		padding-right: 12px;
    -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.28);
    -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.28);
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.28);
}
.last-row2 .deep-menu{
    left: inherit;
    right: -0.5vw;
}
.before-last .deep-menu{
    left: inherit;
    right: -0.5vw;
}

ul.websubmenu li:hover .deep-menu{	
		opacity: 1;
		display: block;
}
.webdesign-additional-pages .websubmenu .deep-menu{	background: #21c3e8; } /*website design*/
.marketing-pages .websubmenu .deep-menu{	background: #a723c1; } /*marketing*/
.printing-pages .websubmenu .deep-menu{	background: #2abf6b; } /*printing*/
.apps-pages .websubmenu .deep-menu{	background: #e46421; } /*apps*/


li ul.deep-menu li{
		width: 100%;	
}
li ul.deep-menu li a{
    width: 11.2vw;
    display: block;
    padding: 5px 10px 5px 12px;
    border-bottom: 1px solid #fff;
}
ul.websubmenu li{
    float: left;
    padding: 2px 0.75% 0 0.75%;
		position: relative;
}
ul.websubmenu li.last-row2{
		padding: 2px 0 0 0.5%;
} 
ul.websubmenu li a{
    font-size: 0.8vw;
    letter-spacing: -0.2px;
    color: #fff;
    padding: 0.6vw 0 0.6vw 0;
    border-bottom: 1px solid rgba(255,255,255,0);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-weight: 600;
}
ul.websubmenu li a:hover{
    border-bottom: 1px solid rgba(255,255,255,1);
}
li.first-row1{
		margin-left: 0;
}
li.first-row2{
		margin-left: 6.2%;
}
.non-top {
    margin-top: 0;
    position: absolute;
    width: 100%;
		top: 2.4vw;
    left: -2vw;
}
.nontop-menu{
		margin-top: -1vw;
}
/*---links inner sections--*/
.inside-link{
    text-transform: capitalize;
    white-space: pre;
    text-align: left;
    float: left;
    padding-right: 0.5vw;
}
.webdesign-additional-pages .inner-text a{
		color: #0193b4;
}
.marketing-pages .inner-text a {
		color: #b930d4;
}
.printing-pages .inner-text a {
		color: #14974d;
}
.apps-pages .inner-text a {
		color: #ee651d;
}
.about-section .inner-text a {
		color: #fff;
}	
.innerpages-content .inner-text p:after{
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

/*--work portfolio--*/

body .inner-text .work-portfolio{
	font-size: 0.8vw;
	margin-top: 1.4vw;
}	
body .inner-text .work-portfolio span{
	color: #575757;    
	padding: 0.7vw 0 0.7vw 3.6vw;
}
.about-section .inner-text .work-portfolio span{
	color: #fff;	
}
.webdesign-additional-pages .inner-text .work-portfolio span{
	background: url(../img/port-work-web.png) left no-repeat;
	background-size: 3.7vw;
}
.marketing-pages .inner-text .work-portfolio span{
	background: url(../img/port-work-mark.png) left no-repeat;
	background-size: 3.7vw;
}
.printing-pages .inner-text .work-portfolio span{
	background: url(../img/port-work-print.png) left no-repeat;
	background-size: 3.7vw;
}
.apps-pages .inner-text .work-portfolio span{
	background: url(../img/port-work-apps.png) left no-repeat;
	background-size: 3.7vw;
}
.about-section .inner-text .work-portfolio span{
	background: url(../img/port-work-about.png) left no-repeat;
	background-size: 3.7vw;
}
.work-portfolio-m{ display: none;}
.work-portfolio-m a{
		height: 0;
    overflow: hidden;
    display: block;
    padding-top: 93px;
    width: 300px;    
    margin: 0 auto;
}
.webdesign-additional-pages .work-portfolio-m a{
	background: url(../img/port-work-web-m.png) center no-repeat;
	background-size: contain;
}
.marketing-pages .work-portfolio-m a{
	background: url(../img/port-work-mark-m.png) center no-repeat;
	background-size: contain;
}
.printing-pages .work-portfolio-m a{
	background: url(../img/port-work-print-m.png) center no-repeat;
	background-size: contain;
	display: block;
	width: 100%;	
}
.apps-pages .work-portfolio-m a{
	background: url(../img/port-work-apps-m.png) center no-repeat;
	background-size: contain;
}
.about-section .work-portfolio-m a{
	background: url(../img/port-work-about-m.png) center no-repeat;
	background-size: contain;
}

/* ==========================================================================
  =======FIREFOX=================================================================== */
@-moz-document url-prefix() {	
	.non-top { 
		margin-top: 2.6%; 
	}	
	.innerpages-content {
    margin-top: -6%;
	}
	.innerpages-content .inner-text {
    font-size: 0.9vw;
    line-height: 1.2vw;
	}
	
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 1921px) {
	.bottom-border {
		
	}
}

	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
@media only screen and (min-width: 35em) {

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

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

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}
/*---------------------------------------------*/
@keyframes bounce {
    0% {
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
    60% {
        -moz-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}
.delay-05s {    -webkit-animation-delay: 0.5s;    animation-delay: 0.5s; }
.delay-1s {    -webkit-animation-delay: 1s;    animation-delay: 1s; }
.delay-2s {    -webkit-animation-delay: 2s;    animation-delay: 2s; }
.delay-3s {    -webkit-animation-delay: 3s;    animation-delay: 3s; }
.delay-4s {    -webkit-animation-delay: 4s;    animation-delay: 4s; }
.delay-5s {    -webkit-animation-delay: 5s;    animation-delay: 5s; }
.delay-6s {    -webkit-animation-delay: 6s;    animation-delay: 6s; }
.delay-7s {    -webkit-animation-delay: 7s;    animation-delay: 7s; }
.delay-8s {    -webkit-animation-delay: 8s;    animation-delay: 8s; }
.delay-9s {    -webkit-animation-delay: 9s;    animation-delay: 9s; }
.delay-10s {    -webkit-animation-delay: 10s;    animation-delay: 10s; }
.delay-11s {    -webkit-animation-delay: 11s;    animation-delay: 11s; }
.delay-12s {    -webkit-animation-delay: 12s;    animation-delay: 12s; }
.delay-13s {    -webkit-animation-delay: 13s;    animation-delay: 13s; }
.delay-14s {    -webkit-animation-delay: 14s;    animation-delay: 14s; }
.delay-15s {    -webkit-animation-delay: 15s;    animation-delay: 15s; }


/*---------CHAT---------------*/
.fp-viewing-foot #livechat-compact-container{
	opacity: 0 !important;	
}
#livechat-compact-container
{
	opacity: 1 !important;	
}
.sitemap div.livechat_button{
	float: none;
	text-align: center;
	width: auto;
	margin-top: 10px;
}
.sitemap  div.livechat_button a:before {
	content: "";
}
.sitemap div.livechat_button img{
	max-width: 160px;
}



/*------------------------*/
ul#menu {
    display: flex;
    align-items: center;
    margin-top: -13px;
}