html, body { margin:0; padding:0; width: 100%; height: 100%; }
body { overflow-x: hidden; }
* { font-family: 'Raleway', sans-serif; }
/*a { color: inherit !important; }*/
.nopad { padding: 0 !important; }
.w100 { width: 100%; height: auto; }
.sep { height: 35px; width: 1px; clear: both; }
*:focus { outline: 0; }

a.fa, #menu a, .filter a, 
#content a, #scroll a, #blog a, 
a.more, .overlay a, .sidebar a
{ text-decoration: none !important }

#scroll a, #content a, 
.social a, #accordion a, 
.nav-tabs a, 
.sidebar a, a.comment-reply-link,
.share a, footer a
{ color: inherit !important; }

body.page-template-template-home4-php {
	overflow-y: scroll;
}
#menu, #menu-mobile {
	text-decoration: none;
}
button { z-index: 1991; text-decoration: none !important; }
.menu1, .menu3 {
	z-index: 9251 !important
}
.menu1 li a, .menu3 li a {
	font-size: 13px !important;
	font-weight: 600;
}
.post-slider { position: relative }
header.header { z-index: 9250 !important; }

.tags span {
  background-color: #ececec;
  border-radius: 5px;
  margin: 3px 3px;
  padding: 4px 10px;
  display: inline-block;
}
.tags a { color: black; }

#logo {
	position: absolute;
	left: 10%;
	top: 50px;
	z-index: 1991;
}
img.theme-logo{
	height: 64px;
}
.bx-viewport, .flexslider { 
	margin: 0 !important; 
	border: 0 !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	overflow: hidden;
}
.flexslider ul.slides {
	position: relative;
	height: 100%;
}
/*.bx-viewport { max-height: 500px; }*/
/*.bx-viewport ul li { left: 0px; }*/
/*.bx-wrapper .bx-viewport { left:0; }*/
.flexslider ol { display: none; }

#clients .owl-item { 
	color: #999999;
	text-align: center; 
}
#clients .owl-item div.client-item {
	padding: 40px 0;
	min-height: 300px;
	background-color: white;
}
#clients .owl-item hr {
	max-width: 30px;
} 
#clients .owl-item h4 { text-transform: none !important; }
#clients .owl-item p { font-size: 12px; }
#clients .owl-item img {
	max-width: 50px;
	width: 100%;
	height: auto;
}
#clients .owl-item i {
	font-size: 50px;
}
a.more {
	display: inline-block;
	color: black;
	border: 1px solid black;
	padding: 5px 30px;
}
.grey {
	background-color: #ececec;
}
.white {
	background-color: white
}
.fullscreen-video {
	width: 100%;
}
.controls {
	clear: both;
	text-align: center;
}




/* MENU */
#menu.menu1 .logo {
	padding: 0 30px;
	min-height: 80px;
}
#menu.menu1 .logo p {
	margin-top: 9px;
}
#menu.menu1 .logo h1 {
	font-weight: 300;
	margin-top: 4px;
}
#menu {
	position: relative;
	z-index: 2014;
	min-height: 80px;
	/*border: 1px solid black;*/
	-moz-box-shadow: rgb(0, 0, 0) 0px 0.2px 2px;
	-webkit-box-shadow: rgb(0, 0, 0) 0px 0.2px 2px;
	box-shadow: rgb(0, 0, 0) 0px 0.2px 2px;
}
#menu ul > li {
	list-style: none;
	font-size: 16px;
	text-transform: uppercase;
	display: block;
	float: left;
}
#menu ul li a { display:block; }
#menu ul { padding:0; margin: 0; }
#menu ul.sub-menu { display: none; }



/* MENU-1/3 */
#menu.menu1 { position: fixed; top: 0; width: 100%; /*border-bottom: 1px solid #ececec;*/ }
#menu.menu1 { background-color: rgba(255,255,255,0.9); }
div.menu-1-margin { height: 80px; width: 1px; }
#menu.menu1 .logo { padding: 8px 0px; }
#menu.menu1 ul > li { color: white; }
#menu.menu1 ul > li a { padding: 0 15px; min-height: 80px; padding-top: 29px; }

#menu.menu1 ul.sub-menu li { 
	display: block; 
	float: none; 
	padding-left: 10px; 
	padding-right: 10px; 
	min-width: 140px; 
/*	border-bottom: 1px solid #ececec;*/
	font-size: 11px !important; 
	line-height: 31px; 
}
#menu.menu1 ul.sub-menu li a { 
	padding: 0 5px; min-height: 30px; 
	padding-top: 0px; font-size: 12px !important; 
}

#menu.menu1 ul li:hover > ul.sub-menu { 
	display: block; 
}
#menu.menu1 ul.sub-menu:hover { display:block; }
#menu.menu1 ul.sub-menu {
	z-index: 2013;
	position: absolute;
	padding-top: 0;
	padding-bottom: 0;
	color: black;
	margin-left: 15px;
}
#menu.menu1 ul.sub-menu li > ul.sub-menu { 
	left: 100%; 
	margin-top: -31px;
	margin-left: 0px;
}
#menu.menu1 ul.sub-menu li {
	background-color: rgba(255,255,255,0.8);
	color: #808080;
}
#menu.menu1 ul.sub-menu li:hover {
	color: black;
}


#menu.menu3 { position: fixed; 
	top: 0;
	width: 100%; 
	color: white; 
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
/*div.menu-1-margin { height: 80px; width: 1px; }*/
/*#menu.menu3 .pull-right { min-height: 80px; margin-top: -80px; z-index: 2014; position: relative; }*/
#menu.menu3 .logo { padding: 8px 0 }
#menu.menu3 ul > li a { padding: 0 15px; min-height: 80px; padding-top: 29px; }

#menu.menu3 ul.sub-menu li { 
	display: block; 
	float: none; 
	padding-left: 10px; 
	padding-right: 10px; 
	min-width: 140px; 
/*	border-bottom: 1px solid #ececec;*/
	font-size: 11px !important; 
	line-height: 31px; 
}
#menu.menu3 ul.sub-menu li a { 
	padding: 0 5px; min-height: 30px; 
	padding-top: 0px; font-size: 12px !important; 
}

#menu.menu3 ul li:hover > ul.sub-menu { 
	display: block; 
}
#menu.menu3 ul.sub-menu:hover { display:block; }
#menu.menu3 ul.sub-menu {
	z-index: 2013;
	background-color: transparent;
	position: absolute;
	padding-top: 0;
	padding-bottom: 0;
	color: black;
	margin-left: 15px;
}
#menu.menu3 ul.sub-menu li > ul.sub-menu { left: 100%; margin-top: -30px; }
#menu.menu3 ul.sub-menu li {
	/*background-color: rgba(0,0,0,0.8);*/
	background-color: rgba(255,255,255,1);
	color: #808080;
}
#menu.menu3 ul.sub-menu li:hover {
	color: black;
}


