@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);

.mfp-bottom-bar .mfp-title{ display: none;}

.padding-section{ padding-top: 10px; background: #f6f6f6;}

.blog-item .post-title, .project-item .post-title {

    margin-bottom: 20px;

    margin-top: 0;

}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {

    width: 100%;

}

.share-button {

	clear: both;

}

.k2Pagination .disabled{ display: none;}

.k2Pagination .icon-first, .k2Pagination .icon-previous, .k2Pagination .icon-last, .k2Pagination .icon-next {

    display: inline-block;

    font-family: FontAwesome;

    font-style: normal;

    font-weight: normal;

    line-height: 1;

}

.k2Pagination .icon-first:before, .k2Pagination .icon-previous:before{content:"\f177"}

.k2Pagination .icon-last:before, .k2Pagination .icon-next:before{content:"\f178"}

.k2Pagination a.pagenav, .k2Pagination .active a{

    border-color: #333;

    border-radius: 0;

    text-transform: uppercase;

    font-weight: 700;

    color: #333;

    background-color: transparent;

    padding: 7px 15px;

    letter-spacing: 1px;

    -webkit-transition: all .5s ease-in-out;

    -moz-transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    -ms-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out;

    border: 2px solid;

	margin: 3px;

} 

div.k2Pagination ul{ margin-bottom: 20px;}

[data-easyshare] * {

    box-sizing:border-box

}



[data-easyshare] {

	position: relative;

	height: auto;

	overflow: hidden;

}



[data-easyshare] [data-easyshare-button] {

    display: block;

    float: left;

    margin: 0;

    padding: 0 8px;

    line-height: 40px;

    line-height: 36px;

    border: 0;

    border-radius: 2px;

    text-transform: uppercase;

    color: #444;

    background-color: transparent;

    font-size: 12px;

    font-weight: 700;

    cursor: pointer;

}



[data-easyshare] [data-easyshare-button]:hover+[data-easyshare-button-count] {

    border-color:#959595

}



[data-easyshare] [data-easyshare-button]:hover+[data-easyshare-button-count]:before {

    border-right-color:#959595

}



[data-easyshare] [data-easyshare-button="total"] {

    cursor:default

}



[data-easyshare] [data-easyshare-button="facebook"] {

	border: none;

    background-color:transparent;

    color:#3b5998;

}



[data-easyshare] [data-easyshare-button="facebook"]:hover {

    background-color:transparent;

}



[data-easyshare] [data-easyshare-button="twitter"] {

	border: none;

    background-color:transparent;

    color:#00aced;

}



[data-easyshare] [data-easyshare-button="twitter"]:hover {

    background-color:transparent;

}



[data-easyshare] [data-easyshare-button="google"] {

	border: none;

    background-color:transparent;

    color: #d34836;

}



[data-easyshare] [data-easyshare-button="google"]:hover {

    background-color:transparent;

}



[data-easyshare] [data-easyshare-total-count],[data-easyshare] [data-easyshare-button-count] {

    position: relative;

    display: block;

    float: left;

    cursor: default;

    font-size: 20px;

    font-weight: 700;

    padding-left: 30px;

}



[data-easyshare] [data-easyshare-total-count]:before,[data-easyshare] [data-easyshare-total-count]:after,[data-easyshare] [data-easyshare-button-count]:before,[data-easyshare] [data-easyshare-button-count]:after {

    content:"";

    position:absolute;

    display:block;

    height:0;

    width:0

}



[data-easyshare] [data-easyshare-loader] {

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:24px;

    line-height:24px;

    background-color:rgba(255,255,255,0.8);

    font-family:Arial,Helvetica,sans-serif;

    font-weight:700;

    font-size:12px

}



/*-----------------------------------------------------------------------------------*/

/*  3 - BUTTONS

/*-----------------------------------------------------------------------------------*/

.btn {

	font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;

}



.btn:focus,

.btn:active:focus,

.btn.active:focus,

.btn:active,

.btn.active {

    outline: none;

    box-shadow: none

}



.btn-primary {

    border-color: #333;

    border-radius: 0;

    text-transform: uppercase;

    font-weight: 700;

    color: #333;

    background-color: transparent;

    padding: 15px 20px;

    letter-spacing: 1px;

    -webkit-transition: all .5s ease-in-out;

    -moz-transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    -ms-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out;

    border: 2px solid;

}



.btn-primary.btn-transparent {

    border-color: transparent!important;

	background-color: transparent;

}



.btn-primary.btn-transparent:hover,

.btn-primary.btn-transparent:active,

.btn-primary.btn-transparent:focus,

.btn-primary.btn-transparent.active {

    color: #fff;

    border-color: transparent #FF3334;

    background-color: #FF3334; !important

}



.btn-primary:hover,

.btn-primary:focus,

.btn-primary:active,

.btn-primary.active,

.open .dropdown-toggle.btn-primary {

    border-color: #FF3334;

    color: #FF3334;

    background-color: transparent;

    -webkit-transition: all .5s ease-in-out;

    -moz-transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    -ms-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out

}



.btn-primary:active,

.btn-primary.active,

.open .dropdown-toggle.btn-primary {

    background-image: none

}



.btn-primary.disabled,

.btn-primary[disabled],

fieldset[disabled] .btn-primary,

.btn-primary.disabled:hover,

.btn-primary[disabled]:hover,

fieldset[disabled] .btn-primary:hover,

.btn-primary.disabled:focus,

.btn-primary[disabled]:focus,

fieldset[disabled] .btn-primary:focus,

.btn-primary.disabled:active,

.btn-primary[disabled]:active,

fieldset[disabled] .btn-primary:active,

.btn-primary.disabled.active,

.btn-primary[disabled].active,

fieldset[disabled] .btn-primary.active {

    border-color: #333;

    background-color: #333

}



.btn-default,

.btn-default.disabled {

    border-color: transparent

}



.btn-white {

    border-color: #f3f3f3;

    color: #f3f3f3;

}



.btn-red {

    border-color: #FF3334;

    background-color: #FF3334;

    color: #fff

}



.btn-primary:hover,

.btn-primary:focus,

.btn-primary:active,

.btn-primary.active {

    border-color: #FF3334;

    color: #fff;

    background-color:#FF3334;;

}



.btn-red:hover,

.btn-red:focus,

.btn-red:active,

.btn-red.active {

    border-color: #dd0001;

    color: #fff;

    background-color:#dd0001;;

}

.theme-accent-color, .navbar-default.navbar-shrink #navbar-social a:hover, .navbar-default .nav li a:hover, .navbar-default .nav li a:focus {

    color: #FF3334;

}



