/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */


/* ==========================================================================
css reset
   ========================================================================== */

/* Eric Meyer's Reset Reloaded */
/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}




/* ==========================================================================
   Author's custom styles
   ========================================================================== */

.wrapper {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
 }

.block {margin-bottom: 10px;}

.block, .highlight {}

.wrapper {}

.box {padding: 10px 0;}

.page-details h1 , h3.clients-title {
	font-size: 54px;
	text-align: center;
	text-transform: uppercase;
 }
 
 .lang-warning {
    width: 90%;
    margin: 0 auto;
    height: 30px;
    line-height: 20px;
     text-align: center;
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 15px;
 }
 .lang-warning a{
    text-decoration: underline
 }
.bigimg {display: none;}

.page-intro-image img {width: 90%;}

.page_intro_image {margin: 10px 0}

#clients .wrapper {width: 100%;}

#clients {margin: 10px 0 0;}

.clients-container-outer {overflow: hidden}

#clients img {max-width: 100%;}

.page-template-page-generic-php h1{
    margin: 20px 0
}
.page-template-page-generic-php .content {
    margin: 40px 0
}
.page-template-page-generic-php  .content p{
 margin-bottom: 20px
}

.cookie-banner {
font-size: 11px;  
position: fixed;
bottom:0;
padding: 5px;
background: #f2f2f2;
z-index: 5000;
width: 100%;
}
.banner-cookie-text {
    padding-right: 120px;
    
}
.banner-cookie-options {
    float: right;
    margin-left: 10px;
    margin-top: 10px;
}
.accept-cookies {
    background: black;
    color: white;
    display: inline-block;
    padding: 4px
}

.highlight {
	width: 33%;
	float: left;
 }



	.highlight.biggest, .highlight.bigger2 {width: 100%;}

	.highlight.biggest .activity-big-image, .highlight.biggest .activity-big-details {
		width: 90%;
		margin: 0 auto
	 }

	.highlight.bigger2 .activity h3 {
		text-align: center;
		font-size: 17px;
	 }

#main-intro {position: relative}

.mini-menu {
	width: 32px;
	height: 32px;
	background: url(../images/menu.png);
	text-indent: -2000px;
	display: block;
	position: fixed;
	top: 10px;
	right: 10px;
	z-index: 2100;
 }

.intro-box, .intro-box i, .intro-box em, .intro-box b {font-style: normal;}

.intro-box {font-size: 13px}

a {
	color: inherit;
	text-decoration: none;
 }

    .page-details {
    	font-size: 14px;
    	color: #8c8c8c
     }

	.page-details .block .box {border: 1px solid #e3e3e3;}

	.page-details .clients-title-box.box {
		padding: 10px;
		text-transform: uppercase;
	 }

.home .page-details .clients-title-box.box h3 {
	line-height: 40px;
	padding-top: 10px;
	text-align: center
 }

.page-details .block .box.contact-box {padding-right: 0px;}

.page-details {
	font-size: 14px;
	line-height: 1.3;
	color: #8c8c8c
 }

.contacts {
	width: 250px;
	float: left;
 }

.contacts-pic {
	float: left;
	width: 50px;
	height: 50px;
	overflow: hidden
 }

	.contacts-pic img {
		width: 100%;
		height: 100%;
		position: relative;
		top: 0;
		-webkit-transition: top 0.5s; /* For Safari 3.1 to 6.0 */
		-moz-transition: top 0.5s; /* For Safari 3.1 to 6.0 */
		transition: top 0.5s;
	 }

	.contacts-pic:hover img {top: -100%;}



.contacts-text {
	margin-left: 10px;
	width: 180px;
	float: left
 }

#phone-call {
	text-align: center;
	display: none
 }

.connect {
	float: left;
	width: 190px;
	margin-left: 20px;
 }

	.connect li {
		width: 50px;
		height: 50px;
		float: left;
		margin-right: 10px;
		overflow: hidden;
		position: relative;
		list-style-type: none
	 }

		.connect li a {
			display: block;
			position: absolute;
			top: 0;
			-webkit-transition: top 0.5s; /* For Safari 3.1 to 6.0 */
			-moz-transition: top 0.5s; /* For Safari 3.1 to 6.0 */
			transition: top 0.5s;
		 }

			.connect li a:hover {top: -50px;}

.social-end.connect li a:hover {top: -25px;}

.connect li:last-child {margin-right: 0}

.connect img {
	width: 100%;
	height: 100%;
 }

.main-space section {border-bottom: 1px solid #e3e3e3;}

.page-team .main-space section {border-bottom: none;}

.highlight.smaller .box {
	text-align: center;
	border-left: 1px solid #e3e3e3;
 }

	.highlight.smaller .box:last-child {border-right: 1px solid #e3e3e3;}

.cover-presentation {
	text-align: center;
	font-size: 30px;
	text-transform: uppercase;
	line-height: 32px;
	font-size: 28px;
 }

.nav-menu li a.current-browsing {
	background: #ce1a20;
	color: white
 }

.cover-presentation h2 {
	margin-top: 30px;
	font-size: 30px;
 }

.site-title {width: 100%;}

.cover-presentation p {
	color: #8c8c8c;
	font-size: 18px;
	line-height: 1.4;
	margin-top: 10px;
	text-transform: none;
 }

.activity-big-image, .activity-big-details {text-align: center;}

.activity-big-image img {max-width: 100%;}

.activity .mini-thumb {padding: 20px 0 20px 0;}

.mini-thumb {
	width: 92px;
	height: 92px
 }

	.mini-thumb img {
		width: 100%;
		height: 100%;
	 }

.activity h3 {
	font-size: 23px;
	line-height: 26px;
	padding-bottom: 10px;
 }

.text {color: #a7a7a7;}

	.text.alwaysgray span[style] {color: #a7a7a7!important;}

.activity .text {
	font-size: 13px;
	line-height: 18px;
	padding: 0 20px;
 }

.activity .mini-thumb {margin: 0 auto}

.activity-big-details {
	text-align: center;
	font-size: 15px;
	line-height: 1.3;
	padding: 0 20px
 }

	.activity-big-details h2 {
		font-size: 30px;
		margin-bottom: 20px;
	 }

.mini-boxes .highlight .box {padding: 30px 0}

.mini-boxes .block .box {padding: 30px 25px 0 0}

.mini-boxes .mini-thumb {
	float: left;
	margin-right: 0;
 }

.mini-boxes .mini-info {
	font-size: 12px;
	margin: 0 20px 0 105px;
 }

	.mini-boxes .mini-info h3 {
		font-size: 13px;
		margin-bottom: 10px;
	 }

h3.generic-mini-title {margin-bottom: 10px}

.mini-boxes .mini-info .text {font-size: 11px}

.carousel-outer {
	width: 240px;
	overflow: hidden;
	margin: 0 auto;
 }

.carousel-box {width: 260px;}

	.carousel-box .carousel > div {float: left}

.carousel > div {
	width: 233px;
	height: 200px;
	float: left;
	color: #696969;
 }

	.carousel > div:first-child {}

	.carousel > div img {
		max-width: 280px;
		max-height: 227px;
		background: white
	 }

	.carousel > div h4 {
		margin: 5px 0;
		color: #42cea2
	 }

.carousel .element-description {
	margin: 0 0 20px;
	min-height: 100px
 }

#portfolio-preview {padding: 0 0 30px}

.home #portfolio-preview {padding: 20px 0 30px}

#contacts {margin-bottom: 30px}
     #page-details2 .intro-box h2 {
        font-size: 54px;
        text-transform: uppercase;
        text-align: center
     }
	#contacts.mini-boxes .block {width: auto}

#footer a {color: #888}

#footer {
	background: #1d1d1d;
	color: #888;
	padding: 50px 0;
 }

	#footer h3 {color: #888}

.bottom-logo {padding: 0 0 20px;}

	.bottom-logo img {
		width: 210px;
		height: 210px;
	 }

#credits-social {
	background: black;
	color: white;
	padding: 20px 0
 }

#footer h3 {
	margin-bottom: 20px;
	text-transform: uppercase;
	font-size: 15px;
 }