/* MENU-2 */
#menu.menu2 {
	overflow: hidden;
	position: fixed;
	right:0;
	height: 100%;
	background-color: rgba(0,0,0,0.86);
	width: 455px;
	float: right;
	z-index: 990;
	margin-right: -455px;
}
#menu.menu2 nav {
	display: table;
	height: 100%;
	width: 100%
}
#menu.menu2 nav > div {
	display: table-cell;
	height:100%;
	width:100%;
	vertical-align: middle;
	z-index: 12;
	position: relative;
}
#menu.menu2 ul > li {
	display: block;
	width: 100%;
}
#menu.menu2 ul > li a {
	font-size: 25px;
	color: #ccc !important;
}
#menu.menu2 ul > li a:hover {
	color: white !important;
}
#menu.menu2 ul.sub-menu li a {
	font-size: 20px;
	/*color: #808080 !important;*/
	color: #5A5E62 !important;
}
#menu.menu2 ul.sub-menu li a:hover {
	color: white !important;
}
a.menu {
	background-color: #333;
	padding: 14px 26px;
	border: 0;
	color: white !important;
	font-size: 34px;
	font-weight: 300;
	outline: none;
	cursor: pointer;

	position: fixed;
	top: 0;
	right: 0;
	z-index: 991;
	width: 80px;
	height: 60px;
}
#menu.menu2 div.logo {
	display: block;
	position: absolute;
	top: 80px;
	z-index: 1;
}
#menu.menu2 div.social {
	display: block;
	position: absolute;
	width: 100%;
	height: 30px;
	bottom: 10px;
	z-index: 13;
	color: black;
}
#menu.menu2 div.social i {
	display: inline-block;
	background-color: white;
	padding: 5px 7px;
}
#menu.menu2 div.social a {
	margin: 0 5px;
}



/* MOBILE MENU */
#menu-mobile {
	overflow: hidden;
	position: fixed;
	right:0;
	height: 100%;
	background-color: rgba(0,0,0,0.86);
	width: 100%;
	max-width: 300px;
	float: right;
	z-index: 88990;
	margin-right: -1200px;
}
#menu-mobile .mobile-menu-wrapper {
	overflow: auto;
	position: static;
}
#menu-mobile nav {
	display: table;
	height: 100%;
	width: 100%
}
#menu-mobile nav > div.menu-menu-1-container {
	display: table-cell;
	height:80%;
	width:100%;
	vertical-align: middle;
	z-index: 12;
	position: relative;
}
#menu-mobile ul { padding: 0; }
#menu-mobile ul > li {
	display: block;
	width: 100%;
}
#menu-mobile ul > li a {
	font-size: 18px;
	color: #ccc !important;
}
#menu-mobile ul > li a:hover {
	color: white !important;
}
#menu-mobile ul.sub-menu li a {
	font-size: 16px;
	/*color: #808080 !important;*/
	color: #5A5E62 !important;
}
#menu-mobile ul.sub-menu li a:hover {
	color: white !important;
}
a.menu-mobile {
	background-color: #333;
	padding: 8px 13px;
	border: 0;
	color: white !important;
	font-size: 25px;
	font-weight: 300;
	outline: none;
	cursor: pointer;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 88991;
	width: 47px;
	height: 41px;
}
#menu-mobile div.logo {
	display: block;
	position: relative;
	margin-bottom: 15px;
	z-index: 1;
}
#menu-mobile div.social {
	display: block;
	position: absolute;
	width: 100%;
	height: 30px;
	bottom: 10px;
	z-index: 13;
	color: black;
}
#menu-mobile div.social i {
	display: inline-block;
	background-color: white;
	padding: 5px 7px;
}
#menu-mobile div.social a {
	margin: 0 5px;
}





/* FULL-SCREEN-GRID-01/02 */

#content {
	position: relative;
	width: 100%;
	height: 100%;
}
#content h4 { font-size: 13px; }
#content h4, #content h2 {
	position: relative;
	z-index: 8;
	color: white;
/*	text-transform: uppercase;*/
}
#content h2 { font-size: 16px; font-weight: bold; }
#content .top {
	display: table;
	height: 50%;
	width: 100%;
}
#content .top .content {
	display: table-cell;
	position: relative;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	width: 33.33vw;
	height: 100%;
	padding: 50px;
	color: white;
	text-align: center;
	background-size: 100% 100% !important;
}
#content .top .content .flexslider ul li, #content .bottom .content .flexslider ul li { height: 100% !important; }
#content .top .flexslider .slides img, #content .bottom .flexslider .slides img {
	display: block;
	position: absolute;
	bottom: 0;
	top: 0;
	left:0;
	right:0;
	width: 100%;
	height: 100%;
}
#content .bottom {
	display: table;
	width: 100%;
	height: 50%;
}
#content .bottom .content {
	display: table-cell;
	position: relative;
	vertical-align: middle;
	width: 50vw;
	height: 100%;
	padding: 50px;
	color: white;
	text-align: center;
}
#content .content {
	overflow: hidden;

}
#content .content .flexslider {
	-webkit-transition: all 1.75s ease;
	   -moz-transition: all 1.75s ease;
	    -ms-transition: all 1.75s ease;
	     -o-transition: all 1.75s ease;
	        transition: all 1.75s ease;
}
#content .content:hover .flexslider {
   -webkit-transform: scale(1.06, 1.06); /* Safari And Chrome */
      -moz-transform: scale(1.06, 1.06); /* Firefox */
       -ms-transform: scale(1.06, 1.06); /* IE 9 */
        -o-transform: scale(1.06, 1.06); /* Opera */
           transform: scale(1.06, 1.06); /* Standard Property */
    -webkit-transform-origin: 50% 50%; /* Safari And Chrome */
       -moz-transform-origin: 50% 50%; /* Firefox */
        -ms-transform-origin: 50% 50%; /* IE 9 */
         -o-transform-origin: 50% 50%; /* Opera */
            transform-origin: 50% 50%; /* Standard Property */
	-webkit-transition: all 1.75s ease;
	   -moz-transition: all 1.75s ease;
	    -ms-transition: all 1.75s ease;
	     -o-transition: all 1.75s ease;
	        transition: all 1.75s ease;
}
#content .content:hover .overlay {
	opacity: 0.3;
}

#content .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: black;
	opacity: 0.6;
	top:0;
	left: 0;
	right:0;
	bottom:0;
	z-index: 7;
	-webkit-transition: all .25s;
	   -moz-transition: all .25s;
	    -ms-transition: all .25s;
	     -o-transition: all .25s;
	        transition: all .25s;
}
/*#content .content a:hover+.overlay {
	opacity: 0;
	-webkit-transition: all .25s;
	   -moz-transition: all .25s;
	    -ms-transition: all .25s;
	     -o-transition: all .25s;
	        transition: all .25s;
}*/

#content .content .flexslider {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

#content .fullscreen {
	display: block;
	width: 100%;
	height: 100%;
}
.fullscreen .content {
	display: block;
	float:left;
	position: relative;
	vertical-align: middle;
	/*width: 25vw;*/
	height: 100%;
	padding: 50px;
	color: white;
	text-align: center;
	background-size: cover;
}
.fullscreen #scroll .content > div.outer {
	display: table;
	width: 100%;
	height: 100%;
}
.fullscreen #scroll .content > div.outer div.inner {
	display: table-cell;
	width:100%;
	height:100%;
	vertical-align: middle;
}





.mCustomScrollbar, .mCustomScrollBox, #mCSB_1_container { height:100%; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal { z-index: 888; }




/* ABOUT-US-01 */
#about .content { padding: 100px 0; min-height: auto !important; }
#about .content .about-item {
	width: 100%;
	/*height: 500px;*/
	position: relative;
	display: block;
}
#about .content .about-item > div {
	height: 100%;
	position: relative;
	/*padding: 50px;*/
}
#about { color: #808080; }
#about h2 {
	font-size: 20px;
	font-weight: 400;
