/*
TABLE OF CONTENT
-----------------------
1. GENERAL CLASS
2. NAV BAR
3. HOME SECTION
4. ABOUT SECTION
5. TEAM SECTION
6. PRICING
7. SKILLS
8. CLIENTS
9. CONTACT
10.BLOG
11.CALLOUT AREA
12.PARALLAX TITLE AREA
13.EFFECT 
14.FOOTER
15.PORTFOLIO WRAPPER 
16.PROJECT DETAILS
17.PROJECT FILTER
18.PORTFOLIO ITEM
19.ISOTOPE
20.BUTTON
*/






.grid-item-content {
  height: 100px;
  background: #C09;
  border: 2px solid hsla(0, 0%, 0%, 0.5);
}

.grid-item-content--height2 { height: 200px; }



/* ##### GENERAL CLASS ##### */
*, *:after, *::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html, body {
	height: 100%;
	width: 100%;
	
}
body {
	font-family: 'Catamaran', sans-serif;
	font-size: 14pt;
	font-weight: 400;
	color: #333333;
	line-height: 1.6;
	overflow-x: hidden;
		-moz-font-feature-settings: "liga=0"; -moz-font-feature-settings: "liga" 0; 
	font-variant-ligatures: normal;
}

body.modal-open {
    overflow: visible;
}
a {
	color: #ed1c24;
		-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	
}
a:focus {
	outline: none;
	text-decoration: none;
	color: #ed1c24;
}
a:hover {
	text-decoration: none;
	color: #333;
}

b, strong {
    font-weight: 600;
}

iframe {
	border: 0;
}
h1, h3, h4, h5, h6, p, b,a dt,nav{
	font-family: 'Catamaran', sans-serif;

	font-weight: 600;

	line-height: 1.5;
	
}

h1, h3, h4, h5, h6, p, b, dt, .modal-body .itembox p{
	color: white;

}
h2 {
	font-size: 18px;
	font-family:'Catamaran', sans-serif;
	letter-spacing: 0.7pt;
	line-height: 1.3;
	color: white;
	margin: 0;


}

div {
  box-sizing: border-box;
  }



#contact span{
		font-family: 'Catamaran', sans-serif;
	  
	    padding: 0 40px 0 0
}





.projecttext  h2   {
	font-weight: 600;
	padding-bottom: 10px;

}



.projecttext p, h2   {
	color: black;
		line-height: 1.2;
}

.projecttext {
	margin: 20px 0 20px 0 ;
}


#top .ddbuffer
{
	   margin-bottom: 14px;
}





#top dt
{
	color: #ed1c24;
    font-family: 'Catamaran', sans-serif;
    font-style: normal;
    font-weight: normal;
    text-transform: uppercase;
    line-height: 1.2;
    font-size: 17px;
}

#top .dl-horizontal dd {
margin-left: 24px;}

#top .dl-horizontal dt {
    float: left;
    width: auto;
    clear: left;
}


.cicolor1
{
	color: #ed1c24;
}


.cicolor2
{
	color: white;
}

/* ##### VERTICALCENTER / NO GUTTER ##### */

/*
 
.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
} */

.vertical-center {
  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */

  display: flex;
  align-items: center;
}


.vertical-center2  {
	vertical-align: middle;
	width:100%; 
    display: inline-block;
    height:50%;
    position: absolute;
    top: 0;
    bottom:0%;
    margin: auto;
}




/* ##### ITEMBOX ##### */

 .videobutton #path14
    {
    		transition: all 2s;
    -moz-transition: all 2s;
    -webkit-transition: all 2s; 
    -o-transition: all 2s;
    }


.videobuttontease     {
 	 position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	top:75px;
}

 .videobuttontease #path15{
 	fill: #fff;
    
    }


#credits{
	 transition: all 2s;
    -moz-transition: all 2s;
    -webkit-transition: all 2s; 
    -o-transition: all 2s;
}

#transition-hover-content {
    opacity:0;   
    -webkit-transition:.5s;
    -moz-transition:.5s;
    -o-transition:.5s;
    -ms-transition:.5s;
    transition:.5s;
}
 
#transition-hover:hover #transition-hover-content {
    opacity:1;
    
}

#transition-hover:hover .videobuttontease{
opacity: 0 
}

.caseing{
	padding-top: 36px;
}


.caseing2{
/*margin-bottom: 20px; */
height: 100%;
}

.caseing3{
padding: 20px !important; 
}


.hoverbox{
	height:350px;
	width:350px;
	margin:0 auto;
}

.hoverbox2{
	padding: 20px;
    width: 100%;
    height: 370px;
    margin: 0 auto;
}

.itembox {
padding: 15px 0;
	
	overflow:hidden;
}




.itemboxhoch2 {
	height: 800px;
}

.itemboxhoch1 {
	height: 400px;
}





.itembox .pulbutleft{
	position:absolute;
	bottom: 0px;
	padding-bottom: 24px;
	padding-top: 280px;
    padding-right: 280px;
}


.itembox .personpic{
	
	margin: 10px auto 20px auto;

}


/*

.itemboxhoch1:hover .itembox1pic {
-webkit-filter: blur(1px);
-moz-filter: blur(1px);
-o-filter: blur(1px);
-ms-filter: blur(1px);
filter: blur(1px);
transition: all .2s;

} */

.itembox2pic {
    width: 100%;
    height: 100%;
    background: url("../images/portfolio/testimage2.jpg") repeat-y scroll center center rgba(0, 0, 0, 0);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    transition-duration: 0.3s; /* set the speed of your animation */
}


.itembox2pic {
		background: url("../images/portfolio/testimage2.jpg") repeat-y scroll center center rgba(0, 0, 0, 0);
		background-size: cover;
}

.itembox3pic {
		background: url("../images/portfolio/testimage3.jpg") repeat-y scroll center center rgba(0, 0, 0, 0);
		background-size: cover;
	
}

/* 
#########################
+++BACKGROUND PICSSSSS+++ 
#########################
*/

.mediafix{
    background-position: 60% 0% !important;


}


/* historie pics */

.tw-hist01 {
		background: url("../images/640/_historie/TW-hist01-g.jpg") repeat-y scroll center center rgba(0, 0, 0, 0);
		background-size: cover;
		transition: all .3s ease-in-out;
}
.tw-hist02 {
		background: url("../images/640/_historie/TW-hist02.jpg") repeat-y scroll center center rgba(0, 0, 0, 0);
		background-size: cover;
		transition: all .3s ease-in-out;
}
.tw-hist03 {
		background: url("../images/640/_historie/TW-hist03.jpg") repeat-y scroll center center rgba(0, 0, 0, 0);
		background-size: cover;
		transition: all .3s ease-in-out;
}
.tw-hist04 {
		background: url("../images/640/_historie/TW-hist04.jpg") repeat-y scroll center center rgba(0, 0, 0, 0);
		background-size: cover;
		transition: all .3s ease-in-out;
}
.tw-hist05{
		background: url("../images/640/_historie/TW-hist05.jpg") repeat-y scroll center center rgba(0, 0, 0, 0);
		background-size: cover;
		transition: all .3s ease-in-out;
}
.tw-hist06 {
		background: url("../images/640/_historie/TW-hist06-g.jpg") repeat-y scroll center center rgba(0, 0, 0, 0);
		background-size: cover;
		transition: all .3s ease-in-out;
}


/* texturwerk pics */

.tw-werk01 {
		background: url("../images/640/_texturwerk/TW-werk01.jpg") repeat-y scroll center center rgba(0, 0, 0, 0);
		background-size: cover;
}
.tw-werk02 {
		background: url("../images/640/_texturwerk/TW-werk02-g.jpg") repeat-y scroll center center rgba(0, 0, 0, 0);
		background-size: cover;
}
.tw-werk03 {
		background: url("../images/640/_texturwerk/TW-werk03.jpg") repeat-y scroll center center rgba(0, 0, 0, 0);
		background-size: cover;
}
.tw-werk04 {
		background: url("../images/640/_texturwerk/TW-werk04-g.jpg") repeat-y scroll center center rgba(0, 0, 0, 0);
		background-size: cover;
}
.tw-werk05{
		background: url("../images/640/_texturwerk/TW-werk05.jpg") repeat-y scroll center center rgba(0, 0, 0, 0);
		background-size: cover;
}
.tw-werk06 {
		background: url("../images/640/_texturwerk/TW-werk06.jpg") repeat-y scroll center center rgba(0, 0, 0, 0);
		background-size: cover;
}