#footer, #credits-social {
	font-size: 12px;
	color: #888;
 }

.work-with-us-minibox p:last-child a, .contact-us-minibox p:last-child a {
	margin-top: 10px;
	display: block;
	padding: 7px 17px 7px 45px;
	line-height: 30px;
	background: url(../images/mail.png) no-repeat 15px center black;
 }

#footer .work-with-us-minibox p:last-child a {
	color: #888
	font-size: 13px
 }

.contact-us-minibox p:last-child a {
	margin-top: 10px;
	display: block;
	padding-left: 30px;
	line-height: 30px;
	background-color: transparent;
	background-image: url(../images/map.png);
	position: relative;
	background-position: 0px 10px;
	background-repeat: no-repeat;
	-moz-transition: background-position 0.5s ease; /* For Safari 3.1 to 6.0 */
	-webkit-transition: background-position 0.5s ease; /* For Safari 3.1 to 6.0 */
	transition: background-position 0.5 ease;
 }

	.contact-us-minibox p:last-child a:hover {background-position: 0px -34px;}

.nav-menu li.current_page_item a {background: black;}

.nav-menu li.current_page_item a {color: white}

.main-section {margin: 0 0;}

#team.main-section {margin: 10px 0 0 0;}

.works-list {
	width: 105%;
	position: relative;
 }

.work-item {
	list-style-type: none;
	width: 255px;
	position: relative;
	overflow: hidden;
	float: left;
	margin: 0 auto;
 }

 

.item-container {padding: 2px}

.clients-container-outer.wrapper {width: 100%;}

.clients-container-outer {
	margin: 5px 0 0;
	position: relative
 }

.clients-container {
	width: 110%;
	position: relative;
	left: 0;
 }

.clients-carousel, .clients-carousel .client-group {
	width: 320px;
	height: 480px;
 }

.clients-carousel .client-group {width: 320px;}

.client-item {
	float: left;
	width: 130px;
	height: 80px;
	border: 1px solid #f1f1f1;
	background: #fafafa;
	margin: 5px;
 }

	.client-item img {
		width: 100%;
		height: 100%;
	 }

.work-title {
	position: absolute;
	top: -70px;
	left: 0;
	display: block;
	width: 100%;
	text-align: center;
 }

.fixed .work-title {
	top: 0;
	z-index: 1000;
 }

.selected .overlay {top: 0}



.overlay {
	z-index: 1000;
	background: #e4e4e4;
	position: absolute;
	top: 465px;
	display: block;
	height: 90%;
	width: 90%;
	padding: 5%;
	color: black;
	text-align: center;
 	opacity: 0;
 	
        -moz-transition: opacity 0.5s  ease, top 0.5s  ease; /* For Safari 3.1 to 6.0 */
		-webkit-transition: opacity 0.5s  ease, top 0.5s  ease; /* For Safari 3.1 to 6.0 */
		transition: opacity 0.5s  ease, top 0.5s  ease;

 }
.overlayed .overlay {
    top:0;
    opacity: 1
}

.work-title span {
	margin: 0 auto;
	color: white;
	text-align: center;
	background: #2f2f2f;
	padding: 0 10px;
	font-size: 11px;
	line-height: 28px;
	display: inline-block;
 }

.single .cover-presentation .text {font-size: 13px;}

.team-list {margin-left: 0;}

	.team-list li {
		float: left;
		width: 280px;
		height: 530px;
		margin: 0 10px 10px 0;
		border-bottom: 1px solid #e5e5e5;
		position: relative;
	 }

.team-name {
	padding: 5px 10px;
	font-size: 13px;
	margin: 24px 0 19px;
	color: white;
	float: left;
	background: #3c3c3c;
 }

.mate-pic {height: 350px;}

	.mate-pic img {
		max-width: 100%;
		float: left;
	 }

.mate-description {
	clear: both;
	margin: 10px 0;
 }

.team-pic {
	width: 280px;
	height: 191px;
	;
 }

	.team-pic img {
		width: 100%;
		height: 100%;
	 }

.team-text {
	clear: both;
	height: 390px;
	padding-right: 25px;
	margin-top: 10px;
	overflow: hidden;
	font-size: 13px;
	line-height: 1.5
 }

.work-details .text,  .gallery-work-details .text {font-size: 16px;}
.work-details {
width: 100%;
  box-sizing: border-box;
  }
  
.loading {
	height: 100px;
	width: 100px;
	background: url(../images/loading2.gif) center center no-repeat;
	overflow: hidden;
	text-indent: -2000px;
 }

.site-title {
	display: block;
	height: 70px;
	overflow: hidden;
	margin: 0 auto;
 }

	.site-title img {
		display: block;
		margin: 10px auto;
	 }

#navy {
	float: none;
	position: absolute;
	top: 60px;
	left: 0;
	width: 100%;
	background: white;
	display: none;
	z-index: 3000;
	border-bottom: 1px solid gray;
 }

.nav-menu li {font-size: 20px;}

.mini-boxes .highlight {width: 100%;}

.highlight.bigger {width: 100%;}

#footer .highlight {width: 100%;}

.highlight.smaller {width: 100%;}

.home .highlight.bigger {display: none;}

.bottom-logo {display: none;}

.social-url {
	margin: 10px 0;
	position: absolute;
	bottom: 0;
	left: 0;
 }

	.social-url a {
		display: block;
		float: left;
		text-indent: -2000px;
		width: 30px;
		height: 30px;
		overflow: hidden;
	 }

.email-link {background: url(../images/email.jpg) no-repeat}

a.watch-video, .work-item a.watch-video {
	width: auto;
	height: auto;
 	padding: 5px;
	font-size: 15px;
	text-transform: uppercase;
	display: inline-block;
	margin-top: 20px;
 }

.highlight.biggest .activity-big-image {text-align: center}

.cover-slideshow-container {
	margin: 10px auto;
	position: relative;
 }

.cover-slideshow-container, .carousel >div.post-cover-slide, .cover-slideshow-box {
	width: 290px;
	height: 580px;
	overflow: hidden;
 }

.carousel >div.post-cover-slide img {
	max-height: 100%;
	max-width: 100%;
	width: 100%;
 }

.ltie9 .carousel >div.post-cover-slide img {
	width: auto!important
 }
.lt-ie9 .cover-image {
    position: relative!important
 }

.slide-arrow {
	display: block;
	width: 19px;
	height: 33px;
	overflow: hidden;
	text-indent: -2000px;
	position: absolute;
	top: -4000px;
	margin-top: -16px;
	z-index: 1000
 }

	.slide-arrow.next {
		right: 0;
		background: url(../images/next.png) no-repeat;
	 }

	.slide-arrow.prev {
		left: 0;
		background: url(../images/prev.png) no-repeat;
	 }

.gallery .slide-arrow.next {right: 10px;}

.gallery  .slide-arrow.prev {left: 10px;}

.loaded .loading-icon {
    display: none;

}
/*
.work-image, .gallery {
    opacity: 0;
    transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}
.loaded .work-image, .loaded .gallery {
    opacity: 1
}
*/
.work-content-box {
    width: 100%;
}
 .loading-icon {
     width: 30px;
    height: 30px;
    display: block;
    margin: 10px auto;
 }

