/**
 * Bootstrap firefox fix for fieldset
 */
@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Regular.ttf') format('truetype');
}

h2{font-size:36px;}

/**
 * Global Container
 */
 
#header{
	padding-top:40px;
}
#container{
	padding-top:40px;
	padding-bottom: 40px;
}

/**
 * Top Menu *
 */
#topmenu{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	background-color: transparent;
	z-index:10000;
	padding-top:10px;
	padding-bottom:10px;
	background-color: #a2151b;
	
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;*/
}
#logo img{margin:0 auto; padding:5px 0;}
#nav li{
	background-color: transparent;
	padding:0;
}
#nav li a{
	color:#fff;
	font-family: "roboto";
	font-size:14px;
	font-weight:normal;
	padding:20px 12px;
	display:block;
}
#nav li a:hover, #nav li a.active{
	text-decoration:none;
	background-color:#F7B83E;
	/*padding:20px 12px 18px;
	border-bottom: solid 2px #ce2b89;*/
}
#nav ul{
	background:#fff;
	border-left:2px solid #efefef;
}
.dropdown{
	background-color:transparent;
}

/**
 * Panel
 */

.panel-scroll{
	max-height:300px;
	overflow:auto;
}
#panel_container, #filter_form{
	margin-bottom:10px;
	padding:0 10px;
}

#filter_form{
	background-color:#f6f6f6;
	padding:10px;
}

.page_title{
	font-style:italic;
	font-size:36px;
	text-align:right;
	padding-right:40px;
	color:#646473;
	font-family:"roboto";
}

/**
 * Body
 */
#body_container{
	margin-bottom: 10px;
	padding:0 10px;
}

section{
	/* border-bottom:solid 1px #ccc; */
}

.carousel-inner img{
	width:100%;
}

#carousel-news .carousel-inner img{
	width:auto;
} 
/*.mini-logo-container{
	min-height:270px;
	position:relative;
}
.mini-logo{
	padding:15% 10%;
	width:100%;
	transform: translateY(-50%);
	position:absolute;
	top:50%;
}*/
.carousel-caption{
	left:0;
	right:0;
	background-color:#333;
	opacity:0.7;
	bottom:0;
}
.carousel-indicators{
	bottom:0;
}
#about{
	padding-top:100px;
	padding-bottom:100px;
}
#about article,
.about article{
	/*padding:20px;*/
}
#clients  .header, #videos  .header,
#news  .header, #contact  .header{
	padding-bottom:58px;
	padding-top:58px;
}
#about article h2, #works article h2, #clients article h2, #videos article h2,
#news article h2, #contact article h2, #services_naration article h2,
.about article h2{
	font-family: "roboto";
	/*text-transform: uppercase;*/
	font-size:34px;
	font-weight:bold;
}
#about article h2, #clients article h2,
.about article h2{
	/*color: #9d1f61;*/
	color: #333;
}
#works article h2, #clients article h2, #videos article h2,
#news article h2, #contact article h2{
	color: #666;
}