.theme-accent-color-bg {

    background-color: #FF3334;

}

/*-----------------------------------------------------------------------------------*/

/*  10 - HOVER CAPTIONS 

/*-----------------------------------------------------------------------------------*/



.hover-item {

    position: relative;

    overflow: hidden

}



.hover-item img {

    -moz-transform: scale(1.0);

    -webkit-transform: scale(1.0);

    -o-transform: scale(1.0);

    -ms-transform: scale(1.0);

    transform: scale(1.0)

}



.overlay-item-caption {

    opacity: 1;

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    background: -moz-linear-gradient(top, rgba(0,0,0,0) 28%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(28%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 28%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, rgba(0,0,0,0) 28%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top, rgba(0,0,0,0) 28%,rgba(0,0,0,0.5) 100%); /* IE10+ */

    background: linear-gradient(to bottom, rgba(0,0,0,0) 28%,rgba(0,0,0,0.5) 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */

    text-align: center;    

    text-shadow: 0 0 1px #000;

}



.hover-item-caption {

    opacity: 0;

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0px;

    background-color: rgba(0,0,0, 0.8);

    text-align: center;

    z-index: 2;

}



.hover-item-caption .hover-bar {

    position: absolute;

    bottom: 0px;

    height: 8px;

    width: 0%;

    left: 0;

    -webkit-transition: all .5s ease-in-out;

    -moz-transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    -ms-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out;

}



.hover-item:hover .hover-item-caption .hover-bar {

    width: 100%;

    -webkit-transition: all .5s ease-in-out;

    -moz-transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    -ms-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out;

}



.hover-item:hover .hover-item-caption {

    opacity: 1;

}



.hover-item-caption h3, .hover-item-caption .smoothie {

    top: -20px;

    position: relative;

}



.hover-item:hover .hover-item-caption h3, .hover-item:hover .smoothie  {

    top: 0px;

}



.hover-item:hover .overlay-item-caption {

    opacity: 0;

    top: -20px;

}



.hover-item:hover .overlay-item-caption .vertical-center {

    opacity: 0;

}



.hover-item:hover img {

    -moz-transform: scale(1.05);

    -webkit-transform: scale(1.05);

    -o-transform: scale(1.05);

    -ms-transform: scale(1.05);

    transform: scale(1.05)

}



.hover-item-caption h3, .overlay-item-caption h3 {

    font-size: 24px;

    margin: 0;

    color: #fefefe;

    font-weight: 900;

    letter-spacing: 4px;

}



.overlay-item-caption strong {

    color: #fefefe;

    padding-bottom: 16px;

    font-weight: 700;

    text-transform: uppercase;

    display: block;

    letter-spacing: 4px;

    text-shadow: none;

    font-size: 12px;

}



.overlay-item-caption strong span {

    padding: 3px 6px;

}



.overlay-item-caption .thin-hr:after, .dark-wrapper .thin-hr:after {

      background-color: #fff;

}



.overlay-item-caption .post-excerpt {

    font-style: italic;

    color: #fefefe;

    padding-top: 16px;

    font-size: 16px;

    padding-left: 15%;

    padding-right: 15%;

}



.hover-item-caption h3 span, .overlay-item-caption h3 span, .hover-item-caption h2 span {

    clear: both;

    display: block;

    text-transform: none;

    font-size: 20px;

    color: #fefefe;

}



.hover-item-caption h2 span {

    display: inline-block;

}



.hover-item-caption a, .overlay-item-caption a {

	color: #fefefe;

}



.smoothie,

.smoothie:hover {

    -webkit-transition: all .5s ease-in-out;

    -moz-transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    -ms-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out

}



.mt30 {

    margin-top: 30px;

}

.backstretch:before, #wrapper_mbYTP_BigVideo:before {

    content: '';

    position: absolute;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.4);

    top: 0;

    left: 0;

    z-index: 1;

}