.loaded .social-links {
visibility: visible
}
.social-links {
visibility: hidden;
	margin-top: 20px;
	margin-left: 32px;
	height: 44px;
	position: relative;
 }

	.social-links a , .work-item .social-links a {
		display: block;
		width: 44px;
		height: 44px;
		overflow: hidden;
		text-indent: -2000px;
		float: left;
		margin-right: 5px;
		position: absolute;
		top: 0;
		left: 0;
		background-position: 0px 0px;
		background-repeat: no-repeat;
		-moz-transition: left 1s , background-position 0.5s ease; /* For Safari 3.1 to 6.0 */
		-webkit-transition: left 1s , background-position 0.5s ease; /* For Safari 3.1 to 6.0 */
		transition: left 1s , background-position 0.5 ease;
	 }

	.social-links a:hover , .work-item .social-links a:hover {background-position: 0px -44px;}

	.social-links a.go {background-image: url(../images/go.png);}

	.social-links a.tw {background-image: url(../images/tw.png);}

	.social-links a.pi {background-image: url(../images/pi.png);}

	.social-links a.fb {background-image: url(../images/fb.png);}

	.social-links a.go.moved {left: 100px;}

	.social-links a.tw.moved {left: 50px;}

	.social-links a.pi.moved {left: 150px;}

	.social-links a.fb.moved {left: 0;}

.gallery {margin: 0 auto 30px;}

.single-portfolio .gallery  li {
	width: 255px;
	float: left
 }

.nav-menu {
	padding: 10px;
	margin-top: 10px;
	background: white;
	overflow: hidden;
 }

.nav-menu li a {
	display: block;
	padding: 5px;
	text-align: center;
 }


a.back-to-work  {
    margin-top: 20px;
    color: #d1050c
  }
  
  
.work-item  a.play-watch-button {
  
    position: absolute;
    z-index: 1000;
    top: 0;
     left: 50px;
   display: block;
    background: white;
    line-height: 32px;
    padding: 10px 10px 10px 45px;
    width: 68px;
    background: url(../images/play_button_32.png) white no-repeat 5px center;
    font-size: 20px;
    color: black;
    margin-top: 0; 
}

a.play-watch-button.animated {
    left: 0;


}
  