#about article p,
.about article p{
	color: #818285;
}
#services_naration{
	/*background: url("../img/themes/default/services.jpg") no-repeat center center fixed #000;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding:400px 0 80px;*/
	background-color:#fbad27;
	color:#000000;
	padding-top: 40px;
	padding-bottom: 80px;
}
#services_naration article{
	padding:0 40px;
}
#abtind_carousel{
	margin-top:40px;
	margin-bottom:40px;
}
/*#services_naration article h2, #services_naration article p, #services_naration article a,*/ 
#works .works-grid a{
	color:#fff;
}
#services_naration article a, #works-thumbnails a{
	font-family: "roboto";
	font-size:18px;
}
#works .works-thumb a{
	font-family: "roboto";
}
#services_naration article a:hover, #services_naration article a:active,
#works .works-grid a:hover ,#works .works-grid a:active{
	color: #818285;
}
.section_icon{
	padding:20px;
}
#services, #works, .mini-logo-container, #videos, #news{
	/*background: url("../img/themes/default/bg.jpg") no-repeat center center fixed;
	background-color:#fff;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	*/
	color: #333;
}
.body #works .works-grid{
	/*background: url("../img/themes/default/works.jpg") no-repeat center center fixed #000;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
	margin-bottom:40px;
}

.works-thumb{
	margin-bottom:20px;
	padding:10px 10px;
}
.works-thumb a{
	display:block;
	border:solid 1px #fff;
	text-align:center;
	color:#fff;
	min-height:100px;
	line-height:100px;
	padding: 0 10px;
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
}
.works-thumb a:hover, .works-thumb a:active{
	background-color:#ccc;
}
.works-thumb a span{
	display: inline-block;
  	vertical-align: middle;
  	line-height: normal;    
}
.mini-logo-container{
	background: url("../img/themes/default/bg.jpg") no-repeat top center scroll;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#services .container{
	margin-bottom:50px;
	padding-top: 50px;
}
.works-banner, .services-banner{
	background-color:#932A8F;
}
.works-banner h2, .services-banner h2{
	color:#fff;
	padding:20px 40px;
	margin:0;
}
.works-display, .services-display{
	background-color:#fff;
}
.works-clients a, .services-clients a{
	color:#333;
}
#news .works-grid{
	background:#fff;
	padding:50px;
	color:#6d6e71;
}
#services .btn-default, #works .btn-default{
	background: transparent;
	color: #fff;
}
#services .btn-default.active, #works .btn-default.active{
	background: #fff;
	color: #520F21;
}
.news_thumb{
	position:relative;
}
.news article{
	padding:10px 20px;
}
.news article h3, .news article p, .news article a{
	font-family:"roboto", sans-serif;
	color:#6d6e71;
}
.news article h3{
	font-style:italic;
}
.thumb, .news_thumb, .news{
	height:245px;
	padding:0;
}
.news_thumb, .news{
	height:265px;
}
.thumb:nth-child(8n+1), .thumb:nth-child(8n+3),
.thumb:nth-child(8n+6), .thumb:nth-child(8n+8){
	background-color:#922a8e;
}
.thumb:nth-child(8n+2), .thumb:nth-child(8n+4),
.thumb:nth-child(8n+5), .thumb:nth-child(8n+7){
	background-color:#b9529f;
}
.thumb, .news_thumb{
	overflow:hidden;
}
.thumb a, .news_thumb a{
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	opacity: 1;
  	transition: all 2s ease-in-out 0s;
}
.thumb .caption{
	opacity: 0;
  transition: all 2s ease-in-out 0s;
}
.thumb:hover a, .news_thumb:hover a{
	opacity: 0.7;
  transform: scale(1.3);
}
.thumb:hover .caption{
	opacity: 1;
}
.services-link{
	background-size: 100% auto;
}
.news{
	background-color: #f3f3f4;
}
#clients{
	padding-bottom:20px;
}
#clients .clients-grid #carousel-clients{
	/*border-top:5px solid #922a8e;
	border-bottom:5px solid #922a8e;*/
/*	background-color:#922a8e;*/
	background-color:#fff;
}
#clients .clients-grid #carousel-clients .carousel-control{
	background: none;
}
#clients .clients-grid .spacer{
	padding:20px 0;
}
#clients .client{
	
}
#clients .carousel-inner .client{
	text-align:center;
	margin:10px 0;
}
#clients .carousel-inner .client img{
	max-height:100px;
	width:auto;
}

#contact{
	background-color: #fbad27;
	padding-bottom:80px;
} 

#contact article h2{
	color: #fff;
}

#contact .icons div{
	padding-bottom:10px;
}
#contact .icons img{
	width:35%;
}
#contact .office{
	padding-bottom:24px;
	border-bottom:1px solid #c6c7c8;
}
#contact .icons, #contact .office, 
#contact .workshop{
	margin-bottom:42px;
}
#contact p{
	color: #000;
}

#footer-menu{
	padding-top:40px;
	padding-bottom:60px;
}
#footer-menu a, #footer-menu p{
	color:#4a4a4a;
	line-height:27px;
}

/**
 * Footer *
 */
#footer{
	/*background-color:#f3f3f4;*/
	color:#a7a9ac;
	padding:20px;
}

.modal-dialog{
	top:60px;
}

.service-item, .work-item{
	margin-bottom:20px;
}

/**
 * LightSlider
 */
.works-detail, .services-detail, .about-detail{
	width:800px;
	color:#333;
}
.lightslider ul {
    list-style: none outside none;
    padding-left: 0;
    margin-bottom:0;
}
.lightslider li {
    display: block;
    float: left;
    margin-right: 6px;
    cursor:pointer;
}
.lightslider img {
    display: block;
    height: auto;
    max-width: 100%;
}
.works-client-name, .works-client-desc{
	color:#333;
}
.works-client-link.active, .works-client-link:hover, 
.services-client-link.active, .services-client-link:hover{
	background-color: #932A8F !important;
	color:#fff;
}

.text-justify-xs {
    text-align: justify;
}


.text-center-xs {
    text-align: center;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .text-justify-sm {
        text-align: justify;
    }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .text-justify-md {
        text-align: justify;
    }
    .text-right-md {
	    text-align: right;
	}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .text-justify-lg {
        text-align: justify;
    }
}


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .text-center-sm {
        text-align: center;
    }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .text-center-md {
        text-align: center;
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .text-center-lg {
        text-align: center;
    }
}