/*	text-transform: uppercase;*/
}
#about p { 
	font-size: 13px;
	font-weight: 300;
}
#about .content .top {
	height: 250px; background-color: #808080; color: white; padding: 100px 0;
}
#about .content .bot {
	height: 250px; background-color: #cccccc
}
#about .about-desc {
	padding-left: 32px;
	padding-right: 32px;
}


/* ABOUT-US 2 */

/*
#about2 { color: #808080; }
*/
#about2 .banner {
	overflow: hidden;
}
#about2 .banner img {
	width: 100%;
}
/* #about2 .container { padding-top:50px; } */
#about2 i { font-size: 35px; margin-top: 14px; margin-bottom: 27px; }
#about2 h2 {
	margin-bottom: 16px;
	font-size: 15px;
/*	text-transform: uppercase;*/
}
#about2 p { 
	margin-bottom: 35px;
	font-size: 13px;
	/*text-transform: uppercase;*/
}
#about2 .about2 img { max-height: 60px; margin-bottom: 22px; }





/* ABOUT-US 3 */
.about-item3 {
	margin-bottom: 50px;
	float: left;
}
.about-item3 h3 {
	margin-bottom: 9px;
}
.about-item3 h6	{
	margin-bottom: 15px;
	text-transform: none !important;
}
.about-item3 p {
	line-height: 22px;
}
.about-item3 .social a {
	display: block;
	padding: 29px 9px 27px 9px;
	font-size: 17px;
	margin-bottom: 3px;
	background-color: #ddd;
}
.about-item3 .social {
	position: absolute;
	right: 0;
	top: 0;
}
.about-item3 .scroll {
	max-height: 315px;
}
.about-item3 > .about-item3-txt {
	padding: 117px !important;
}


/* SERVICES */

#services .container {
	padding: 0 0 30px 0;
}
#services .servicesitem {
	padding: 20px 0;
	min-height: 315px;
}
#services .servicesitem2 {
	padding: 80px 0;
	/*min-height: auto;*/
}

#services .servicesitem h2 {
	margin-bottom: 20px;
	font-weight: 500;
/*	text-transform: uppercase;*/
}
#services .servicesitem p {
	margin-bottom: 35px;
	/*text-transform: uppercase;*/
}
#services .servicesitem .icon {
	display: inline-block;
	background-color: #ececec;
	border-radius: 50%;
	width: 300px;
	height: 300px;
	overflow: hidden;
}
#services .servicesitem .icon i {
	font-size: 200px;
	color: #ccc;
	line-height: 350px;
}
#services .servicesitem .icon img {
	border-radius: 50%;
	width: 100%;
	max-width: 299px;
	max-height: 299px;
}

#services .servicesitem2 h2 {
	font-size: 16px;
	margin-bottom: 14px;
}
#services .servicesitem2 p {
	font-size: 13px;
}
#services .servicesitem2 .icon {
	width: 100px;
	height: 100px;
}
#services .servicesitem2 .icon i.fa {
	font-size: 50px;
	line-height: 100px;
	position: relative;
}
#services .servicesitem2 .icon i.icon {
	width: 100px;
	height: 100px;
	position: relative;
	font-size: 50px;
}
#services .servicesitem2 .icon i.icon::before {
position: absolute;
  left: 25px;
  top: 25px;
}
#services .servicesitem2 .icon img {
	max-width: 100px;
	max-height: 100px;
}


.servicesitem.sitem1 {
	background-color: #ffffff;
}
.servicesitem.sitem2 {
	background-color: #f8f8f8;
}
.servicesitem.sitem3 {
	background-color: #ffffff;
}
.servicesitem.sitem4 {
	background-color: #f8f8f8;
}

.servicesitem2.sitem1 {
	background-color: #ffffff;
}
.servicesitem2.sitem2 {
	background-color: #f8f8f8;
}
.servicesitem2.sitem3 {
	background-color: #f8f8f8;
}
.servicesitem2.sitem4 {
	background-color: #ffffff;
}






/* BLOG */
/*#blog { padding: 15px 0; background-color: #fcfcfc; }*/
#blog{padding-bottom: 15px;}
#blog h2 { 
	font-weight: 500;
/*	text-transform: uppercase; */
	display: inline-block;
}
#blog p {
	font-size: 17px;
}
#blog .container {
	/*background-color: rgba(255,255,255,0.8);*/
	/*padding-top: 15px;*/
	/*margin-bottom: 15px;*/
}
#blog .sidebar { margin-left: 0; margin-right: 0; }
#blog h1 { margin-bottom: 10px; }
#blog h4 { 
	margin-bottom: 20px;
	text-transform: none !important;
}
#blog .blogitem {
	margin-bottom: 20px;
	overflow: hidden;
}
#blog .blogitem img {
	max-width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 31px;
}
a.blog {
	color: black;
}
#blog .sidebar, #inner-blog .sidebar {
	padding: 40px;
	background-color: rgba(255,255,255,0.8);
}
#inner-blog .bg {
	background: url("") top center;
	background-size: cover !important;
	background-attachment: scroll !important; /* was: fixed */
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: -9;
	margin-top: -15px;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: gray; 
	-webkit-filter: grayscale(100%); 
}
#inner-blog .bg img {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width: 100%;
	height: auto;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: gray; 
	-webkit-filter: grayscale(100%); 
}

#inner-blog { padding: 15px 0; }
#inner-blog .inner-blog {
	background-color: rgba(255,255,255,0.95);
	padding: 15px 0;
}
#inner-blog img {
	max-width: 100%;
	height: auto;
}
#inner-blog div {
	max-width: 100%;
}
#inner-blog .ib-item h2 {
	font-size: 20px;
	margin-top: 10px;
	font-weight: 400; /*500*/
	/*text-transform: uppercase;*/
}
#inner-blog .ib-item h5 {
	margin-top: 0px;
	margin-bottom: 15px;
	font-size: 14px;
	font-weight: 400; /*500*/
}
#inner-blog .ib-item p {
	font-size: 15px;
	font-weight: 300;
}
#inner-blog .ib-item div.post {
	padding-right: 35px;
}
#inner-blog .ib-item .share {
	margin-top: 50px;
}
#inner-blog .ib-item .comments {
	margin-top: 30px;
	margin-bottom: 50px;
}