/* texturwerker pics */

.tw-werker01 {
		background: url("../images/640/_texturwerker/TW-werker01.jpg") repeat-y scroll center center rgba(0, 0, 0, 0);
		background-size: cover;
}
.tw-werker02 {
		background: url("../images/640/_texturwerker/TW-werker02.jpg") repeat-y scroll center center rgba(0, 0, 0, 0);
		background-size: cover;
}
.tw-werker03 {
		background: url("../images/640/_texturwerker/TW-werker03.jpg") repeat-y scroll center center rgba(0, 0, 0, 0);
		background-size: cover;
}
.tw-werker04 {
		background: url("../images/640/_texturwerker/TW-werker04.jpg") repeat-y scroll center center rgba(0, 0, 0, 0);
		background-size: cover;
}
.tw-werker05{
		background: url("../images/640/_texturwerker/TW-werker05.jpg") repeat-y scroll center center rgba(0, 0, 0, 0);
		background-size: cover;
}
.tw-werker06 {
		background: url("../images/640/_texturwerker/TW-werker06.jpg") repeat-y scroll center center rgba(0, 0, 0, 0);
		background-size: cover;
}


/* profile pics */

.tw-DSchoenburg {
		background: url("../images/640/_texturwerker/TW-werker05.jpg") repeat-y scroll center center rgba(0, 0, 0, 0);
		background-size: cover;
}
.tw-JHeld {
		background: url("../images/640/_texturwerker/TW-werker01.jpg") repeat-y scroll center center rgba(0, 0, 0, 0);
		background-size: cover;
}
.tw-MFischer {
		background: url("../images/640/_texturwerker/TW-werker04.jpg") repeat-y scroll center center rgba(0, 0, 0, 0);
		background-size: cover;
}
.tw-MHoech {
		background: url("../images/640/_texturwerker/TW-werker03.jpg") repeat-y scroll center center rgba(0, 0, 0, 0);
		background-size: cover;
}
.tw-MOttens{
		background: url("../images/640/_texturwerker/TW-werker02.jpg") repeat-y scroll center center rgba(0, 0, 0, 0);
		background-size: cover;
}

/* arbeitsschritte pics */

.tw-vergolden {
		background: url("../images/640/_prozesse/TW-vergolden.jpg") repeat-y scroll center center rgba(0, 0, 0, 0);
		background-size: cover;
}
.tw-farbe {
		background: url("../images/640/_prozesse/TW-farbe-g.jpg") repeat-y scroll center center rgba(0, 0, 0, 0);
		background-size: cover;
}
.tw-bruenieren {
		background: url("../images/640/_prozesse/TW-bruenieren.jpg") repeat-y scroll center center rgba(0, 0, 0, 0);
		background-size: cover;
}

/* arbeitsschritte pics */

.tw-vergolden {
		background: url("../images/640/_prozesse/TW-vergolden.jpg") repeat-y scroll center center rgba(0, 0, 0, 0);
		background-size: cover;
}
.tw-farbe {
		background: url("../images/640/_prozesse/TW-farbe-g.jpg") repeat-y scroll center center rgba(0, 0, 0, 0);
		background-size: cover;
}
.tw-bruenieren {
		background: url("../images/640/_prozesse/TW-bruenieren.jpg") repeat-y scroll center center rgba(0, 0, 0, 0);
		background-size: cover;
}

.tw-oxidation {
		background: url("../images/640/_prozesse/TW-oxidation-g.jpg") repeat-y scroll center center rgba(0, 0, 0, 0);
		background-size: cover;
}






/* referenzen pics */

.tw-baeder {
		background: url("../images/640/_prozesse/TW-baeder.jpg") repeat-y scroll center center rgba(0, 0, 0, 0);
		background-size: cover;
}

.tw-stuck {
		background: url("../images/640/_prozesse/TW-stuck.jpg") repeat-y scroll center center rgba(0, 0, 0, 0);
		background-size: cover;
}

.tw-verzierung {
		background: url("../images/640/_prozesse/TW-verzierung.jpg") repeat-y scroll center center rgba(0, 0, 0, 0);
		background-size: cover;
}





/* 
#########################
+++ENDE PICSSSS+++ 
#########################
*/


.itembox h2 {
		
	font-size:20px;
	letter-spacing: 0.7pt;
   
}

.itembox h4 {
    font-size: 24px;
    letter-spacing: 4px;
}

.itembox h3 {
	color: #ed1c24;
    font-size: 18px;
    letter-spacing: 4px;
}

.itembox h6 {
	color: #ed1c24;
	font-size: 40px;
	margin: 0;
}

.werkername{
		font-family: 'Catamaran', sans-serif;
	font-style: normal;
	font-weight: normal;
	    text-transform: uppercase;
	line-height: 1.5;
	font-size: 20px;
	display:none;
}

.itembox h5 {
	 
	font-size: 18px;
	padding-bottom: 14px;
    color: rgba(255, 255, 255, 0);
    margin-top: 0;

}

.itembox h5:after
{
    content:' ';
    display:block;
	left: 9px;
	bottom: 0;
	height: 14px;
	width: 20px;
	border-bottom: 1px solid #ed1c24;
}

/*

.itembox:before
{
    content:' ';
    display:block;
	left: 9px;
	bottom: 0;
	height: 14px;
	width: 20px;
	border-bottom: 1px solid #ed1c24;
}
*/

.itembox p, .itembox a, .itembox li{
	font-family: 'Catamaran', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	
}

.itembox strong{
 	font-family:'Catamaran', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	letter-spacing:0.4pt;
	
}


.itembox.whitebg .well {
	padding:20px 0;
	border-radius: 0;
    border: 0px solid #e3e3e3;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 0.82;
	    height:100%;
	margin-bottom: 0;
	position: relative;
			-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.itembox.blackbg .well {
	border-radius: 0;
    border: 0px solid #e3e3e3;
    -webkit-box-shadow: none;
    box-shadow: none;
    height:100%;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.9);
    opacity: 0.82;
    position: relative;

 
              transition: all 2s;
    -moz-transition: all 2s;
    -webkit-transition: all 2s; 
    -o-transition: all 2s;
     
}

.itembox.whitebg p, .itembox.whitebg h4, .itembox.whitebg h2  {
	    color: #292929;

}


.itembox.whitebg h5{
	
    color: rgba(255, 255, 255, 0);

}








#bodyContent h4, .modal-title{
color: #ed1c24;

	
}

.modal-body p,.modal-body dt,.modal-body dl,.modal-body dd, .modal-body b{
color: #1E1E1E;

}




.form-group label.error {
	font-weight: 400;
}

blockquote {
	border-color: #dedede;
}
.mask {
	background: #ed1c24;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 100000;
}
#intro-loader {
    width: 120px;
    height: 30px;
    position: absolute;
    top: 50%;
    left: 45%;
  
    background: url("../img/preloadernew.svg");
}
.section-content {
	padding-bottom: 60px;
}

.buffertop{
padding: 100px 0 0 0;
}

.buffertopbottom{
padding: 100px 0;
}

.buffertopbottom2{
padding: 140px 0;
}

.bufferbottom0{
padding-bottom: 50px;
}

.bufferbottom{
padding: 0 0 100px 0;
}

.bufferbottom1{
padding-bottom: 20px;
}




.buffertop_small{

margin-top: 48px ;
}

/* ##### SECTION HEADLINES ##### */


.section-title h1, .section-title h2, .section-title h3 {
    text-transform: uppercase;
    color: #F5F5F5;
 	font-family:'Catamaran', sans-serif;
 	font-weight: 800;
	line-height: 1.5;
	letter-spacing: 0.7pt;
}

