/* Just minified for pirates :p */

@media only screen and (min-width:1681px) {
	body {
		font-size: 17.21px
	}
	.row {
		max-width: 68em
	}
	.ef-portfolio-item, #ef-team .ef-carousel-item {
		width: 16.676em
	}
	.ef-bloginfo li {
		background-position: left .125em
	}
}
@media only screen and (max-width:58.7em) {
	.theme-changer-wrap {
		display: none;
	}
	.top-bar a.button.ef-search-btn {
		float: none!important
	}
	.top-bar-section li:first-child, .top-bar, .top-bar-section, .top-bar a.button.ef-search-btn, .top-bar-section ul.left li, .top-bar-section .has-form {
		margin: 0;
		padding: 0
	}
	.top-bar-section ul li a:not(.ef-search-btn) {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0
	}
	.top-bar-section .dropdown {
		-webkit-box-shadow: transparent 0 0 0 0;
		-moz-box-shadow: transparent 0 0 0 0;
		box-shadow: transparent 0 0 0 0
	}
	.top-bar-section .dropdown li a {
		font-size: 1em
	}
	.top-bar-section .has-dropdown a:after {
		background: none transparent!important;
		margin-right: 0
	}
	.top-bar-section li.active>a:not(.button) {
		border: 0!important
	}
	.top-bar-section ul li>a, .top-bar-section .dropdown li a {
		padding: 15px 0!important;
		line-height: 1em!important
	}
	.top-bar-section li a:not(.button) {
		border: 0
	}
	.top-bar, .top-bar .name, .top-bar .toggle-topbar a {
		height: 67px
	}
	.top-bar .name h1, .top-bar .toggle-topbar a, .top-bar .name {
		line-height: 1em
	}
	.top-bar ul.title-area .name {
		padding-top: 1em
	}
	.top-bar-section ul li.divider {
		border-bottom: 1px solid #dbdbdb
	}
	.top-bar-section .has-dropdown>a:after, .top-bar-section .has-dropdown:hover a:after {
		left: auto;
		bottom: auto;
		top: 50%;
		border: solid 5px;
		border-color: transparent transparent transparent #303030;
		background: 0
	}
	.top-bar-section .dropdown {
		-webkit-opacity: 1!important;
		opacity: 1!important;
		z-index: 1
	}
	.top-bar-section ul li {
		border-bottom-width: 1px;
		border-bottom-style: solid
	}
	.top-bar-section ul ul {
		-webkit-box-shadow: 0;
		box-shadow: 0
	}
	.top-bar.expanded .title-area {
		z-index: 2
	}
	.top-bar.expanded .title-area {
		-webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
		box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15)
	}
	.top-bar .toggle-topbar.menu-icon a span {
		-webkit-box-shadow: 0 10px 0 1px #303030, 0 16px 0 1px #303030, 0 22px 0 1px #303030;
		box-shadow: 0 10px 0 1px #303030, 0 16px 0 1px #303030, 0 22px 0 1px #303030
	}
	.top-bar.expanded .toggle-topbar.menu-icon a span {
		color: #b4b4b4!important;
		-webkit-box-shadow: 0 10px 0 1px #b4b4b4, 0 16px 0 1px #b4b4b4, 0 22px 0 1px #b4b4b4;
		box-shadow: 0 10px 0 1px #b4b4b4, 0 16px 0 1px #b4b4b4, 0 22px 0 1px #b4b4b4
	}
	.top-bar-section ul ul {
		border: 0!important
	}
	.top-bar-section ul.left li {
		margin-right: 0
	}
	.top-bar-section .has-form {
		padding: 0
	}
	.top-bar-section .has-form li {
		padding: 15px 0
	}
	a, .tp-bullets.simplebullets.round .bullet, .button, button, .ef-comments, .ui-accordion-header-icon, .ef-birdy, #ef-latest-works article *, #ef-portfolio article *, .tparrows, .tp-bullets, .ef-comments:after, #ef-team .ef-item-title {
		transition: none!important;
		-webkit-transition: none!important;
		-ms-transition: none!important;
		-o-transition: none!important
	}
	#ef-latest-works .ef-proj-img img:hover, #ef-portfolio .ef-proj-img img:hover {
		-moz-transform: none;
		-webkit-transform: none;
		-o-transform: none;
		-ms-transform: none;
		transform: none
	}
	.tp-bullets, .tp-bullets.hidebullets {
		bottom: 0!important;
		-ms-filter: "alpha(opacity=100)"!important;
		-moz-opacity: 1!important;
		-webkit-opacity: 1!important;
		opacity: 1!important
	}
	#ef-team .ef-item-title, #ef-team .ef-carousel-item:hover .ef-item-title {
		position: static;
		padding-left: 0;
		background: 0;
		color: inherit
	}
	#ef-portfolio .ef-portfolio-wrap {
		width: 101.6%
	}
	#ef-portfolio .ef-portfolio-item {
		width: 33.1%
	}
	#ef-portfolio.ef-3-col-portfolio .ef-portfolio-item {
		width: 24.9%
	}
	#ef-clients-carousel .ef-carousel-nav a#ef-prev1 {
		margin-left: -7px
	}
	#ef-clients-carousel .ef-carousel-nav a#ef-next1 {
		margin-right: -7px
	}
}
@media only screen and (max-width:48em) {
	.ef-services>.columns {
		height: auto!important
	}
	#ef-top ul li.ef-soc-title {
		padding-bottom: 11px
	}
	.ef-services article {
		border: 0!important
	}
	#myModal {
		background-image: none
	}
	.ef-twitter-widget .text-right, #ef-footer-bottom .columns, .ef-panel-inner *, .ef-breadcrumbs * {
		text-align: center!important
	}
	.ef-map-pag .back-btn {
		border-bottom-width: 1px
	}
	.ef-map-pag .fwd-btn {
		border-top-width: 1px
	}
	#ef-portfolio .ef-portfolio-wrap {
		width: 101%
	}
	#ef-portfolio .ef-portfolio-item {
		width: 49.9%
	}
	#ef-portfolio.ef-3-col-portfolio .ef-portfolio-item {
		width: 33.1%
	}
	.ef-bloginfo-comment.right {
		float: left!important
	}
	.ef-from-blog-img {
		margin-top: .625em;
		margin-left: -2.313em
	}
	.ef-post .ef-proj-img {
		margin-bottom: .625em
	}
	.ef-post .ef-blog-s3-img {
		margin-bottom: .938em
	}
}
@media only screen and (max-width:20.000em) {
	.ef-post .ef-from-blog-img {
		width: 6.563em
	}
	#ef-portfolio.ef-3-col-portfolio .ef-portfolio-item {
		width: 49.9%
	}
}

