/*
Theme Name: Unboxdesign
*/

@font-face {
	font-family: "quicksand-bold";
	src: url("fonts/quicksand-bold.eot");
	src: url("fonts/quicksand-bold.eot#iefix") format("embedded-opentype"),
	url("fonts/quicksand-bold.woff") format("woff"),
	url("fonts/quicksand-bold.ttf") format("truetype"),
	url("fonts/quicksand-bold.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "oswald-regular";
	src: url("fonts/oswald-regular.eot");
	src: url("fonts/oswald-regular.eot#iefix") format("embedded-opentype"),
	url("fonts/oswald-regular.woff") format("woff"),
	url("fonts/oswald-regular.ttf") format("truetype"),
	url("fonts/oswald-regular.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "faunaone-regular";
	src: url("fonts/faunaone-regular.eot");
	src: url("fonts/faunaone-regular.eot#iefix") format("embedded-opentype"),
	url("fonts/faunaone-regular.woff") format("woff"),
	url("fonts/faunaone-regular.ttf") format("truetype"),
	url("fonts/faunaone-regular.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
*{
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
    text-decoration: none;
    vertical-align: top;
}

/* Placeholder text color -- selectors need to be separate to work. */

::-webkit-input-placeholder {
	color: #7d7b6d;
}

:-moz-placeholder {
	color: #7d7b6d;
}

::-moz-placeholder {
	color: #7d7b6d;
}

:-ms-input-placeholder {
	color: #7d7b6d;
}

/*
 * Responsive images
 *
 * Fluid images for posts, comments, and widgets
 */
.entry-content img,
.entry-summary img,
.comment-content img,
.widget img,
.wp-caption {
	max-width: 100%;
}

/* Make sure images with WordPress-added height and width attributes are scaled correctly. */
.entry-content img,
.entry-summary img,
.comment-content img[height],
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto;
}

img.size-full,
img.size-large,
img.wp-post-image {
	height: auto;
	max-width: 100%;
}

/* Make sure videos and embeds fit their containers. */
embed,
iframe,
object,
video {
	max-width: 100%;
}

/* Override the Twitter embed fixed width. */
.entry-content .twitter-tweet-rendered {
	max-width: 100% !important;
}

/* Images */
.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

figure.wp-caption.alignleft,
img.alignleft {
	margin: 5px 19px 5px 0;
}

.wp-caption.alignleft {
	margin: 5px 10px 5px 0;
}

figure.wp-caption.alignright,
img.alignright {
	margin: 5px 0 5px 20px;
}

.wp-caption.alignright {
	margin: 5px 0 5px 10px;
}

img.aligncenter {
	margin: 5px auto;
}

img.alignnone {
	margin: 5px 0;
}

.wp-caption .wp-caption-text,
.entry-caption,
.gallery-caption {
	color: #220e10;
	font-size: 18px;
	font-style: italic;
	font-weight: 300;
	margin: 0 0 24px;
}

div.wp-caption.alignright img[class*="wp-image-"] {
	float: right;
}

div.wp-caption.alignright .wp-caption-text {
	padding-left: 10px;
}

img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.wp-caption.alignleft + ul,
.wp-caption.alignleft + ol {
	list-style-position: inside;
}


.menu-toggle {
	display: none;
}

/* New CSS */
header{
    background: #000;
    padding: 27px 0 0px;
}

.container{
    max-width: 1000px;
    margin: 0 auto;
}
.navbar{display: inline-block; float: right; max-width: 75%;}

.menu-primary-container ul li{display: inline-block; text-transform: uppercase; padding-bottom: 22px; }

.menu-primary-container ul li a{
    font-family: "quicksand-bold";
    color:#00cccc;font-size: 14px;
    padding: 5px 8px 14px;
    display: block;/* letter-spacing: -1.3px; */
	text-decoration:none !important;
}
.menu-primary-container ul li a:hover, .menu-primary-container ul li.current-menu-item a, .single-gallery  li#menu-item-20 a, .tax-portfolio #menu-item-20 a{color:#fff;  }
.menu-primary-container ul li:last-child a{padding-right:0;}
.menu-primary-container ul li ul li:last-child a{padding-right:21px;}
.menu-primary-container ul li li{ padding-bottom: 0px;margin:0px 0 0 0;}


.menu-primary-container ul li ul li a { 
	letter-spacing: 1px;
	color: #666 !important; 
	font-size: 15px;
	font-weight:normal;
	margin: 0 0 0 0px;
	padding:43px 21px;
	position: relative;
        font-family: "oswald-regular";
}
.menu-primary-container ul li ul li a:hover{
	color: #000 !important;
}
.menu-primary-container ul li ul {
	top:84px;
	z-index: 9999;
	position: absolute;
	left: 0;
	height: auto;
	width: 100%;
	margin: 0;
	padding: 0;
        text-align: center;
        background: #ccc; display: none;
        
}

.menu-primary-container ul li:hover ul, .menu-primary-container ul li li:hover ul, .menu-primary-container ul li li li:hover ul, .menu-primary-container ul li.sfHover ul, .menu-primary-container ul li li.sfHover ul, .menu-primary-container ul li li li.sfHover ul {display: block;}
header .menu-item-has-children{ background: url(images/arrow-over.png) center 30px no-repeat;}
header .menu-item-has-children.current_page_parent,header .menu-item-has-children:hover{ background: url(images/arrow.png) center 30px no-repeat;}

h1 { font-family: "oswald-regular";    font-size: 21px; margin-bottom: 30px;}
h2 {font-size: 60px; color: #000; padding-bottom: 20px; text-transform: uppercase; font-weight: normal; font-family: "faunaone-regular";}
p {   font-family: "faunaone-regular";}
a {outline: 0px !important;}
input {outline: 0px;}
.clear{clear: both}
.textwidget{display: inline}
.social{display: inline-block; width: 42.4%; float: right;}
.social .textwidget{display: inline-block;padding-top: 14px;}
#header {position: fixed; left: 0px; top:0px; z-index: 99999; width: 100%; }
footer .search-form{display: inline-block; margin: 0 0 0 20px;}
footer{float:left;width:100%;font-family: "oswald-regular"; background: #000; color: #fff; text-transform: uppercase; font-size: 21px; padding:40px 0 40px;}
.social a{display: inline-block; width: 16px; height: 16px; margin: 0 0 0 7px; opacity: 0.6;}
.social a:hover {opacity: 10;}
.social a.f{background: url(images/f.png) no-repeat center;}
.social a.t{background: url(images/t.png) no-repeat center;}
.social a.p{background: url(images/p.png) no-repeat center;}
.social a.i{background: url(images/i.png) no-repeat center;}

footer .nav-menu li,footer .nav-menu li ul{display: inline-block;}
footer .nav-menu li{margin:0 0 0 63px}
footer .nav-menu li:first-child{margin:0 0 0 0px; float:left;}
footer .nav-menu li a{ color: #666666;font-family: "quicksand-bold"; font-size: 14px;}
footer .nav-menu li a:hover {color:#fff;}
footer .nav-menu .sub-menu li{ border-right:1px solid #666666; padding:0 10px 0 0; margin: 0 0 0 10px;font-family: "quicksand-bold"; font-size: 14px;}
footer .sub-menu li:last-child{border: 0;}
footer .sub-menu li:first-child:before{content: "{";color: #666666;font-family: "quicksand-bold"; font-size: 18px; line-height:12px; margin: 0 5px 0 0;position:relative;top:-1px;}
footer .sub-menu li:last-child:after{content: "}";color: #666666;font-family: "quicksand-bold"; font-size: 18px; margin: 0 0 0 5px;position:relative;top:-4px;}


.copyright{font-family: "faunaone-regular";font-size: 12px; color: #666666; text-transform: lowercase; text-align: center; margin: 20px 0; float: left}
.wpcf7-form input[type=text],.wpcf7-form input[type=email],.wpcf7-form textarea{width:100%; background: #42dbdb;	font-family: "faunaone-regular"; font-size: 16px;color:#666; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; padding:17px 23px;}
.wpcf7-form textarea{height: 260px;resize: none; overflow: hidden;}
.wpcf7-form input[type=submit]{background: #0099cc; padding:16px 40px; color:#fff; font-size: 16px;font-family: "oswald-regular"; text-transform: uppercase; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;  float: right; cursor: pointer; letter-spacing: 3px;}
.wpcf7-form input[type=submit]:hover {background: #000;}
.main_container_text h2{font-family: "oswald-regular"; font-weight: bold; font-size: 23px; text-transform: uppercase;}
.main_container_text{font-family: "faunaone-regular"; font-size: 16px;}
.main_container_text a{color:#000;}
footer a{ color:#fff;}
.container a:hover{ text-decoration: none; }
/* .number{font-size: 34px;font-weight: bold;font-family: "oswald-regular";display: block;margin-bottom: -4px;letter-spacing: 1.6px;} */
.main_container_text a img{margin:2px 5px 0 0; vertical-align: top;}
.main_container_text .container{padding:109px 0 90px;overflow:hidden;}
footer img{margin: 4px 5px 0 0;}
.menu-secondry-container{margin: 20px auto 40px; /* text-align: center; */}
footer .screen-reader-text{display: none; }
footer input[type=search]{ color: #999999; font-size: 16px;font-family: "faunaone-regular"; background: #333333; padding: 11px 45px 12px 10px; width: 100%; border-radius: 0px !important; -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.80);
-moz-box-shadow:    inset 0px 0px 10px 0px rgba(0, 0, 0, 0.80);
box-shadow:         inset 0px 0px 10px 0px rgba(0, 0, 0, 0.80);}
footer .search-form{position: relative; float: right;width: 67%;}
footer input[type=submit]{background:url(images/search.png) no-repeat; float: right; text-indent: -999em; width: 22px; height: 17px; position: absolute; top: 12px;right: 13px; cursor: pointer;}

/***************************
Contact Page css starts here
***************************/
.contact-left{padding-top: 6px;float:left;width:40%;}
.contact-left img{margin-bottom: 10px;}
.contact-left h2{padding-bottom: 7px;}
.contact-left p{padding-bottom: 7px;}
.contact-left p.contact-rob{padding-bottom: 0;padding-top: 31px;}

.contact-right{float: right;width: 58.6%;padding-top: 12px;}
.contact-right .f-row{float: right;width: 100%;padding-bottom: 17px;}
.contact-right .f-row .f-half{float: right;width: 48.5%;}
.contact-right .f-row .f-half:first-child{float: left;width: 48.5%;}
.btn-row {clear: both; padding-top: 0px; overflow: hidden;}
.contact-right > div{float:right;width:100%;}


/***************************
Gallery Page css starts here
***************************/
.portfolio-categories{float:left;width:100%;text-align:center;padding:30px 0 38px;}
.portfolio-categories ul{float:left;width:100%;margin:0;padding:0;list-style:none;}
.portfolio-categories ul li{display:inline-block;padding:0 23px;}
.portfolio-categories ul li img{float:left;margin-right:8px;}
.portfolio-categories ul li a{text-decoration:none;float:left;text-transform:uppercase;font-family: "oswald-regular";color: #cccccc; font-size: 16px;line-height:20px;padding-left:30px;padding-top: 18px;}
.portfolio-categories ul li a:hover,
.portfolio-categories ul li a.active{color:#000000;}
.portfolio-categories ul li:first-child a{padding-left:22px;}
.portfolio-categories ul li a:hover{text-decoration:none;}
.portfolio-post{float:left;width:100%;}
.portfolio-post ul{float:left;width:100%;margin:0;padding:0;list-style:none;}
.portfolio-post ul li{float:left;width:33.33%;position:relative;}
.portfolio-post ul li .p-hover{display:none;float:left;width:33.33%;position:absolute;left:0;top:0;width:100%;height:100%;}
.portfolio-post ul li .hover-bg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;opacity:0.96;}
.portfolio-post ul li .p-hover-inner{position:relative;z-index:3;display:table;width:100%;height:100%;}
.portfolio-post ul li .p-hover-inner a{padding:50px;display:table-cell;width:100%;height:100%;font-size:19px;font-family: "faunaone-regular";line-height:22px;color:#000000;vertical-align:middle;text-align:center;}
.portfolio-post ul li:hover .p-hover{display:block;}
.portfolio-post ul li img{float:left;width:100%;height:auto;}
.portfolio-post ul li.active{display:block;}
.portfolio-post ul li.non-active{display:none;}


/*****************
Single Portfolio
*****************/
.single .portfolio-post{text-align:center;}
.single .portfolio-post img{max-width:100%;margin:auto; margin-bottom:50px;margin-top:0; clear:both; display:block; text-align:center; }
.single .portfolio-categories{background:url(images/drop-shadow.png) no-repeat center bottom;padding: 30px 0 58px;}



/*************************** Testimonial ***************************/

.testimonial {clear: both;}
.testimonial .content {padding: 40px 0px 55px 0px;}

.testimonial content {font-size: 13px; font-family: "faunaone-regular";}
.testimonial .content.class_2 p {color: #fff }
.testimonial .content.class_2 h4 {color: #fff }
.testimonial .content.class_3 p {color: #fff }
.testimonial .content.class_3 h4 {color: #fff }
.testimonial .content.class_4 p {color: #fff }
.testimonial .content.class_4 h4 {color: #fff }
.testimonial .content.class_6 p {color: #fff }
.testimonial .content.class_6 h4 {color: #fff }
.testimonial .content.class_7 p {color: #fff }
.testimonial .content.class_7 h4 {color: #fff }
.testimonial .content.class_12 p {color: #fff }
.testimonial .content.class_12 h4 {color: #fff }
.testimonial .content.class_13 p {color: #fff }
.testimonial .content.class_13 h4 {color: #fff }
.testimonial .content.class_15 p {color: #fff }
.testimonial .content.class_15 h4 {color: #fff}
.testimonial .content.class_16 p {color: #fff }
.testimonial .content.class_16 h4 {color: #fff }
.testimonial p {color:#000; font-size: 16px;  padding-top: 40px; line-height: 28px; background:url(images/testimonial_icon.png) no-repeat left top; font-family: "faunaone-regular";}
.testimonial .class_2 p, .testimonial .class_3  p, .testimonial .class_4 p, .testimonial .class_4  p, .testimonial .class_6  p, .testimonial .class_7  p, .testimonial .class_12  p, .testimonial .class_13  p, .testimonial .class_15 p, .testimonial .class_16  p      { background:url(images/testimonial_icon_white.png) no-repeat left top !important;}
.testimonial h4 {color:#000;  font-weight:normal !important; font-size: 18px; padding-top: 10px; text-transform: uppercase; letter-spacing:0.8px; font-family: "oswald-regular";}

.parallax-window { min-height: 600px;    background: transparent;}
#who-we-are {padding-top: 80px; background:url(images/about-bg.png) repeat left top;}
.who-we-are {padding:0px 0px 50px 0px; background:url(images/about-bg.png) repeat left top;}
.who-we-are h2  { padding-bottom: 20px; }
.who-we-are p  {font-size: 16px; color: #333; line-height:30px; margin-bottom: 20px;font-family: "faunaone-regular"; }
#clients {background: #66cccc; padding-top: 80px;}
.client-list .container {overflow: hidden;}
.client-list {background: #66cccc; padding: 0px 0px 50px 0px; overflow: hidden;}
.client-list h2 {}
.client-list ul {list-style: none; overflow: hidden; width: 25%; float: left;}
.client-list li {  padding: 0 20px 0 0px; font-size: 16px; color: #333333; line-height:30px; font-family: "faunaone-regular"; /*line-height: 17px; margin: 0 0 16px;*/}
#services {padding-top: 80px; background: #a7aca6;}
.services {background: #a7aca6; padding: 0px 0px 50px 0px; overflow: hidden; clear: both;  }
.services h2 {color: #fff;}
.service-categories { margin: 0 -10px; overflow: hidden; font-family: "faunaone-regular"; }
.service-categories .col { width: 20%; float: left; padding: 0 10px; }
.service-categories h3 {font-size: 23px; color: #000; text-transform: uppercase; font-weight: normal; font-family: "oswald-regular";}
.service-categories h3 a {color: #000;}
.service-categories p {color: #fff; font-size: 16px; line-height: 25px; margin: 0px; }
.service-categories .subPosts ul {list-style: none; padding-top: 22px;}
.service-categories .subPosts li {color: #333333; font-size: 16px; line-height: 25px; }
.service-categories .subPosts li:first-child {display: none;}
.service-categories .subPosts a {color: #333333; font-size: 16px; line-height: 25px; }
.service-categories .subPosts a:hover {text-decoration: underline;}
.process-image { width: 100%;  text-align: center; position: relative;}
.process-image img {width: 100%; margin-top: -24.2%;}
.banner-image {  }
.banner-image img {width: 100%;}
.banner-content {font-family: 'Paytone One', sans-serif; color: #fff; position:absolute; left: 0px; top:8%; z-index: 10; width: 100%;}
.banner-content-center {max-width: 565px; margin: auto;}
.banner-content span {display: block; text-align: right; font-weight: normal; padding-right: 135px; letter-spacing: 4px;}
.banner-content span.one {font-size: 21px; line-height: 26px;}
.banner-content span.two {font-size: 45px;  line-height:48px;}
.banner-content span.three {font-size: 90px;  line-height: 65px;}
.banner-content span.four {font-size: 18px; font-family: "oswald-regular"; padding-top: 40px; padding-bottom: 40px; letter-spacing: 1px;}
.banner-content span.go-btm {text-align: center; padding-right: 0px;}
.banner-content span.go-btm a {background:url(images/down-arrow.png) no-repeat left -56px;  width: 56px; height: 56px; font-size: 0px; text-indent: -9999px; display: inline-block;}
.banner-content span.go-btm a:hover {background-position: 0 0px; }
a.identity { padding-left: 23px !important;}
a.print { padding-left: 21px !important;}
.go-top {text-align: center; clear: both; margin: 30px 0 30px 0px; overflow: hidden;}
.go-top a {background:url(images/top-arrow.png) no-repeat left top; width: 56px; height: 56px; font-size: 0px; text-indent: -9999px; display: inline-block;} 
.go-top a:hover {background-position:0 -56px; }
.single-gallery .go-top {margin: auto; overflow: visible; float: none; clear: none; padding-bottom: 50px;}
.single-gallery .go-top a {background:url(images/top-arrow2.png) no-repeat left top !important; width: 56px; height: 56px; font-size: 0px; text-indent: -9999px; display: inline-block;} 
.single-gallery .go-top a:hover , .single-gallery .go-top a:active, .single-gallery .go-top a:focus{background-position:0px -56px !important;  }
.page-template-testimonial .go-top {margin: auto; overflow: visible; float: none; clear: none; padding-bottom: 50px;}
.page-template-testimonial .go-top a {background:url(images/top-arrow2.png) no-repeat left top !important; width: 56px; height: 56px; font-size: 0px; text-indent: -9999px; display: inline-block;} 
.page-template-testimonial .go-top a:hover , .single-gallery .go-top a:active, .single-gallery .go-top a:focus{background-position:0px -56px !important;  }

.about-main-banner {background: #3a3033; background-size: 100% 100%; position: relative; }
.process-content {width: 100%; margin:auto; position: absolute; left: 0px; top: 0px; z-index: 2; font-size: 14px; text-align: left; line-height: 26px; color: #eceff4; font-family: "faunaone-regular";}
.process-content-center {max-width:455px; margin: auto; position: relative; }
.our-progress1 {position: absolute; left: 20px; top: 260px; width: 200px; }
.our-progress2 {position: absolute; right: 0px; top: 260px; width: 200px; }
.our-progress3 {position: absolute; left: 130px; top: 465px; width: 220px; }
.our-progress4 {position: absolute; left: 315px; top: 620px; width: 300px; }
.our-progress4 a {color: #fff; text-decoration: underline;}
.our-progress4 a:hover {text-decoration: none;}
.service-categories .col h3 span {display: block;}
.service-categories .h3_0 h3 span{padding: 22px 0 30px 40px; background:url(images/print-icon.png) 0px -5px no-repeat;}
.service-categories .h3_1 h3 span{padding: 22px 0 30px 50px; background:url(images/web-icon.png) 0px -5px no-repeat;}
.service-categories .h3_2 h3 span{padding: 22px 0 30px 48px; background:url(images/packaging-icon.png) 0px -5px no-repeat;}
.service-categories .h3_3 h3 span{padding: 22px 0 25px 36px; background:url(images/identity-icon.png) 0px -5px no-repeat;}
.service-categories .h3_4 h3 span{padding: 22px 0 30px 42px; background:url(images/illustration-icon.png) 0px -5px no-repeat;}
.email-call {float: left;}
.ft-row {overflow: hidden;}
.ft-row.mobile {display: none}
.single .services {background: none;}
.search .container {padding:30px 0px;}
.search-results .container {padding:55px 0px 30px 0px;}
.single-testimonial #content .container {padding:55px 0px 30px 0px;}
.single-testimonial h1 { font-family: "faunaone-regular";   font-size: 16px; font-weight: normal;}

.search #header .container, .search-results #header .container {padding:0px !important;}
.search-no-results .container {padding:0px 0px;}
.search-no-results .page-title {text-transform:uppercase; font-size: 18px;  font-weight: normal; letter-spacing: 1px;}
.search-no-results #content {min-height: 400px; padding-top:55px;}
.search-results h1 a {color: #00cccc;}
.search-no-results #content .search-field {border:1px solid #a5a5a5; height: 30px; line-height: 30px; padding: 0 10px; background: #eee; width: 280px;}
.search-no-results #content .search-field:focus {background: #fff;}
.search-no-results #content .search-submit {background: #000; color: #fff; height: 30px; line-height: 30px; padding: 0 15px; cursor: pointer;}
.search-no-results #content p {margin-bottom: 20px;}
.search-no-results .screen-reader-text {display: none;}
#menu-item-20 ul.sub-menu {display: none !important;}
#menu-item-20 {background: none;}
.wpcf7-response-output {clear: both; border:0px !important;  padding: 15px 0px !important;}
.search-results .services {background: none !important;}
.search-results article {padding: 0px !important;}
footer .sub-menu li:first-child {margin-left: 2px;}
.contact-bg {text-align: center; background: #000;}
.single-post-navigation {clear: both; padding: 12px 0 25px 0px;}
.top-navi .s-left { float: left; padding-right: 16px; border-right: 1px solid #9c9c9c; font-size: 14px; color: #999999; font-family: "quicksand-bold";}
.top-navi .s-right { float: right; padding-left: 16px; border-left: 1px solid #9c9c9c; font-size: 14px; color: #999999; font-family: "quicksand-bold";}
.top-navi .s-title {  float: none; margin: auto; font-size: 18px; color: #000; font-family: "faunaone-regular";}
.top-navi a:hover {color:#000;}
.s-navigation {text-align: center; line-height: 58px;}
.bottom-navi .s-left { float: left; padding-right: 16px; border-right: 1px solid #9c9c9c; font-size: 14px; color: #999999; font-family: "quicksand-bold";}
.bottom-navi .s-right { float: right; padding-left: 16px; border-left: 1px solid #9c9c9c; font-size: 14px; color: #999999; font-family: "quicksand-bold";}
.bottom-navi .s-title {  float: none; margin: auto; font-size: 16px; color: #000; font-family: "faunaone-regular";}
.s-navigation {text-align: center; line-height: 58px;}
.contact-left span.number {font-size: 16px; padding: 9px 0 8px 0px; display: block; color: #000 !important; margin-bottom:-5px; }
.skype_c2c_text_span {font-family: "oswald-regular";}
.our-process-mobile {display: none; background: #3a2f33; color: #fff; padding:60px 25px 60px 25px; text-align: center; }
.our-process-mobile a {color:#fff; text-decoration:underline;}
.portfolio-categories .category-h {display: none; text-align:center; /* background:url(images/category-menu.png) center 0px no-repeat; */  }
.open-category {  /* background-position:center -30px !important;  -webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    -o-transition: background 0.5s;
    transition: background 0.5s; */}
.banner-content span.go-btm2 {display:none;}
#menu-item-30 {display: inline-block}
#menu-item-689 {display: none}
.web-catgegory-items img:first-child {width:100% !important; max-width:100% !important; }
.error404 .content-area { background:url(images/UBD_Web_404Page2.jpg) center -50px repeat-x;  min-height:900px;}
.return-home {padding-top:50%; margin-left:28%; }
.return-home a {font-size:0px; text-indent:-999999px; display:block; width:435px; height:60px;}
.top-navi .s-right span,  .top-navi .s-left span {display:block; }
.top-navi .s-right small,  .top-navi .s-left small {display:none; }
.search-results h1.page-title {font-weight:normal; font-size:18px; color:#000; letter-spacing: 1px;}
.search-results article h1 { font-size:16px; color:#000; font-weight:normal; font-family: "faunaone-regular";}
.search-results article h1 a {font-size:16px; color:#000; font-weight:normal; font-family: "faunaone-regular"; }
.search-results article h1 a:hover { text-decoration:underline;}
.search-results article .entry-thumbnail {padding:10px 0 8px 0px; }
.category-toggle {position:relative; display:inline-block; cursor:pointer; width:40px; height:30px; background:none;}

.category-toggle .visuallyhidden {
    top: 0;
    right: -99px; }
.category-toggle span {
    left: 2px;
    position: absolute;
    width: 36px;
    height: 1px;
    background: #999999;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -moz-transition: top 0.3s ease 0.2s, -moz-transform 0.2s ease, background 0.2s linear 0.2s;
    -o-transition: top 0.3s ease 0.2s, -o-transform 0.2s ease, background 0.2s linear 0.2s;
    -webkit-transition: top 0.3s ease, -webkit-transform 0.2s ease, background 0.2s linear;
    -webkit-transition-delay: 0.2s, 0s, 0.2s;
    transition: top 0.3s ease 0.2s, transform 0.2s ease, background 0.2s linear 0.2s; }
.category-toggle .mt-top {
    top: 4px; }
.category-toggle .mt-mid {
    top: 12px; }
.category-toggle .mt-bot {
    top: 20px; }
.open-category .category-toggle span {
    background: #5C5343;
    -moz-transition: top 0.2s ease, -moz-transform 0.3s ease 0.2s, background 0.2s linear;
    -o-transition: top 0.2s ease, -o-transform 0.3s ease 0.2s, background 0.2s linear;
    -webkit-transition: top 0.2s ease, -webkit-transform 0.3s ease, background 0.2s linear;
    -webkit-transition-delay: 0s, 0.2s, 0s;
    transition: top 0.2s ease, transform 0.3s ease 0.2s, background 0.2s linear; }
.open-category .category-toggle span.mt-top {
      left: 6px;
      top: 12px;
      width: 24px;
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
.open-category .category-toggle span.mt-mid {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0;
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      -webkit-transform: scale(0);
      transform: scale(0); }
.open-category .category-toggle span.mt-bot {
      left: 6px;
      top: 12px;
      width: 24px;
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
#secondry-menu {text-align:right; }
.page-template-portfolio .portfolio-categories ul li:first-child a { color: #000000;}
.tax-portfolio #footer, .page-template-portfolio #footer { position:relative !important; top:auto !important;}
.single-gallery #footer {display:none !important;}
.single-gallery .portfolio-post {min-height:1000px;}
.main-thumbnail img {width:100%; }
.portfolio-url {clear:both;  font-family: "faunaone-regular"; color:#333333; padding-bottom:30px; margin-top:-5px; font-size:14px; text-align:center;}
.portfolio-url a {color:#333333;  font-family: "faunaone-regular"; text-decoration:none; font-size:14px;}
.portfolio-url a:hover { text-decoration:underline; }
.tablet{
	display: none;
}

/* Responsive CSS */
@media (min-width:768px) and (max-width:1030px){
	.tablet{
		display: block;
	}
	.other_device{
		display: none;
	}
}


@media (max-width:1030px){
body,div {-webkit-overflow-scrolling: touch; }
input, button {border:0px;}
h2 {font-size:45px;}
#section {margin-top: 70px; overflow: hidden;}
.container{width:95%;}
footer .search-form{width: 59%;}
footer .nav-menu li{margin: 0 1% 0 0;}
.portfolio-categories ul li{padding: 0 3%;}
.service-categories .col {width: 33.3%;}
.client-list ul {width: 50%;}
.email-call {display: none;}
.ft-row {text-align: center;}
.social {float: none; margin: auto; display: inline}
footer .search-form {width: 285px; float: none}
footer .menu-secondry-container {margin: 0px 0 30px 0px}
footer .menu-secondry-container ul {text-align: center;}
.ft-row.mobile {display: block;}
.ft-row.desktop {display: none;}
.copyright {margin-top: 40px;}
.service-categories .col { margin-bottom: 30px;}
.service-categories .col.h3_3 { clear: both !important;}
.banner-content {top: 65px;}
.banner-content span.one {font-size: 14px; line-height: 16px;}
.banner-content span.two {font-size: 24px;  line-height:26px;}
.banner-content span.three {font-size:50px;  line-height: 40px;}
.banner-content span.four {font-size: 13px;}
.banner-content-center {max-width: 490px;}
.banner-content span.four {padding-top: 10px; padding-bottom:20px;}
.portfolio-post ul li {width: 50%;}
.our-progress1 {top: 170px; width: 130px;  left: 92px;}
.our-progress2 {top: 170px; width: 130px;  right: 90px;}
.our-progress3 {top: 300px; width: 160px; left: 152px;}
.our-progress4 {top: 400px; width: 200px; left: 275px;}
.process-content {font-size: 10px; line-height: 16px;}
.client-list {padding-left:50px; padding-right:20px; }
.skype_c2c_text_span {   font-family: "faunaone-regular";}
.wpcf7-form input[type=submit]:hover {background: #0099cc;}
.services { padding-bottom: 20px}
.contact-left span.number {}
.client-list {background: #66cccc; padding-top: 0px }
.error404 .content-area {  min-height:800px; background-size:auto 100%; background-position:center 40px;}
.banner-content span.go-btm a {width:45px; height:45px;  background-position: 0 -45px;   background-size: 100% auto; }
.menu-primary-container ul li ul li a { padding: 36px 21px;}
.banner-content span.go-btm a:hover {background-position: 0 0px; }
.go-top a:hover {background-position:0 0px; }
.single .portfolio-categories { padding: 39px 0 50px;}
.single-gallery .portfolio-post {min-height:100%;}
.contact-bg {overflow:hidden; }
.main-thumbnail { margin:0 -200px;}
}


@media  (max-width:991px){
.main-thumbnail { margin: 0 -155px;}
footer .nav-menu li a {font-size: 12px;}
.our-progress1 {top: 137px; width: 130px;  left: 122px; width: 100px;}
.our-progress2 {top: 137px; width: 130px;  right: 122px; width: 100px}
.our-progress3 {top: 230px; width: 110px; left: 170px;}
.our-progress4 {top: 315px; width: 200px; left: 260px; width: 160px;}
.banner-content span.go-btm a {  }
.banner-content span.four {padding-bottom: 10px;}
.banner-content {top: 50px;}
.process-content {font-size: 8px; line-height: 10px;}
.contact-left span.number {  font-weight: normal !important;}
.copyright {width: 100%; clear: both;}
.return-home, .return-home a {width:100%; height:200px; margin:0px;}
.menu-toggle {display:none; border:0px !important; outline:0px !important; }
.single .portfolio-categories {  padding: 42px 0 58px;}
.top-navi .s-title {max-width:460px;  display: inline-block; line-height:26px; vertical-align: middle;}
.banner-content span.one {text-align: right; padding-right: 135px;}
.single .portfolio-categories { padding: 39px 0 50px;}
.portfolio-categories ul li{padding: 0 2.2%;}

}


@media (max-width:767px){
 .container{width:90%;}
 h2 {font-size: 28px;}
 #section {   }
 .banner-content span.go-btm a {  width: 32px; height: 32px; background-size:100%; margin-right: 0px;}
 .banner-content span.go-btm2 a {  width: 32px; height: 32px; background-size:100%; margin-right: 0px;}
 .process {display: none;}   
 .service-categories {margin: 0px;}
 .service-categories .col {width: 100%; padding-bottom: 35px;}
 .service-categories h3 {margin-bottom: 15px;}
 .who-we-are, .client-list, .services {text-align: center;}
 .client-list ul {width: 100%;}
 .client-list li {padding-right: 0px;}
 .parallax-window {min-height: 100%; height: 500px;}
 .banner-content span {padding-right: 0px; }
 .banner-content span.one {padding-right: 0px; font-size: 14px; line-height:100%;}
 .banner-content span.two {padding-right: 0px; font-size: 26px; line-height:100%;}
 .banner-content span.three {padding-right: 0px; font-size: 54px; line-height:48px;}
 .banner-content span.four {padding-right: 0px; font-size: 13px; line-height:100%;}
 .banner-content {top: 15%;}
 .service-categories h3 span {display: inline;}
 .logo {padding-right: 15px;}
 .menu-secondry-container {display: none;}
 .service-categories .col h3 span {display: inline;}
 .portfolio-post {/* padding-left: 15px; padding-right: 15px; */}
 .menu-primary-container {
-webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.32);
-moz-box-shadow:    0px 3px 5px 0px rgba(50, 50, 50, 0.32);
box-shadow:         0px 3px 5px 0px rgba(50, 50, 50, 0.32);}
 .our-process-mobile {display: block;}
 .our-process-mobile h2 { color: #fff !important; font-size: 28px;}
 .banner-content span.go-btm {display:none;}
 .banner-content span.go-btm2 {display:block;}
 .banner-content span.go-btm2 {text-align: center; padding-right: 0px;}
 .banner-content span.go-btm2 a {background:url(images/down-arrow.png) no-repeat left -32px; background-size:100%; width: 32px; height: 32px; font-size: 0px; text-indent: -9999px; display: inline-block;}
 .portfolio-categories ul li{padding: 0 1.5%;}
 .client-list {padding-left:0px; padding:0px;}
 .top-navi .s-left {font-size:18px !important; font-weight:normal; line-height:14px; width:50%; text-align:right; border:0px !important;}
 .top-navi .s-right {font-size:18px !important; font-weight:normal; line-height:14px; width:50%;  text-align:left; border:0px !important;}
 .top-navi .s-title {font-size:14px; line-height:18px; display:block; clear:both; padding-bottom:20px;}
 .top-navi .s-right span,  .top-navi .s-left span {display:none; }
 .top-navi .s-left small {display:inline-block;   font-size: 0px; text-indent:-999px; width:10px; height:14px; background:url(images/prev_portfolio.png) no-repeat right 0px;}
 .top-navi .s-right small {display:inline-block;  font-size: 0px; text-indent:-999px; width:10px; height:14px; background:url(images/next_portfolio.png) no-repeat 0 0px;}
 .top-navi .s-left:hover small {background-position:0px -15px }
 .top-navi .s-right:hover small { background-position:0px -15px }
 .single-post-navigation {padding: 0px 0 20px 0px;}
 .error404 .content-area { background-position: center 0px; background-size: auto 100%; min-height: 300px; padding-top:30px;}
.return-home  { padding-top:0px;}
.our-process-mobile p, .service-categories p, .service-categories .subPosts li, .who-we-are p, .client-list li { font-size:14px !important;  line-height: 25px;}
.service-categories h3 { font-size:20px;}
.banner-content span { text-align: center;}
.banner-content span.one {text-align: center; padding-right: 0px;}
.banner-content span.one, .banner-content span.two, .banner-content span.three, .banner-content span.four {padding-right: 0px;}
.banner-content span.go-btm2 a:hover {background-position: 0 0px; }
.main-thumbnail { margin:0 -450px;}
}



@media (max-width: 679px) {
    header {padding-bottom: 8px; padding-top: 20px; -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.30);
-moz-box-shadow:    0px 3px 3px 0px rgba(50, 50, 50, 0.30);
box-shadow:         0px 3px 3px 0px rgba(50, 50, 50, 0.30);}
    header .container {width: 100% !important; text-align: center;}
	/* Small menu */
        #menu-item-20:hover ul.sub-menu {display: block !important;} 
        #menu-item-20 { }
        #menu-item-20:hover {background: none;}
.portfolio-categories ul  {display: none;}
.menu-toggle { 
		cursor: pointer;
		display: inline-block;
		margin: 0;
		/* background:url(images/menu-icon.png) no-repeat center 8px; */
		background:none;
   		width:50px;
		height:33px;
		font-size:0;
		margin-bottom:10px; 	     -webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    -o-transition: background 0.5s;
    transition: background 0.5s;	}
	
	.go-top a:hover { background-position: 0 -40px !important;}
     .single-gallery .go-top a:hover, .single-gallery .go-top a:active, .single-gallery .go-top a:focus {   background-position: 0 -30px !important; } 
	 .single-gallery .portfolio-categories {box-shadow: none !important;}
    .toggled-onn .menu-toggle {/* background:url(images/menu-icon.png) no-repeat center -28px; */}
	.menu-primary-container ul li  {margin-bottom: 5px;}
        .menu-primary-container { width: 100%; background: #33cccc;  overflow: hidden;     position: absolute;    top: 70px; left: 0px;    z-index: 9999;}
	.menu-primary-container ul li ul{-webkit-transition: all 2s linear; transition: all 2s linear;  position:static; width:100%; display:block !important; }
	.menu-primary-container ul li:hover ul{ display:block;-webkit-transition: all 2s linear; transition: all 2s linear;}
	.menu-primary-container ul li:hover{background:none; }
	.menu-primary-container ul li li a{width:100%;background:none !important; color: #fff !important;}
        .menu-primary-container ul li a {color: #fff !important;}
        .menu-primary-container ul li a:hover {color: #000 !important;}
		.menu-primary-container ul li:first-child a {display:block !important;  height:auto!important;  text-align:center !important; opacity:10 !important; }
        .menu-primary-container ul li {padding-bottom: 0px;}
        .menu-primary-container ul li ul {background: none; padding-top: 10px; padding-bottom: 15px;}
        .menu-primary-container ul li li a {padding:0px;}
        .menu-primary-container ul li ul li:last-child a {padding-right: 5px;}
        .navbar{display: inline-block; float: right; }
	.toggled-onn .nav-menu,	.toggled-onn .nav-menu > ul {	display: block;	margin-left: 0;	padding: 0;width: 100%;	}
	.toggled-onn li, .toggled-onn .children {	display: block;	}
	ul.nav-menu, div.nav-menu > ul {display: none; padding: 20px 0 10px 0px !important; overflow: hidden;}
	a.logo{text-align:center; display: inline-block;}
	.navbar{margin-top:0px;text-align:center; float: none;}
	.menu-primary-container ul li{width:100%;float:left;}
        .menu-primary-container ul li ul li {width:auto; float: none; display: inline-block; border-left:1px solid #fff; padding: 0 5px;}
        .menu-primary-container ul li ul li:first-child {border:0px;}
	.main_container_text .container{padding: 30px 0;}
	.contact-left,
	.contact-right{width:100%;}
	.portfolio-post ul li{width:100%;}
	.portfolio-categories ul li{margin-bottom:10px;}
	footer{font-size: 13px;line-height: 28px; padding-top:20px;}
	.social{width:100%; }
	footer .textwidget{width:100%;text-align:center;display:inline-block;}
	.social .textwidget{width:100%;text-align:center;}
	footer .search-form{margin:20px auto;width:70%;float:none;display:block;}
        footer .search-form {width: 285px !important; margin: 20px auto 0 auto; clear: both; }
       .copyright {margin-top: 35px;}
       .services {padding-top: 60px; padding-bottom: 0px;}
	   .who-we-are {padding-top: 60px; }
	   .client-list {padding-top: 60px; }
       .go-top {display: none;}
	   .page-template-testimonial .go-top {display: block;}
	   .page-template-testimonial .go-top a{width:30px !important; height:30px !important; background-size:100% !important; }
	   .page-template-testimonial .go-top a:hover {width:30px !important; height:30px !important; background-size:100% !important; background-position: 0 -30px !important;}
	   .home .go-top {display: block;}
	   .go-top a {height:40px; width:40px; background-size:100%;}
	   .single-gallery .go-top {display: block !important;}
	   .single-gallery .go-top a {width:30px !important; height:30px !important; background-size:100% !important;}
       .contact-left {text-align: center;}
       .contact-right {padding-top: 30px; padding-bottom: 50px;}
       .contact-right .f-row .f-half:first-child {width: 100%; margin-bottom: 17px;}
       .contact-right .f-row .f-half {width: 100%;} 
       .btn-row {clear: both; padding-top: 15px; padding-bottom: 0px; text-align: center; overflow: hidden;}
       .wpcf7-form input[type="submit"] {float: none;}
       .contact-left p img {float: none !important;}
       .s-navigation {line-height: 30px; overflow:hidden;}
       .top-navi .s-title { display: block;}
       .portfolio-categories ul li {display: inline-block;  width: 45%; padding-bottom: 5px; overflow: hidden;}
       .portfolio-categories ul li a {padding-left: 40px !important;}
        a.web {margin-left:-5px;}
       .portfolio-categories .category-h {display: block; font-family: "oswald-regular";    font-size: 20px; color: #000;    line-height: 20px; }
       .portfolio-categories .category-h img {vertical-align: middle;}
       .menu-primary-container ul li ul li a {color: #fff !important; padding-top: 0px; padding-bottom: 0px; letter-spacing: 0px; }
       .service-categories .col {margin-bottom: 25px;}
        .contact-left span.number {padding-top:0px;}
	  
           #menu-item-30 {display: none}
           #menu-item-689 {display: inline-block; border-left:0px !important;}
	   .contact-left span.number  {padding:7px 0px;}
	   .portfolio-categories ul li a.web {padding-left:45px !important;}
           .banner-image img {  margin-left: -250px;  width: 900px; max-width: 900px;}
           #services, #who-we-are, #clients {padding-top: 0px;}
.portfolio-categories { position:relative; -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.30);
-moz-box-shadow:    0px 3px 3px 0px rgba(50, 50, 50, 0.30);
box-shadow:         0px 3px 3px 0px rgba(50, 50, 50, 0.30);}
ul.category-list {background:#fff; padding-top:10px; padding-bottom:20px; position:absolute; z-index:9999; left:0px; -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.30);
-moz-box-shadow:    0px 3px 3px 0px rgba(50, 50, 50, 0.30);
box-shadow:         0px 3px 3px 0px rgba(50, 50, 50, 0.30); }
.banner-content span.one {letter-spacing:1px !important;}
.single .portfolio-categories {background:none; }
.client-list {padding-bottom:10px }
.single .portfolio-categories{padding: 30px 0 15px;}
ul.nav-menu, div.nav-menu > ul { padding-bottom:30px !important;}
header .menu-item-has-children { background-position: center 28px;}
.menu-toggle {position:relative; display:block;}

.menu-toggle .visuallyhidden {
    top: 0;
    right: -99px; }
.menu-toggle span {
    left: 2px;
    position: absolute;
    width: 36px;
    height: 1px;
    background: #ccd1d2;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -moz-transition: top 0.3s ease 0.2s, -moz-transform 0.2s ease, background 0.2s linear 0.2s;
    -o-transition: top 0.3s ease 0.2s, -o-transform 0.2s ease, background 0.2s linear 0.2s;
    -webkit-transition: top 0.3s ease, -webkit-transform 0.2s ease, background 0.2s linear;
    -webkit-transition-delay: 0.2s, 0s, 0.2s;
    transition: top 0.3s ease 0.2s, transform 0.2s ease, background 0.2s linear 0.2s; }
.menu-toggle .mt-top {
    top: 4px; }
.menu-toggle .mt-mid {
    top: 12px; }
.menu-toggle .mt-bot {
    top: 20px; }
.toggled-onn .menu-toggle span {
    background: #8b8f8f;
    -moz-transition: top 0.2s ease, -moz-transform 0.3s ease 0.2s, background 0.2s linear;
    -o-transition: top 0.2s ease, -o-transform 0.3s ease 0.2s, background 0.2s linear;
    -webkit-transition: top 0.2s ease, -webkit-transform 0.3s ease, background 0.2s linear;
    -webkit-transition-delay: 0s, 0.2s, 0s;
    transition: top 0.2s ease, transform 0.3s ease 0.2s, background 0.2s linear; }
.toggled-onn .menu-toggle span.mt-top {
      left: 6px;
      top: 12px;
      width: 24px;
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
.toggled-onn .menu-toggle span.mt-mid {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0;
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      -webkit-transform: scale(0);
      transform: scale(0); }
.toggled-onn .menu-toggle span.mt-bot {
      left: 6px;
      top: 12px;
      width: 24px;
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }	
  
}



@media (max-width: 459px) {
.menu-primary-container ul li ul li a {font-size: 13px; padding: 0px;}
.banner-image img {  margin-left: -320px; }

}





@media (min-width: 1030px) {
.single-gallery .portfolio-categories {box-shadow: none !important;}
#section {padding-top: 84px;}
.portfolio-categories ul, #primary-menu {display: block !important;}
.single-gallery #footer { position:relative !important; top:auto !important; }
}


@media (min-width: 768px) {
.menu-primary-container ul li ul {-webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.30);
-moz-box-shadow:    0px 3px 3px 0px rgba(50, 50, 50, 0.30);
box-shadow:         0px 3px 3px 0px rgba(50, 50, 50, 0.30); }
#header { -webkit-box-shadow: 0px 4px 4px 0px rgba(50, 50, 50, 0.30);
-moz-box-shadow:    0px 4px 4px 0px rgba(50, 50, 50, 0.30);
box-shadow:         0px 4px 4px 0px rgba(50, 50, 50, 0.30);}
.single .portfolio-categories {box-shadow:none; }
}

@media (min-width: 680px) {
.portfolio-categories { position:relative; z-index:9; -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.30);
-moz-box-shadow:    0px 3px 3px 0px rgba(50, 50, 50, 0.30);
box-shadow:         0px 3px 3px 0px rgba(50, 50, 50, 0.30); }



@media (min-width:3500px){ 

.single-gallery #footer { position:absolute !important; bottom:0px !important; }

}


.single-gallery #footer {display:none !important; }