@font-face {
    font-family: 'avantgarde_bk_btbook';
    src: url('../fonts/55889873-webfont.eot');
    src: url('../fonts/55889873-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/55889873-webfont.woff2') format('woff2'),
         url('../fonts/55889873-webfont.woff') format('woff'),
         url('../fonts/55889873-webfont.ttf') format('truetype'),
         url('../fonts/55889873-webfont.svg#avantgarde_bk_btbook') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'avantgarde-demiregular';
    src: url('../fonts/unicode.avantgd-webfont.eot');
    src: url('../fonts/unicode.avantgd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/unicode.avantgd-webfont.woff2') format('woff2'),
         url('../fonts/unicode.avantgd-webfont.woff') format('woff'),
         url('../fonts/unicode.avantgd-webfont.ttf') format('truetype'),
         url('../fonts/unicode.avantgd-webfont.svg#avantgarde-demiregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'avantgarde_bk_bold';
    src: url('../fonts/avantgarde-book-bold-webfont-webfont.eot');
    src: url('../fonts/avantgarde-book-bold-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/avantgarde-book-bold-webfont-webfont.woff2') format('woff2'),
         url('../fonts/avantgarde-book-bold-webfont-webfont.woff') format('woff'),
         url('../fonts/avantgarde-book-bold-webfont-webfont.ttf') format('truetype'),
         url('../fonts/avantgarde-book-bold-webfont-webfont.svg#webfontregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bebasregular';
    src: url('../fonts/bebas___-webfont.eot');
    src: url('../fonts/bebas___-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bebas___-webfont.woff2') format('woff2'),
         url('../fonts/bebas___-webfont.woff') format('woff'),
         url('../fonts/bebas___-webfont.ttf') format('truetype'),
         url('../fonts/bebas___-webfont.svg#bebasregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.no-padding {padding:0;}

header {height: 113px;}

a:hover {text-decoration: none;}

/*------logo-----------*/
#logo {text-align: center; padding-top: 30px;}
#logo img {max-width: 70%; height: auto;}

/*------menu navigation-------*/
nav ul {display:none;}

/*------toggle side sliding menu and button----*/
#simple-menu img {height: 35px; width: auto; position:absolute; top:3px; z-index:3000;}
#sidr {display: none;}
#sidr ul li, #sidr ul li a {text-transform: capitalize;}

/*========HOMEPAGE============*/
/*------Slideshow--------*/
.slider img {width: 100%; height: auto;}

#slider-container {position:relative; z-index:1000; background:#363636;}

#slideshow-caption {

	position: absolute;
	z-index:2000;
	text-align: center; 
	width:66.6667%;  
	height: 76.666%; 
    margin: auto;
    top: 10px; left: 0; bottom: 0; right: 0;
}

#slideshow-inner-caption {
	text-align: center; 
    margin: auto;
    top: 0px; left: 0; bottom: 0; right: 0;
}

#slideshow-caption p {color:white; font-family:'avantgarde_bk_btbook'; font-size: 12.5px; font-line-height: 1.4em;}
#slideshow-caption p span {font-family: 'avantgarde-demiregular';}
#slideshow-caption img {max-width: 40%; height: auto; }
#slideshow-caption p#specialities {display:none;}

/* SLIDE SHOW SMALL DEVICES (tablets, 768px and up) */
@media (min-width: 768px) {

	/*----HOME SLIDESHOW-------*/
	#slideshow-caption p {font-size: 20px; font-line-height: 1.8em; width: 420px; margin:auto;}
	#slideshow-caption img {margin-top: 30px; max-width: 100%;}
	#slideshow-caption {top: 0px; left: 0; bottom: 0; right: 0;}

	#slideshow-caption p#specialities {display:block; width:100%; font-size: 18px; margin-top: 50px;}
	
}

/*-------homepage portfolio--------*/
.custompadding{ padding-left: 2px; padding-right: 2px; padding-top: 4px;}
#homePortfolio {padding-bottom: 4px;}
.portfolioImage {position: relative;}
#homePortfolio .homePortfolioCol img {width: 100%; height: auto;}
.portfolioHover {
padding-left: 2px; padding-right: 2px;
background-color: #eeeeee;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
text-align: center;
vertical-align: middle;
padding-top: 35%;
color:#797979;
transition: opacity 0.5s ease-out;
opacity: 0;
}
.portfolioHover:hover {opacity: 1;}
.portfolioHover p {line-height: 30px;}
.portfolioHover p span {font-family: 'avantgarde_bk_bold'; font-size: 20px;}

.portfolioHover2 {
padding-left: 7px; padding-right: 7px;
background-color: #eeeeee;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
/* height: 100%; */ height:376px;
text-align: center;
vertical-align: middle;
padding-top: 35%;
color:#797979;
transition: opacity 0.5s ease-out;
opacity: 0;
}
.portfolioHover2:hover {opacity: 1;}
.portfolioHover2 p {line-height: 30px;}
.portfolioHover2 p span {font-family: 'avantgarde_bk_bold'; font-size: 20px;}



/*-------footer--------*/
footer {background-color: #363636;  margin-top: 0px; color:white; text-align: left; }
footer h3 {color:#f68600; font-size: 14px; font-family: 'avantgarde_bk_bold'; }
footer ul {list-style: none; margin: 0; padding: 0;}
footer ul li {color:white; font-size: 13px; font-family: 'avantgarde_bk_btbook'; margin-bottom: 3px;}
.footer-column {padding-left: 20px;}
#socialmedia img {margin-top: 20px; margin-left: 20px;}
#copyright {background-color: #363636;  margin-top: 0px; color:white; text-align: left; font-family: 'avantgarde_bk_btbook'; font-size: 11px; padding-left: 20px; padding-top: 20px; padding-right: 20px;}


/*==========ABOUT US PAGE==========*/
#about-main {text-align: center; padding: 0 10px 0 10px;}
#about-main h2 {color:#f68600; font-family: 'avantgarde_bk_btbook'; font-size: 25px; text-transform: uppercase; margin-bottom: 20px;}
#about-main p {font-family: 'avantgarde_bk_btbook';  color:#59595b;}

h2 span {color:#13A89E;}

#services {background-color: #080808; text-align: center; font-family: 'avantgarde_bk_btbook'; text-transform: uppercase; color:#f68600; vertical-align: middle; padding-top: 30px; padding-bottom: 15px;}
#services img {margin-bottom: 10px; }

/* ABOUT US SMALL DEVICES (tablets, 768px and up) */
@media (min-width: 768px) {

	#about-main {text-align: center; }
	#about-main h2 {color:#f68600; font-family: 'avantgarde_bk_btbook'; font-size: 30px; text-transform: uppercase; margin-bottom: 20px;}
	#about-main p {font-family: 'avantgarde_bk_btbook'; font-size: 16px; color:#59595b; line-height: 1.6em;}
	#services {height: 340px; padding-top: 100px;}
	#services img {margin-bottom: 47px;}
}	

/*===========CLIENT PAGE============*/
#clients-logo img {max-width: 100%; height: auto;}
#clients-list {padding-bottom: 30px;}
#clients-list h3 {color:#f68600; font-size: 14px; font-family: 'avantgarde_bk_bold';}
#clients-list ul {list-style: none; padding: 0;}
#clients-list ul li {font-size: 11px; font-family: 'avantgarde_bk_btbook'; color:#59595b; }

/* SCLIENTS PAGE MALL DEVICES (tablets, 768px and up) */
@media (min-width: 768px) {

	#clients-list ul li {font-size: 12px;}
}


/*===========PORTFOLIO PAGE===========*/
.nav-pills a {color:#797979; font-size: 16px; font-family: 'avantgarde_bk_bold'; font-size:14px; margin-right:2px;}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {background-color: transparent; color:#F7941E; font-size: 14px;}



/*============OUR TEAM PAGE===========*/
.team {text-align: center; padding-bottom: 20px;}
.team img {max-width: 100%; width:130px;}
.team h3 {color:#f68600; font-size: 17px; font-family: 'avantgarde_bk_btbook';}
.team p {color:#59595b; font-size: 14px; font-family: 'avantgarde_bk_btbook';}
.team-item {height: 230px;}

/*=========CONTACT US PAGE=========*/
#contact {padding-bottom: 40px;}
#address {padding-top: 30px;}
#address h2 {margin: 0; padding: 0; color:#f68600; font-family: 'avantgarde_bk_btbook'; font-size: 30px; text-transform: uppercase; margin-bottom: 20px;}
#address h3 {color:#f68600; ont-family: 'avantgarde_bk_bold'; font-size: 18px; }
#address p {color:#59595b; font-size: 16px; font-family: 'avantgarde_bk_btbook';}

#address1 {background:url('../images/icon-address1.jpg') top left no-repeat; padding-left: 50px; margin-bottom: 25px;}
#address2 {background:url('../images/icon-address2.jpg') top left no-repeat; padding-left: 50px;}
#address3 {background:url('../images/icon-address3.jpg') top left no-repeat; padding-left: 50px;}

/* CONTACT PAGE MALL DEVICES (tablets, 768px and up) */
@media (min-width: 768px) {

	#address {padding-top:0px; padding-left: 84px;}
	
}


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

	/*------logo---------*/
	#logo {text-align: left; padding-left: 40px;} 
	#logo img {max-width: 100%; height: auto;}

	/*------menu top-----*/
	nav ul {display:block; list-style-type:none; margin-top:47px; width:100%; padding-right: 20px;}

	nav ul li {float:left; width:16.666%; text-align: center;}
	nav ul li a {font-family: 'avantgarde_bk_bold'; font-size: 14px; text-transform: uppercase; text-decoration:none; color:#59595b;}
	nav ul li a:hover {text-decoration: none; color:#f68600;}
	nav ul li.selected a {color:#f68600;}
    nav ul li#portfolioMenus {padding-bottom:20px;}
    nav ul li#portfolioMenus ul {display:none;}
    nav ul li#portfolioMenus {position:relative;}
    nav ul li#portfolioMenus:hover ul {display:block; width:200px; padding:20px; position:absolute; top:-8px; left:20px; min-height:200px; background:#f68600; z-index:2000;}
    nav ul li#portfolioMenus ul li {float:none; text-align: left; width:200px; margin-bottom: 10px;}
    nav ul li#portfolioMenus ul li a {color:white;}
    nav ul li#portfolioMenus ul li a:hover {color:#FFCB08}


    

   

	/*----menu toggle button ------*/
	#simple-menu {display:none;} 

	/*------footer-------*/
	footer {height:290px; background-color: #363636;  margin-top: 0px; color:white;}
	footer h3 {color:#f68600; font-size: 16px; font-family: 'avantgarde_bk_bold'; }
	footer ul {list-style: none; margin: 0; padding: 0;}
	footer ul li {color:white; font-size: 14px; font-family: 'avantgarde_bk_btbook'; margin-bottom: 5px;}
	.footer-column {padding-left: 60px; padding-top: 22px;}
	#socialmedia {padding-top: 44px;}
	#socialmedia img {margin-right: 10px; margin-left: 0px; margin-top: 0px;}
	#copyright {padding-left: 60px; padding-top: 0px; font-size: 12px;}

}

#teamfotokiri {padding-left:0; padding-right:5px;}
#teamfotokiri img {width:100%; height:95%;}

#teamfotokanan {padding-left:0; padding-right:0;}
#teamfotokanan img {width:100%; height:auto;}

.nav > li > a {padding:10px 20px !important;}