/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (min-width : 768px) 
{


#header-box {
    position: static;
    background: white
}
    
    body {
    	padding-top: 151px;
    	line-height: 1.3;
     }
    
    .wrapper {width: 700px;}
    
    .block {
    	width: 50%;
    	float: left;
    	margin-bottom: 0;
     }
    
    .highlight.bigger2 .highlight {width: 50%;}
        
    
    #navy {border-bottom: none}

    
    .nav-menu {
    	padding: 0;
    	margin-top: 0;
    	background: white;
    	overflow: hidden;
     }
    
    	.nav-menu li a {
    		display: inline;
    		padding: 0;
    		text-align: center;
    		text-transform: none
    	 }
    	 
     .lang-warning {
    width: 80%;
    margin: 0 auto;
    height: 30px;
    line-height: 30px;
     text-align: center;
    margin-bottom: 10px;
 }	 
    	 
    	 
      .post-cover-container {
    	width: 700px;
    	height: 320px;
    	position: relative;
    	overflow: hidden;
        margin: 10px 0;
     }
     
       #page-details2 {
        margin-bottom: 10px
       }

    
    .coverimg-box {
        position: relative;
        width: 700px;
        height: 270px;
        overflow: hidden;
        padding: 0
    }
    .smallimg {display: none;}
    
        #main-intro .post-cover-container {
    	width: 700px;
    	height: 270px;
     }
    
    #main-intro .post-cover-container .bigimg {
    display: block; position: absolute; bottom:0;
    max-height: 356px!important;
    
    }
    
    #main-intro div.post-cover-slide {
        height: 290px
    }
    

    .clients-container {left: -5px}
        	 
    
    .page-details .block .box {padding: 35px;}
    
    #contacts.mini-boxes .block {width: 100%}
    
    .block.jubilat-regular {
    	font-size: 19px;
    	line-height: 24px;
     }
    
    #works {
    	position: relative;
    	overflow: hidden;
    	padding-bottom: 30px;
    	margin-bottom: 30px;
     }
    
    .cover-slideshow-container, .carousel >div.post-cover-slide, .cover-slideshow-box {
    	width: 280px;
    	height: 520px;
    	overflow: hidden;
     }
    
    .activity-big-image, .activity-big-details {
    	width: 40%;
    	float: left;
     }
    
    .clients-carousel, .clients-carousel .client-group {
    	width: 700px;
    	height: 270px
     }
    
    .clients-carousel .client-group {width: 720px;}
    
    .client-item {
    	float: left;
    	width: 165px;
    	height: 122px;
    	border: 1px solid #f1f1f1;
    	background: #fafafa;
    	margin: 5px;
     }

    
    .home section#activities {
    	border-bottom: none;
    	border-right: none;
     }
    
    .home #activities .highlight.smaller:last-child .box {border-right: 1px solid #e3e3e3;}
    
    .home #activities .highlight.smaller:last-child {width: 34%}
    
    .team-list {margin-left: 40px;}
    
    .page-team #page-details-bottom .block {width: auto;}
    
    .page-team  #page-details-bottom .block .box {
    	height: auto;
    	border: none
     }
    
    .page-team #page-details-bottom {}
    
    .mini-generic-space {
    	width: 50%;
    	float: left
     }
    
    .mini-generic-space {
    	width: 50%;
    	float: left
     }
    
    	.mini-generic-space > div {float: left}
    
    	.mini-generic-space .mini-info {
    		width: 230px;
    		margin: 0 10px;
    	 }
    
    	.mini-generic-space > div {float: left}
    
    .team-list {
    	width: 105%;
    	margin-left: 0px;
    	margin-top: 10px;
     }
    
    	.team-list li {
    		width: 230px;
    		height: 500px;
    	 }
    
    .team-pic {
    	width: 230px;
    	height: 157px;
    	;
     }
    
    .contacts-pic {
    	float: left;
    	width: 70px;
    	height: 70px;
     }
    
    	.contacts-pic img {
    		width: 100%;
    		height: 100%;
    	 }
    
    .contacts-text {
    	margin-left: 10px;
    	width: 120px;
    	float: left
     }
    
    .contacts {width: 200px;}
    
    .connect {
    	float: left;
    	width: 110px;
    	margin-left: 10px;
     }
    
    	.connect li {
    		width: 32px;
    		height: 32px;
    	 }
    
    		.connect li a:hover {top: -32px;}
    
    .bottom-logo {display: block;}
    
    #footer .highlight {width: 25%;}
    
    .page-details .block .box {padding: 20px;}
    
    .page-details .clients-title-box.box {
    	border: 1px solid #e3e3e3;
    	padding: 20px;
     }
    
    	.page-details .clients-title-box.box h3 {
    		font-size: 52px;
    		line-height: 92px;
    		padding-bottom: 10px;
    		padding-top: 0;
    		text-align: center
    	 }
    
    .mini-menu {display: none;}
    
    .block:first-child .box {margin-right: 5px;}
    
    .block:last-child .box {margin-left: 5px;}
    
    .mini-boxes .highlight {width: 25%;}
    
    .highlight.smaller .box:last-child {border-right: none;}
    
    .highlight {
    	width: 25%;
    	float: left;
     }
    
    .activity-big-details h2 {margin-top: 50px;}
    
    .mini-boxes .highlight {width: 50%;}
    
    .highlight.bigger {width: 100%;}
    
    .highlight.smaller {width: 33%;}
    
    	.highlight.smaller .box {min-height: 395px;}
    
    	.highlight.smaller:nth-child(-n+4) {border-bottom: 1px solid #e3e3e3;}
    
    #footer .box {padding-right: 20px;}
    
    #header {
    	height: auto;
    	position: fixed;
    	width: 100%;
    	top: 0;
    	left: 0;
    	z-index: 3000
     }
    
    #header-box {
    	height: 70px;
    	background: white;
    	line-height: 70px;
     }
    
    	#header-box.border {border-bottom: 1px solid #e3e3e3;}
    
    .site-title {border-bottom: 1px solid #e3e3e3;}
    
    #navy {
    	float: left;
    	display: block;
    	position: static;
    	width: 100%;
    	;
    	overflow: hidden;
     }
    
    #menu-navigation-menu {width: 105%}
    
    .activity-big-image {
    	padding: 20px 30px;
    	display: block;
     }
    
    .watch-box {
    	width: 150px;
    	float: left;
    	position: relative;
    	top: -20px;
    	left: -10px
     }
    
    .contact-info {
    	width: 100px;
    	float: left;
    	font-size: 11px
     }
    
    .page-contact .contact-info {color: #a7a7a7}
    
    .nav-menu {
    	text-align: center;
    	display: block;
     }
    
    	.nav-menu li a {
    		color: black;
    		float: left;
    		padding: 0 20px;
    		font-size: 13px;
    	 }
    
    	.nav-menu li:nth-child(-n+4) a {text-transform: uppercase;}
    
    		.nav-menu li:nth-child(-n+4) a:hover {
    			-webkit-box-shadow: 0px -70px 0px 0px #000 inset;
    			box-shadow: 0px -70px 0px 0px #000 inset;
    			-moz-transition: box-shadow 0.4s,color 0.5s,background 0.5s 0.5s;
    			-webkit-transition: box-shadow 0.4s,color 0.5s,background 0.5s 0.5s;
    			transition: box-shadow 0.4s,color 0.5s,background 0.5s 0.5s;
    			color: white
    		 }
    
    	.nav-menu li a:hover {
    		-webkit-box-shadow: 0px -70px 0px 0px #ce1a20 inset;
    		box-shadow: 0px -70px 0px 0px #ce1a20 inset;
    		transition: box-shadow 0.4s,color 0.5s,background 0.5s 0.5s;
    		-moz-transition: box-shadow 0.4s,color 0.5s,background 0.5s 0.5s;
    		-webkit-transition: box-shadow 0.4s,color 0.5s,background 0.5s 0.5s;
    		color: white
    	 }
    
    	.nav-menu li a.current-browsing {
    		background: #ce1a20;
    		color: white
    	 }
    
    .highlight.biggest, .highlight.bigger2 {width: 100%;}
    
    .highlight.bigger2 .activity h3 {
    	text-align: center;
    	font-size: 17px;
     }
    
    .page-service .highlight.biggest {float: right}
    
    .highlight.biggest .activity-big-image, .highlight.biggest .activity-big-details {width: 38%}
    
    .page-details {
    	font-size: 12px;
    	color: #8c8c8c;
     }
    
    .page-contact #page-details {margin-bottom: 10px}
    
    #map-intro {padding-bottom: 7px}
    
    .page-details .block .box {
    	height: 80px;
    	overflow: hidden
     }
    
    .page-details h1 , h3.clients-title {font-size: 52px;}
    
    .page-details h1.long-title {
    	font-size: 52px;
    	line-height: 100px;
     }
    
    .intro-box {font-size: 13px;}
    
    .mini-info h3 {margin-bottom: 10px}
    
    .contact-box h3 {
    	margin-bottom: 4px;
    	font-size: 14px;
    	font-weight: bold;
     }
    
    .contact-box .contacts h3 {
    	margin-bottom: 5px;
    	font-size: 14px;
    	font-weight: bold;
     }
    
    .connect ul {
    	position: relative;
    	top: -3px;
     }
    
    .page-details  .block:first-child .box {border-left: 0;}
    
    .page-details  .block:last-child .box {border-right: 0;}
    
    .carousel-outer {width: 700px;}
    
    .carousel-box {
    	width: 740px;
    	position: relative;
    	left: -10px;
     }    
    .cover-presentation {
    	position: absolute;
    	top: 10px;
    	left: 0;
    	z-index: 500;
    	width: 50%;
     }
    
    .cover-image {
    	position: absolute;
    	top: 0;
    	right: 0;
    	z-index: 100;
     }
    
    	.cover-image .box {}
    

    
    .work-details-box {
    	height: 0;
    	background: #dcdddd;
    	width: 0;
    	float: left;
    	position: relative
     }
    
    .mark {
    	top: 0;
    	border: solid transparent;
    	content: " ";
    	height: 0;
    	width: 0;
    	position: absolute;
    	pointer-events: none;
    	border-bottom-color: #dcdddd;
    	border-width: 20px;
    	left: 50%;
    	margin: -20px 0 0 -20px;
     }
    
 
    
    .work-item {
    	width: 347px;
    	height: 260px;
    	margin-top: 10px;
    	margin-left: 5px;
    	margin-right: 5px;
     }
  
 
    
    	.work-item.big-view {
    		background: #fff;
    		width: 700px;
    		height: 420px;
    		padding: 10px;
    	 }
    
    .single-portfolio     .work-item.big-view {width: 720px}
    
    .single-portfolio  .gallery  li {
    	width: 370px;
    	float: left
     }
    
    .gallery {
    	width: 347px;
    	height: 260px;
    	float: left;
    	overflow: hidden;
    	position: relative;
    	margin: 0
     }
    
    .gallery-work-image {
    	width: 347px;
    	height: 260px;
     }
    .work-image img {
        width: 100%;
        }
    .work-details, .gallery-work-details {
     	font-size: 13px;
    	padding: 10px 20px 10px 20px;
    	height: auto;
    	float: left;
     }
     .overlay span.work-detail-title {
        margin-top: 10px;
        display: block;
        font-size: 18px;
       	text-transform: uppercase;
 
     }
    
    .single .work-details {padding: 10px 0px 10px 30px;}
    
    .gallery img {
    	width: 100%;
    	height: 100%;
     }
    
    .page-contact .page-details h1, #page-details2 h2 {
    	font-size: 60px;
    	position: relative;
    	left: -5px;
     }
     #page-details2 h2 {
        text-align: center; 
        text-transform: uppercase
     }
    .cover-slideshow-container, .carousel >div.post-cover-slide, .cover-slideshow-box {
    	width: 700px;
    	height: 290px;
    	overflow: hidden;
     }
    
    .cover-slideshow-container {margin: 0 auto}
    
    #footer .highlight {
    	position: relative;
    	height: 220px;
    	line-height: 1.5
     }
    
    #footer-navigation {
    	position: absolute;
    	bottom: 0
     }
    
    .work-with-us-minibox p:last-child a, .contact-us-minibox p:last-child a {
    	position: absolute;
    	bottom: 0
     }
    
    #footer .nav-menu li {
    	line-height: 30px;
    	height: 30px;
    	float: none;
    	line-height: 30px
    	padding-left: 0;
     }
    
    .connect.social-end {
    	width: 190px;
    	float: right;
    	text-align: right;
    	text-transform: uppercase;
    	vertical-align: middle;
    	position: relative;
    	top: -13px;
     }
    
    .connect-text {
    	display: block;
    	float: left;
    	margin-right: 10px;
    	padding-top: 10px;
     }
    
    .footer-start {
    	float: left;
    	width: 410px;
    	line-height: 12px;
    	height: 30px;
    	color: #555;
     }
    
    
   