.comments * { text-transform: none !important; }
.comments ul li .comment { position: relative; padding: 12px; }
.comments li .reply { position: absolute; top: 10px; right: 10px; border: 1px solid black; padding: 5px 20px;}
.comments ul { list-style: none }
.comments ul li { margin: 15px 0; }
.comments .comment-img, .comments .comment-desc {
	display: inline-block;
}
.comments li .comment-img img {
	border-radius: 50%;
}
.comments li .comment-desc { margin-left: 20px; }
.comments li .comment-desc h4 {
	margin-top: 0;
}
.comments li .comment-text { margin-left: 100px; }
.comments li .comment-text p { font-size: 14px; font-weight: 300; }
.comments li div.comment { background-color: white; }
.comments ul.children li div.comment { background-color: #ececec; }

.comments form input, .comments form textarea { 
	font-weight: 300;
	background: none;
	border: 0;
	border-bottom: 1px solid #808080;
	border-radius: 0;
	box-shadow: none !important;
}
.comments form textarea {
	margin-top: 10px;
	min-height: 100px;
	width: 100%;
	resize: none;
}
.comments form input:focus, .comments form textarea:focus {
	outline: 0 !important;
	border-color: #808080;
}
.comments form input[type="submit"] {
	border: 1px solid #808080;
	padding: 5px 20px;
	margin-top: 5px;
}




/* BLOG-2 */

#blog2 {/* padding: 15px 0;*/ }
#blog2 h4 {
	font-weight: 500;
/*	text-transform: uppercase; */
	margin-bottom: 6px;
}
#blog2 hr { margin: 24px 0 10px 0; }
#blog2 p { font-size: 13px; }
#blog2 p.p-date { font-size: 13px; }
#blog2 .blog {
	position: relative;
	float:left;
	margin: 5px;
	background-color: white;
	overflow: hidden;
	border: 1px solid #f1f1f1;
}
#blog2 .blog img {
	width: 100%;
	height:auto;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: grayscale(100%);
	filter: gray; 
	-webkit-filter: grayscale(100%); 
	-webkit-transition: all .45s;
	   -moz-transition: all .45s;
	    -ms-transition: all .45s;
	     -o-transition: all .45s;
	        transition: all .45s;
}
#blog2 .blog:hover img {
	filter: none;
	-webkit-filter: none;
	-webkit-transition: all .45s;
	   -moz-transition: all .45s;
	    -ms-transition: all .45s;
	     -o-transition: all .45s;
	        transition: all .45s;
}
#blog2 .blog .content {
	padding: 10px 15px;
}
#blog2 .blog .content h5 {
	margin-top: 0;
}


/* CATEGORY */

#category { padding: 15px 0; }
#category .blog {
	float:left;
	margin: 5px;
	/*width: 24.3vw;*/
	overflow: hidden;
	border: 1px solid #f1f1f1;
}
#category .blog img {
	max-width: 100%;
	height: auto;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: grayscale(100%);
	filter: gray;
	-webkit-filter: grayscale(100%);
	-webkit-transition: all .45s;
	   -moz-transition: all .45s;
	    -ms-transition: all .45s;
	     -o-transition: all .45s;
	        transition: all .45s;
}
#category .blog:hover img {
	filter: none;
	-webkit-filter: none;
	-webkit-transition: all .45s;
	   -moz-transition: all .45s;
	    -ms-transition: all .45s;
	     -o-transition: all .45s;
	        transition: all .45s;
}
#category .blog .content {
	padding: 10px 15px;
}
#category .blog .content h5 {
	margin-top: 0;
}




/* CONTACT */
#contact { padding: 1px; }
#contact .container { margin:14px auto; padding: 50px 0; background-color: rgba(255,255,255,0.9); }
#contact h2 { 
	margin-bottom: 50px; 
	font-weight: 500;
/*	text-transform: uppercase; */
}
#contact form span { width: 100%; }
#contact form input, #contact textarea {
	width: 100%;
	display: block;
	border: 0;
	margin-top: 15px;
	font-size: 20px;
	border-bottom: 1px solid #808080;
	background: transparent;
}
#contact form input:focus, #contact textarea:focus {
	outline: 0;
}
#contact form input[type="submit"] {
	margin-top: 50px;
	width: 200px;
	background-color: white;
	border: 1px solid #808080;
	padding: 5px;
}
#contact textarea {
	width: 100%;
	resize: none;
}


/* SAMPLE PAGE */

#sample-page *, #page-sidebar * { text-transform: none !important; }
#sample-page iframe { max-width: 100%; }
#sample-page .sample, #page-sidebar .sample { padding-top: 1px; padding-bottom: 1px; }
#sample-page .sample .container, #page-sidebar .sample .container {
	background-color: rgba(255,255,255,0.8);
	margin-top: 14px;
	margin-bottom: 14px;
}
#page-sidebar h1, #page-sidebar h2, #page-sidebar h3,
#page-sidebar h4, #page-sidebar h5, #page-sidebar h6 {
	font-weight: 400;
	text-transform: uppercase;
} 
#page-sidebar p { 
	font-size: 15px;
	font-weight: 300;
}



/* PORTFOLIO 01/02 */

#portfolio .portfolio {
	overflow: hidden;
}
#portfolio .isotope .port3 {
	height: 618px;
}
#portfolio .isotope .port3-2 {
	height: 300px;
}
#portfolio .portfolio img {
	max-width: 100%;
	height: auto;
}
#portfolio .overlay .content {
	color: white;
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}
#portfolio .overlay .content h4 {
	/*text-transform: uppercase;*/
}
#portfolio .overlay .content h2 { 
margin-bottom: 20px; 
font-weight: 500;
	font-size: 34px;
	text-align: center;
	width:100%;
}
#portfolio .overlay .content a {
	/*display: block;*/
	margin:0 auto;
	/*max-width: 250px;*/
	/*border: 2px solid white;
	color: white;*/
	padding: 3px;
	margin-top: 25px;
	text-align: center;
}
#portfolio .overlay {
	position: absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background-color: rgba(0,0,0,0.5);
	visibility: hidden;
	opacity: 0;
	display: table;
	width:100%;
	height:100%;
	-webkit-transition: all .45s;
	   -moz-transition: all .45s;
	    -ms-transition: all .45s;
	     -o-transition: all .45s;
	        transition: all .45s;
}
#portfolio .portfolio:hover .overlay {
	visibility: visible;
	opacity: 1;
	-webkit-transition: all .45s;
	   -moz-transition: all .45s;
	    -ms-transition: all .45s;
	     -o-transition: all .45s;
	        transition: all .45s;
}



#portfolio2 .portfolio {
	overflow: hidden;
	margin: 0.25vw;
	width: 24.3vw;
	position: relative;
	float: left;
}
#portfolio2 .overlay > div { display: table; width: 100%; height: 100%; }
#portfolio2 .overlay .content {
	color: white;
	position: relative;
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}
#portfolio2 .overlay .content h2 { 
margin-bottom: 20px; 
font-weight: 500;
	font-size: 35px;
	text-align: center;
	width:100%;
}
#portfolio2 .overlay .content a {
	/*display: block;*/
	margin:0 auto;
	/*max-width: 250px;*/
	/*border: 2px solid white;
	color: white;*/
	padding: 3px;
	margin-top: 25px;
	text-align: center;
}
#portfolio2 .overlay {
	position: absolute;
	top:15px;
	left:15px;
	bottom: 15px;
	right: 15px;
	background-color: rgba(0,0,0,0.5);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .45s;
	   -moz-transition: all .45s;
	    -ms-transition: all .45s;
	     -o-transition: all .45s;
	        transition: all .45s;
}
#portfolio2 .portfolio:hover .overlay {
	visibility: visible;
	opacity: 1;
	-webkit-transition: all .45s;
	   -moz-transition: all .45s;
	    -ms-transition: all .45s;
	     -o-transition: all .45s;
	        transition: all .45s;
}