.container{ max-width: 100%;}

#headerwrap {

    background-color: #f3f3f3;

    overflow: hidden;

}

.fullheight {

    height: 100vh;

    min-height: 100vh;

}

.masonry-portfolio-item {

    margin-bottom: 30px;

}

.gap {

    margin-bottom: 60px;

}

.main-body {

    overflow: hidden;

}

.mb30 {

    display: block;

    margin-bottom: 30px;

}

.masonry-portfolio-item img{ width: 100%;}

.textright strong{ text-transform: uppercase;}

.project-item .mt30 {

    margin-top: 30px;

}

.secondary-font {

    font-family: "Satisfy","Helvetica Neue",Helvetica,Arial,sans-serif;

    text-transform: none;

}

.text-muted {

    color: #444;

}

.white {

    color: #fff;

}

.post-date {

    padding: 0;

    text-align: center;

}

.post-date .the-date {

    display: inline-block;

    font-size: 60px;

    font-weight: 700;

    letter-spacing: -7px;

    line-height: 58px;

    width: 50%;

}

.post-date .the-month {

    display: inline;

    float: right;

    line-height: 19px;

    padding: 5px 6px;

    text-align: left;

    text-transform: uppercase;

    width: 50%;

}

.heading-font{

    font-family: "Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif;

    text-transform: none;

}

.meta-item {

    font-weight: 300;

    margin-right: 20px;

}

.meta-item .secondary-font {

    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;

    font-weight: 700;

    text-transform: uppercase;

}

.dark-wrapper {

    background-color: #2B2B2B

}



.dark-wrapper.opaqued, .dark-opaqued {

    background-color: rgba(34,94,46, 0.8);

}

.dark-wrapper h1,

.dark-wrapper h2,

.dark-wrapper h3,

.dark-wrapper h4,

.dark-wrapper h5,

.dark-wrapper h6,

.dark-wrapper p,

.dark-wrapper a, 

.dark-wrapper {

    color: #f3f3f3

}



.section-inner {

    padding: 120px 0

}



section h2.section-heading, .section-heading {

    margin-top: 0;

    margin-bottom: 20px;

    font-size: 46px;

    letter-spacing: 6px;

   

}



section h3.section-subheading {

    text-transform: lowercase;

    font-size: 24px;

    font-weight: 300;

    clear: both;

    display: block;

    padding-top: 20px;

}

/*-----------------------------------------------------------------------------------*/

/*  MAGNIFIC POPUP

/*-----------------------------------------------------------------------------------*/