/* animated elements */
.animateblock {
  color: #fff;
  opacity: 0;
  -webkit-transition: all 0.55s linear;
  -moz-transition: all 0.55s linear;
  transition: all 0.55s linear;
}

.animateblock.animated {
  opacity: 1;
}

/* animation transition styles */
.animateblock.left {
  margin-left: -2%;
}
.animateblock.left.animated {
  margin-left: 12%;
}

.animateblock.right {
  display: block;
  margin-left: 100%;
}
.animateblock.right.animated {
  margin-left: 70%;
}

.animateblock.top {
  display: block;
  width: auto;
  text-align: center;
  margin-top: -25px;
}
.animateblock.top.animated {
  margin-top: 0px;
}

.animateblock.btm {
  display: block;
  width: auto;
  text-align: center;
  margin-top: 25px;
}
.animateblock.btm.animated {
  margin-top: 0;
}

.animateblock.centerleft {
  display: block;
  width: auto;
  text-align: center;
  margin-right: -10%;
}
.animateblock.centerleft.animated {
  margin-right: 0;
}

.animateblock.centerright {
  display: block;
  width: auto;
  text-align: center;
  margin-left: -10%;
}
.animateblock.centerright.animated {
  margin-left: 0;
}

.animateblock.center {
  margin-left: 2%;
}
.animateblock.center.animated {
  margin-left: 42%;
}

.animateblock.size {
  display: block;
  width: 80%;
  height: 80%;
  text-align: center;
  margin: 0 auto
}
.animateblock.size.animated {
  width: 100%;
  height: 100%;
}

    
    
.animateblock.opaleft.animated {
opacity: 1;
position: relative;
left: 0;
bottom: 0
}
.animateblock.opaleft {
opacity: 0;
left: -55px;
bottom: -55px
}
.animateblock.opatop.animated {
opacity: 1;
position: relative;
top:0
}
.animateblock.opatop {
opacity: 0;
top:55px
}
}


@media only screen  and (max-width : 767px) {
    body {
    padding-top: 70px;
    }
    
    #header {
    position: fixed;
    top:0;
    background: white;
    z-index: 2000;
    width: 100%;
}
    .page-team .mini-info .text br,
    .page-service .mini-info .text br,
    .page-about .mini-info .text br,
    .highlight.smaller.activity br {
        display: none
    }
       .page-team .mini-info .text,
       .page-service .mini-info .text,
       .page-about .mini-info .text {
        font-size: 12px
       } 
    .mini-menu {
    	top: 17px;
    	right: 15px;
     }
    
    
    .nav-menu li a:hover {
    	background: #ce1a20;
    	color: white;
     }
    
    .nav-menu li:nth-child(-n+4) a:hover {
    	background: black;
    	color: white;
     }

    .nav-menu li:nth-child(-n+4) a  {
    text-transform: uppercase;

     }    
    .social-end.connect li {
    	width: 25px;
    	height: 25px;
     }
    #header-box.wrapper.wrapper {
        width: 90%
    }
    
    
    #works .works-list {width: 100%;}
    
    #works .work-item {
     	float: none
     }
    
    .team-list li {
    	float: none;
    	margin: 0 auto
     }
    .work-detail-title {
text-transform: uppercase;
display: block;
  margin-bottom: 5px;
    }
    .work-details-box {
    	height: 0;
    	background: #dcdddd;
    	margin: 0 auto
     }
    
    .video-iframe-container {
    	margin-bottom: 30px;
    	width: 290px;
    	height: 200px;
     }
    
    .gallery li {
    	width: 290px;
    	height: 220px;
    	float: left
     }
    
    	.gallery li img {
    		width: 290px;
       	height: 220px;
 		float: left
    	 }
    
    .gallery-work-details .box {padding-left: 10px;}
    
    .gallery-work-details {
    	overflow: hidden;
    	clear: both;
    	max-width: 90%;
     }
    
    	.gallery-work-details h2 {margin-bottom: 20px;}
    
    	.gallery-work-details .text {
    		font-size: 16px;
    		line-height: 1.4;
    	 }
    
    #footer, #credits-social {
    	font-size: 10px;
    	line-height: 1.4;
     }
    
    .wrapper .wrapper {width: 100%;}
    
    #header {margin-top: 0;}
    
    .contact-box .connect {
    	margin: 0 auto;
    	float: none;
    	text-align: center
     }
    
    .clients-container {
    	height: 370px;
    	overflow: hidden;
    	margin-bottom: 20px;
     }
    
    .exposition {
    	height: 600px;
    	overflow: hidden;
     }
    
    	.exposition .work-item {margin-bottom: 10px}
    
    #clients {margin-top: 30px;}
    
    #footer .footer-col-1, #footer .footer-col-2 {
    	width: 50%;
    	margin-bottom: 20px;
     }
    
    .home .page-details .clients-title-box.box h3 {padding: 5px 0}
    
    #team .mini-generic-space:first-child {margin-bottom: 30px;}
    
    #team .mini-generic-space {
    	width: 100%;
    	margin: 15px 0px;
    	overflow: hidden
     }
    
    .home .highlight.smaller:last-child .box,
    .page-about .highlight.count-item-6 .box,
    .page-service .highlight.count-item-4 .box {padding-bottom: 30px}
    
    #team .mini-info {
    	width: 170px;
    	float: left;
    	font-size: 11px;
     }
    
    #team .mini-thumb {
    	width: 100px;
    	float: left;
    	margin-right: 10px;
     }
    
    .page-details .block .box.no-all-borders {
    	border: none;
    	border-bottom: 1px solid #e3e3e3;
    	padding: 0;
    	margin-bottom: 30px;
     }
    
    .contact-box h3 {margin-bottom: 10px;}
    
    .contact-box .connect ul {
    	overflow: hidden;
    	margin-left: 10px;
     }
    
    .page-details .block .box.contact-box {padding: 20px 0}
    
    .contact-box .contacts {
    	float: none;
    	margin: 0 auto;
     }
    
    .contact-box .contacts-text {
    	width: 100%;
    	text-align: center;
    	margin: 0 0 20px;
     }
    
    	.contact-box .contacts-text p {font-size: 14px}
    
    .contacts-pic {display: none}
    
    .single-portfolio  .work-item.big-view {width: 100%;}
    
    .single-portfolio  .item-container {
    	width: 100%;
    	padding: 0;
     }
    
    .single-portfolio .gallery {margin-bottom: 15px;}
    
    .single-portfolio h2 {
    	margin-bottom: 15px;
    	line-height: 1.2;
     }
    
    .single-portfolio .text {line-height: 1.5}
    
    .single-portfolio .gallery li {
    	width: 320px;
    	float: left;
     }
    
    .single-portfolio  .work-item img, .single-portfolio  .work-item a {
    	width: 290px;
    	height: 200px;
     }
    
    .work-item,   .work-item img,   .work-item a , .carousel > div {
    	width: 290px;
    	height: 220px
     }
     
    .video-item img {
    height: auto
    }
     
    #works .work-item {
    	position: relative;
    	left: -2px;
     }
    
    .carousel-box, #portfolio-preview .carousel-outer {width: 290px;}
    
    .social-end.connect {margin-left: 0;}
    
    .connect-text {
    	display: block;
    	float: none;
    	margin: 20px 0 5px
     }
    
    section#portfolio-preview {margin-top: 30px}
    
    .home section#portfolio-preview {margin-top: 0}
    
    .contacts-text {
    	height: 100px;
    	overflow: hidden;
     }
    
    .page-details .block .box {
    	padding: 10px;
    	font-size: 17px;
     }
    
    .cover-presentation p {font-size: 14px}
    
    .cover-slideshow-container {margin-top: 0}
    
    .cover-slideshow-container, .carousel >div.post-cover-slide, .cover-slideshow-box {height: 530px}
    
    .cover-image .box {padding-top: 0}
    
    .post-cover-container .cover-presentation .box {padding: 0}
    
    .page-team .box.intro-box {margin-top: 10px;}
    
    .cover-presentation h2 {margin-top: 0}
    
    .page-about .activity.count-item-1 .box, 
    .page-service .activity.count-item-1 .box {border-top: 1px solid #e3e3e3;}
    
    .page-about .activity.count-item-1,
    .page-service .activity.count-item-1 {margin-top: 30px}
    
    .page-about  .highlight.bigger,
    .page-service  .highlight.biggest {margin-top: 30px;}





    }



