/*
Theme Name: Mackenzie Architects Updated
Theme URI: http://mainternational.com.au
Author: Eri Mehmeti.
Author URI: http://www.eridesigns.com.au
Description: Description
Version: 1.1
*/
@import url(http://fonts.googleapis.com/css?family=Nunito:400,300,700);

input[type="submit"] {
	border: 1px solid #0084B5;
	background-color: #0084B5;
	padding: 5px 15px;
	border-radius: 3px; 
	color: #fff;
}
input[type="submit"]:hover {
	background-color: #003563;
}
.screen-reader-text {
	visibility: hidden;
}
/* color */
.lightBlue { background-color: #0084B5; color: #fff; }
.darkBlue { background-color: #003562; color: #fff; }
/*___responsive___*/
@media (max-width: 1198px) {
	.top-navi {
		display: none;
	}
	
	.tinynav { 
		border: 1px solid #AAAAAA;
	    display: block !important;
	    padding: 4px;
	    position: relative;
	    top: 40px;
	    width: 100%;
	}
}

.tinynav { display: none; }
@media (max-width: 680px) {
	
	body {overflow-x: hidden;}
	
	.logo img { width: 75% !important; }
	#mobileNav {
		background-color: #fff;
		border: 1px solid #eee;
		width: 100%;
	}
	#top { height: 115px !important;}
	
	.top-navi {
		float: none !important; 
		margin-top: 45px;
	}
	
	.content {padding: 0 10px !important;}
	
	.clients-gallery li img {
		width: 120px !important;
	}
	
	.webdev { text-align: center !important; padding-right: 0 !important;}
	.copyright {text-align: center !important; padding-left: 0 !important;}
}

body {
	font-family: 'Nunito', sans-serif !importnat;
	background:url(images/blue_bg.jpg) repeat transparent fixed 0 0; 
}

#our-story, #portfolio, #news, #contact, #team {
	padding-top: 80px;
}

.project-content {
	padding: 68.7px;
	margin-bottom: -3px;
}


.grey {
	background-color: #eee !important;
}

/*___content___*/
.wrap {
	-webkit-box-shadow: 0px 0px 100px #333;
	-moz-box-shadow: 0px 0px 100px #333;
	-o-box-shadow: 0px 0px 100px #333;
	-ms-box-shadow: 0px 0px 100px #333;
	box-shadow: 0px 0px 100px #333;
	padding-top: 105px;
}
.page-title {
	text-transform: lowercase;
	color: #333;
	font-size: 22px !important;
	text-align: left;
	margin-bottom: 40px;
}

.page-title:before {
	border-top: 3px solid #333333;
    content: "";
    display: block;
    margin: 20px 0;
}

/*___logo___*/

.logo {
	font-size: 23px;
    position: relative;
    top: 25px;
}

.top-navi {
	list-style-type: none;
	position: relative;
	top: 37px;
}

.top-navi li {
	margin-right:25px;
}

.top-navi li a {
	text-transform: lowercase;
	font-size: 16px;
}

.top-navi li a:hover {
	border-bottom: 2px solid;
}

.project img {
	height: 350px !important;
    width: 465px !important;
}


#top {
    display: block !important;
    height: 95px;
    position: fixed !important;
    width: 100% !important;
    z-index: 999;
}

.top-navi {
	float: right;
}

.top-navi li {
	float: left;
	margin-left: 10px;
}

.fullscreen-image {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	width: 100%;
	height: 100%;
	border: 30px solid #EEEEEE;
}

.next-section {
	bottom: 75px;
    display: block;
    margin: 0 auto -85px;
    position: relative;
    width: 80px;
    z-index: 30;
}

.next-section i.arrow {
	font-size: 2em;
	display: block;
	height: 80px;
	width: 80px;
	line-height: 66px;
	border-radius: 5%;
	z-index: 30;
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	background-color: #FFFFFF;
}

.arrow-icon {
	left: 18px;
    position: relative;
    top: 8px;
}

.next-section i.arrow:hover {
	opacity: .8;
}

.back-top {
	border-radius: 50%;
    bottom: 99px;
    display: block;
    margin: 0 auto -80px;
    padding: 4px;
    position: relative;
    width: 40px;
    z-index: 30;
}

.back-top i.arrow {
	font-size: 2em;
	display: block;
	height: 80px;
	width: 80px;
	line-height: 66px;
	border-radius: 5%;
	z-index: 30;
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	background-color: #fff;
}

/*___Project Slider___*/
.flex-direction-nav {
	list-style-type: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    padding-bottom: 20px;
    width: 200px;
}

.flex-direction-nav li {
	float: left;
	margin-left: 10px;
}

/* Icon Fonts */
@font-face {
	font-family: 'flexslider-icon';
	src:url('fonts/flexslider-icon.eot');
	src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
		url('fonts/flexslider-icon.woff') format('woff'),
		url('fonts/flexslider-icon.ttf') format('truetype'),
		url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'lucida_sansdemibold_roman';
    src: url('fonts/lucida-sans-demibold-roman-webfont.eot');
    src: url('fonts/lucida-sans-demibold-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lucida-sans-demibold-roman-webfont.woff') format('woff'),
         url('fonts/lucida-sans-demibold-roman-webfont.ttf') format('truetype'),
         url('fonts/lucida-sans-demibold-roman-webfont.svg#lucida_sansdemibold_roman') format('svg');
    font-weight: normal;
    font-style: normal;

}