.section-title h1 {
	font-size: 42px;
	letter-spacing: 4px;
	margin: 20px auto 50px auto;
	padding: 0px 40px;
	position: relative;
	
	   z-index: 1;
    overflow: hidden;
    text-align: center;
}





.section-title.dark h1 {
    color : black;
}

.section-title.dark h1:before, .section-title.dark h1:after {
     background-color: black;
   
}
.section-title.dark h1:before {
     text-align: right;
}

.textbox{
	padding: 10px;
}


/* ##### MODAL ##### */




.modal p, dd, dt {

	font-size: 14px;
}


.modal dd{
    margin-left: 0;
    padding-bottom: 7px;
}



.dark p {
	line-height: 1.5em;
	margin-bottom: 1.6em;
	font-weight: 300;
	font-size: 18px;
	text-shadow: 0px 2px 2px #252525;
}
.clear {
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
}
.img-center {
	margin-left: auto;
	margin-right: auto;
}
.new-line {
	margin-top: 60px;
}
.bg1 {

background: rgba(42,54,32,1);
background: -moz-linear-gradient(top, rgba(42,54,32,1) 0%, rgba(31,59,8,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(42,54,32,1)), color-stop(100%, rgba(31,59,8,1)));
background: -webkit-linear-gradient(top, rgba(42,54,32,1) 0%, rgba(31,59,8,1) 100%);
background: -o-linear-gradient(top, rgba(42,54,32,1) 0%, rgba(31,59,8,1) 100%);
background: -ms-linear-gradient(top, rgba(42,54,32,1) 0%, rgba(31,59,8,1) 100%);
background: linear-gradient(to bottom, rgba(42,54,32,1) 0%, rgba(31,59,8,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a3620', endColorstr='#1f3b08', GradientType=0 );
		
}
.bg2 {
background: rgba(31,31,31,1);
background: -moz-linear-gradient(top, rgba(31,31,31,1) 0%, rgba(41,18,18,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(31,31,31,1)), color-stop(100%, rgba(41,18,18,1)));
background: -webkit-linear-gradient(top, rgba(31,31,31,1) 0%, rgba(41,18,18,1) 100%);
background: -o-linear-gradient(top, rgba(31,31,31,1) 0%, rgba(41,18,18,1) 100%);
background: -ms-linear-gradient(top, rgba(31,31,31,1) 0%, rgba(41,18,18,1) 100%);
background: linear-gradient(to bottom, rgba(31,31,31,1) 0%, rgba(41,18,18,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1f1f', endColorstr='#291212', GradientType=0 );
}
.bg3 {

background: rgba(42,54,32,1);
background: -moz-linear-gradient(top, rgba(42,54,32,1) 0%, rgba(31,59,8,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(42,54,32,1)), color-stop(100%, rgba(31,59,8,1)));
background: -webkit-linear-gradient(top, rgba(42,54,32,1) 0%, rgba(31,59,8,1) 100%);
background: -o-linear-gradient(top, rgba(42,54,32,1) 0%, rgba(31,59,8,1) 100%);
background: -ms-linear-gradient(top, rgba(42,54,32,1) 0%, rgba(31,59,8,1) 100%);
background: linear-gradient(to bottom, rgba(42,54,32,1) 0%, rgba(31,59,8,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a3620', endColorstr='#1f3b08', GradientType=0 );
}
.bg2 .section-title div span {
	color: #EFEFEF !important;
}
.bg3 .section-title div span {
	color: #474D5D !important;
}

.projectbox{
    background-color: #efefef;
    border-radius: 3px;
    box-shadow: 0px 2px 6px #131313;
    margin-bottom: 24px;
    padding: 12px;
}

.uppercase {
	text-transform: uppercase;
}
.padBottom {
	padding-bottom: 15px;
}
.padTop {
	padding-top: 20px;
}

.puffer {
		height: 80px;
}
.killMargin {
	margin: 0px;
}
.reduceMargin-top {
	margin-top: 5px;
}
.killPadding {
	padding: 0px;
}
.fa-ul i {
	font-size: 12px;
	line-height: 1.6;
}
h1.page-title {
	margin-bottom: 5px;
}



.cutcut hr {
	padding: 0 40px ;
	margin: 0;
	border:0;
	border-bottom: 6px solid #000;
}




.cutcutsmall hr {
	background-color: #ed1c24;
	margin:0;

	border:0;
	height: 2px;
	
}


.smallline:before {
    content: ' ';
    display: none;
    left: 9px;
    bottom: 0;
    height: 14px;
    width: 38px;
    margin-bottom: 40px;
    border-bottom: 1px solid #ed1c24
}

.noscroll{
 overflow: hidden;
}
.dropcap1 {
	background: #474D5D;
	border-radius: 3px;
	color: #FFFFFF;
	float: left;
	font-size: 40px;
	margin: 4px 10px 2px 0;
	padding: 12px 8px;
	text-shadow: 0 1px 0 #FFFFFF;
}
.dropcap2 {
	float: left;
	font-size: 40px;
	line-height: 30px;
	padding-right: 10px;
	padding-top: 8px;
}
.dropcap3 {
	float: left;
	font-size: 40px;
	font-style: italic;
	line-height: 32px;
	padding-right: 10px;
	padding-top: 8px;
}
.highlight {
	padding: 1px 3px;
}
.highlight.red {
	background-color: #FFCCCF;
	color: #A14A40;
}
.highlight.blue {
	background-color: #D7E7F5;
	color: #5E6984;
}
.highlight.yellow {
	background-color: #FFF9CC;
	color: #736B4C;
}
.highlight.green {
	background-color: #E2F2CE;
	color: #466840;
}
.highlight.dark {
	background-color: #333333;
	color: #FFFFFF;
}
/* ##### NAV BAR ##### */
#navigation {

	width: 100%;
	height: auto;
	top: 0;
	padding: 0;
	margin: 0;
	position: fixed;
	z-index: 9999;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
}
#navigation-sticky {
	width: 100%;
	height: auto;
	top: 0;
	padding: 20px 0px;
	margin: 0;
	position: relative;
	z-index: 9999;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
/* Navigation Logo */
.logo {
	width: 50px;
	height: 50px;
	background: url("../img/logosm.svg");
	background-size: cover;
	left: 50%;
	margin-left: -25px; 
	position:fixed;
	display:none;
	transition:background .3s,color .3s;
	-webkit-transition:background .3s,color .3s;

}


.logo a img {
	width: 50px;
	height: 50px;
}


.inner {
	max-width: 1160px;
	margin: 0 auto;
	padding: 0;
	height: 100%;
}
/* Navigation */
.nav-menu {
	padding-top: 13px;
	float: left;
	margin-right: 30px;
	width: 100%;
}

.nav-menu ul {
overflow: auto;
}

.nav-menu ul li {
	float: left;
  margin:0px 2px;
}

.nav-menu ul li:last-child { float:right;  }
.nav-menu ul li.right { float:right; }

.nav li .linepad {

    padding: 0 11px 0 9px;
}




.nav-menu .active span {
    width: 100%;
   }



.nav-menu ul li:last-child span{ float:right;  }



.nav>li>a {

    padding: 5px 15px;
}

.nav-menu ul li a {
	letter-spacing: 3px;
	font-family: 'Catamaran', sans-serif;
	text-transform: uppercase;
	line-height: 1;
	color: #ffffff;
	font-size: 14px;
	font-weight: 800;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
 
}



.nav-menu ul li a:hover{
  background-color:transparent;
  color: #ed1c24;
}
.nav-menu ul li.active a {
  background-color:transparent;
  color: #ed1c24;
}
.nav>li>a:hover, .nav>li>a:focus {
  background-color:transparent;
  color: #ed1c24;
}
/* DropDown Menu */
.nav-menu ul.dropdown-menu {
	height: auto;
	margin: 0;
	box-shadow: none;
	border-radius: 0;
	border-color: #898C96;
	border-top: 2px solid;
	border-left: transparent !important;
	border-bottom: transparent !important;
	border-right: transparent !important;
	padding: 0;
}
.nav-menu ul.dropdown-menu li {
	float: none;
	width: 100%;
	margin: 0;
}
.nav-menu ul.dropdown-menu li a {
	font-size: 14px;
	line-height: 16px;
	padding: 15px 19px;
	font-weight: 500;
	display: block;
	color: #e1e1e1;
  border: none;
}
.trans-nav .nav-menu ul.dropdown-menu li a {
	color: inherit;
}
.trans-nav .nav-menu ul.dropdown-menu {
	background-color: rgba(255,255,255, 0.8);
	box-shadow: 0px 1px 4px rgba(0,0,0, 0.4);
}
.trans-nav .nav-menu ul.dropdown-menu li a:hover, .trans-nav .nav-menu ul.dropdown-menu li.active a {
	background-color: rgba(255,255,255, 1);
}
#navigation-sticky.trans-nav {

	
background-color: rgba(0, 0, 0, 0.85) !important;

}
/* Mobile Nav Button */
.mobile-nav-button {
	display: none;
	position: absolute;
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: #ffffff;
	background: transparent;
	right: 15px;
	top: 25px;
	text-align: right;
	font-size: 25px;
	cursor: pointer;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}
.mobile-nav-button:hover, .mobile-nav-button:active {
	color: #ed1c24;
}
.darken {
	 background-color: rgba(0, 0, 0, 0.85) 

}
/* ##### HOME SECTION ##### */
#home {
	position: relative;
	width: 100%;
	height: 100%;
	color: #fff;
	overflow: hidden;
}
#home h1 {
	margin: 10px 0;
	color: #fff;
	letter-spacing: 6px;
	text-transform: uppercase;
}
#home h4 {
	margin: 0px;
	color: #ffffff;
}
.fullscreen-slider {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.grad_bg {
	z-index: 1;
}
.grad_bg:before {
	z-index: 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	content: '';
	background: rgb(105,105,105,0.6);
/* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top,  rgba(105,105,105,0.6) 0%, rgba(20,20,20,0.6) 100%);
/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(105,105,105,0.6)), color-stop(100%,rgba(20,20,20,0.6)));
/* Chrome, Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(105,105,105,0.6) 0%, rgba(20,20,20,0.6) 100%);
/* Chrome10+, Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(105,105,105,0.6) 0%, rgba(20,20,20,0.6) 100%);
/* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(105,105,105,0.6) 0%, rgba(20,20,20,0.6) 100%);
/* IE10+ */
	background: linear-gradient(to bottom,  rgba(105,105,105,0.6) 0%, rgba(20,20,20,0.6) 100%);
/* W3C */
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#696969', endColorstr='#141414',GradientType=0 );
/* IE6-8 */
}
.slide-content {
	height: 100%;
	display: table;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10;
	width: 100%;
	margin: 0px auto;
	text-align: center;
}
.header-video .slide-content {
	background: none !important;
}

#headermobile {
	display:none;
} 
.slide-content .text-center {
	vertical-align: middle;
	display: table-cell;
	min-width: 300px;
}
.tp-banner .sub-heading {
	font-family: 'Roboto', helvetica, arial, sans-serif;
	display: block;
	font-size: 32px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.tp-banner .sub-heading:after, .tp-banner .sub-heading:before {
	background-color: #ffffff;
	height: 3px;
	width: 60px;
	position: relative;
	display: inline-block;
	content: "";
	top: -9px;
}
.box-title {
	font-family: 'Catamaran', sans-serif;
	display: block;
	font-size: 80px;
	line-height: 1.2;
	text-transform: uppercase;
	letter-spacing: -2px;
	border: 3px solid #FFFFFF;
	padding: 4px 20px;
}

.header {
	padding: 20px;
	max-width: 850px;
	margin-left: auto;
	margin-right: auto;
	color: #ffffff;
}
#header-title .owl-controls {
	display: none !important;
}
.header .heading {
	font-family: 'Roboto', helvetica, arial, sans-serif;
	display: block;
	font-size: 32px;
	font-weight: 700;
	text-transform: uppercase;
	width: 100%;
	letter-spacing: 1px;
}
.header .heading:after, .header .heading:before {
	background-color: #ffffff;
	height: 3px;
	width: 60px;
	position: relative;
	display: inline-block;
	content: "";
	top: -9px;
}
.header .box-heading {
	font-family: 'Catamaran', sans-serif;
	display: block;
	font-size: 80px;
	line-height: 1.2;
	width: 100%;
	margin: 0px auto;
	text-transform: uppercase;
	letter-spacing: -2px;
}
.header .box-inner {
	border: 3px solid #FFFFFF;
	display: inline-block;
	padding: 4px 20px;
}
.header-video {
	/* background: url("../img/overlay-video.png"); */
	position: relative;
	width: 100%;
	height: 100%;
	color: #fff;

}
.video-section {
	/*background: url('../images/slide1.jpg') no-repeat bottom center; */
}
#video-volume {
	bottom: 30px;
    right: 30px;
 
    z-index: 30;
   
    width: 60px;
    height: 60px;
    text-align: center;
    cursor: pointer;
    transition: none;
}