@media only screen and (min-width : 760px) and (max-width : 1159px) 
{

    .contact-box .contacts h3,  .contact-box .connect h3 {font-size: 12px;}
    
    .overlay {
        width:96%;
        height: 96%;
        padding: 2%;
        
    
    }
    .social-links {
    margin-left: 45px;
    }
    
    .works-list {left: -2px}
    
    .home #portfolio-preview {padding: 20px 0 5px;}
    
    .work-details .text, .gallery-work-details h2 {
    	margin-bottom: 10px;
    	font-weight: bold;
    	font-size: 20px;
    	line-height: 1
     }
    
    .work-details .text, .gallery-work-details .text {font-size: 11px}
    
    #footer , #credits-social {font-size: 10px}
    
    #footer .highlight {height: 170px}
    
    .page-work #footer {margin-top: 0}
    
    .home .page-details .block .box.contact-box, 
    .page-contact .page-details .block .box.contact-box, 
    .page-team .page-details .block .box.contact-box, 
    .page-work .page-details .block .box.contact-box, 
    .page-about .page-details .block .box.contact-box, 
    .page-service .page-details .block .box.contact-box {
    	padding-top: 27px;
    	padding-bottom: 13px;
     }
    
    .home .contacts-text,
    .page-contact .contacts-text,
    .page-team .contacts-text,
    .page-work .contacts-text,
    .page-about .contacts-text,
    .page-service .contacts-text {line-height: 1.2}
    
    .home .contacts-pic,
    .page-contact .contacts-pic,
    .page-team .contacts-pic,
    .page-work .contacts-pic,
    .page-about .contacts-pic,
    .page-service .contacts-pic {
    	width: 53px;
    	height: 53px;
     }
    
    .home .contact-box .contacts h3,
    .page-contact .contact-box .contacts h3,
    .page-work .contact-box .contacts h3,
    .page-team .contact-box .contacts h3,
    .page-about .contact-box .contacts h3,
    .page-service .contact-box .contacts h3 {margin-bottom: 1px}
    
    .connect li {margin-right: 5px}
    
    .mate-info.first-info {display: none;}
    
    #navy {border-bottom: 1px solid #e3e3e3;}
    
    .nav-menu li#menu-item-63 a {margin-right: 10px;}
    
    .nav-menu li a {
    	color: black;
    	float: left;
    	padding: 0 18px!important;
    	font-size: 13px;
     }
    
    .nav-menu li:last-child a {padding: 0 28px 0 22px!important;}
    
    .nav-menu li:nth-child(-n+4) a {
    	text-transform: uppercase;
    	width: 46px;
    	padding: 0 20px!important;
     }
    
    .clients-container-outer {margin: 5px 0 2px;}
    
    .carousel >div.post-cover-slide img {
    	position: relative;
    	left: 80px;
     }
    
    .page .block.jubilat-regular, .page-team .box.intro-box.jubilat-regular {
    	font-size: 13px;
    	line-height: 1.3
     }
    
    .home .clients-desc p {
    	position: relative;
    	top: 2px;
     }
    
    .bottom-logo img {
    	width: 160px;
    	height: 160px;
     }
    
    .page-details .block .box {
    	height: 68px;
    	overflow: hidden;
     }
    
    .home .page-details .clients-title-box.box h3 {font-size: 68px;}
    
    .clients-desc p {
    	position: relative;
    	top: 10px;
     }
    
    .home .highlight.smaller .box {min-height: 335px;}
    
    .page-details h1, h3.clients-title {
    	font-size: 65px;
    	line-height: 68px;
     }
    
    #footer .highlight.footer-col-1 {width: 20%}
    
    #footer .highlight.footer-col-3 {width: 30%}
    
    	#footer .highlight.footer-col-3 .box {padding-right: 0}
    
    #footer .highlight.footer-col-1 .box {padding-left: 10px}
    
    .gallery ul li {float: left;}
    
    .page-service .activity .text {padding: 0 60px}
    
    .page-service #activities .highlight.smaller .box {min-height: 315px!important;}
    
    .activity-big-details h2 {
    	margin-top: 30px;
    	font-size: 40px;
    	margin-bottom: 10px;
     }
    
    .mini-generic-space .mini-info {width: 215px;}
    
    .page-team .box.intro-box {font-size: 19px}
    
    .page-service #activities .activity-big-details h2 {
    	font-size: 33px;
    	;
    	line-height: 1;
    	margin-bottom: 30px;
     }
    
    .page-service .highlight.smaller.count-item-2 .box, .page-service .highlight.smaller.count-item-4 .box,
    .page-about .highlight.smaller.count-item-3 .box, .page-about .highlight.smaller.count-item-6 .box {border-right: 1px solid #e3e3e3;}
    
    .page-about .highlight.smaller.count-item-3  , .page-about .highlight.smaller.count-item-6 {width: 34%}
    
    .page-service .highlight.smaller.count-item-2 .box, .page-service .highlight.smaller.count-item-4 .box {border-right: 1px solid #e3e3e3;}
    
    .page-service .highlight.smaller.count-item-1 .box, .page-service .highlight.smaller.count-item-2 .box,
    .page-about .highlight.smaller.count-item-1 .box, .page-about .highlight.smaller.count-item-2 .box, .page-about .highlight.smaller.count-item-3 .box {border-top: 1px solid #e3e3e3;}
    
    .page-service .highlight.biggest {margin-top: 10px;}
    
    	.page-service .highlight.biggest .activity-big-image, .page-service .highlight.biggest .activity-big-details {
    		width: 40%;
    		padding: 5%;
    	 }
    
    .page-about .highlight.bigger .activity-big-image, .page-about .highlight.bigger .activity-big-details {
    	width: 40%;
    	padding: 5%;
     }
    
    .page-service .activity-big-details h2 {margin-top: 10px}
    
    .page-about #activities .highlight.smaller .box {min-height: 345px;}
    
    .page-service #activities .highlight.smaller .box {min-height: 285px;}
    
    #activities {margin-bottom: 30px;}
    
    .gallery-work-details.videoframe {
    	width: 210px;
    	padding: 0 20px;
     }
    
    .video-iframe-container {
    	width: 470px;
    	height: 250px;
    	float: left;
     }
    
    .page-work #page-details {margin-bottom: 10px;}
    
    .video-iframe-container {
    	width: 430px;
    	margin-top: 40px;
    	margin-bottom: 100px;
     }
    
    .priority {
    	border-bottom: 1px solid #e3e3e3;
    	padding-bottom: 30px;
     }
    
    #footer {margin-top: 20px;}
    
    .connect li {margin-top: 3px;}
    
    .connect.social-end {top: -4px;}
    
    .contacts-text {font-size: 10px}
    
        .page-team .mini-info .text br,
    .page-service .mini-info .text br,
    .page-about .mini-info .text br,
    .highlight.smaller.activity br {
        display: none
    }
#contacts2 .block.jubilat-regular {
    font-size: 13px;
    line-height: 1.3;
    width: auto;
    float: none
}
.team-list li {
 height: 540px;
}

.page-team .page-details .mini-info .text {
    font-size: 13px
}

    #main-intro .post-cover-container .bigimg {
    max-height: 356px !important;
    max-width: 540px !important;
    left: auto!important;
    right:0;
    
    }
}