.mfp-bg {

	top:0;

	left:0;

	width:100%;

	height:100%;

	z-index:1042;

	overflow:hidden;

	position:fixed;

	background:#fff;

	opacity:.95;

	filter:alpha(opacity=95)

}



.mfp-wrap {

	top:0;

	left:0;

	width:100%;

	height:100%;

	z-index:1043;

	position:fixed;

	outline:none!important;

	-webkit-backface-visibility:hidden

}



.mfp-container {

	text-align:center;

	position:absolute;

	width:100%;

	height:100%;

	left:0;

	top:0;

	padding:0 8px;

	-webkit-box-sizing:border-box;

	-moz-box-sizing:border-box;

	box-sizing:border-box

}



.mfp-container:before {

	content:'';

	display:inline-block;

	height:100%;

	vertical-align:middle

}



.mfp-align-top .mfp-container:before {

	display:none

}



.mfp-content {

	position:relative;

	display:inline-block;

	vertical-align:middle;

	margin:0 auto;

	text-align:left;

	z-index:1045

}



.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content {

	width:100%;

	cursor:auto

}



.mfp-ajax-cur {

	cursor:progress

}



.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close {

	cursor:-moz-zoom-out;

	cursor:-webkit-zoom-out;

	cursor:zoom-out

}



.mfp-zoom {

	cursor:pointer;

	cursor:-webkit-zoom-in;

	cursor:-moz-zoom-in;

	cursor:zoom-in

}



.mfp-auto-cursor .mfp-content {

	cursor:auto

}



.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter {

	-webkit-user-select:none;

	-moz-user-select:none;

	user-select:none

}



.mfp-loading.mfp-figure {

	display:none

}



.mfp-hide {

	display:none!important

}



.mfp-preloader {

	color:#ccc;

	position:absolute;

	top:50%;

	width:auto;

	text-align:center;

	margin-top:-.8em;

	left:8px;

	right:8px;

	z-index:1044

}



.mfp-preloader a {

	color:#ccc

}



.mfp-preloader a:hover {

	color:#fff

}



.mfp-s-ready .mfp-preloader {

	display:none

}



.mfp-s-error .mfp-content {

	display:none

}



button.mfp-close,button.mfp-arrow {

	overflow:visible;

	cursor:pointer;

	background:transparent;

	border:0;

	-webkit-appearance:none;

	display:block;

	outline:none;

	padding:0;

	z-index:1046;

	-webkit-box-shadow:none;

	box-shadow:none

}



button::-moz-focus-inner {

	padding:0;

	border:0

}



.mfp-close {

	width:44px;

	height:44px;

	line-height:44px;

	position:absolute;

	right:0;

	top:0;

	text-decoration:none;

	text-align:center;

	opacity:.65;

	filter:alpha(opacity=65);

	padding:0 0 18px 10px;

	color:#fff;

	font-style:normal;

	font-size:28px;

	font-family:Arial,Baskerville,monospace

}



.mfp-close:hover,.mfp-close:focus {

	opacity:1;

	filter:alpha(opacity=100)

}



.mfp-close:active {

	top:1px

}



.mfp-close-btn-in .mfp-close {

	color:#333

}



.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close {

	color:#333;

	right:-6px;

	text-align:right;

	padding-right:6px;

	width:100%

}



.mfp-counter {

	position:absolute;

	top:0;

	right:0;

	color:#ccc;

	font-size:12px;

	line-height:18px

}



.mfp-arrow {

	position:absolute;

	opacity:.65;

	filter:alpha(opacity=65);

	margin:0;

	top:50%;

	margin-top:-55px;

	padding:0;

	width:90px;

	height:110px;

	-webkit-tap-highlight-color:rgba(0,0,0,0)

}



.mfp-arrow:active {

	margin-top:-54px

}



.mfp-arrow:hover,.mfp-arrow:focus {

	opacity:1;

	filter:alpha(opacity=100)

}



.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a {

	content:'';

	display:block;

	width:0;

	height:0;

	position:absolute;

	left:0;

	top:0;

	margin-top:35px;

	margin-left:35px;

	border:medium inset transparent

}



.mfp-arrow:after,.mfp-arrow .mfp-a {

	border-top-width:13px;

	border-bottom-width:13px;

	top:8px

}



.mfp-arrow:before,.mfp-arrow .mfp-b {

	border-top-width:21px;

	border-bottom-width:21px;

	opacity:.7

}



.mfp-arrow-left {

	left:0

}



