@font-face {
    font-family: CologonEighty;
    src:url('../ChaletComprimeCologneEighty.ttf');
}
@font-face {
    font-family: ChaletComprimeMilanEighty;
    src:url('../fonts/Chalet_Comprime_Milan_Eighty.otf');
}
@font-face {
    font-family: MilanSeventy;
    src:url(../ChaletComprimeMilanSeventy.ttf);
}
@font-face {
    font-family: ChaletComprimeMilanSeventy;
    src:url('../fonts/ChaletComprimeMilanSeventy.ttf');
}
@font-face {
    font-family: Arial;
    src:url(../fonts/arial.ttf);
}
@font-face {
  font-family: 'mCologonEighty';
  src: url('../fonts/ufonts.com_chaletcomprime-cologneeighty.eot'); /* IE9 Compat Modes */
  src: url('../fonts/ufonts.com_chaletcomprime-cologneeighty.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/ufonts.com_chaletcomprime-cologneeighty.ttf')  format('truetype'), /* Safari, Android, iOS */
      
}


.menu-item {
	font-family:Arial !important;
	font-weight:lighter;
}
.active {
	color:gray !important;	
}
.inactive {
	color:#d1d3d4 !important;
}
/* Active and Inactive Effects*/
.overLine-active {
	color:#f15922;
	text-decoration:overline;
}
.overLine {
	color:#f15922;
	text-decoration:overline;
}
/*----------*/
.menu-item  a {
	olor:#d1d3d4 !important;
	font-family:Arial !important;
	font-weight:normal;
	font-size:12px;
}
/*.menu-item span {
	color:#f15922;
	text-decoration:overline;
}*/
main {
	background-color:#1d4872;
}

.first_page_BG {
	background-image:url(../img/Hm_Page.png);
	background-color:#1d4872;
	background-position: center center !important;
	background-size:contain;
	background-repeat:no-repeat;
	
}
#welcome-page {
	background-image:url(../img/Hm_Page.png);
	background-color:#1d4872;
	background-position: center top !important;
}
#work-img-tab {
	background-image:url(../img/main_BG2.png);
	background-color:#1d4872;
	background-position: center top !important;
}
.caption h2 {
	font-family:CologonEighty !important;
	color:#e2dfdc;
	text-transform:uppercase;
	font-size:120px;
	width:400px;
	background-color:rgba(29,72,114,0.5);
	font-weight:lighter;
	text-align: left;
	text-indent: 34px;
	margin-bottom: 10px;
	height: 145px;
}

.caption p { 
	font-family:CologonEighty !important;
	color:#dbdbdb;
	font-size:34px;
	width:400px;
	background-color:rgba(83,52,44,0.5);
	font-weight: lighter;
}
.icon-heading {
	color:#1d4872;
	font-family: CologonEighty !important;
	font-size:30px;
	text-align:center;
	line-height:30px;
	font-weight:lighter;
}
.icon-list {
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:12px;
	color:#414042;
	text-align:center;
	margin:0;
	font-weight:lighter;
}
.page-title h3 {
	font-family: MilanSeventy !important;
	font-size:30pt !important;
	font-weight:lighter;
	text-transform:none;
	margin:0 auto;
}
.page-title h3 > span {
	color:#f15922;
}
#what-we-do {
	min-height:600px !important;
}

#what-we-do .column {
	background-position:center;
}

.heading-two {
	font-family: ChaletComprimeMilanSeventy !important;
	font-size:38pt !important;
	text-transform:none;
	line-height: 50px;
}
.work-link {
	cursor:pointer;
}
.work-link p {
	margin:0 auto;
}
.cups {
	position:relative;
}
#cup-one {
	/*top:20px;
	left:200px;*/
	position:absolute;
	top:60px;
	margin: 0px 0px 0px 10px;
}
#cup-two {
	op:50px;
	eft:280px;
	position:absolute;
	top:70px;
	margin: 0px 0px 0px 70px;
}
#wrapper {
	position:relative;
}

/* Contact Page*/
#contact-detail b {
	margin:0;
	font-size:18px;
}
#contact-detail p {
	margin:0;
	font-size:16px;
}
#contact-page {
	background-size: 1196px 226px;
	background-position: bottom right;
	background-repeat: no-repeat;
	background-color: #f15922;
	position: relative;
	
}
#contact-page > .row-content {
	
}
#contact-page > div > div {
	osition:relative;
}
#email-add {
	position: absolute;
	op: -10px;
	eft: 0px;
	margin: -23px 0px 0px 35px;
}
.mail-img {
	background-image:url(../img/contact_image.png);
	width:1196px;
	height:226px;
	background-position: bottom right;
	background-size:contain;
}


/*Our Work Page CSS*/
#our-work-tab {
	position: absolute;
	left: 0px;
	bottom: 0px;
	background-image:url(../img/Hm_strip.png);
	idth:1366;
	background-size:contain;
	background-repeat:no-repeat;
	background-position: bottom center;
	
}
#our-work-tab .row-content {
	argin-top: 50px;
}
#our-work-tab p {
	color:#dcddde;
	font-size:12px;
	font-family:Arial;
	font-weight:normal;
	text-align:center;
}
#our-work-tab .page-title .no-top-margin {
	margin-top:20px;
	text-align:center;
	color:white;
}

/* Theme Over Written CSS*/
.portfolio figure img {
	width:auto !important;
	margin:0 auto;
}
.darkover {
	display:none;
}
.no-margin {
	margin:0;
}
.no-top-margin {
	margin-top:0px;
}
.no-bottom-margin {
	margin-bottom:0px;
}