@media only screen  and (min-width : 1160px) {
.overlay span.work-detail-title {
 
  margin-top: 115px;
  display: block;
}
.social-links {
    margin-left: 145px
}

    .coverimg-box {
        position: relative;
        width: 1150px;
        height: 440px;
    }
    
    #main-intro .post-cover-container .bigimg {
    max-height: 580px !important;
    
    }
    
    /* Styles */
    .activity-big-details {
    	text-align: center;
    	font-size: 20px;
    	line-height: 1.3;
    	padding: 0 20px
     }
    
    #contacts.mini-boxes .block {width: 50%;}
    
    .page-contact #contacts {height: 170px;}
    
    .contact-box h3 {margin-bottom: 10px;}
    
    .home .page-details .clients-title-box.box h3 {padding-top: 24px}
    
    .slide-arrow {
    	display: block;
    	top: 50%
     }
    
    .connect li {
    	width: 50px;
    	height: 50px;
    	float: left;
    	margin-right: 10px;
     }
    
    .social-end.connect li {
    	width: 25px;
    	height: 25px;
    	margin-top: 13px;
     }
    
    .home section#activities {border-bottom: 1px solid #e3e3e3;}
    
    .home #activities .highlight.smaller:last-child .box {border-right: none}
    
    .home #activities .highlight.smaller:last-child {width: 21%}
    
    .cover-slideshow-container, .carousel >div.post-cover-slide, .cover-slideshow-box {
    	width: 700px;
    	height: 320px;
    	overflow: hidden;
     }
    
    .connect li a:hover {top: -50px;}
    
    body {padding-top: 81px;}
    
    #header {height: 70px;}
    
    #navy {
    	width: 949px;
    	overflow: hidden;
     }
    
    #menu-navigation-menu {width: 105%}
    
    .site-title {width: 200px}
    
    .intro-box {font-size: 19px;}
    
    .block {margin-bottom: 0}
    
    .page-team .page-details .block, .page-team #page-details-bottom .block {width: 50%;}
    
    .page-team  .page-details .block .box,    .page-team  #page-details-bottom .block .box {height: 80px}
    
    .page-team  #page-details-bottom .block .box {
    	height: 100px;
    	border: 1px solid #e3e3e3;
     }
    
    .page-team  #page-details-bottom  .block:first-child .box {border-left: 0;}
    
    .page-team  #page-details-bottom  .block:last-child .box {border-right: 0;}
    
    #page-details-bottom {border-bottom: none;}
    
    .cover-presentation h2 {
    	margin-top: 30px;
    	font-size: 44px;
     }
    
    .cover-presentation {
    	line-height: 39px;
    	font-size: 40px;
    	margin: 45px 0;
    	width: 430px;
     }
    
    	.cover-presentation p {
    		color: #8c8c8c;
    		font-size: 17px;
    		line-height: 1.4;
    		margin-top: 20px;
    		text-transform: none;
    	 }
    
    .carousel > div {
    	width: 280px;
    	height: 220px;
    	float: left;
    	color: #696969;
     }
    
    .clients-carousel, .clients-carousel .client-group {
    	width: 1150px;
    	height: 350px
     }
    
    .clients-carousel .client-group {width: 1170px;}
    
    .client-item {
    	width: 220px;
    	height: 150px;
    	margin: 5px;
     }
    
    .connect.social-end {width: 25%;}
    
    .connect-text {padding-top: 20px;}
    
    .footer-start {
    	width: 810px;
    	line-height: 30px;
     }
    
    #works {margin-bottom: 30px;}
    
    .works-list {
    	position: relative;
    	left: -5px
     }
    
    .page-details .block .box {
    	border: 1px solid #e3e3e3;
    	padding: 35px;
     }
    
    .highlight.smaller .box {
    	text-align: center;
    	border-left: 1px solid #e3e3e3;
    	min-height: 380px;
     }
    
    .page-about .highlight.smaller .box {
    	text-align: center;
    	border-left: 1px solid #e3e3e3;
    	min-height: 330px;
     }
    
    .page-service .highlight.smaller .box {
    	text-align: center;
    	border-left: 1px solid #e3e3e3;
    	min-height: 330px;
     }
    
    .home .highlight.smaller .box {min-height: 325px;}
    
    .home .highlight.smaller:nth-child(-n+4) {border-bottom: none}
    
    .cover-presentation h2 {
    	margin-top: 20px;
    	padding-top: 20px
     }
    
    .highlight.bigger {width: 37%;}
    
    .highlight.bigger2 {width: 50%; /* width: 42%;*/}
    
    	.highlight.bigger2 .highlight {width: 50%;}
    
    		.highlight.bigger2 .highlight .box {
    			border-right: 1px solid #e3e3e3;
    			padding: 5px;
    			height: 395px;
    			text-align: center;
    		 }
    
    .page-service .highlight.bigger2 .highlight .box {height: 340px;}
    
    .highlight.bigger2 .highlight:nth-child(-n+2) .box {border-bottom: none;}
    
    .highlight.bigger2  .highlight.smaller {border-bottom: none;}
    
    	.highlight.bigger2  .highlight.smaller:nth-child(-n+2) {border-bottom: 1px solid #e3e3e3;}
    
    .highlight.biggest {width: 50%; /* width: 58%; */}
    
    	.highlight.biggest .activity-big-image, .highlight.biggest .activity-big-details {width: auto}
    
    .highlight.bigger2 .activity h3 {
    	text-align: center;
    	font-size: 23px;
     }
    
    .highlight.biggest .text {
    	line-height: 1.3;
    	font-size: 20px;
    	padding: 0 10px
     }
    
    .highlight.biggest h2 {
    	font-size: 30px;
    	margin-bottom: 20px;
     }
    
    .page-details .block:first-child .box {padding: 35px 10px 35px 0;}
    
    .highlight.bigger2  .highlight.smaller .box {border-left: none}
    
    .highlight.smaller {width: 21%;}
    
    .activity-big-details h2 {margin-top: 3px;}
    
    .page-service .activity-big-details h2 {margin-top: 12px;}
    
    .activity-big-image, .activity-big-details {
    	width: auto;
    	float: none;
    	margin: 0 auto;
    	width: 305px;
     }
    .page-service .highlight.biggest .activity-big-image  {
        width: 437px;
        height: 437px;
    }
    .home #activities , #contacts2 {margin-bottom: 30px;}
     .home #contacts {
        margin-bottom: 10px
     } 
    #activities {margin-bottom: 20px;}
    
    #clients .page-details .box {padding: 20px 20px 10px}
    
    	#clients .page-details .box.clients-desc {
    		padding-top: 25px;
    		font-size: 19px;
    		line-height: 24px;
    		height: 95px
    	 }
    
    .page-details h1, h3.clients-title {font-size: 82px;}
    
    .page-details h1.long-title {font-size: 60px;}
    
    .page-details .clients-title-box.box h3 {
    	font-size: 102px;
    	line-height: 102px;
    	padding-bottom: 10px;
    	text-align: center;
    	position: relative;
    	left: 10px;
     }
    
    .page-details h1, #page-details2 h2 {
    
    	font-size: 112px;
    	line-height: 110px;
    	position: relative;
    	top: -18px;
     }
     
     #page-details2 .intro-box h2 {
        font-size: 107px;
     }
    
    .page-contact .page-details h1 {font-size: 102px}
    
    .page-service .page-details h1 {font-size: 112px}
    
    .page-details .block .box {
    	height: 75px;
    	overflow: hidden
     }
    
    	.page-details .block .box.clients-title-box {height: 100px;}
    
    #header-box {
    	height: 70px;
    	background: white;
    	line-height: 70px;
     }
    
    .site-title {
    	float: left;
    	border-right: 1px solid #e3e3e3;
    	border-bottom: none;
     }
    
    .nav-menu li {float: left;}
    
    	.nav-menu li a {float: left;}
    
    	.nav-menu li a {
    		width: auto;
    		font-size: 12px;
    		padding: 0 33px
    	 }
    
    	.nav-menu li:nth-child(-n+4) a {
    		width: 123px;
    		padding: 0
    	 }
    
    	.nav-menu li:nth-child(4) {margin-left: 10px;}
    
    	.nav-menu li:last-child a {padding: 0 37px}
    
    .wrapper {width: 1150px;}
    
    .cover-slideshow-container, .carousel >div.post-cover-slide, .cover-slideshow-box {
    	width: 1150px;
    	height: 460px;
    	overflow: hidden;
     }
    
    .page_intro_image {
    	width: 1150px;
    	max-height: 460px;
    	overflow: hidden;
     }
    
    	.page_intro_image img {
    		width: 100%;
    		max-height: 460px;
    	 }
    
    .carousel >div.post-cover-slide img {
    	max-width: 100%;
    	max-height: 100%;
     }
    
    .block {}
    
    .contacts {
    	color: #333;
    	font-size: 10px;
    	line-height: 1.6;
    	float: left;
     }
    
    .contacts {width: 265px;}
    
    .contacts-text {width: 150px}
    
    .contacts-pic {
    	float: left;
    	width: 85px;
    	height: 85px;
     }
    
    .connect {
    	margin-left: 30px;
    	width: 170px
     }
    
   #main-intro .post-cover-container {
    	width: 1150px;
    	height: 440px;
     }
     
     #main-intro div.post-cover-slide {