.speaker {  
    position: absolute;
    right: 0;}

.speakeroff {
    background: url('../img/speaker_on.svg') no-repeat; 
      width: 60px;
    height: 60px;
 
}
.speakeron {
    background: url('../img/speaker_off.svg') no-repeat; 
      width: 60px;
    height: 60px;

}
/* ##### ABOUT SECTION ##### */
.icon-box {
	background: #474D5D;
	padding: 40px 10px;
	position: relative;
	color: #ffffff;
	margin-bottom: 50px;
	margin-left: 25px;
	margin-right: 25px;
}
.icon-box:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #474D5D;
	border-width: 20px;
	margin-left: -20px;
}
.icon-circular i.fa{
width:150px;
height:150px;
border:2px solid #474D5D;
color:#474D5D;
padding:40px;
-webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100%;
cursor:default;
transition:background .3s,color .3s;
-webkit-transition:background .3s,color .3s;
transform:translate3d(0px,0,0);
-webkit-transform:translate3d(0px,0,0);
margin-bottom:35px
}
.icon-circular:hover i.fa{
color:#fff;
background:#474D5D;
}
.arrow-list {
	margin: 0px;
	padding: 0px;
	list-style: none outside none;
}
.arrow-list li:before {
	content: "\f054";
	font-family: 'fontawesome';
	font-size: 12px;
	font-weight: normal;
	line-height: 1;
	margin-right: 5px;
}
.feature-content {
	margin-bottom: 20px;
}
.feature-content:hover > .icon-box {
	color: rgb(252,111,92);
}
.slider-container {
	margin: 0px auto;
}
.swiper-about {
	backface-visibility: hidden;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.swiper-about, .swiper-about .swiper-slide {
	max-width: 880px;
	max-height: 530px;
	height: 100%;
	width: 100%;
	margin: 20px auto 0px auto;
}
.pagination-about {
	position: absolute;
	text-align: center;
	bottom: 10px;
	width: 100%;
	z-index: 20;
}
.counters-item {
	border: 1px solid #999999;
	width: 150px;
	height: 150px;
	margin: 0px auto 10px;
}
.counters-item i {
	margin-top: 20px;
}
.number-counters strong {
	font-family: 'Catamaran', sans-serif;
	display: block;
	font-size: 40px;
	font-weight: 700;
	line-height: 45px;
	letter-spacing: -2px;
}
.services h4 {
	font-weight: 400;
	text-transform: uppercase;
}
.services-box .services-box-icon {
	border: 1px solid #999;
	color: #666666;
	display: inline-block;
	float: left;
	height: 60px;
	width: 60px;
	line-height: 60px;
	margin-right: 15px;
	position: relative;
	text-align: center;
	left: 0;
	top: 5px;
	padding-top: 6px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.services-box .services-box-icon i.fa {
	font-size: 30px;
	position: relative;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.services-box .services-icon {
	color: #666666;
	display: inline-block;
	float: left;
	height: 60px;
	width: 60px;
	line-height: 60px;
	margin-right: 15px;
	position: relative;
	text-align: center;
	left: 0;
	top: 5px;
	padding-top: 6px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.services-box .services-icon i.fa {
	font-size: 60px;
	position: relative;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.services-box .feature-box-info {
	padding-left: 65px;
}
.service-box-info {
	margin-left: 75px;
}
.service-box-info p {
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.accordion .accordion-group {
	margin-bottom: 10px;
}
.accordion .accordion-heading {
	border-bottom: 0 none;
	font-size: 16px;
	padding-left: 50px;
	padding-right: 10px;
}
.accordion .accordion-heading .accordion-toggle {
	color: #222222;
	cursor: pointer;
	display: block;
	outline: medium none !important;
	padding: 0 !important;
	text-decoration: none;
}
.accordion .accordion-heading .accordion-toggle > em {
	background-color: rgba(59, 63, 80, 0.6);
	border-radius: 0;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 40px;
	margin-right: 10px;
	text-align: center;
	height: 100%;
	width: 40px;
	margin-left: -50px;
}
.accordion .accordion-heading .accordion-toggle, .accordion .accordion-heading, .accordion .accordion-toggle:hover, .accordion .accordion-heading .accordion-toggle.active {
	background: #cccccc;
}
.accordion .accordion-inner {
	background-color: #F5F5F5;
	padding: 9px 10px;
}
.panel-group .panel-heading a {
	display: block;
}
.twitter, .facebook, .gplus {
	text-align: center;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.twitter i {
	color: #2dc5eb;
}
.twitter:hover i {
	color: #fff;
}
.facebook i {
	color: #4d72bf;
}
.facebook:hover i {
	color: #fff;
}
.gplus i {
	color: #e5683c;
}
.gplus:hover i {
	color: #fff;
}
/* ##### PRICING ##### */
.packages {
	border: 1px solid #474D5D;
	padding: 35px 0px !important;
	margin: 25px 0 0 0;
	border-radius: 6px;
	-webkit-border-radius: 6px;
}
.packages h2 {
	margin: 0px 0px 20px 0px;
}
.currency {
	font-size: 22px;
	font-weight: 300;
	line-height: 22px;
	position: relative;
	right: 3px;
	top: -55px;
}
.price .amt {
	font-size: 110px;
	line-height: 84px;
}
.price .mo {
	font-size: 14px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.price > p {
	color: #999999;
	font-size: 14px;
	line-height: 16px;
	margin-top: 14px;
}
.package-container {
	color: #ffffff;
	text-align: center;
	font-size: 1.8em;
	margin-bottom: 5px;
}
.package-container h3 {
	color: #ffffff;
	font-size: 1.2em;
	font-weight: 700;
	line-height: 1.6;
	text-transform: uppercase;
}
.packages ul.fa-ul {
	margin-left: 9px;
}
.packages ul li {
	list-style-type: none;
}
.packages ul li:before {
	font-family: fontAwesome;
	content: "\f05d";
	display: inline-block;
	padding-right: 10px;
}
.package {
	padding: 20px 10px;
	background: #CCCCCC;
	position: relative;
	cursor: pointer;
}
.package-active {
	background: #474D5D !important;
}
.package-active:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #474D5D;
	border-width: 20px;
	margin-left: -20px;
}
.package-hide {
	display: none;
}
.package-show {
	display: block;
}
/* ---------- Skills ------------*/
.chart {
	display: block;
	position: relative;
	text-align: center;
	margin: 0 auto;
}
.chart canvas {
	left: 50%;
	margin-left: -75px;
	position: absolute;
	top: 0;
}
.percent {
	display: inline-block;
	line-height: 150px;
	height: 150px;
	width: 150px;
	text-align: center;
	z-index: 2;
	font-size: 1.6em;
}
.percent:after {
	content: "%";
	font-size: 0.8em;
	margin-left: 0.1em;
}
.chart p {
	margin: 0px 35px 30px 35px;
}
.skillBar {
	margin-left: -40px;
	margin-top: 40px;
	text-align: left !important;
}
.skillBar li {
	list-style: none outside none;
}
.skillBar li:last-child span {
	margin-bottom: 0;
}
.skillBar li .skillBg {
	background: none repeat scroll 0 0 #666666;
	border-radius: 6px;
	margin-bottom: 20px;
}
.skillBar li span {
	border-radius: 0px 15px 15px 0px;
	-webkit-border-radius: 0px 15px 15px 0px;
	display: block;
	height: 20px;
	width: 0;
}
.skillBar li p {
	padding-bottom: 2px;
}
.skillBar li span {
	overflow: visible !important;
	position: relative;
	font-size: 11px;
}
.skillBar li span strong {
	color: #ffffff;
	display: block;
	left: 10px;
	line-height: 12px !important;
	position: absolute;
	top: 4px;
	white-space: nowrap;
}
.skillBar li span {
	background-color: #474D5D;
}
/*#### CLIENTS ####*/
.clients {
	text-align: center;
}
.carrousel-container {
	height: 150px;
	overflow: hidden;
	width: 100%;
}
#left_scroll {
	display: inline-block;
	float: left;
	height: 150px;
	text-align: left;
	width: 8.33333%;
}
#left_scroll a {
	background: url("../img/left-arrow.png") no-repeat scroll center center rgba(0, 0, 0, 0);
	display: inline-block;
	height: 150px;
	opacity: 0.7;
	-webkit-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	-ms-transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
	width: 100%;
}
#left_scroll a:hover {
	background-position: left center;
	opacity: 1;
}
#right_scroll {
	display: inline-block;
	float: left;
	height: 100px;
	width: 8.33333%;
}
#right_scroll a {
	background: url("../img/right-arrow.png") no-repeat scroll center center rgba(0, 0, 0, 0);
	display: inline-block;
	height: 150px;
	opacity: 0.7;
	outline: medium none;
	-webkit-transition: all 0.2s ease-out 0s;
	-ms-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
	width: 100%;
}
#right_scroll a:hover {
	background-position: right center;
	opacity: 1;
}
#carousel_inner {
	float: left;
	margin-bottom: 30px;
	opacity: 0.85;
	overflow: hidden;
	width: 83.3333%;
}
#carousel_inner #carousel_ul {
	display: inline-block;
	left: -100px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
	width: 9999px;
}
#carousel_inner #carousel_ul li {
	display: inline-table;
	float: left;
	height: 150px;

	margin-right: 0;
	margin-top: -20px;
	opacity: 0;
	width: 249px;
}
#carousel_inner #carousel_ul li a {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
	width: 100%;
}
#carousel_inner #carousel_ul li span {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
	width: 100%;
}
#carousel_inner #carousel_ul li img {
	display: table-cell;
	margin: 0 auto;
	vertical-align: middle;
}
#carousel_inner #carousel_ul .animated-carousel-li {
	margin-top: 0;
	opacity: 1;
	-webkit-transition: all 0.6s ease-out 0s;
	-ms-transition: all 0.6s ease-out 0s;
	-moz-transition: all 0.6s ease-out 0s;
	-o-transition: all 0.6s ease-out 0s;
	transition: all 0.6s ease-out 0s;
}