#inner-portfolio {
	/*margin-bottom: 50px;*/
	padding: 15px;
	background-repeat: no-repeat;
	background-size: cover;
}
#inner-portfolio .ip-item { 
	padding: 15px 0; 
	background-color: rgba(255,255,255,0.8);
}
#inner-portfolio .share {
	margin: 20px 0 15px 0;
}
#inner-portfolio .share p {
	font-size: 12px;
}
#inner-portfolio strong p {
	margin: 26px 0;
}
#inner-portfolio h2 {
	font-size: 23px;
	margin-bottom: 12px;
	font-weight: 500px;
	/*text-transform: uppercase;*/
}
#inner-portfolio p {
	font-size: 14px;
	font-weight: 300;
}
#inner-portfolio .ip-pic {
/*	margin-top: 15px;
	padding-left: 7px;
	padding-right: 7px;*/
}
#inner-portfolio .ip-pic img {
	width: 100%;
}
#inner-portfolio .ip-item .col-md-12 img { max-width: 100%; height: auto; }

#portfolio .filter, #portfolio2 .filter {
	background-color: #3c3b3c;	
	padding-left: 400px;
	width: 100%;
	min-height: 80px;
	padding-top: 29px;
}
#portfolio .filter p, #portfolio2 .filter p {
	margin: 0;
	color: white;
	display: inline-block;
	font-size: 12px;
}
#portfolio > .filter a, #portfolio2 > .filter a {
	color: white !important;
	margin: 0 10px;
	font-size: 12px;
}
#portfolio > .filter a:hover, #portfolio2 > .filter a:hover {
	border-bottom: 1px solid white;
}

/* PORTFOLIO-3 */





/* VIDEO OVERLAY */

video+.overlay .content {
	color: white;
	display: table-cell;
	vertical-align: bottom;
	/*padding-bottom: 11%;*/
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}
video+.overlay .content h4 {
	/*text-transform: uppercase;*/
}
video+.overlay .content h2 { 
margin-bottom: 20px; 
font-weight: 500;
	/*text-transform: uppercase;*/
	font-size: 34px;
	text-align: center;
	width:70%;
	margin-left: 15%;
}
video+.overlay .content a {
	/*display: block;*/
	margin:0 auto;
	/*max-width: 250px;*/
	/*border: 2px solid white;
	color: white;*/
	padding: 3px;
	margin-top: 25px;
	text-align: center;
}
video+.overlay {
	position: absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background-color: rgba(0,0,0,0.3);
	visibility: visible;
	opacity: 1;
	display: table;
	width:100%;
	height:100%;
	-webkit-transition: all .45s;
	   -moz-transition: all .45s;
	    -ms-transition: all .45s;
	     -o-transition: all .45s;
	        transition: all .45s;
}
/*video:hover+.overlay {
	visibility: visible;
	opacity: 1;
	-webkit-transition: all .45s;
	   -moz-transition: all .45s;
	    -ms-transition: all .45s;
	     -o-transition: all .45s;
	        transition: all .45s;
}
*/


	






/* HOME-FULLWIDTH */
#fullwidth .banner {
	position: relative;
	overflow: hidden;
}
#fullwidth .banner img {
	width: 100%;
}
#fullwidth .banner .overlay, 
#fullwidth .banner1 .overlay {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	/*background-color: rgba(0,0,0,0.3);*/
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .45s;
	   -moz-transition: all .45s;
	    -ms-transition: all .45s;
	     -o-transition: all .45s;
	        transition: all .45s;
}
#fullwidth .banner:hover .overlay, #fullwidth .banner1:hover .overlay {
	visibility: visible;
	opacity: 1;
	-webkit-transition: all .45s;
	   -moz-transition: all .45s;
	    -ms-transition: all .45s;
	     -o-transition: all .45s;
	        transition: all .45s;
}
#fullwidth video+.overlay .content {
	/*padding-bottom: 0;*/
}
#fullwidth .overlay .content {
	color: white;
	position: absolute;
	bottom: 20%;
	width: 100%;
}
#fullwidth .overlay .content h2 { 
	margin-bottom: 9px; 
	font-weight: 600;
	font-size: 65px;
	text-align: center;
	width:70%;
	margin-left: 15%;
}
#fullwidth .overlay .content a {
	/*display: block;*/
	margin:0 auto;
	font-size: 13px;
	/*max-width: 250px;*/
	/*border: 2px solid white;
	color: white;*/
	padding: 3px;
	margin-top: 25px;
	text-align: center;
}
#fullwidth #about .content .about-item {
	min-height: 500px;
}
#fullwidth .item, .portfolio-slider {
/*	height: 552px;*/
	overflow: hidden;
}
#fullwidth .item2 {
	/*height: 267px;*/
	overflow: hidden;
}
#fullwidth .item .bx-wrapper {
	/*height: 500px;*/
}
#fullwidth .item2 .bx-wrapper {
	/*height: 250px;*/
}

#fullwidth .col-sm-6 .bx-wrapper {
	height: 100% !important;
}
#fullwidth .col-sm-6 .bx-wrapper .bx-viewport {
	width: 100%;
	height: 100% !important;
	max-height: inherit !important;
}
#fullwidth .col-sm-6 .bx-wrapper .bx-viewport ul {
	height: 100% !important;
}
#fullwidth .col-sm-6 .bx-wrapper .bx-viewport li {
	height: 100% !important;
}

#fullwidth .item figure img {
	width: 100%;
	height: auto;
}

ul.bxslider {
	margin: 0;
	padding: 0;
}

ul.bxslider li img {
	width: 100%;
	display: block;
}

.item figure {
	display: block;
}
figure.effect-bubba h2 { font-size: 17px; } 
.item figure p {
	font-size: 13px;
	text-transform: none !important;
}
#fullwidth .testimonial-bg img {
	height: auto;
	width: 100%;
	opacity: 0;
}
#fullwidth .testimonial * { font-weight: 300 !important; }
#fullwidth .testimonial h2 { font-size: 17px; text-transform: none; }
#fullwidth .testimonial h3 { font-weight: 400 !important; }

#fullwidth .testimonial {
	color: white;
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
/*	padding: 0 9px;*/
}
#fullwidth .testimonial > div.outer {
	position: relative;
	display: table;
	width:100%;
	height:100%;
	vertical-align: middle;
}
#fullwidth .testimonial > div.outer > div.inner {
	display: table-cell;
	width:100%;
	height:100%;
/*	padding-left: 10%;
	padding-right: 10%;*/
	vertical-align: middle;	
}
#fullwidth .testimonial .flipper #scroll { /*min-height: 150px; text-align: justify;*/ }
#fullwidth .testimonial .flipper p {
	text-transform: none;
/*	overflow-y: auto;
	max-height: 220px;
*/	font-size: 14px;
}
#fullwidth .testimonial .flipper  h3 {
	margin-top: 15px;
	font-weight: 300;	
}
#fullwidth .testimonial .flipper img {
	margin-top: 15px;
	border-radius: 50%;
}
#fullwidth .testimonial .flip-container .flipper .f-outer,
#fullwidth .testimonial .flip-container .flipper .b-outer {
	display: table;
	width: 100%;
	height: 100%;
}
#fullwidth .testimonial .flip-container .flipper .f-inner,
#fullwidth .testimonial .flip-container .flipper .b-inner {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	text-align: justify;
}
.testimonial .bxslider-tst .bx-viewport { overflow: visible !important; }
.testimonial .bxslider-tst li { padding: 0 15px; }
.testimonial .bxslider-tst .bx-controls { display: inline-block; }
.testimonail .bxslider-tst h3 { font-weight: bold !important; }
.testimonial .bxslider-tst img {
	width: auto;
	height: auto;
	display: inline-block;
	border-radius: 50%;
}

.owl-wrapper-outer { clear: both; }


/* PAGER */

.testimonial .bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.testimonial .bx-wrapper .bx-viewport li {
	left: 0;
}