h1, h2, h3, h4, h5, h6, p, a {
    font-family: 'Nunito', Arial, sans-serif !important;
    font-weight: lighter;
}

/*____ Resets ____*/
.remove-left-padding {padding-left: 0 !important;}
.remove-right-padding {padding-right: 0 !important;}
.remove-padding { padding-left: 0 !important; padding-right: 0 !important; }


/*______Common Styles_____*/
body {
	margin: 0; 
	font-size: 16px !important; 
	line-height: 20px;
	font-weight: light !important;
	background-color: #eeeeee; 
	color: #0084B5 !important; 
	overflow-x:  hidden;
}


a { 
	color:#003563; 
}

a:hover,
a:focus {
  color: #003563;
}

.clear {clear: both;}


.entry-content h3, .entry-content h2 {
	font-size: 20px;
}

/*_ general styles for the content _*/
.content p, .content li, .content a, .content blockquote {

}

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
	font-family: 'gotham_lightregular';
}


.content h1 {
    font-size: 20px;
}

.content h2 {
    font-size: 19px;
}

.content h3 {
    font-size: 18px;
}

.content h4 {
    font-size: 17px;
}

.content h5 {
    font-size: 16px;
}

.content h6 {
    font-size: 15px;
}

.content p {

}

.content a {
	font-weight: bold;
}
.content a:hover {
	text-decoration: underline;
}

.content ul {
	font-weight: 400;
	list-style-type: square;
}

.content li {
	line-height: 28px;
}

.content li a {

}

.content blockquote {
    color: #ED6F70;
    border-left: 5px solid #ED6F70 !important;
}

.content blockquote p {
    font-weight: 500 !important;
}

.content img {
    max-width: 100%;
    height: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}


.slider-bottom {
	height: 50px;
	background-color: #BEBFC2;
	clear: both;
}


.container { max-width: 1050px; background-color: #fff; padding-left: 60px !important; padding-right: 60px !important;}


/*___Buttons___*/
.btn-main {
    -moz-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    background-image: none;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.btn-main:hover {
	background-color: #67C8C5 !important;
}

.btn-main:focus {
	background-color: #67C8C5 !important;
}


/*___Logo___*/

.logo img {
	display: block;
    margin: -15px auto 0;
    width: 370px;
}

/*___Navi___*/
.navigation {
	margin: 25px 0 !important;
}
.navbar-nav li {
	margin-right: 110px;
}

.navbar-nav li a {
	color: #666 !important;
	text-transform: uppercase;
}

.navbar-nav li:last-child {
	margin-right: 0 !important;
}


.footer { margin-top: 30px;  border-top: 1px solid #BEBFC2; background-color: ; color: #666; padding: 10px 1px 18px 0; }
.footer a { color: #666; }

.copyright { margin-top: 8px; padding-left: 30px !important; }
.webdev { margin-top: 8px; padding-right: 30px !important; text-align: right; }
.webdev a { font-size: 12px; }


/*________Map_______*/
.gmap3 {height: 500px; width: 100%;}


/*___Team___*/

.team {
	text-align: left;
	margin-top: 60px;
}

.team p {
	line-height: 20px;
    text-align: center;
}

.team .col-md-3 {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/*___clientes___*/
#clients .container {
	max-width: 775px;	
}

.clients-gallery {
	list-style-type: none;
}

.clients-gallery li {
	float: left;
	margin-right: 25px;
	margin-bottom: 25px;
}

.clients-gallery li img {
	opacity: .7;
	padding: 10px;
	border:1px solid #eee;
}

.clients-gallery li img:hover {
	opacity: 1;
}

/* portfolio */
#portfolio-area .mix {
    opacity: 0;
    display: none;
    padding-right: 10px !important;
    padding-left: 0 !important;
    padding-bottom: 10px;
}

.portfolio-sorter {
	list-style-type: none;
	padding: 0;
	margin-bottom: 30px;
	text-transform: lowercase;
}

.portfolio-sorter li {
	float: left;
	margin-left: 20px;
	cursor: pointer;
}

.portfolio-sorter li:first-child {
	margin-left: 0;
}

.fancy-box {
	max-width: 300px;
	max-height:185px;
}

/* forms */
input, textarea {
	font-size: 16px !important;
	color:#666;
}

/* new portfolio */
.port-block {
	list-style-type: none;
	padding: 0;
}

.port-block li {
	float: left;
	margin-right: 40px;
	max-width: 30%;
	text-align: center;
	background-color: #eee;
}

.port-block li:last-child {
	margin-right: 0;
}

.port-img {
	max-width: 100%;
	height: auto;
}

.port-img:hover {
	opacity: .9;
}

.inner-gallery {
	list-style-type: none;
	padding: 0;
}

.inner-gallery li {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 31%;
}

.inner-gallery li:last-child {
	margin-right: 0;
}

.flex-direction-nav a { margin: -115px 0px 0px !important; }