height: 460px;
}
    
    .page-about .activity-big-details {
    	padding: 0 35px;
    	line-height: 1.3
     }
    
    .carousel-outer {width: 1150px;}
    
    .carousel-box {
    	width: 1170px;
    	position: relative;
    	left: -10px;
     }
    
    .activity-big-image img {
    	width: 295px;
    	height: 295px;
     }
    
    .biggest .activity-big-image {text-align: center}
    
    	.biggest .activity-big-image img {
      		text-align: center;
     	 }
    
    .work-item {
    	width: 570px;
    	height: 435px;
    	overflow: hidden;
    	margin-top: 10px;
     }

    
    .work-image img{
    	max-width: 580px;
 
     } 
    
    .item-container {padding: 0;}
    
    .content-show {
        position: absolute;
        top:0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .big-view .item-container {padding: 0}
    
 
    
    .single-portfolio     .work-item.big-view {width: 1150px}
    
    .single-portfolio  .gallery  li {
    	width: 570px;
    	float: left
     }
    
    .page-service .smaller.activity .text {padding: 0 45px}
    
    .page-service .activity-big-details .text {line-height: 1.3}
    
    .single .work-item.big-view {
    	background: white;
    	margin: 30px 0;
     }
    
    .work-item.big-view a.work-image {cursor: default}
    
    .work-item.big-view img {
    	width: 100%;
    	height: 100%;
    	display: block
     }
    
    .work-item.big-view {
    	width: 1150px;
    	margin: 10px 0 0 10px;
    	height: 440px;
     }
    
    	.work-item.big-view .work-image  , .work-item.big-view .work-details, .gallery-work-image , .gallery-work-details, .gallery {
    		width: 570px;
    		height: 440px;
    		float: left;
    	 }
    
        .work-details, .gallery-work-details {
     	font-size: 15px;
 
     }
     .overlay span.work-detail-title {
        
        font-size: 20px;
  
     }
    
    
    .work-details .text, .gallery-work-details .text {padding-right: 90px}
    
    .work-item.big-view .work-image {width: 570px;}
    
    .gallery-work-details {height: auto}
    
   .content-show .gallery {
    	width: 580px;
    	height: 440px;
    	position: relative
     }
    
    .gallery-work-image {
    	width: 580px;
    	height: 440px;
     }
    
    .content-show .gallery ul li {
    	width: 580px;
    	height: 440px;
     }
    
    .gallery {overflow: hidden;}
    
    	.gallery ul li {
    		width: 570px;
    		height: 440px;
    		float: left;
    		position: relative;
    	 }
    
    	.gallery img {
    		width: 100%;
    		height: 100%;
    	 }
    
    .video-iframe-container {
    	width: 760px;
    	height: 440px;
    	float: left;
     }
    
    .work-item.big-view .work-details , .gallery-work-details {
    	font-size: 33px;
    	width: 500px;
    	padding: 30px;
     }
    
    .work-item.big-view .work-details {padding: 0 30px;}
    
    .gallery-work-details {
    	width: 520px;
    	padding: 0 30px;
     }
    
    	.gallery-work-details.videoframe {
    		width: 330px;
    		padding: 0 30px;
    	 }
    
    .mini-generic-space .mini-info {
    	width: 130px;
    	margin: 0 10px 0 10px;
     }
    
    .gallery .description {
    	position: absolute;
    	bottom: 20px;
    	padding: 10px;
    	background: black;
    	color: white;
    	text-align: center;
     }
    
    .work-details h2,  .gallery-work-details h2 {
    	font-weight: bold;
    	font-size: 35px;
    	line-height: 1;
    	margin-bottom: 10px;
     }
    
    .mate {margin-bottom: 30px;}
    
    .mate-info {
    	width: 240px;
    	padding-right: 30px;
    	float: left;
     }
    
    .mate-pic {
    	width: 880px;
    	height: 495px;
    	float: left;
    	margin: 0;
     }
    
    	.mate-pic.video-team {
    		width: 1150px;
    		height: 645px
    	 }
    
    .main-mate.mate {margin-bottom: 10px;}
    
    .team-list {margin-top: 30px;}
    
    .mate-description {
    	clear: both;
    	margin: 10px 0;
     }
    
    .mate-pic img {width: 100%;}
    
 
    
     
    .mini-boxes .highlight {width: 25%;}
    
    .home .highlight.bigger {display: block;}
    
    .team-list li {
    	width: 280px;
    	height: 500px;
     }
    
    .team-pic {
    	width: 280px;
    	height: 191px;
    	;
     }
    
    .footer-start br {display: none;}
    
    
     
    
}

@media only screen  and (min-width : 1300px) {
    .slide-arrow.next {
        right: -80px;
        background: url(../images/next.png) no-repeat;
    }
    .slide-arrow.prev {
        left: -80px;
        background: url(../images/prev.png) no-repeat;
    }
    
    
    }
    



@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */
.hidden {
    display: none;
}

.group:before,
.group:after,
.box:before,
.box:after {
    content: " ";
    display: table;
}

.box:after,
.group:after {
    clear: both;
}

.box,
.group {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}