.testimonial .bx-wrapper .bx-pager .bx-pager-item,
.testimonial .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.testimonial .bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.testimonial .bx-pager {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 15px;
}
.testimonial .bx-wrapper .bx-pager.bx-default-pager a:hover,
.testimonial .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}





ul.bxslider .overlay {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .45s;
	   -moz-transition: all .45s;
	    -ms-transition: all .45s;
	     -o-transition: all .45s;
	        transition: all .45s;
}
ul.bxslider:hover .overlay {
	visibility: visible;
	opacity: 1;
	-webkit-transition: all .45s;
	   -moz-transition: all .45s;
	    -ms-transition: all .45s;
	     -o-transition: all .45s;
	        transition: all .45s;
}
ul.bxslider .overlay .content {
	color: white;
	position: absolute;
	top:45% !important;
	width: 100%;
	/*text-transform: uppercase;*/
	font-weight: 500 !important;
}
ul.bxslider .overlay .content h2 { 
margin-bottom: 20px; 
font-weight: 500;
	font-size: 30px !important;
	text-align: center;
	width:70%;
	margin-left: 15%;
	font-weight: 100;
}
ul.bxslider .overlay .content a {
	/*display: block;*/
	margin:0 auto;
	/*max-width: 250px;*/
	/*border: 2px solid white;
	color: white;*/
	padding: 3px;
	margin-top: 25px;
	text-align: center;
}



.bx-controls {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	overflow: hidden;
}
/* BX-ARROWS */
.bx-prev { margin-left: -71px; 
-webkit-transition: all .45s;
   -moz-transition: all .45s;
    -ms-transition: all .45s;
     -o-transition: all .45s;
        transition: all .45s;
        }
.bx-next { margin-right: -71px; 
-webkit-transition: all .45s;
   -moz-transition: all .45s;
    -ms-transition: all .45s;
     -o-transition: all .45s;
        transition: all .45s;
        }
.bx-wrapper:hover .bx-prev { margin-left: 0; 
-webkit-transition: all .45s;
   -moz-transition: all .45s;
    -ms-transition: all .45s;
     -o-transition: all .45s;
        transition: all .45s;
        }
.bx-wrapper:hover .bx-next { margin-right: 0; 
-webkit-transition: all .45s;
   -moz-transition: all .45s;
    -ms-transition: all .45s;
     -o-transition: all .45s;
        transition: all .45s;
        }





/* WIDGETS */
.sidebar {
	margin-left: -15px;
	margin-right: 15px;
}
.sidebar h4 {
	font-size: 16px;
	margin-top: 0;
	margin-bottom: 20px;
	position: relative;
	text-transform: uppercase;
	font-weight: 500;
}
.sidebar h4:after {
	content: " ";
	border-bottom: 2px solid black;
	width: 50px;
	bottom: -10px;
	height: 1px;
	left: 0;
	position: absolute;
}
.sidebar select { max-width: 100%; }
.sidebar div > ul { padding: 0; }
.sidebar div > ul li { list-style: none; }
.sidebar a { display: inline-block; }
.sidebar a > img { width: 100%; height:auto ;}
.sidebar div > ul li a { margin-bottom: 1px; }
.sidebar div > ul li a:hover { margin-bottom: 0; border-bottom: 1px solid black; }
.sidebar div > ul li ul.sub-menu { padding-left: 10px; }
.sidebar span { margin: 0 5px; }
.sidebar #calendar_wrap #wp-calendar { 
	width: 80%;
	background-color: transparent;
}
.sidebar #wp-calendar caption { margin-bottom: 5px; }
.sidebar #wp-calendar * { text-align: center; }
.sidebar #wp-calendar tfoot * { text-align: left; }
.sidebar #wp-calendar thead { border-bottom: 1px solid black; }
.sidebar #wp-calendar tbody tr { line-height: 1.8; }
.sidebar #wp-calendar td#today { font-weight: 800; }
.sidebar #wp-calendar td a { text-decoration: underline !important; }
.sidebar #calendar_wrap thead tr th { margin: 0 10px; }
.sidebar .textwidget { 
	font-size: 15px;
	font-weight: 300;
}

div#instagram div {
	width: 23%;
	display: inline-block;
	margin: 1%;
}
img.instagram-image {
	width: 100%;
}
div#portfolio-widget div {
	width: 47%;
	display: inline-block;
	margin: 1%;
	overflow: hidden;
}
div#portfolio-widget a { width: 100%; }
div.blank-space-sm {
	height: 20px;
}
div.tweet p.tweet {
	font-size: 14px !important;
	border-bottom: 1px solid #A5A4A4;
	margin-bottom: 15px;
}





/* 404 */
#x_404 {
	height: 70%;
	display: table;
	position: relative;
}
#x_404 > div {
	height: 100%;
	width: 100%;
	display: table-cell;
	vertical-align: middle;
	position: relative;
	text-align: center;
	color: #808080;
}
#x_404 > div h1 { font-size: 300px; line-height: 0.9; }
#x_404 > div h2 { font-size: 96px;  line-height: 0.6; }
#x_404 > div h3 { font-size: 28px; margin-top: 50px; }




/* ? */
.tt, .tb {
	height: 250px;
	background-color: #ccc;
	color: white;
	padding: 100px 0;
}
.tb {
	background-color: #808080;
}



/* theme check required */

.wp-caption, .wp-caption-text, .gallery-caption, .bypostauthor {}

/*
.sticky:before {
	position: absolute;
	top: 0px;
	right: 39px;
	font-size: 30px;
	content: "\f0c6";
	font-family: "fontawesome";
	z-index: 999;
}
.col-md-6.sticky:before {
	right: 11px !important;
}
.col-md-8 > .col-md-12.sticky:before {
	right: 11px !important;
}
*/
.alignright {
	text-align: right;
}
.alignleft {
	text-align: left;
}
.aligncenter {
	text-align: center;
}





/* ADITIONAL SETTINGS */

body.page-template-template-blog div#blog .container {
	background-color: transparent !important;
}
body.page-template-template-blog div#blog div.blogitem, body.page-template-template-blog-sidebar div#blog div.blogitem, body.blog div#blog div.blogitem  {
	padding: 15px;
	background-color: rgba(255,255,255,0.8);
}
body.page-template-template-blog div#blog div.blogitem div.grayscale {
	overflow: hidden;
}


/* ISOTOPE */
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.6s;
     -moz-transition-duration: 0.6s;
      -ms-transition-duration: 0.6s;
       -o-transition-duration: 0.6s;
          transition-duration: 0.6s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}


.isotope .item .item-inner {
	position: relative;
	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px;
}



/* FOOTER */
footer {
	clear:both;
	color: #373435;
	text-align: center;
	background-color: #f8f8f8;
	padding: 50px 50px;
}
footer a {
	color: #373435;
	/*font-size: 18px;*/
	text-decoration: none;
}
footer p {
	/*text-transform: uppercase;*/
	font-size: 14px;
	margin-top: 15px;
	margin-bottom: 33px;
}
footer * { font-family: 'Open Sans', sans-serif; }
footer .social a i.fa {
	padding: 10px;
	background-color: #ececec;
}