header .top-bar.expanded{
	background: #f7f7f7;
}

header .top-bar.expanded ul.left{
	font-size: 1.2em;
    padding-left: 20px;
}


@media screen and (max-width: 1200px) {
	.ui-tabs .ui-tabs-nav li{
		left: 5%;
	}
	.ef-tabs ul.tabs-nav li{ width: 30%; height: 60px;}
	.ef-tabs ul.tabs-nav li a{ font-size: 1em !important; }
}

@media screen and (max-width: 800px) {
	.ui-tabs .ui-tabs-nav li{
		left: 5%;
	}
        .container { width: 300px; }
	.ef-tabs ul.tabs-nav li{ width: 30%; height: 60px;}
	.ef-tabs ul.tabs-nav li a{ font-size: 1em !important; }
	.top-bar .toggle-topbar.menu-icon a { text-indent: -101px; font-size: 2em; }
	section .ef-totshad, .fullwidthbanner-container, .fullwidthbanner{ z-index: 10; }
}

@media screen and (max-device-width: 600px) {
	body{ 
		position: absolute !important;
		font-size: 1.5em;
		text-align: center;
	}
        .container { width: 300px; }
	.top-bar .toggle-topbar.menu-icon a { text-indent: -110px; font-size: 1.3em; }
	body section{
		width: 100%;
	}
	section .ef-topshand{ height: 400px; }
	section .ef-totshad, .fullwidthbanner-container, .fullwidthbanner{
		height: 200px !important;
		z-index: 10;
	}
	.ui-tabs .ui-tabs-nav li{
		left: 0;
	}
	.ef-tabs ul.tabs-nav li{ width: 30%; height: 60px;}
	.ef-tabs ul.tabs-nav li a{ font-size: 0.54em !important; }
}