.mfp-arrow-left:after,.mfp-arrow-left .mfp-a {

	border-right:17px solid #fff;

	margin-left:31px

}



.mfp-arrow-left:before,.mfp-arrow-left .mfp-b {

	margin-left:25px;

	border-right:27px solid #3f3f3f

}



.mfp-arrow-right {

	right:0

}



.mfp-arrow-right:after,.mfp-arrow-right .mfp-a {

	border-left:17px solid #fff;

	margin-left:39px

}



.mfp-arrow-right:before,.mfp-arrow-right .mfp-b {

	border-left:27px solid #3f3f3f

}



.mfp-iframe-holder {

	padding-top:40px;

	padding-bottom:40px

}



.mfp-iframe-holder .mfp-content {

	line-height:0;

	width:100%;

	max-width:900px

}



.mfp-iframe-holder .mfp-close {

	top:-40px

}



.mfp-iframe-scaler {

	width:100%;

	height:0;

	overflow:hidden;

	padding-top:56.25%

}



.mfp-iframe-scaler iframe {

	position:absolute;

	display:block;

	top:0;

	left:0;

	width:100%;

	height:100%;

	box-shadow:0 0 8px rgba(0,0,0,0.6);

	background:#000

}



/* Main image in popup */

img.mfp-img {

	width:auto;

	max-width:100%;

	height:auto;

	display:block;

	line-height:0;

	-webkit-box-sizing:border-box;

	-moz-box-sizing:border-box;

	box-sizing:border-box;

	padding:40px 0;

	margin:0 auto

}



/* The shadow behind the image */

.mfp-figure {

	line-height:0

}



.mfp-figure:after {

	content:'';

	position:absolute;

	left:0;

	top:40px;

	bottom:40px;

	display:block;

	right:0;

	width:auto;

	height:auto;

	z-index:-1;

	box-shadow: none;

	background: none;

}



.mfp-figure small {

	color:#bdbdbd;

	display:block;

	font-size:12px;

	line-height:14px

}



.mfp-figure figure {

	margin:0

}



.mfp-bottom-bar {

	margin-top:-36px;

	position:absolute;

	top:100%;

	left:0;

	width:100%;

	cursor:auto;

}



.mfp-title {

	text-align:left;

	line-height:18px;

	color:#f3f3f3;

	word-wrap:break-word;

	padding-right:36px

}



.mfp-image-holder .mfp-content {

	max-width:100%

}



.mfp-gallery .mfp-image-holder .mfp-figure {

	cursor:pointer

}



.mfp-ie7 .mfp-img {

	padding:0

}



.mfp-ie7 .mfp-bottom-bar {

	width:600px;

	left:50%;

	margin-left:-300px;

	margin-top:5px;

	padding-bottom:5px

}



.mfp-ie7 .mfp-container {

	padding:0

}



.mfp-ie7 .mfp-content {

	padding-top:44px

}



.mfp-ie7 .mfp-close {

	top:0;

	right:0;

	padding-top:0

}



@media all and (max-width: 900px) {

.mfp-arrow {

	-webkit-transform:scale(0.75);

	transform:scale(0.75)

}



.mfp-arrow-left {

	-webkit-transform-origin:0;

	transform-origin:0

}



.mfp-arrow-right {

	-webkit-transform-origin:100%;

	transform-origin:100%

}



.mfp-container {

	padding-left:6px;

	padding-right:6px

}

}



@media screen and (max-width: 800px) and (orientation: landscape),screen and (max-height: 300px) {

.mfp-img-mobile .mfp-image-holder {

	padding-left:0;

	padding-right:0

}



.mfp-img-mobile img.mfp-img {

	padding:0

}



.mfp-img-mobile .mfp-figure:after {

	top:0;

	bottom:0

}



.mfp-img-mobile .mfp-figure small {

	display:inline;

	margin-left:5px

}



.mfp-img-mobile .mfp-bottom-bar {

	background:rgba(0,0,0,0.6);

	bottom:0;

	margin:0;

	top:auto;

	padding:3px 5px;

	position:fixed;

	-webkit-box-sizing:border-box;

	-moz-box-sizing:border-box;

	box-sizing:border-box

}



.mfp-img-mobile .mfp-bottom-bar:empty {

	padding:0

}



.mfp-img-mobile .mfp-counter {

	right:5px;

	top:3px

}



.mfp-img-mobile .mfp-close {

	top:0;

	right:0;

	width:35px;

	height:35px;

	line-height:35px;

	background:rgba(0,0,0,0.6);

	position:fixed;

	text-align:center;

	padding:0

}

}



