/*
Theme Name: Identity
Description: Responsive Multiporpous Template
Version: 1.2
Author: TheThemeLab
Author URI: http://themeforest.net/user/thethemelab
*/
/* ExtraSmall devices (tablets, 767px and down) */
@media (max-width: 767px) {
#transition-hover-content {
    opacity:1;   


   
}



.logocarouselmobile{
    display: inline;
}

html, body {
}

.magenta2{
	height:0;
	padding:0;
}



.hoverbox {
 	width:100%;
    display: box;
}



.single-portfolio .carousel-inner > .item {
  height: 50vh;
}



#headermobile  {
	display:block;
	background-color: #000;
    padding-top: 80px;
} 



.mobileheader{
	margin-top: 0px;
    margin-bottom: 0px;
} 


.header-video, .mbYTP_wrapper{
display:none;
width: auto;
}





#home .hero h1 { font-size: 1.4em; letter-spacing:2px; }   
#home .hero h3 { font-size: 1em; letter-spacing:1px; }  
 
.carousel-control .glyphicons-chevron-left, .carousel-control .glyphicons-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {

    font-size: 60px;
}


.section-content {
	padding: 60px 0;
}
.section-title h1 {

	padding: 0;
	padding-bottom: 10px;
	font-size: 24px;
	letter-spacing: 6px;
}

.section-title h1:before, .section-title h1:after {
   display:none;
}


#contact, #contact dt{

}

#contact h3 {
       margin-bottom: 10px;
}



footer p{
	padding: 0;
	text-align: center!important;
	  
}



.header .heading {
	font-size: 24px;
}
.header .heading:after, .header .heading:before {
	width: 40px;
	top: -6px;
}
.services-box {
	padding-bottom: 15px;
}
.header .box-heading {
	font-size: 44px;
}
.swiper-about, .swiper-about .swiper-slide {
	max-height: 350px;
}
.new-line {
	margin-top: 40px;
}
ul.timeline {
	width: 95%;
}
#ajaxpage .section-title h1 {
	font-size: 40px;
}
#filters a {
	clear: both;
	display: block;
	margin: 12px auto;
	width: 80%;
}
#filters a span {
	width: 100%;
}
.project-media, .project-description {
	margin: 40px 0 0 0;
	text-align: center;
}
#map_canvas {
	height: 250px;
}
}
@media (max-width: 480px) {
.swiper-about .swiper-slide {
	max-height: 250px;
}

}
@media (max-width: 992px) {
.swiper-about .swiper-slide {
	max-height: 450px;
}

.pagination-about {
	bottom: 0px;
	top: 0px;
}
/* Navigation */


.linepad{
	display:none;
}
.logo {
	width: 24px;
	height: 24px;
	background: url("../img/logosm.svg");
	background-size: cover;
	left: 50%;
	margin-left: -12px; 
	position:fixed;
	display:none;
	transition:background .3s,color .3s;
	-webkit-transition:background .3s,color .3s;
	    top: 8px;
	    display: block;

}



.nav-menu {
    padding-top: 0px !important;
 }


.mobile-nav-button {
	display: block;
}
.navbar div.nav-menu {
	display: none;
	top: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	float: none;
	height: 400px;
	overflow: auto;
}

.nav-menu ul li {
    margin: 0px !important; 
}

.nav-menu ul li:after {
	content: "";
	position: absolute;
	margin:0px 9px;
	bottom: 0;
	height: 5px;
	border-bottom: 0px solid #DCAE1E;
}

.nav-menu ul li span {
    height: 0px;
}

.nav-menu ul li.active a {
   	color: #1e1e1e;
}


.nav-menu ul li a {
	color: #1e1e1e;
	border-radius:0;
	text-align:center;
}

.nav-menu ul li a:hover {   
	
}
.navbar div.nav-menu ul.nav {
	display: block;
	top: 0;
	width: 100%;
	height: auto;
}
.trans-nav div.nav-menu ul.nav {
	background: #ffffff;
}
.navbar div.nav-menu ul.nav li {
	display: block;
	top: 0;
	width: 100%;
	float: none;
	padding: 0;
	clear: both;
}
.navbar div.nav-menu ul.nav li a {
	display: block;
	top: 0;
	width: 100%;
	padding: 0 15px;
	height: auto;
	line-height: 55px;
	border-top: 1px solid rgba(137,137,137,0.1);
}
.nav-menu ul.dropdown-menu {
	position: relative;
	width: 100%;
}
.navbar div.nav-menu ul.dropdown-menu li a {
	padding: 0 25px;
}
}
@media (max-width: 560px) {



.header .heading {
	font-size: 22px;
	letter-spacing: 0px;
}
.header .heading:after, .header .heading:before {
	width: 25px;
	top: -5px;
}
.accordion .accordion-heading {
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.accordion .accordion-heading .accordion-toggle > em {
	display: none;
}
.swiper-about, .swiper-about .swiper-slide {
	max-height: 300px;
}
.header .box-heading {
	font-size: 40px;
}
.portfolio-items article {
	width: 100%;
	margin: 0px 0px 5px 0px;
}



.section-title h1:before, .section-title h1:after {
	background: none;
}
.section-title h1.white:before, .section-title h1.white:after {
	background: none;
}
ul.timeline {
	background: none;
}
.timeline .note {
	width: 100%;
}
.timeline .note .arrow, .timeline .start {
	display: none;
}
.timeline .note:after {
	right: -20%;
}
.timeline .note:nth-of-type(2n):after {
	left: -20%;
}
.slide-content {
	margin: 0px auto;
}
}
@media (max-width: 320px) {
.header .heading {
	font-size: 18px;
	letter-spacing: 0px;
}
.header .box-heading {
	font-size: 34px;
}
.header .heading:after, .header .heading:before {
	width: 15px;
	top: -4px;
}
}
@media (max-width: 1023px) {
.item_top {
	top: 0;
	opacity: 1;
}
.item_left {
	left: 0px;
	opacity: 1;
}
.item_right {
	right: 0px;
	opacity: 1;
}
.item_bottom {
	bottom: 0;
	opacity: 1;
}
.item_fade_in {
	opacity: 1;
	right: 0px;
}
.chart {
	margin: 50px auto;
}
.parallax {
	background-attachment: scroll !important;
	background-position: center top !important; 
	height: auto;
	margin: 0 auto;
	width: 100%;
}
.timeline .note:after {
	right: -8%;
}
.timeline .note:nth-of-type(2n):after {
	left: -8%;
}
}


/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) {


#transition-hover-content {
    opacity:1;   
   
}