/* SHORTCODES */
.panel {
	box-shadow: 0 !important
}
.panel-group .panel {
	margin-bottom: 0;
	overflow: hidden;
	border-radius: 0;
}
.panel-default > .panel-heading {
	background-image: none;
	background: none;
	overflow: hidden;
}
.panel-heading {
	border-top-left-radius: 0px !important;
	border-top-right-radius: 0px !important;
}
h4.panel-title {
	display: inline-block;
}
h4.collapse {
	display: inline-block;
	float: right;
	background-color: #3c3b3c;
	color: white;
	padding: 11px;
	margin: -10px -16px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	color: #555;
	cursor: default;
	background-color: #fff;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
}
.nav-tabs > li > a {
	margin-right: 2px;
	line-height: 1.42857143;
	border: 1px solid transparent;
	border-radius: 0;
}
div.tab-content {
	background-color: white;
	border: 1px solid #ddd;
	padding: 10px;
}




.button {
	display: inline-block;
	padding: 10px 30px;
	font-size: 16px;
}
.button.btn1 {
	border: 1px solid #909090;
}
.button.btn2 {
	background-color: #ececec;
	border: 1px solid #ececec;
}
.button.btn3 {
	background-color: #373435;
	border: 1px solid #373435;
	color: white !important;
}
.button.btn4 {
	background-color: #000;
	border: 1px solid #000;
	color: white !important;
}
.button.btn5 {
	border: 2px solid #000;
}



.alert-info { background-color: #808080 !important; background-image: none !important; color: white; border: 0; }
.alert-success { background-color: #efeff0 !important; background-image: none !important; color: black; border: 0; }
.alert-warning { background-color: #373435 !important; background-image: none !important; color: white; border: 0; }
.alert-danger { background-color: #000000 !important; background-image: none !important; color: white; border: 0; }
.alert button { opacity: 0.4; }


#searchsubmit { 
	background-color: white;
	border: 1px solid black;
	padding: 2px 11px;
}






/* searchbar */

.searchbar {
	display: none;
	position: absolute;
	width: 100%;
	left: 0;
	height: 45px;
	
}
.searchbar input {
	background: transparent;
	border: 0;
	max-width: 500px;
	width: 100%;
	text-align: center;
	margin-top: 10px;
	font-size: 15px;
}
#menu.menu1 .searchbar {
	background-color: rgba(255,255,255,0.8);
}
#menu.menu3 .searchbar {
	background-color: rgba(0,0,0,0.8);
}


h1, h2, h3, h4, .h4, h5, .h5, h6, .h6 
{
 margin: 6px 0;
}
/*h1, h2 { line-height: 1.1 !important; }
h3, h4 { line-height: 1.3 !important; }
h1 { font-size: 36px !important; letter-spacing: 1.5px !important; }
h2 { font-size: 30px !important; letter-spacing: 1.5px !important; }
h3 { font-size: 25px !important; }
h4 { font-size: 20px !important; letter-spacing: 2px !important; }
h5 { font-size: 16px !important; }
p  { font-size: 15px !important; letter-spacing: 1.3px !important; }*/
/*h1, .h1, h2, .h2, h3, .h3 {
margin-top: -4px;
margin-bottom: 10px;
}
h4, .h4, h5, .h5, h6, .h6 {
margin-top: 50px;
margin-bottom: 6px;
}*/
h1, .h1 {
	font-size: 30px;
}
h2, .h2 {
	font-size: 20px;
}
h3, .h3 {
	font-size: 18px;
}
h4, .h4 {
	font-size: 15px;
}
h5, .h5 {
	font-size: 13px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family: inherit;
line-height: 1.4;
color: inherit;
font-weight: 400;
/*text-transform: uppercase;*/
}
p {
	/*letter-spacing: 1px;*/
	font-weight: 300;
}


/* FLIP EFFECT */
/* entire container, keeps perspective */
.flip-container {
	perspective: 1000;
	position: relative;
	text-transform: uppercase !important;
}
		/*  UPDATED! flip the pane when hovered */
	.flip-container:hover .back {
		transform: rotateY(0deg);
	}
	.flip-container:hover .front {
	    transform: rotateY(180deg);
	}

.flip-container, .front, .back {
	width: 100%;
	height: 100%;
}

/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;
	height: 100%;
	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;
	transition: 0.6s;
	transform-style: preserve-3d;

	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.front {
	z-index: 2;
	transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
	transform: rotateY(-180deg);
	background-color: #3c3b3c;
	
	padding-bottom: 8%;
	padding-top: 8%;
	padding-left: 8%;
	padding-right: 5%;
}



/* HOME-Staff */
.staff { background-color: #fff; margin-bottom: 15px; }
.staff .staff-desc * { text-transform: none !important; }

.staff-desc { padding: 40px 30px 25px 30px; }
.staff-desc h4, .staff-desc p { color: #666666; }
.staff-desc h5 { color: #444444; font-style: italic; }
.staff-desc p { font-size: 12px; }

.staff-desc .social { margin-top: 30px; }
.staff-desc .social i.fa {
	background-color: #ccc;
	padding: 8px;
	color: white;
}




.artcl {margin-bottom:50px; margin-top: 50px; text-transform: none!important; }
.banner .overlay, .banner1 .overlay { opacity: 1 !important; visibility: visible !important; }
.banner .overlay h4 { text-transform: none !important; }
button.invert.btn-1 { background-color: transparent !important; }
button { margin: 4px 2px; }
.flexslider { background: transparent; }
.banner, .banner1 { background-color: black }
/*.banner img, .banner video, .banner1 img, .banner1 video { opacity: 0.5 }*/
.overlay .content h4 { margin-bottom: 50px; margin-top: 0 }
.banner img, .banner1 img { 
	-webkit-transition: all 1.75s ease;
	   -moz-transition: all 1.75s ease;
	    -ms-transition: all 1.75s ease;
	     -o-transition: all 1.75s ease;
	        transition: all 1.75s ease;
}
.banner:hover img, .banner1:hover img {
   -webkit-transform: scale(1.06, 1.06); /* Safari And Chrome */
      -moz-transform: scale(1.06, 1.06); /* Firefox */
       -ms-transform: scale(1.06, 1.06); /* IE 9 */
        -o-transform: scale(1.06, 1.06); /* Opera */
           transform: scale(1.06, 1.06); /* Standard Property */
    -webkit-transform-origin: 50% 50%; /* Safari And Chrome */
       -moz-transform-origin: 50% 50%; /* Firefox */
        -ms-transform-origin: 50% 50%; /* IE 9 */
         -o-transform-origin: 50% 50%; /* Opera */
            transform-origin: 50% 50%; /* Standard Property */
	-webkit-transition: all 1.75s ease;
	   -moz-transition: all 1.75s ease;
	    -ms-transition: all 1.75s ease;
	     -o-transition: all 1.75s ease;
	        transition: all 1.75s ease;
}






/* ISOTOPE-OVERLAY */

.isotope-overlay {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,0.7);
	opacity: 0;
	visibility: hidden;

	-webkit-transition: all .25s;
	   -moz-transition: all .25s;
	    -ms-transition: all .25s;
	     -o-transition: all .25s;
	        transition: all .25s;
}
.isotope-overlay a {
	color: #fff;
}
.isotope-overlay:hover {
	opacity: 1;
	visibility: visible;

	-webkit-transition: all .25s;
	   -moz-transition: all .25s;
	    -ms-transition: all .25s;
	     -o-transition: all .25s;
	        transition: all .25s;
}
.item img:hover+.isotope-overlay {
	opacity: 1;
	visibility: visible;
}
.isotope-overlay .content {
	width: 100%;
	height: 100%;
	display: table;
}
.isotope-overlay .content > div {
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	color: white;
}
.isotope-overlay .content > div h2 {
	font-family: 'Open Sans', sans-serif !important;
	font-weight: bold;
	font-size: 16px;
}
.isotope-overlay .content > div p {
	font-family: 'Open Sans', sans-serif !important;
	font-weight: lighter;
	font-size: 14px;
}





/* LIGHTBOX */
.fancybox-skin {
	background: rgba(249, 249, 249, 0.9);
}
.sl-right {
	overflow: auto;
	padding: 35px 37px 10px 35px;
}
.fancybox-skin { 
	padding: 0 !important; 
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}
.sarp-lightbox .light-img {
	max-width: 100%;
	height: auto;
}
.sarp-lightbox .social a {
	display: block;
	padding: 29px 9px 27px 9px;
	font-size: 17px;
	margin-bottom: 3px;
	background-color: #ddd;
}
.sarp-lightbox .social {
	position: absolute;
	right: 0;
	top: 0;
}
.sarp-lightbox h2 { font-size: 26px; }
.sarp-lightbox h4 { font-size: 13px; font-weight: 600; }



/* LOADER */

#loader { 
	position: fixed; 
	z-index: 375900; 
	width: 100%; 
	height: 100%; 
	left:0; 
	top: 0; 
	background-color: #f8f8f8; 
}
.load h1 {
  color: rgb(58, 58, 58);
  text-transform: uppercase;
  font-size: 1em;
  text-align: center;
  width: 155px;
  margin-top: 20px;
  -webkit-animation: fade 2s infinite;
  -moz-animation: fade 2s infinite;
}

.load {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -67px;
	margin-top: -33px;
}

.stick {
  width: 30px;
  height: 3px;
  background: rgb(58, 58, 58);
  display: inline-block;
  margin-left: -8px;
}

.stick:nth-child(n) {
  transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  /* IE 9 */
  -webkit-transform: rotate(30deg);
  /* Safari and Chrome */
  -moz-transform: rotate(30deg);
  -webkit-animation: fall 2s infinite;
  -moz-animation: fall 2s infinite;
}

.stick:nth-child(2n) {
  transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  /* IE 9 */
  -webkit-transform: rotate(-30deg);
  /* Safari and Chrome */
  -moz-transform: rotate(-30deg);
  -webkit-animation: rise 2s infinite;
  -moz-animation: rise 2s infinite;
}

@-webkit-keyframes rise {
  50% {
    transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    /* IE 9 */
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
  }
}
@-moz-keyframes rise {
  50% {
    transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    /* IE 9 */
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
  }
}
@-o-keyframes rise {
  50% {
    transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    /* IE 9 */
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
  }

  @keyframes rise {
    50% {
      transform: rotate(30deg);
      -ms-transform: rotate(30deg);
      /* IE 9 */
      -webkit-transform: rotate(30deg);
      -moz-transform: rotate(30deg);
    }
  }
}
@-webkit-keyframes fall {
  50% {
    transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    /* IE 9 */
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(30deg);
  }
}
@-moz-keyframes fall {
  50% {
    transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    /* IE 9 */
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
  }
}
@-o-keyframes fall {
  50% {
    transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    /* IE 9 */
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(30deg);
  }

  @keyframes fall {
    50% {
      transform: rotate(-30deg);
      -ms-transform: rotate(-30deg);
      /* IE 9 */
      -webkit-transform: rotate(-30deg);
      -moz-transform: rotate(30deg);
    }
  }
}
@-webkit-keyframes fade {
  50% {
    opacity: 0.5;
  }

  100% {
    opacity: 1;
  }
}
@-moz-keyframes fade {
  50% {
    opacity: 0.5;
  }

  100% {
    opacity: 1;
  }
}
@-o-keyframes fade {
  50% {
    opacity: 0.5;
  }

  100% {
    opacity: 1;
  }

  @keyframes fade {
    50% {
      opacity: 0.5;
    }

    100% {
      opacity: 1;
    }
  }
}





/*fati sikem*/
.sarp-pad {
	padding: 0 9px;
	margin-bottom: 18px;
}
.home-4-container .isotope img{ 
	max-width: 100%;
	height: auto;
}
.item.sarp-pad {
	padding: 0 9px;
	margin-bottom: 18px;
}
.item2.sarp-pad {
	padding: 0 9px;
	margin-bottom: 18px !important;
}
.page-template-template-portfolio2 .content .text-center button {
  background-color: transparent !important;
}
.page-template-template-portfolio2 #portfolio {
	margin-bottom: 30px;
}
.port3.sarp-pad {
	padding: 0 9px;
	margin-bottom: 18px;
}
.port3-2.sarp-pad {
	padding: 0 9px;
	margin-bottom: 18px !important;
}
.color2 {
	background-color: #fafafc !important;
}
.about-item3 .color2 .social a {
	background-color: #f0f0f0 !important;
}

/* Extra */

.mejs-audio {
  margin: 5px 0;
}
#inner-blog embed,
#inner-blog iframe {
	max-width: 100%;
/*	height: auto;*/
}
.sidebar img {
	max-width: 100%;
	height: auto;
}
#respond > form {
	min-height: 183px;
}