.mfp-wrap figure, .mfp-wrap.mfp-ready.mfp-removing figure {

	opacity: 0;

	position: relative;

	top: -20px;

    -webkit-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    -ms-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

    -moz-transform: scale(0.9);

    -webkit-transform: scale(0.9);

    -o-transform: scale(0.9);

    -ms-transform: scale(0.9);

    transform: scale(0.9)

}



.mfp-wrap.mfp-ready figure {

	opacity: 1;

	position: relative;

	top: 0px;

    -webkit-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    -ms-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

    -moz-transform: scale(1.0);

    -webkit-transform: scale(1.0);

    -o-transform: scale(1.0);

    -ms-transform: scale(1.0);

    transform: scale(1.0)

}



.mfp-bg, .mfp-bg.mfp-ready.mfp-removing {

	opacity: 0;

    -webkit-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    -ms-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out

}



.mfp-bg.mfp-ready {

	opacity: 1;

    -webkit-transition: all .2s ease-in-out;

    -moz-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    -ms-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out

}

#comment-form label{ display: none;}

@media (min-width: 768px) {

	.pad-top-180 {

        padding-top: 180px;

    }

    .post-left-col, .post-right-col {

        width: 15%;

    }

    .post-center {

        width: 70%;

    }

	 .mfp-close-btn-in .mfp-close {

        color: #333;

        position: fixed;

        right: 50px !important;

        top: 14px;

        font-size: 50px;

    }

}

.owl-theme .owl-controls {

	margin-top:30px;

	text-align:center

}

#single-slider .owl-controls {

  position: absolute;

  margin: 0 auto;

  width: 100%;

  bottom: 10px;

}

/*

* 	Owl Carousel Owl Demo Theme 

*	v1.3.3

*/

.owl-theme .owl-controls {

	margin-top:30px;

	text-align:center

}



/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div {

	color:#333;

	display:inline-block;

	zoom:1;

	margin:5px;

	padding:0 10px;

	font-size:80px;

	-webkit-border-radius:30px;

	-moz-border-radius:30px;

	border-radius:0;

	background:transparent;

	width:30px;

	-webkit-transition:all .5s ease-in-out;

	-moz-transition:all .5s ease-in-out;

	-o-transition:all .5s ease-in-out;

	-ms-transition:all .5s ease-in-out;

	transition:all .5s ease-in-out

}



.owl-theme .owl-controls.clickable .owl-buttons div:hover {

	text-decoration:none;

	color:#333;

	background:transparent;

	-webkit-transition:all .5s ease-in-out;

	-moz-transition:all .5s ease-in-out;

	-o-transition:all .5s ease-in-out;

	-ms-transition:all .5s ease-in-out;

	transition:all .5s ease-in-out

}



/* Styling Pagination*/

.owl-theme .owl-controls .owl-page {

	display:inline-block;

	zoom:1;

	*display:inline

/*IE7 life-saver */

}



.owl-theme .owl-controls .owl-page span {

	display:block;

	width:12px;

	height:12px;

	margin:5px 7px;

	filter:Alpha(Opacity=50);

/*IE7 fix*/

	opacity:.5;

	-webkit-border-radius:0;

	-moz-border-radius:0;

	border-radius:0;

	background:transparent;

	border:1px solid #fff

}



.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span {

	filter:Alpha(Opacity=100);

/*IE7 fix*/

	opacity:1

}



/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers {

	height:auto;

	width:auto;

	color:#FFF;

	padding:2px 10px;

	font-size:12px;

	-webkit-border-radius:30px;

	-moz-border-radius:30px;

	border-radius:30px

}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers {

	height:auto;

	width:auto;

	color:#FFF;

	padding:2px 10px;

	font-size:12px;

	-webkit-border-radius:30px;

	-moz-border-radius:30px;

	border-radius:30px

}



/* preloading images */

.owl-item.loading {

	min-height:150px;

	background:url(AjaxLoader.gif) no-repeat center center

}



.owl-theme .owl-controls .owl-buttons div {

	position:absolute

}



.owl-theme .owl-controls .owl-buttons .owl-prev {

	left:-45px;

	top:50%;

	margin-top:-70px

}