.itemboxhoch2 {
	height: 400px;
}


}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {



.project-description {
	text-align: center;
}
.portfolio-items article {
	width: 49.4%;
}


.process-flow {
	max-width: 750px;
	padding: 0px;
	margin: 0px auto;
}
.process-flow > li {
	clear: right;
	float: left;
	height: 120px;
	margin: 0;
	position: relative;
	width: 256px;
}
.process-flow > li .line {
	height: 400px;
	position: absolute;
	right: -48%;
	top: -6.7em;
	-moz-transform: rotate(-75deg);
	-webkit-transform: rotate(-75deg);
	-o-transform: rotate(-75deg);
	-ms-transform: rotate(-75deg);
	transform: rotate(-75deg);
}
.process-flow > li .line.active .progress {
	height: 400px;
}
.process-flow > li:nth-child(2n) {
	clear: left;
	float: right;
}
.process-flow > li:nth-child(2n) .line {
	left: -242%;
	-moz-transform: rotate(75deg);
	-webkit-transform: rotate(75deg);
	-o-transform: rotate(75deg);
	-ms-transform: rotate(75deg);
	transform: rotate(75deg);
}
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
 .projecttext h2 {
    font-size: 28px;
}


.projectbox{
 
    padding: 22px;
}
	.vertical-center3  {
	vertical-align: middle;
	width:100%; 
    display: inline-block;
    height:350px;
    position: absolute;
    top: 0;
    bottom:0%;
    margin: auto;
}
/* Navigation */
.navbar div.nav-menu {
	display: block !important;
}
.project-description {
	text-align: inherit;
}
.portfolio-items article {
	width: 32.5%;
}
.slider-container {
	width: 940px;
	height: 604px;
	background: transparent url(../images/hd-screen.png) top center;
	background-size: cover;
}
.navbar .navbar-nav {
	float: right;
	margin: 2px 0;
}
.navbar .navbar-nav li {
	margin-left: 0px;
}
.navbar .navbar-nav li a {
	color: #717171;
	display: inline-block;
	padding: 8px 10px;
}
.navbar .navbar-collapse {
	background-color: rgba(255, 255, 255, 0);
	box-shadow: 0 4px 0 rgba(0, 0, 0, 0) inset;
	margin-top: 0;
	text-align: center;
}
.navbar-transparent .navbar-nav li a {
	color: #FFFFFF;
	display: inline-block;
	padding: 8px 12px;
}
.navbar-transparent .navbar-collapse {
	background-color: rgba(0, 0, 0, 0);
	box-shadow: 0 4px 0 rgba(0, 0, 0, 0) inset;
	margin-top: 0;
	text-align: center;
}
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
.portfolio-items article {
	width: 24.4%;
}

.portfolio-items.width2  article   {
	 width: 32.5%;;
}
}





@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 


}