/* Fonts
-----------------------------------------------------------
font-family: 'Montserrat', sans-serif;

font-weight: 200,400,400i,700,700i


*/



/* General
-----------------------------------------------------------*/
body {
	font-size: 13px;
	line-height: 24px;	
	font-family: 'Montserrat', sans-serif;
}

p {
	font-size: 13px;
	line-height: 24px;	
}

h1, h2, h3, h4, h5, h6 { 
	font-family: 'Montserrat', sans-serif;
}

h2 {
	text-transform: uppercase;
    font-weight: 700;
    font-style: italic;
    font-size: 52px;
    letter-spacing: 10px;
	line-height: 58px;
}

ul, ol, dl {
    font-size: inherit;
    line-height: inherit;
}

a {
	color: #1abc9c;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
}

a:hover, a:focus {
	color: #0f9c80;
}

img.alignright {
	float: right;
}

img.alignleft {
	float: left;	
}

hr.short_hr {
    border-color: #1abc9c;
    border-width: 3px;
    width: 80px;
    margin: 0 auto 50px;
}

/* Button
-----------------------------------------------------------*/
[type="email"], [type="text"], textarea {
    box-shadow: none;
    color: #000;
    height: auto;
    margin: 0 0 10px;
    padding: 15px 20px;
    border-radius: 0;
    font-family: 'Montserrat', sans-serif;
    border-radius: 40px;
    border: 1px solid #999999;
    font-size: 13px;
    text-transform: uppercase;
}

input::placeholder, textarea::placeholder {
    color: inherit;
}

a.button, [type="submit"] {
    background: #1abc9c;
    border: none;
	border-radius: 0;
    color: white;
    cursor: pointer;
    line-height: 1rem;
	font-family: 'Montserrat', sans-serif;
    margin: 0 0 10px;
	font-size: 13px;
	font-weight:700;
	text-transform: uppercase;
	letter-spacing: 2px;
    padding: 10px 30px;
    transition: background-color 0.25s ease-out 0s, color 0.25s ease-out 0s;
}

a.button:focus, [type="submit"]:focus,
a.button:hover, [type="submit"]:hover {
	background: #0f9c80;
}




/* Header
-----------------------------------------------------------*/

.header {
    background: #1abc9c;
    padding: 50px 0;
}

.header h3 {
    color: white;
    font-weight: 700;
    margin: 0;
}


/*--- Nav ---*/
ul.nav.dropdown.menu {
    float: right;
}

ul.nav.dropdown.menu li {
    float: left;
    list-style: none;
	margin: 0 0 0 30px;
}

ul.nav.dropdown.menu li a {
    color: black;
    padding: 10px 0;
    font-size: 13px;
    text-transform: uppercase;
	border-bottom: 3px solid transparent;
}

ul.nav.dropdown.menu li > a:hover,
.post-type-archive-portfolio ul.nav.dropdown.menu li.menu-item-30 > a,
ul.nav.dropdown.menu li.current_page_item > a,
ul.nav.dropdown.menu li.current-menu-parent > a,
ul.nav.dropdown.menu li.current-menu-ancestor > a,
/* keep parent highlighted on submenu hover */
ul.nav.dropdown.menu li.menu-item-has-children:hover > a  {
	border-bottom: 3px solid white;
}





/* Home
-----------------------------------------------------------*/

/*----- Main -----*/
.main {
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin: 0;
}

.main .black {
	background: url(../img/black.png);
	padding: 200px 0;
}

.main h2 {
	margin: 0 0 40px;
	color: white;
}




/* Content
-----------------------------------------------------------*/
.content {
	background: white;
	min-height: 500px;
	padding: 50px 0;
}



/* About
-----------------------------------------------------------*/
.skills_wrap {
	margin: 25px 0 0;
}

.skills_wrap img {
	margin: 0 0 25px;
}






/* Portfolio
-----------------------------------------------------------*/
.feature_img_wrap {
	margin: 0 0 25px;
}
	
.feature_img_wrap h5 {
    position: absolute;
    z-index: 9;
    bottom: 0;
    background: #161e1d;
    margin: 0;
    padding: 10px;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    color: white;
 	transition: all 0.25s ease-out 0s;
}

.feature_img_wrap:hover h5 {
	background: #1abc9c;
}




/* Single Portfolio
-----------------------------------------------------------*/
.description_wrap {
    border: 2px solid black;
    padding: 30px 30px 15px;
    margin: 0 0 25px;
}

.responsive-embed {
	margin: 0 0 25px;
}

.gallery_wrap {
	margin: 25px 0 0;
}

.gallery_wrap img {
	margin: 0 0 25px;
}