.owl-theme .owl-controls .owl-buttons .owl-next {

	right:-40px;

	top:50%;

	margin-top:-70px

}

.owl-theme .portfolio-item img{ max-height: 700px;}

.owl-carousel .owl-item:hover, .owl-carousel .portfolio-item a:hover { 

	cursor: url(../images/drag.png), auto;

} 

.form-control {

    display: block;

    width: 100%;

    height: 53px;

    padding: 10px 30px;

    font-size: 14px;

    line-height: 1.42857143;

    color: #555;

    background-color: transparent;

    background-image: none;

    border: 2px solid;

    border-radius: 0;

    -webkit-box-shadow: none;

    box-shadow: none

}



.form-control:focus, .form-control.col-md-4:focus {

    border: 2px solid #FF3334;

    -webkit-box-shadow: none;

    box-shadow: none

}



.dark-wrapper .form-control, #headerwrap .form-control {

    border: none;

    background-color: rgba(0,0,0,0.4);

}



.dark-wrapper .form-control:focus, .dark-wrapper .form-control.col-md-4:focus, #headerwrap .form-control:focus {

    border: none;

    color: #f6f6f6;

    -webkit-box-shadow: 0 0 0 1px #ffffff;

    box-shadow: 0 0 0 1px #ffffff;

}



.dark-wrapper .form-control.col-md-4, .dark-wrapper .form-control.col-md-4:focus {

    width: 32.33333%;

    border-bottom: none;

    border: none;

    background-color: rgba(0,0,0,0.4);

    margin: 0 0.5% 10px;

}



.form-control.col-md-4,

.form-control.col-md-4:focus {

    width: 32.33333%;

    border-bottom: none;

    border: 2px solid;

    background-color: transparent;

    margin: 0 0.5% 10px;

}

textarea#commentText {

    border-top: 2px solid;

    margin: 5px 0 0 4px;

    min-height: 250px;

    width: 99.1%;

}

#comments-list .well {

    background-color: transparent;

    overflow: hidden;

    border: none;

    box-shadow: none;

    padding: 0;

    margin-bottom: 30px;

}



#comments-list .well .secondary-font {

    font-size: 20px;

}

.form-control.col-md-4:focus, textarea#comments:focus  {

    border: 2px solid #FF3334;

}



.dark-wrapper .form-control.col-md-4:first-of-type {

    border-left: none;

}



.form-control::-webkit-input-placeholder {

    color: #444;

    font-weight: 700;

    text-transform: uppercase;

}



.form-control:-moz-placeholder {

    /* Firefox 18- */

    

    color: #444;

    font-weight: 700;

    text-transform: uppercase;

}



.form-control::-moz-placeholder {

    /* Firefox 19+ */

    

    color: #444;

    font-weight: 700;

    text-transform: uppercase;

}



.form-control:-ms-input-placeholder {

    color: #444;

    font-weight: 700;

    text-transform: uppercase;

}



.dark-wrapper .form-control::-webkit-input-placeholder,

.white-text .form-control::-webkit-input-placeholder {

    color: #f6f6f6;

    font-weight: 700;

    text-transform: uppercase;

}



.dark-wrapper .form-control:-moz-placeholder {

    /* Firefox 18- */

    

    color: #f6f6f6;

    font-weight: 700;

    text-transform: uppercase;

}



.dark-wrapper .form-control::-moz-placeholder {

    /* Firefox 19+ */

    

    color: #f6f6f6;

    font-weight: 700;

    text-transform: uppercase;

}



.dark-wrapper .form-control:-ms-input-placeholder {

    color: #f6f6f6;

    font-weight: 700;

    text-transform: uppercase;

}



.main-contact-form textarea,

.main-contact-form textarea:focus,

#comment-form .main-contact-form textarea,

#comment-form .main-contact-form textarea:focus {

    border-top: none;

    min-height: 250px !important;

}

.mt60 {

    margin-top: 60px;

}

.mb50 {

    display: block;

    margin-bottom: 50px;

}

div.itemCommentsForm p.itemCommentsFormNotes{ display: none;}

.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {

    background-color: transparent;

    border-color: transparent;

}

.sr-only {

    border: 0 none;

    clip: rect(0px, 0px, 0px, 0px);

    height: 1px;

    margin: -1px;

    overflow: hidden;

    padding: 0;

    position: absolute;

    width: 1px;

}