.carousel-control.right {
	background-image: none;
}
.carousel-control.left {
	background-image: none;
}
.carousel-control.left {
	bottom: inherit;
}



 

.swiper-testimonial {
	backface-visibility: hidden;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.swiper-slide {
	float: left;
}
.swiper-slide .author {
	margin: 0px 0px 6px 0px;
	font-weight: bold;
}
.swiper-slide .white .company a {
	color: #fff;
}
.swiper-pagination-switch {
	background: none repeat scroll 0 0 #544B43;
	border-radius: 20px;
	box-shadow: none;
	cursor: pointer;
	display: inline-block;
	height: 11px;
	margin: 0 6px;
	text-indent: -9999px;
	width: 11px;
}
.swiper-pagination-switch:hover {
	background: none repeat scroll 0 0 #685C52;
}
.swiper-visible-switch {
	background: none repeat scroll 0 0 #AAAAAA;
}
.swiper-active-switch {
	background: none repeat scroll 0 0 #BFB7B0;
}
.swiper-testimonial, .swiper-testimonial .swiper-slide {
	height: 100%;
	max-height: 200px;
	max-width: 585px;
	width: 100%;
}
.pagination-testimonial {
	position: absolute;
	text-align: center;
	top: 170px;
	width: 100%;
	z-index: 20;
}
.pagination-testimonial .swiper-pagination-switch {
	background: none repeat scroll 0 0 #D8D8D8;
}
.pagination-testimonial .swiper-pagination-switch:hover {
	background: none repeat scroll 0 0 #333333;
}
.pagination-testimonial .swiper-visible-switch {
	background: none repeat scroll 0 0 #262626;
}
.pagination-testimonial .swiper-active-switch {
	background: none repeat scroll 0 0 #262626;
}
/* ##### CONTACT ##### */
.form-group {
	position: relative;
	clear: both;
}
.antispam {
	display: none;
}
.form input[type="text"], .form input[type="email"], .form input[type="phone"], .form input[type="url"], .form input[type="search"], .form input[type="tel"], .form input[type="password"], .form select {
	background: none repeat scroll 0 0 #FFFFFF;
	border: medium none;
	border-radius: 1px;
	-webkit-border-radius: 1px;
	color: #696969;
	font-size: 16px;
	font-weight: 400;
	height: 50px;
	outline: medium none;
	padding: 5px 5px 5px 10px;
	-webkit-transition: background 0.25s ease-in-out 0s;
	-moz-transition: background 0.25s ease-in-out 0s;
	-ms-transition: background 0.25s ease-in-out 0s;
	-o-transition: background 0.25s ease-in-out 0s;
	transition: background 0.25s ease-in-out 0s;
	width: 100%;
}
.form input[type="text"]:hover, .form input[type="email"]:hover, .form input[type="phone"]:hover, .form input[type="url"]:hover, .form input[type="search"]:hover, .form input[type="tel"]:hover, .form input[type="password"]:hover, .form select:hover {
	background: none repeat scroll 0 0 #EEEEEE;
	border: medium none;
	outline: medium none;
	-webkit-transition: all 0.4s ease 0.1s;
	-moz-transition: all 0.4s ease 0.1s;
	-ms-transition: all 0.4s ease 0.1s;
	-o-transition: all 0.4s ease 0.1s;
	transition: all 0.4s ease 0.1s;
	width: 100%;
}
.form input[type="text"]:focus, .form input[type="email"]:focus, .form input[type="phone"]:focus, .form input[type="url"]:focus, .form input[type="search"]:focus, .form input[type="tel"]:focus, .form input[type="password"]:focus, .form select:focus {
	border: medium none;
	color: #696969;
	outline: medium none;
}
.form input.input-lg[type="text"], .form input.input-lg[type="email"], .form input.input-lg[type="phone"], .form input.input-lg[type="url"], .form input.input-lg[type="search"], .form input.input-lg[type="tel"], .form input.input-lg[type="password"], .form select.input-lg {
	border: medium none;
	height: 48px;
	outline: medium none;
}
.form input.input-sm[type="text"], .form input.input-sm[type="email"], .form input.input-sm[type="phone"], .form input.input-sm[type="url"], .form input.input-sm[type="search"], .form input.input-sm[type="tel"], .form input.input-sm[type="password"], .form select.input-sm {
	border: medium none;
	height: 28px;
	outline: medium none;
	width: 100%;
}
.form textarea {
	background: none repeat scroll 0 0 #FFFFFF;
	border: medium none;
	border-radius: 1px;
	-webkit-border-radius: 1px;
	color: #696969;
	font-size: 16px;
	font-weight: 400;
	outline: medium none;
	padding: 10px 5px 0 10px;
	transition: all 0.4s ease 0.1s;
	-webkit-transition: all 0.4s ease 0.1s;
	-ms-transition: all 0.4s ease 0.1s;
	-moz-transition: all 0.4s ease 0.1s;
	transition: all 0.4s ease 0.1s;
	width: 100%;
}
.form textarea:hover {
	background: none repeat scroll 0 0 #EEEEEE;
	border: medium none;
	outline: medium none;
	-webkit-transition: background 0.25s ease-in-out 0s;
	-moz-transition: background 0.25s ease-in-out 0s;
	-ms-transition: background 0.25s ease-in-out 0s;
	-o-transition: background 0.25s ease-in-out 0s;
	transition: background 0.25s ease-in-out 0s;
	width: 100%;
}
.form textarea:focus {
	border: medium none;
	outline: medium none;
}
.form-button {
	margin-top: 50px;
}
.form-respond .content-message {
	margin: 50px 0;
	padding: 30px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #f5f5f5;
}
.form-respond .content-message i {
	color: #222;
}
.form-respond .content-message h2 {
	font-size: 24px;
	text-transform: uppercase;
	font-weight: 400;
	margin: 10px 0px 0 0;
}
#map_canvas {
	width: 100%;
	height: 440px;
}
#map_canvas:before {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
	content: "";
	height: 6px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10;
}
#map_canvas:after {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
	content: "";
	height: 6px;
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 10;
}
.contact-block {
	padding-bottom: 40px;
}