/* Theme check required */
.wp-caption, .wp-caption-text, .gallery-caption, .bypostauthor {}
.sticky { border: 3px solid #ddd!important; } 
.alignright {
	text-align: right;
	float:right;
	margin-left: 15px;
}
.alignleft {
	text-align: left;
	float: left;
	margin-right: 15px;
}
.aligncenter {
	text-align: center;
	display: block;
	margin: 0 auto;
}





/* Update */


/* Portfolio with padding */
#portfolio .portfolio.pad15 {
	padding: 7.5px !important;
}
#portfolio .portfolio.pad15 > .isotope-overlay {
	top: 7.5px !important;
	left: 7.5px !important;
	width: calc(100% - 15px) !important;
	height: calc(100% - 15px) !important;
}


/* Home box fix */
.home-4-container .isotope .item {
	height: auto !important;
}
.home-4-container .isotope img {
  max-width: 106% !important;
}
.home-4-container .isotope .item .item-x {
	overflow: hidden;
	position: relative;
}
.home-4-container .isotope .item.col-sm-3 .item-x {
	padding-bottom: calc(200% + 18px);
}
.home-4-container .isotope .item.col-sm-6 .item-x {
	padding-bottom: 100%;
}
.home-4-container .isotope .item2.col-sm-3 .item-x {
	padding-bottom: 100%;
}
.home-4-container .isotope .item .item-x .item-inner {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.about-desc {
	display: block !important;
	height: 200px !important;
}
.about-desc .outer {
	display: table;
	height: 100%;
}
.about-desc .outer .inner {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
}
.load_more {
	padding: 15px;
}
.load_more i {
	display: none;
	font-size: 50px;
}
@media (max-width: 1199px) {
	.about-desc {
		height: 166px !important;
	}
}
@media (max-width: 991px) {
	.home-4-container .testimonial ul li > img {
	  max-width: 100px !important;
	  height: auto !important;
	}
	#fullwidth .testimonial h2 {
  		font-size: 14px;
  		text-transform: none;
	}
	.about-item3 > .about-item3-txt {
	  padding: 48px !important;
	}
}