.navbar-default .navbar-toggle .icon-bar {

    background-color: #222;

}

.parallax-slider{ max-width: none;}

.owl-item .col-sm-2 {

    text-align: center;

}

.blog-project{ background: #f6f6f6;}

.signle-k2{ position: relative;}

.signle-k2:after{ position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: rgba(0, 0, 0, 0.8); content: '';}

.signle-k2 .section-inner{ position: relative; z-index: 10;}

.navbar-default .brand img{ vertical-align: top;}

@media screen and (max-width: 1170px){

	footer .social-links li{ padding: 15px;}

	.post-left-col, .post-right-col {

		width: 18%;

	}

	.post-center {

		width: 64%;

	}

}



@media screen and (max-width: 1024px){

	body{ padding: 0;}

	#bottom-frame { height: 0; }

	.navbar-default.navbar-shrink{ padding-bottom: 15px 0;}

	.brand.pull-left > img {

		max-height: 43px;

	}

	.col-md-4.masonry-portfolio-item{ float: left; width: 33.3333%;}

	.navbar-default{ padding: 0; margin: 0;}

	footer span.copyright, .footer .text-right ul{ text-align: center;}

	.hover-item-caption h3, .overlay-item-caption h3{ font-size: 20px; padding-left: 10px; padding-right: 10px;}

	.col-xs-2.col-xs-3{ width: 25%;}

	.col-xs-10.col-xs-9{ width: 75%;}

	.post-left-col .post-date .the-date{ display: block;}

	.post-left-col .post-date .the-month{ float: left; width: auto;}

	.form-control.col-md-4, .form-control.col-md-4:focus{ width: 100%;}

	.bannergroup .owl-carousel-paged img{ max-width: 100%;}

}

@media screen and (max-width: 768px){

	.col-md-4.masonry-portfolio-item{ float: left; width: 50%;}

	#navbar-social{ display: none;}

	

	.navbar-fixed-top{ position: relative;}

	.navbar-header{ float: none !important;}

	.navbar-default .brand{ margin: 2px 0 0 0; padding: 15px;}

	.brand.pull-left > img{ max-height: 27px;}

	.navbar-default .navbar-toggle{ margin-top: 12px;}

	#main-navigation{ display: none; height: 0; transition: all 0.5s 0s;}

	#main-navigation.open{ display: block; float: none !important; height: auto; transition: all 0.5s ease-in-out 0s; margin: 7.5px -15px; max-height: 340px; overflow-y: auto;}

	.navbar-default .navbar-brand, .navbar-default .nav li a { color: #333;	}

	.navbar-default .nav > li{ float: none;}

	.navbar-default .nav li a { font-size: 13px; padding: 10px 15px;}

	.navbar-default li.parent:hover > ul.nav-child{ display: none !important; height: 0;}

	.navbar-default li.parent.open > ul.nav-child {


		position: relative;

		width: auto; float: none;

		display: block !important; height: auto;
	}

	.hover-item-caption h3, .overlay-item-caption h3{ font-size: 24px; }

	.post-date .the-date{ width: auto; display: block;}

	.post-date .the-month{ width: auto; float: left;}

	.post-left-col, .post-right-col, .post-center, .welcome-right .moduletable { width: 100%;}

	.welcome-right .moduletable .customwow{ margin-bottom: 30px;}

	.post-left-col .post-date .the-month{ float: none;}

	.post-left-col .post-date .the-date{ display: inline-block;  letter-spacing: 0; font-size: 16px;}

	.share-button{ clear: none;}

	.nav-justified > li {

		float: left;

		width: 50%;

		word-wrap: break-word;

	}

	#simpleCcontactForm .contactInput{ width: 99.5%;}

}

@media screen and (max-width: 600px){

	.hover-item-caption h3, .overlay-item-caption h3{ font-size: 18px; }

	section h2.section-heading, .section-heading{ font-size: 36px;}

	.icon-tabs li .tabtitle{ font-size: 14px;}

}

@media screen and (max-width: 480px){

	.col-md-4.masonry-portfolio-item{ float: left; width: 100%;}

	footer .social-links li{ padding: 10px;}

	.post-date .the-date{ font-size: 20px; letter-spacing: 0; line-height: 35px;}

	.post-date .the-month{  font-size: 10px; font-weight: bold; padding: 0;}

	.blog-item .post-title, .project-item .post-title{ font-size: 25px;}

}





