/* Footer
-----------------------------------------------------------*/
.footer {
    background: #161e1d;
	padding: 50px 0;
}

.footer ul {
    float: left;
	left: 50%;
    position: relative;
	margin: 0;
}

.footer ul li {
    float: left;
    list-style: outside none none;
	color: white;
	margin: 0 10px;
	color: white;
    right: 50%;
}

.footer ul li a {
	color: white;
}

.footer ul li i {
    font-size: 15px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid white;
    padding: 10px;
    text-align: center;
    display: inline-block;
    margin: 0 5px 0 0;
}

.footer ul li a:hover {
	color: #1abc9c;
}






@media only screen and (max-width: 63.9375em) { 


/* Header
-----------------------------------------------------------*/
.menu_icon {
    margin: 0;
    color: white;
    font-size: 29px;
    float: right;
    padding: 7px 20px;
}

.menu_icon::after {
    display: none;
}

.position-right.is-transition-push {
    box-shadow: none;
    background: #161e1d;
}

#offCanvasMenu ul.nav {
    float: none;
    margin: 0;
}

#offCanvasMenu ul.nav li {	
	border: none;
	background: none;
    float: none;
    margin: 0;
    padding: 0;
}

#offCanvasMenu ul.nav li a {
    display: block;
    margin: 0;
    padding: 15px 20px;
	border: none;
	color: white;
	background: none;
	font-weight: 700;
}

	
	
#offCanvasMenu ul.nav li a:hover,
.post-type-archive-portfolio #offCanvasMenu ul.nav li.menu-item-30 > a,
#offCanvasMenu ul.nav li.current_page_item > a,
#offCanvasMenu ul.nav li.current-menu-parent > a,
#offCanvasMenu ul.nav li.current-menu-ancestor > a,
/* keep parent highlighted on submenu hover */
#offCanvasMenu ul.nav li.menu-item-has-children:hover > a  {
	color: #1abc9c;
}

	
	
/* Home
-----------------------------------------------------------*/
.home .black {
	padding: 100px 0;
}

	
	

}









@media only screen and (max-width: 39.9375em) {


/* General
-----------------------------------------------------------*/
h2 {
    font-size: 30px;
	line-height: 40px;
}

hr.short_hr {
    margin: 0 auto 30px;
}
	
	
	
	
/* Header
-----------------------------------------------------------*/
.header {
    padding: 30px 0;
}
	
.menu_icon {
    font-size: 18px;
    padding: 1px 20px;
}
	
	
	
/* Home
-----------------------------------------------------------*/
.home .black h2 {
	margin: 0 0 30px;
}

	
	
	
/* Content
-----------------------------------------------------------*/
.content {
	padding: 30px 0;
}	
	
	
	
	
/* Footer
-----------------------------------------------------------*/
.footer {
    padding: 30px 0;
}
	
	
}










/* IE 
-----------------------------------------------------------*/
.ie8 .row               { width:1000px !important; }
.ie8 .row .row			{ width:100%   !important; }
.ie8 .row .row .row     { width:100%   !important; }
.ie8 .large-centered    { width:100%   !important; }
.ie8 .columns           { float:left; padding: 0 20px;}
.ie8 .large-1.columns   { width:  8%; }
.ie8 .large-2.columns   { width: 15%; }
.ie8 .large-3.columns   { width: 25%; }
.ie8 .large-4.columns   { width: 33%; }
.ie8 .large-5.columns   { width: 40%; }
.ie8 .large-6.columns   { width: 50%; }
.ie8 .large-7.columns   { width: 58%; }
.ie8 .large-8.columns   { width: 66%; }
.ie8 .large-9.columns   { width: 75%; }
.ie8 .large-10.columns  { width: 83%; }
.ie8 .large-11.columns  { width: 90%; }
.ie8 .large-12.columns  { width: 100%;}
.ie8 .hide-for-large-up { display:none; }





/* Visibility Classes 
-----------------------------------------------------------*/	

@media only screen { /* small displays */
	.show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
		display: inherit !important; }
	.hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
		display: none !important; }}

@media only screen and (min-width: 40.063em) { /* medium displays */
	.hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
		display: inherit !important; }
	.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
		display: none !important; }}

@media only screen and (min-width: 64.063em) { /* large displays */
	.hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
		display: inherit !important; }
	.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
		display: none !important; }}

@media only screen and (min-width: 90.063em) { /* xlarge displays */
	.hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
		display: inherit !important; }
	.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
		display: none !important; }}

@media only screen and (min-width: 120.063em) { /* xxlarge displays */
	.hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .show-for-xxlarge-down {
		display: inherit !important; }
	.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down {
		display: none !important; }}