.social-icon {
	margin-top: 50px;
}
.social-icon a {
	color: #3B3F50;
	padding: 0 10px 20px 10px;
	display: inline-block;
}
.social-icon a:hover {
	color: #be1e2d;
}
/* ##### PARALLAX TITLE AREA ##### */
.parallax {
	background-attachment: fixed !important;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.parallax-overlay {
	/* background-color: rgba(0, 0, 0, 0.6); */
	padding: 100px 0px 100px 0px;
	color: #ffffff;
}
.parallax-overlay h4:after {

}
#number {
	background-image: url(../images/parallax1.jpg);
}
#about {
	background-color: #aaa;
}
#clients {
	background-image: url(../images/parallax3.jpg);
}
/* ##### EFFECT ##### */
.item_top {
	top: -30px;
	opacity: 0;
	position: relative;
}
.item_bottom {
	bottom: -30px;
	opacity: 0;
	position: relative;
}
.item_left {
	left: -60px;
	opacity: 0;
}
.item_right {
	right: -60px;
	opacity: 0;
}
.item_fade_in {
	opacity: 0;
	position: relative;
	padding-left: 0px;
	right: 0px;
}
/* ##### FOOTER ##### */
footer{
	
	padding: 20px 0 0 0;
	margin: 0px;
	
	color: #ed1c24;
	background: #fff;
}


footer hr {
	background-color: #ed1c24;
    margin: 0;
    border: 0;
    height: 2px;
    margin: 32px 0;
}


footer p, footer a {
	color: #ed1c24;
	font-size: 14px;
	background: #fff;
	font-family:'Catamaran', sans-serif;
	padding: 22px 0px;
	letter-spacing: 0.7pt;
}

footer a:hover {
	color: #ed1c24;
}

.footericon{

	padding: 0px 0 13px 0px;
}


#back-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 44px;
    background: #555;
    color: #fff;

    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.7;
    z-index: 100;
	display: none;
}
#back-top:hover {
	color: #ed1c24;
	filter: alpha(opacity=100);
	opacity: 1;
}
/*===================================================================================*/
/*  PORTFOLIO WRAPPER                                                                            */
/*===================================================================================*/
#portfolio-wrap {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(0,0,0,0.9);
	z-index: 5000;
	display: none;
	overflow: hidden;
}
#portfolio-page {
	height: 100%;
	width: 100%;
	display: table;
}
#portfolio-page #portfolio-content {
	vertical-align: middle;
	display: table-cell;
}
#protfolio-control {
	margin: 0;
}
#protfolio-control #prev-project, #protfolio-control #close-project, #protfolio-control #next-project {
	display: inline-block;
	color: #FFF;
	
	
	display: inline-block;
	margin-top: 16px;
	margin-bottom: 10px;
}
/*===================================================================================*/
/*  PROJECT DETAILS                                                                  */
/*===================================================================================*/