/***********************/
.foot {
    border-top: 1px solid #999999;
    position:fixed;
    width: 600px;
    z-index: 10000;
    text-align:center;
    height: 500px;
    font-size:18px;
    color: #000;
    background: #FFF;
    display: flex;
    justify-content: center; /* align horizontal */
    border-top-left-radius:25px;
    border-top-right-radius:25px;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    bottom: -475px;
}

.slide-up
{
    bottom: 0px !important;
}

.slide-down
{
    bottom: -475px !important;
}
.intro-item {
	height: inherit;
	overflow:hidden;
}
.slides {
	width: inherit; 
 	height: inherit;
	
	position: absolute;
	width: inherit;
	height: inherit;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
}
.owl-item {
	
}

.display-off {
	display:none !important;
}
.display-on {
	display:block !important;
}
#wrapper {
	background-image:
}

/*************************  Over Written CSS  ******************************/
.owl-carousel .owl-wrapper-outer {
	margin:0px 0px 0px 0px;
	/*width:60% !important;*/
}
.owl-item img {
	width:77% !important;
	margin:0 auto !important;
}
.owl-pagination {
	display:none !important;
}
.intro-item {
	width:100% !important;
	argin:130px 0px 0px 200px;
	margin:48px auto 0px !important;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

#brand_slides,
#concept_slides,
#printing_slides {
	pacity:0;
	webkit-transition:opacity 0.2s linear;
}
.icon-arrow-right-simple:before {
    color:black;
}
.icon-arrow-left-simple:before {
    color:black;
}

/* Our Partner Section */
#our-partners
{
	background-image:url(../img/our-partners.png);
	background-color:#29344a;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	
	
}
#our-partners .owl-carousel .owl-controls .owl-buttons .owl-prev,
#our-partners .owl-carousel .owl-controls .owl-buttons .owl-next
{
	top:40px !important;
}
div.owl-prev,
div.owl-next
{
	op:25px !important;	
}
.close_slide {
	width: 30px;
    height: 30px;
    position: absolute;
    top: 62px;
    right: 0px;
    z-index: 99;
    background-image: url(../img/cross.png);
    background-size: contain;
	-webkit-transition:-webkit-transform 0.1s linear;
}
.close_slide:hover {
	-webkit-transform:scale(0.95);	
	cursor:pointer;
}
.btnOff {
	display:none;	
}
.btnOn {
	display:block;	
}

/***************** CSS Style For Mobile Device  ********************/
@media handheld, only screen and (max-width:40em) and (orientation: portrait) {
	
	.mobile {
		padding:0 !important;	
		padding-left:0 !important;
	}
	
}
@media handheld, only screen and (max-width:40em) and (orientation: landscape) {
	#intro-wrap {
		height: 19.333em;
	}
	#our-work-tab .column {
    display: inline-block;
    margin: 0px 5px 0px 5px !important;
}
	/*.mobile {
		padding:0 !important;	
		padding-left:0 !important;
	}*/
	.work-link figure img {
		width:50% !important;
	}
	#our-work-tab .column {
		display:inline-block;	
	}
	#our-partners .owl-buttons{
		position: relative !important;
    	top: -100px !important;
	}
}
@media handheld, only screen and (max-width:40em) {
	#what-we-do,
	#our-partners {
		height: auto !important;	
	}
	
	.intro-item {
		background-image:url(../img/Hm_Page_mob.png);
		/*background-color:#1d4872;
		background-position: center center !important;
		background-size:contain;
		background-repeat:no-repeat;*/
	
	}

	.nav-link span {
		color: #EB5A29;	
	}
	.intro-item {
		margin:0 auto !important;
		background-size: 100% 100% !important;
	}
	
	/*#our-partners {
		height:150px !important;
	}*/
	
	#our-partners .owl-buttons{
		position: relative !important;
    	top: -10px !important;
	}
	
	#our-work-tab p {
		font-size:10px;
	}
	
	#what-we-do {
		background-size:100% 100% !important;
	}
	#contact-page { 
		height:470px !important;
		background-image:url(../img/contact_image.png);
		background-size: 490px;
		background-position-x: 15px;
		background-position-y: 375px;
	}
	
	.mail-im img {
		display:none;
	}
	.cups {
		width:50px;
		height:50px;
	}
	#cup-one {
		margin:20px 0px 0px 190px !important;
		top:50px !important;
	}
	#cup-two {
		top: 80px !important;
    	margin: 0px 0px 0px 235px !important;
	}
	
	.work-link {
		max-width: 20% !important;
	}
	.page-title h3 {
		font-size: 45pt !important;
		position: relative;
   		top: 40px;
	}
	.page-title h3 {
		font-size: 30pt !important;
    	position: relative;
		top:0px;
	}
}

@media handheld, only screen and (max-width:48em) and (orientation: portrait) {
	
	.mobile {
		adding:0 !important;	
		adding-left:0 !important;
	}
	.work-link figure img {
		width:auto !important;
	}
	#our-work-tab .column {
		display:inline-block;
		margin:0px 10px 0px 10px !important;	
	}
	.push-one.work-link {
		margin-left:100px !important;
	}
	#cup-one {
		position: absolute;
		top: 0px;
		margin: 0px 0px 0px 200px;
	}
	#cup-two {
		op: 50px;
		eft: 280px;
		position: absolute;
		top: 0px;
		margin: 0px 0px 0px 270px;
	}

}

@media handheld, only screen and (max-width:48em) {
	
}

@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ 
	.full-screen {overflow:hidden;}  
	.intro-item {
		background-image:url(../img/Hm_Page.png);
	}
}
@media (min-width:1281px) { /* hi-res laptops and desktops */ 
	.full-screen {overflow:hidden;}  
	#intro {
		background-image:url(../img/Hm_Page.png);
	}
 }