.img img {
	width: 100%;
}
.single-portfolio {
	
}
.single-portfolio img {
	
}


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

.single-portfolio .carousel-inner > .item > img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-height: 800px;
  width: auto;
}   

.project-desc h3 {
	margin: 0 0 20px;
	text-align: center;
}
.single-portfolio h1 {
	margin: 0 0 60px;
	text-align: center;
}
.project-desc .line-strong {
	margin-bottom: 20px;
}
.list-details {
	margin: 0px 0px 20px 0px;
	padding: 0;
	list-style: none;
}
.list-details li {
	padding: 10px 0;
	border-bottom: 1px dashed #FC6F5C;
}
.list-details li i {
	margin-right: 10px;
}
.slider_container {
	position: relative;
	overflow: hidden;
	margin-bottom: 24px;
	max-width: 640px;
	width: 100%;
}
.slider_container .flex-direction-nav li {
	list-style: none;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 40px;
	right: -40px;
	-webkit-transition: all ease .2s;
	-moz-transition: all ease .2s;
	-ms-transition: all ease .2s;
	-o-transition: all ease .2s;
	transition: all ease .2s;
}
.slider_container .flex-direction-nav li:first-child {
	right: auto;
	left: -40px;
}
.slider_container:hover .flex-direction-nav li {
	right: 0;
}
.slider_container:hover .flex-direction-nav li:first-child {
	left: 0;
}
.slider_container .flex-direction-nav a {
	position: absolute;
	width: 40px;
	top: 0;
	bottom: 0;
	font-size: 0;
	line-height: 0;
}
.slider_container .flex-direction-nav a:after {
	display: block;
	position: absolute;
	content: "";
	width: 16px;
	height: 26px;
	background: url(../img/slider_controls.png) 0 bottom no-repeat;
	top: 50%;
	margin-top: -13px;
	left: 12px;
}
.slider_container .flex-direction-nav a.flex-next:after {
	left: auto;
	right: 12px;
	background-position: right bottom;
}
.slider_container .flex-direction-nav a:hover {
	background: transparent;
}
.slider_container .flex-direction-nav a:hover:after {
	background-position: 0 0;
}
.slider_container .flex-direction-nav a.flex-next {
	right: 0;
	left: auto;
}
.slider_container .flex-direction-nav a.flex-next:hover:after {
	background-position: right 0;
}
.slider_container ul.slides li {
	list-style: none;
	display: none;
}
.slider_container ul.slides {
	height: auto;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slider_container .flex-direction-nav {
	margin: 0;
}
/*Style2*/
.browserImage {
	box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.5);
	margin: 0 auto 50px auto;
	max-width: 1160px;
	position: relative;
	width: 100%;
}
.browserImage:before, .browserImage:after {
	content: " ";
	display: table;
}
.browserImage:after {
	clear: both;
}
.browserImage img {
	float: left;
	width: 100%;
	margin: 40px auto 0px auto;
}
.browserImage .browserTop {
	background: #474D5D;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	height: 40px;
	left: 0;
	padding: 0 20px;
	position: absolute;
	top: 0px;
	width: 100%;
}
.browserImage .browserTop .point {
	border-radius: 20px;
	height: 10px;
	position: absolute;
	top: 15px;
	width: 10px;
}
.browserImage .browserTop .point.red {
	background: none repeat scroll 0 0 #FA625A;
	right: 15px;
}
.browserImage .browserTop .point.yellow {
	background: none repeat scroll 0 0 #F9C66D;
	right: 30px;
}
.browserImage .browserTop .point.green {
	background: none repeat scroll 0 0 #A5D77E;
	right: 45px;
}
/*===================================================================================*/
/*  PROJECT FILLER                                                                   */
/*===================================================================================*/
#portfolio-filter {
	margin: 30px 0px;
}
.portfolio-filter-list {
	padding: 0;
	margin: 0;
	overflow: hidden;
}
.portfolio-filter-list li {
	text-transform: uppercase;
	margin: 0px;
	display: inline-block;
}
.portfolio-filter-list li:after {
	content: "/";
	position: relative;
}
.portfolio-filter-list li:last-child:after {
	content: "";
}
.portfolio-filter-list a {
	color: #000000;
	font-size: 11px;
	padding: 5px 10px;
	position: relative;
	display: inline-block;
	letter-spacing: 0.1em;
	font-weight: 300;
	text-decoration: none !important;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}
.white a {
	color: #ffffff;
}
.portfolio-filter-list a:hover {
	background-color: #ffffff;
	color: #000000;
	opacity: 1;
}
.portfolio-filter-list a.active {
	background-color: #FFFFFF;
	color: #000000;
}
/*===================================================================================*/
/*  PROJECT ITEMS                                                                    */
/*===================================================================================
.portfolio-items {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.portfolio-items article {
	float: left;
	overflow: hidden;
	position: relative;
	margin: 0.5% 0.5% 0 0;
}
.portfolio-items article * {
	-moz-transition: all 0.6s ease-out;
	-o-transition: all 0.6s ease-out;
	-ms-transition: all 0.6s ease-out;
	-webkit-transition: all 0.6s ease-out;
	transition: all 0.6s ease-out;
}
.portfolio-items article img {
	width: 100%;
}
.portfolio-items article:hover img {
	-o-transform: scale(1.4);
	-moz-transform: scale(1.4);
	-ms-transform: scale(1.4);
	-webkit-transform: scale(1.4);
	transform: scale(1.4);
}
.portfolio-items article .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #efefef;
	color: #000;
	top: 0;
	left: 0;
	opacity: 0;
	text-align: center;
	padding: 50px 10px;
	-moz-transform: scale(0.1);
	-ms-transform: scale(0.1);
	-o-transform: scale(0.1);
	-webkit-transform: scale(0.1);
	transform: scale(0.1);
}
.portfolio-items .item-info {
	height: 100px;
	margin-top: -50px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 97%;
}
.portfolio-items article .overlay i {
	font-size: 40px;
}
.portfolio-items article .overlay h3 {
	text-transform: uppercase;
	font-size: 16px;
	text-align: center;
	color: #333333;
}
.portfolio-items article:hover .overlay {
	opacity: 0.8;
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}
.portfolio-items article .overlay span {
	font-size: 11px;
	text-transform: uppercase;
}*/
/*===================================================================================*/
/*  ISOTOPE                                                                          */
/*===================================================================================*/
.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}
.isotope, .isotope .isotope-item {
	z-index: 2;
	-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: top, left, opacity;
	-o-transition-property: top, left, opacity;
	transition-property: transform, opacity;
}
#process {
	padding-bottom: 120px;
}
.process-flow > li {
	text-align: center;
	color: #ffffff;
	margin: 0 auto;
	max-width: 256px;
	opacity: 0.2;
	-webkit-transition: opacity 0.7s ease-out 0s;
	-moz-transition: opacity 0.7s ease-out 0s;
	-ms-transition: opacity 0.7s ease-out 0s;
	-o-transition: opacity 0.7s ease-out 0s;
	transition: opacity 0.7s ease-out 0s;
}
.process-flow > li.active {
	opacity: 1;
}
.process-flow > li p {
	margin-bottom: 0;
}
.process-node {
	background: none repeat scroll 0 0 rgba(254, 142, 34, 0);
	border-radius: 100%;
	-webkit-border-radius: 100%;
	height: 100px;
	margin: auto;
	position: relative;
	-webkit-transition: background 0.6s ease-out 0s;
	-ms-transition: background 0.6s ease-out 0s;
	-moz-transition: background 0.6s ease-out 0s;
	-o-transition: background 0.6s ease-out 0s;
	transition: background 0.6s ease-out 0s;
	width: 100px;
	text-align: center;
}
.process-node i {
	font-size: 30px;
	color: #ffffff;
	opacity: 1;
	position: relative;
	top: 35px;
	-webkit-transition: opacity 0.6s ease-out 0s;
	-moz-transition: opacity 0.6s ease-out 0s;
	-ms-transition: opacity 0.6s ease-out 0s;
	-o-transition: opacity 0.6s ease-out 0s;
	transition: opacity 0.6s ease-out 0s;
}
.process-node i:last-child {
	opacity: 0;
}
.process-node.active {
	background: none repeat scroll 0 0 #FC6F5C;
}
.process-node.active i:first-child {
	opacity: 0;
}
.process-node.active i:last-child {
	opacity: 1;
}
.line {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
	height: 7em;
	margin: auto;
	width: 4px;
}
.line.active .progress {
	height: 7em;
}
.progress {
	background: none repeat scroll 0 0 #ffffff;
	height: 0;
	-webkit-transition: height 1.2s ease-out 0s;
	-moz-transition: height 1.2s ease-out 0s;
	-ms-transition: height 1.2s ease-out 0s;
	-o-transition: height 1.2s ease-out 0s;
	transition: height 1.2s ease-out 0s;
	width: 100%;
}

/**BUTTON**/
.btn {
	border-radius: 0px;
	-webkit-border-radius: 0px;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background: none;
	cursor: pointer;
	padding: 12px 25px;
	display: inline-block;
	margin: 15px 0px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn-dark {
    border: 2px solid #474D5D;
    color: #222222;
    overflow: hidden;
    border-radius: 4px;
}
.btn-light {
	border: 2px solid #ffffff;
	color: #ffffff;
	overflow: hidden;
}
.btn-dark:hover, .btn-dark:active {
	color: #be1e2d;
}
.btn-trans, a.btn-trans {
	-moz-box-sizing: border-box;
	background-color: #FFFFFF;
	border: medium none;
	color: #696969;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 1px;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
	text-transfo: uppercase;
	-webkit-transition: background 0.25s ease-in-out 0s;
	-moz-transition: background 0.25s ease-in-out 0s;
	-ms-transition: background 0.25s ease-in-out 0s;
	-o-transition: background 0.25s ease-in-out 0s;
	transition: background 0.25s ease-in-out 0s;
}
.btn-trans:hover, .btn-trans:focus {
	background-color: #EEEEEE;
	border: medium none;
	-webkit-transition: background 0.25s ease-in-out 0s;
	-ms-transition: background 0.25s ease-in-out 0s;
	-moz-transition: background 0.25s ease-in-out 0s;
	-o-transition: background 0.25s ease-in-out 0s;
	transition: background 0.25s ease-in-out 0s;
}
.btn-trans:active {
	cursor: pointer !important;
}
.btn-trans.btn-small {
	border-radius: 3px;
	font-size: 10px;
	padding: 5px 10px;
}
.btn-trans.btn-medium {
	border-radius: 3px;
	font-size: 21px;
	letter-spacing: 3px;
	padding: 16px 24px;
}
.btn-trans.btn-large {
	font-size: 16px;
	padding: 10px 24px;
}
.btn-trans.btn-border-w {
	background-color: rgba(0, 0, 0, 0);
	border: 2px solid #ffffff;
	color: #ffffff;
}
.btn-trans.btn-border {
	background-color: rgba(0, 0, 0, 0);
	border: 2px solid #3B3F50;
	color: #3B3F50;
}
.btn-trans.btn-border-w:hover, .btn-trans.btn-border-w:focus {
	background-color: #FFFFFF;
	color: #000000;
}
.btn-trans.btn-border:hover, .btn-trans.btn-border:focus {
	background-color: #3B3F50;
	border-color: rgba(0, 0, 0, 0);
	color: #FFFFFF;
}
.btn-full {
	width: 100%;
}




 .demo-gallery > ul {
              margin-bottom: 0;
	}
.demo-gallery > ul > li {
    float: left;
    margin-bottom: 15px;
  

}
            
/*
 * 
 * CUSTOM CAROUSEL


*/

/********************************/
/*       Fade Bs-carousel       */
/********************************/
.fade-carousel {
    position: relative;
    height: 100vh;
}
.fade-carousel .carousel-inner .item {
    height: 100vh;
}
.carousel-indicators > li {

    background-color: #F5F5F5;
    border-color: #F5F5F5;
    opacity: .8;
}
.carousel-indicators > li.active {

  background-color: #ed1c24;
    border-color: #ed1c24;
  opacity: 1;
}

/********************************/
/*          Hero Headers        */
/********************************/

#wrap-player{
    background:#000;
    height:100%;
    width:100%;
    overflow:hidden; /* Hide scrollbars */
      box-sizing: border-box;

}

#wrap-player iframe {
    width: 100%;
    height: 100vh;
    display: block;
}


.slides video{
	width: 100%; height: 100%; 
}
.hero {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
      -webkit-transform: translate3d(-50%,-50%,0);
         -moz-transform: translate3d(-50%,-50%,0);
          -ms-transform: translate3d(-50%,-50%,0);
           -o-transform: translate3d(-50%,-50%,0);
              transform: translate3d(-50%,-50%,0);
}
.hero h1 {
	font-family: 'Catamaran', sans-serif;
    font-size: 6em;    
    margin: 0;
    padding: 0;
}

.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .2s;
       -moz-transition: 2s all ease-in-out .2s; 
        -ms-transition: 2s all ease-in-out .2s; 
         -o-transition: 2s all ease-in-out .2s; 
            transition: 2s all ease-in-out .2s; 
}
.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .2s;
       -moz-transition: 2s all ease-in-out .2s; 
        -ms-transition: 2s all ease-in-out .2s; 
         -o-transition: 2s all ease-in-out .2s; 
            transition: 2s all ease-in-out .2s;    
}



/********************************/
/*            Overlay           */
/********************************/
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: #080d15;
    opacity: .2;
}

/********************************/
/*          Custom Buttons      */
/********************************/
.btn.btn-lg {padding: 10px 40px;}
.btn.btn-hero,
.btn.btn-hero:hover,
.btn.btn-hero:focus {
    color: #f5f5f5;
    background-color: #1abc9c;
    border-color: #1abc9c;
    outline: none;
    margin: 20px auto;
}

.carousel-control  {
    position: absolute;
    top: 55%;
    z-index: 5;
    display: inline-block;
}

/********************************/
/*       Slides backgrounds     */
/********************************/

.logocarousel {
	height: 400px;
    margin: 0 auto;
/*
    -webkit-filter: drop-shadow( 0px 1px 1px #000 );
            filter: drop-shadow( 0px 1px 1px #000 );  */
}

.logocarouselmobile{
 display: none;
}


.fade-carousel .slides .slide-1, 
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3,
.fade-carousel .slides .slide-4,
.fade-carousel .slides .slide-5 {
  height: 100vh;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.fade-carousel .slides .slide-1 {
  background-image: url(../images/slider/k_2016_still.jpg); 
}
.fade-carousel .slides .slide-2 {
  background-image: url(../images/slider/Fruit_010.jpg);
}
.fade-carousel .slides .slide-3 {
  background-image: url(../images/slider/Schuma_BoSS_02.jpg);
}
.fade-carousel .slides .slide-4 {
  background-image: url(../images/slider/Surgical_Instruments_B_017c.jpg);
}
.fade-carousel .slides .slide-5 {
  background-image: url(../images/slider/Single_ATT_01.jpg);
}

/********************************/
/*          testboxn
/********************************/




/* Flexible iFrame */

.Flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.Flexible-container iframe,   
.Flexible-container object,  
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.popover-header {
  padding: 8px 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}

.popover-title {
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
}

.example-popovers {
  padding: 30px 0;
}

.acenter {
  text-align: center;
  margin: 30px 0;
}


.popover-content{
 color: #464646;
}


/* Make the well behave for the demo */
 .popover-demo {
    margin-top: 5em
}
/* Popover styles */
 .popover .close {
    position: absolute;
    top: 8px;
    right: 10px;
}
.popover-title {
    padding-right: 30px;
}

/* Make the well behave for the demo */
 .popover-demo {
    margin-top: 5em
}
/* Popover styles */
 .popover .close {
    position: absolute;
    top: 8px;
}