/* ---------------------------------------------------------- */
/* LIQUIRIZIA
/* Parallax Responsive Portfolio
/* by Muvolab
/* www.muvolab.com
/*  --------------------------------------------------------- */

/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
	width: 1920px;
	overflow: auto;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
}
body {
	color: #000;
	font-family: 'Open Sans', sans-serif;
	height: 100%;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
   display: block
}
input, select, textarea, label, ul, button {
	border: 0;
	outline: none;
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	margin: 0;
	padding: 0
}
a {
	outline: medium none;
	text-decoration: none;
	color: #c5c5c5;
}
img {
	border: none;
	vertical-align: bottom;
	margin: 0;
	padding: 0
}
#super_container {
	color: #666;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
}

/* ------------------------------------------------------------------------ */
/* HEADER                                                                   */
/* ------------------------------------------------------------------------ */

header#header {
	width: 100%;
	height: 55px;
	background: rgba(146,146,146,1.0);
	position: fixed;
	z-index: 9999;
	font-family: 'Open Sans', sans-serif;
}

.loading-gif{
	width:100%;
	height:100%;
	position:relative
}

.loading-gif img{
	position:absolute;
	top:50%;
	left:50%;
	margin:-15px 0 0 -15px;
}

/* ------------------------------------------------------------------------ */
/* BRAND - Brand, payoff                                                    */
/* ------------------------------------------------------------------------ */

.brand {
	float: left;
}
.payoff {
	display: inline-block;
	font-size: 12px;
	color:#1a1e28;
	padding: 19px 19px;
	font-weight: normal
}


/* ------------------------------------------------------------------------ */
/* TOP NAV - Menu customization                                             */
/* ------------------------------------------------------------------------ */
nav#topNav {
	float: right;
}
nav#topNav select {
	display: none
}
nav#topNav ul {
	list-style-type: none
}
nav#topNav ul li {
	float: left
}
nav#topNav ul li a {
	display: block;
	font-size: 14px;
	color:#1a1e28;
	padding: 18px 10px;
	transition: background .50s ease-in-out;
	-moz-transition: background .50s ease-in-out;
	-webkit-transition: background .50s ease-in-out;
}
nav#topNav ul li a:hover, nav#topNav ul li a.active {
	background-color: #b4343a;
	color:#fff
}

/* ------------------------------------------------------------------------ */
/* HEAD SLIDER - Title, subtitle, text with different font-family           */
/* ------------------------------------------------------------------------ */


.title_head {
	font-size: 92px;
	font-family: 'Courier', serif;
	font-weight: 900;
}
.subtitle_head {
	font-size: 45px;
	font-family: 'Courier', serif;
	font-weight: normal;
}
.txt_head {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: normal;
}
.title_head, .subtitle_head, .txt_head {
	text-shadow: 1px 1px 2px #000;
	color: #fff;
	width:900px;
}

a.btn_slider{
	width: 85px;
	text-align: center;
	background: rgba(47,59,71,0.9);
	padding:10px 15px;
	display:inline-block;
	color:#fff;
	transition: background .25s ease-in-out;
	-moz-transition: background .25s ease-in-out;
	-webkit-transition: background .25s ease-in-out;
}
a.btn_slider:hover{
	background-color:#b33539;
}



/* ------------------------------------------------------------------------ */
/* PARALLAX                                                                 */
/* ------------------------------------------------------------------------ */

.parallax{
	position: relative;
	overflow: hidden;
	width: 100%;
}
.parallax1 {
	height: 740px;
}
.parallax2, .parallax3, .parallax4 {
	height: 440px;
}

/* ------------------------------------------------------------------------ */
/* PARALLAX BACKGROUND - These containers are located between sections, in  */
/* numerical order. Here you can change the background image                */
/* ------------------------------------------------------------------------ */

.bg1,.bg2,.bg3,.bg4 {
	background: transparent top center fixed no-repeat;background-size: cover !important;	
}

.touch-supported .bg1 {
	background-attachment: scroll;
	background-size: auto;
	background-position: 50% -90px;
}
.touch-supported .bg2 {
	background-attachment: scroll;
	background-size: auto;
	background-position: 50% -250px;
}
.touch-supported .bg3 {
	background-attachment: scroll;
	background-size: auto;
	background-position: 50% -90px;
}
.touch-supported .bg4 {
	background-attachment: scroll;
	background-size: auto;
	background-position: 50% -90px;
}

/* ------------------------------------------------------------------------ */
/* PARALLAX Slider							    */
/* ------------------------------------------------------------------------ */

.js-background{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: absolute;
	background-size: 100%;
}

.parallax1 .first-el {
	position: absolute;
	top: 280px; 
}
.parallax1 .second-el {
	position: absolute;
	top: 390px; 
}
.parallax1 .third-el {
	position: absolute;
	top: 520px; 
}

.parallax1 .first-el, .parallax1 .second-el , .parallax1 .third-el{
	left:40px
} 

.slider-left-btn,.slider-right-btn,.slider-thumbs{
	position: absolute;
}

.slider-left-btn,.slider-right-btn{
	top:50%;
	height: 58px;
	margin-top: -29px;
	width: 29px;
}

.slider-left-btn:focus .slider-right-btn:focus{border:0;box-shadow:none}

.slider-left-btn{
	left: 15px;
	background:transparent url(../images/slider/btn_left_slider.png) no-repeat;
	border:0;
	cursor:pointer;
}
.slider-right-btn{
	right: 15px;
	background:transparent url(../images/slider/btn_right_slider.png) no-repeat;
	border:0;
	cursor:pointer;
}
.slider-thumbs{
	bottom:20px;
	left: 50%;
	margin-left:-30px;
}

.slider-thumbs li{
	list-style: none;
	float: left;
	width:15px;
	height: 15px;
	background:rgba(255, 255, 255, 0.6);
	margin-right: 10px;
	border-radius: 10px;
}
.slider-thumbs li a{
	display: block;
	width: 100%;
	height: 100%;
}
.slider-thumbs li:last-child{
	margin-right: 0;
}

.slider-thumbs li.active-thumb{
	background:rgba(179, 53, 57, 0.6);
}


/* ------------------------------------------------------------------------ */
/* PARALLAX TEXT - Text quote located in parallax containers                */
/* ------------------------------------------------------------------------ */
hr {
	margin: 10px 0;
	border: 0;
	border-top: 1px dashed #fff;
} 

.parallax1 .vertical_text {
	height: 740px;
}

.parallax2 .vertical_text, .parallax3 .vertical_text, .parallax4 .vertical_text {
	height: 440px;
}

.vertical_text {
	display: table-cell;
	vertical-align: middle;
}

.vertical_text blockquote{
	background: rgba(47,59,71,0.65);
	padding:20px 30px;
	font-family: 'Open sans', serif;
	font-size: 20px;
	text-transform: uppercase;
	
	text-shadow:1px 1px 5px #1b1d2c;
}

.vertical_text blockquote small{
	font-weight: normal;
	font-size:16px;
	text-transform: none;
	
}

.quote_plx {
	width: 960px;
	font-weight: 300;
	line-height:24px;
	color: #fff;
}

/* ------------------------------------------------------------------------ */
/* SECTIONS - General container, this determines the whole width of website */
/* ------------------------------------------------------------------------ */
.container {
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding: 0;
	color: #c5c5c5;
	font-family: 'Open Sans', sans-serif;
}

/* ------------------------------------------------------------------------ */
/* SECTION TITLES - Main title of each section */
/* ------------------------------------------------------------------------ */
h2.title_section {
	font-size: 65px;
	font-family: 'Courier', serif;
	font-weight: 900;
	color: #e3e2e2;
	border-bottom:1px dashed #bebebe;
	padding-bottom:15px;
}
h3.subtitle_section {
	font-size: 40px;
	font-family: 'Courier', serif;
	font-weight: 300;
	color: #e3e2e2;
	display: inline-block;
	width: 100%;
	margin: 70px 0 35px 0;
	padding-bottom:15px;
	border-bottom:1px dashed #bebebe;
}
/* ------------------------------------------------------------------------ */
/* VIEW classes                                                             */
/* ------------------------------------------------------------------------ */
.view {
	padding: 100px 0;
	position: relative;
	background-image: url(../images/bk_content_dark.jpg);
	overflow: hidden
}

/* two_coll_text displays text in two columns, coll_text in one column*/
.view .two_coll_text {
	-moz-column-count: 2;
	-moz-column-gap: 30px;
	-webkit-column-count: 2;
	-webkit-column-gap: 30px;
	column-count: 2;
	column-gap: 30px;
	height: auto;
	overflow: auto;
	margin-top: 35px;
	text-align: justify;
	font-size: 13px;
	line-height: 23px
}

.view .coll_text {
	height: auto;
	overflow: auto;
	margin-top: 35px;
	text-align: justify;
	font-size: 13px;
	line-height: 23px
}

.info_box {
	font-size: 13px;
	width: 92%;
	height: 50px;
	margin: 0 4%;
	
}

/* ------------------------------------------------------------------------ */
/* SOCIAL icons                                                             */
/* Create your own icon set bar (ico_social.png) and visualize every social */
/* icon by positioning the background attribute (sprite sheet technique)    */
/* ------------------------------------------------------------------------ */
.cont_icon {
	width: 100%;
	position: relative;
	margin-top: 20px;
}
.cont_icon ul.icon {
	display: table
}
ul.icon {
	margin: 0 auto;
	overflow: hidden;
}
ul.icon li {
	float: left;
	list-style-type: none;
	margin-right: 5px;
	;
}
ul.icon li:last-child {
	margin-right: 0;
}
ul.icon li a {
	width: 25px;
	height: 25px;
	display: block;
	transition: background .15s ease-in-out;
	-moz-transition: background .15s ease-in-out;
	-webkit-transition: background .15s ease-in-out;
}
ul.icon li a.i_face {
	background: url(../images/icon-social/dark/ico_facebook.png);
}
ul.icon li a.i_tweet {
	background: url(../images/icon-social/dark/ico_twitter.png);
}
ul.icon li a.i_in {
	background: url(../images/icon-social/dark/ico_linkedin.png);
}
ul.icon li a.i_dr {
	background: url(../images/icon-social/dark/ico_dribbble.png);
}
ul.icon li a.i_be {
	background: url(../images/icon-social/dark/ico_behance.png);
}
ul.icon li a.i_google {
	background: url(../images/icon-social/dark/ico_g+.png);
}
ul.icon li a.i_pin {
	background: url(../images/icon-social/dark/ico_pinterest.png);
}
ul.icon li a.i_face:hover, ul.icon li a.i_tweet:hover, ul.icon li a.i_in:hover, ul.icon li a.i_dr:hover, ul.icon li a.i_be:hover, ul.icon li a.i_google:hover, ul.icon li a.i_pin:hover {
	background-position: 0 -25px; 
}

/* ------------------------------------------------------------------------ */
/* SKILLS                                                                   */
/* Set you skill level and apparence by changing bar length and color       */
/* ------------------------------------------------------------------------ */
.skills {
	list-style: none;
	width: 460px;
	float: left
}
.skills+.skills {
	margin-left: 40px
}
.skills li {
	position: relative;
	margin-bottom: 20px;
}
.skills li .competence {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: 600;
	width: 100%;
}
.skills li .progress {
	display: block;
	margin-top: 10px;
	height: 12px;
	width: 100%;
	border-radius: 6px;
	background: #c7c5bb;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a4a291), color-stop(1, #d3d1c5) );
	background: -moz-linear-gradient( center top, #a4a291 5%, #d3d1c5 100% );
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#a4a291', endColorstr='#d3d1c5');
	background-image: -o-linear-gradient(top, #a4a291, #d3d1c5);
}
.skills li .expand {
	position: absolute;
	height: 12px;
	border-radius: 6px;
	background: #b4343a;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e34d54), color-stop(1, #b4343a) );
	background: -moz-linear-gradient( center top, #e34d54 5%, #b4343a 100% );
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e34d54', endColorstr='#b4343a');
	background-image: -o-linear-gradient(top, #e34d54, #b4343a);
}
.sk_advertising {
	width: 90%;
	-moz-animation: sk_advertising 2s ease-out;
	-webkit-animation: sk_advertising 2s ease-out;
}
@-moz-keyframes sk_advertising {
0% {
	width: 0px;
}
100% {
	width: 90%;
}
}
@-webkit-keyframes sk_advertising {
0% {
	width: 0px;
}
100% {
	width: 90%;
}
}
.sk_mobile {
	width: 45%;
	-moz-animation: sk_mobile 2s ease-out;
	-webkit-animation: sk_mobile 2s ease-out;
}
@-moz-keyframes sk_mobile {
0% {
	width: 0px;
}
100% {
	width: 45%;
}
}
@-webkit-keyframes sk_mobile {
0% {
	width: 0px;
}
100% {
	width: 45%;
}
}
.sk_post_production {
	width: 75%;
	-moz-animation: sk_post_production 2s ease-out;
	-webkit-animation: sk_post_production 2s ease-out;
}
@-moz-keyframes sk_post_production {
0% {
	width: 0px;
}
100% {
	width: 75%;
}
}
@-webkit-keyframes sk_post_production {
0% {
	width: 0px;
}
100% {
	width: 75%;
}
}
.sk_graphic {
	width: 56%;
	-moz-animation: sk_graphic 2s ease-out;
	-webkit-animation: sk_graphic 2s ease-out;
}
@-moz-keyframes sk_graphic {
0% {
	width: 0px;
}
100% {
	width: 56%;
}
}
@-webkit-keyframes sk_graphic {
0% {
	width: 0px;
}
100% {
	width: 56%;
}
}
.sk_photography {
	width: 62%;
	-moz-animation: sk_photography 2s ease-out;
	-webkit-animation: sk_photography 2s ease-out;
}
@-moz-keyframes sk_photography {
0% {
	width: 0px;
}
100% {
	width: 62%;
}
}
@-webkit-keyframes sk_photography {
0% {
	width: 0px;
}
100% {
	width: 62%;
}
}
.sk_motion {
	width: 32%;
	-moz-animation: sk_motion 2s ease-out;
	-webkit-animation: sk_motion 2s ease-out;
}
@-moz-keyframes sk_motion {
0% {
	width: 0px;
}
100% {
	width: 32%;
}
}
@-webkit-keyframes sk_motion {
0% {
	width: 0px;
}
100% {
	width: 32%;
}
}
.sk_web {
	width: 86%;
	-moz-animation: sk_web 2s ease-out;
	-webkit-animation: sk_web 2s ease-out;
}
@-moz-keyframes sk_web {
0% {
	width: 0px;
}
100% {
	width: 86%;
}
}
@-webkit-keyframes sk_web {
0% {
	width: 0px;
}
100% {
	width: 86%;
}
}
.sk_party {
	width: 100%;
	-moz-animation: sk_party 2s ease-out;
	-webkit-animation: sk_party 2s ease-out;
}
@-moz-keyframes sk_party {
0% {
	width: 0px;
}
100% {
	width: 100%;
}
}
@-webkit-keyframes sk_party {
0% {
	width: 0px;
}
100% {
	width: 100%;
}
}

/* ICON FOR SKILLS */

.ico_skills{
	width:18px;
	height:18px;
	float:left;
	margin-right:8px;
}

.ico_advertising{
	background-image:url(../images/icon-skills/advertising.png);
}
.ico_mobile{
	background-image:url(../images/icon-skills/mobile.png);
}
.ico_post_production{
	background-image:url(../images/icon-skills/post_production.png);
}
.ico_graphic{
	background-image:url(../images/icon-skills/graphic.png);
}

.ico_photography{
	background-image:url(../images/icon-skills/photography.png);
}
.ico_motion{
	background-image:url(../images/icon-skills/motion.png);
}
.ico_web{
	background-image:url(../images/icon-skills/web_design.png);
}
.ico_party{
	background-image:url(../images/icon-skills/party.png);
}


/* ------------------------------------------------------------------------ */
/* PRICE TABLES                                                             */
/* ------------------------------------------------------------------------ */
.box_price {
	float: left;
	width: 300px;
	text-align: center;
	position: relative
}
.box_price+.box_price {
	margin: 0 30px
}
.box_price+.box_price+.box_price {
	margin: 0
}
h5.title_price {
	background-color: #c23e44;
	color: #fff;
	font-size: 26px;
	font-weight: normal;
	font-family: 'Merriweather', serif;
	padding: 10px 0;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.cont_price {
	background-color: #f2f0e7;
	color: #1a1e28;
	padding-bottom: 25px;
	height: 150px
}
.cont_price label {
	font-family: 'Open Sans', sans-serif;
	font-size: 100px;
	position: relative;
	cursor: pointer
}
.cont_price label .cash {
	position: absolute;
	top: 25px;
	left: -15px;
	font-size: 20px;
}
.cont_price label .period {
	position: absolute;
	bottom: 4px;
	right: 15px;
	font-size: 16px;
}
ul.box_price_detail {
	list-style-type: none;
	background-color: #1a1e28;
	padding: 0 15px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}
ul.box_price_detail li {
	text-transform: uppercase;
	font-size: 16px;
	padding: 15px 0;
	border-bottom: 1px solid #272727
}
ul.box_price_detail li:last-child {
	border: 0
}

/* ------------------------------------------------------------------------ */
/* ABOUT                                                                    */
/* ------------------------------------------------------------------------ */

.box_team {
	float: left;
	width: 300px;
	text-align: center;
	position: relative;
	margin-top: 40px
}
.box_team+.box_team {
	margin: 40px 30px 0 30px
}
.box_team+.box_team+.box_team {
	margin: 0;
	margin-top: 40px
}
h5.title_team {
	background-color: #c23e44;
	color: #fff;
	font-size: 15px;
	font-weight: normal;
	font-family: 'Open Sans', sans-serif;
	padding: 3px 0;
	border-radius: 3px;
}

.js-wrapper{
	margin:15px 0;
}

.js-wrapper div:first-child{
	height:100%;
}

.box_team img {
	width: 100%;
	border-radius: 3px;
}

.box_team_fade_text {
	background: rgba(47,59,71,0.6);
	height:100%;
	width:100%;
	border-radius: 3px;
}

.box_team_fade_text span {
	position: absolute;
	font-family: 'Open sans', serif;
	font-size: 16px;
	text-transform: uppercase;
	text-shadow: 1px 1px 5px #1b1d2c;
	color: #fff;
	top: 43%;
	width: 100%;
	left: 0
}

/* ------------------------------------------------------------------------ */
/* PORTFOLIO                                                                */
/* ------------------------------------------------------------------------ */

.box_port {
	float: left;
	width: 300px;
	text-align: center;
	position: relative;
	margin-top: 40px
}
.box_port+.box_port {
	margin: 40px 30px 0 30px
}
.box_port+.box_port+.box_port {
	margin: 0;
	margin-top: 40px
}
h5.title_port {
	background-color: #c23e44;
	color: #fff;
	font-size: 15px;
	font-family: 'Open Sans', sans-serif;
	padding: 3px 0;
	border-radius: 3px;
}
.label_box_over {
	background-color: #2f3b47;
	margin: 15px 0;
	border-radius: 3px;
	display: inline-block;
	position: relative;
	cursor: pointer
}
.img_box_over {
	width: 100%;
	border-radius: 3px;
}
/*MODAL - Choose the content to display in your project modal (photo, video, text)*/
.js-hover-effect {
	color: #fff;
}
.js-modal-off {
	display: none;
}
.js-modal-overlay {
	background: rgba(35,44,53,0.9);
	background-repeat: repeat;
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 99998;
}
a.close_modal {
	background-image: url(../images/modal/close_modal.jpg);
	width: 10px;
	height: 11px;
	position: absolute;
	right: 20px;
	top: 20px
}
.js-modal-content {
	z-index: 99999;
	position: absolute;
	background: #fff;
	color: #333;
	width: 650px;
	left: 50%;
	margin-left: -325px;
	border: 2px solid #fff;
	border-radius: 4px;
	padding-bottom: 25px
}

.js-modal-header {
	padding: 5px 15px 10px 15px;
}
.js-modal-header .js-close-modal {
	float: right;
}
h4.tit_modal {
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	letter-spacing: -1px
}
.js-modal-header + .txt_modal {
	border-top: 1px solid #ebebec;
}
.js-modal-content img, .js-modal-content iframe {
	width: 100%;border:0
}
.txt_modal {
	font-size: 13px;
	margin: 0 15px;
	padding-top: 15px
}
.txt_modal .quote_modal {
	background-color: #ebebec;
	text-align: center;
	padding: 10px;
	border-radius: 4px;
	font-style: italic;
	margin: 15px 0;
}
.js-photo, .js-video, .js-other {
	width: 35px;
	height: 35px;
	position: absolute;
	left: 50%;
	margin-left: -17px;
	top: 0;
	z-index: 10;
}
.js-photo {
	background-image: url(../images/modal/ico_photo.png)
}
.js-video {
	background-image: url(../images/modal/ico_video.png)
}
.js-other {
	background-image: url(../images/modal/ico_other.png)
}

/* ------------------------------------------------------------------------ */
/* CLIENTS -- MODULE QUOTE SLIDER                                           */
/* ------------------------------------------------------------------------ */

.container_clients{
	position: relative;
	width:100%;
	
}

.quote-slider-fwd-button, .quote-slider-bwd-button{
	padding:5px 10px;background: rgba(179,53,57,0.5);
	color:#fff;
	position:absolute;
	top:-90px;
	cursor:pointer;
	transition: background .25s ease-in-out;
	-moz-transition: background .25s ease-in-out;
	-webkit-transition: background .25s ease-in-out;
}
.quote-slider-fwd-button:hover, .quote-slider-bwd-button:hover{
	background: rgba(179,53,57,1);
}

.quote-slider-fwd-button{
	right:30px
}

.quote-slider-bwd-button{
	right:0;
}

.int-container_clients{
	overflow: hidden;
	width:100%;
}

.int-container_clients ul{
	list-style-type:none;
	width:3600px;
}
.int-container_clients ul li{
	float:left;
	width:192px;
	position:relative;
}
.int-container_clients ul li img:hover, .int-container_clients ul li.active img{
	opacity:1;
	filter: none; 
	-webkit-filter: none;
	-moz-filter: none;
	-ms-filter: none;
	-o-filter: none;
}
.int-container_clients ul li img{
	width:100%;
	opacity:0.5;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-webkit-transition: .25s ease-in-out;
	
}
.int-container_clients ul li span{
	display:none;
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-5px;
	border-bottom: 10px solid rgba(255,255,255,0.8); 
	border-left:   10px solid transparent; 
	border-right:  10px solid transparent;
}
.int-container_clients ul li.active span, .int-container_clients ul li:hover span{
	display:block
}

.text_clients{
	width: 100%;
	background: rgba(255,255,255,0.8);
	color:#666;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	overflow:hidden;
	padding:15px 25px;
}
.text_clients strong{
	color:#b33539;
}
.text_clients small{
	font-size:13px;
	font-style:italic
}

/* ------------------------------------------------------------------------ */
/* CONTACTS                                                                 */
/* ------------------------------------------------------------------------ */

.contact_sez {
	list-style: none;
	width: 460px;
	float: left;
	line-height: 23px;
	margin-top:35px;
}
.contact_sez+.contact_sez {
	margin-left: 40px
}
address{
	font-style:normal
}
.cont_icon_footer {
	margin-top: 10px;
}
.space_contact_social {
	margin-top: 75px;
	display: inline-block;
}
.copy {
	font-size: 10px;
	display: block;
	margin-top: 25px
}
ul.contact {
	list-style-type: none;
}
ul.contact li {
	width: 100%;
	margin-top: 20px;
}
ul.contact li:first-child {
	margin-top: 0
}
ul.contact li label {
	font-family: 'Merriweather', serif;
	font-size: 18px;
	font-weight: 900;
	color: #c5c5c5
}
ul.contact li label.domanda {
	font-size: 16px;
	width: 322px;
	float: left
}
ul.contact li small {
	float: right;
	color: #c23e44;
	margin-top: 3px;
}
ul.contact li input {
	width: 100%;
	border: 3px solid #e0dfd6;
	background-color: #f4f3ee;
	border-radius: 4px;
	padding: 8px 13px;
	margin-top: 5px
}
ul.contact li textarea {
	width: 100%;
	height: 100px;
	border: 3px solid #e0dfd6;
	background-color: #f4f3ee;
	border-radius: 4px;
	padding: 8px 13px;
	margin-top: 5px
}
ul.contact li.question label {
	float: left;
	font-size: 15px;
	margin-top: 2px
}
ul.contact li.question span {
	float: left;
	margin: 1px 0 0 25px;
	font-size: 14px
}
ul.contact li.question input {
	float: right;
	width: 60px;
	margin-top: -8px
}
ul.contact li.question p {
	display: inline-block;
	width: 83%;
	font-size: 12px
}
input.send {
	font-family: 'Merriweather', serif;
	font-weight: 900;
	font-size: 18px;
	cursor: pointer;
	display: inline-block;
	color: #ffffff;
	padding: 8px 40px;
	margin-top: 25px;
	background-color: #b33539;
	appearance:none;-moz-appearance:none;-webkit-appearance:none;
	border-radius:0;
}
input.send:hover {
	background-color: #9b252b;
}
input.send:active {
	position: relative;
	top: 2px;
}
ul.contact li input.error, ul.contact li textarea.error {
	border: 3px solid #c23e44;
}
.not-sent-message, .sent-message {
	width: 96%;
	margin: 10px 0 0 0;
	border-radius: 6px;
	padding: 2%;
	background-color: #86C06A;
	color: #fff;
	text-align: center;
}
.not-sent-message {
	background-color: #C06A6E;
}
/*-----MAP------*/
#map_canvas {
	width: 100%;
	height: 400px;
}

/* ------------------------------------------------------------------------ */
/* GENERAL CLASSES                                                          */
/* ------------------------------------------------------------------------ */
.red {
	color: #c23e44
}
a.link-general:hover {
	text-decoration: underline
}


/* ------------------------------------------------------------------------ */
/* RESPONSIVE                                                               */
/* ------------------------------------------------------------------------ */

/* TABLET (768-960px) ------------------------------------------------------*/
@media only screen and (min-device-width: 768px) and (max-width: 960px) {
.bg1, .bg2, .bg3, .bg4 {
	background-size: auto;
}
.title_head, .subtitle_head, .txt_head {
	width:750px;
}

.parallax1 .first-el, .parallax1 .second-el , .parallax1 .third-el{
	left:15px
}  
/* Parallax text quote */
.quote_plx {
	width: 750px;
}
/* Sections */
.container {
	width: 750px;
}
/* Skills */
.skills {
	width: 355px;
}
/* Price tables */
.box_price {
	width: 240px;
}
.box_price+.box_price {
	margin: 0 15px
}
/* About */
.box_team {
	width: 240px;
}
.box_team+.box_team {
	margin: 40px 15px 0 15px
}
/* Portfolio */
.box_port {
	width: 240px;
}
.box_port+.box_port {
	margin: 40px 15px 0 15px
}
.box_port+.box_port+.box_port {
	margin: 0;
	margin-top: 40px
}

/* Clients */
.container_clients ul li{
	width:250px;
}

/* Contacts */
.contact_sez {
	width: 355px;
}
.contact_sez+.contact_sez {
	margin-left: 15px
}
.space_contact_social {
	margin-top: 160px;
}
ul.contact li.question label {
	width: 100%
}
ul.contact li.question span {
	float: left;
	margin: 12px 20px 0 0
}
ul.contact li.question input {
	float: left;
	margin: 10px 0 15px 0
}
}


/* TABLET less than 768px -----------------------------------------------------*/
@media only screen and (max-width: 768px) {

/* Top nav */
nav#topNav ul {
	display: none
}
nav#topNav select {
	float: right;
	width: 180px;
	padding: 5px;
	display: block;
	margin-top: 12px
}


/* Head */
.payoff {
	display: none
}
.title_head {
	font-size: 55px
}
.subtitle_head {
	font-size: 23px
}
.title_head, .subtitle_head, .txt_head {
	width:430px;
}

.parallax1 {
	height: 600px;
}

/* Parallax slider*/
.parallax1 .first-el {
	top: 240px;
}

.parallax1 .second-el {
	top: 315px;
}

.parallax1 .third-el {
	top: 440px; 
}

.parallax1 .first-el, .parallax1 .second-el , .parallax1 .third-el{
	left:10px
} 


.slider-left-btn,.slider-right-btn{
	height: 40px;
	margin-top: -20px;
	width: 20px;
	background-size:100%;
}

/* Parallax Background */
.bg1, .bg2, .bg3, .bg4 {
	background-size: auto;
}

/* Parallax text quote */
.quote_plx {
	width: 430px;
}

/* Sections */
.container {
	width: 430px;
}

/* View */
.view .two_coll_text {
	-moz-column-count: 1;
	-webkit-column-count: 1;
	column-count: 1;
}

/* Skills */
.skills {
	width: 430px;
}
.skills+.skills {
	margin-left: 0px;
}

/* Price tables */
.box_price {
	width: 430px;
}
.box_price+.box_price, .box_price+.box_price+.box_price {
	margin: 35px 0 0 0
}

/* About */
.box_team {
	width: 430px;
}
.box_team+.box_team, .box_team+.box_team+.box_team {
	margin: 35px 0 0 0
}
.box_team img {
	margin: 0;
	border-radius: 3px;
	width: 90%
}
.js-wrapper div:first-child {
	width:90% !important;
	left:5%
}

/* Portfolio */
.box_port {
	width: 430px;
}
.box_port+.box_port {
	margin: 35px 0 0 0
}
.label_box_over {
	width: 90%;
}
.js-modal-content {
	width: 400px;
	margin-left: -200px;
}

/* Clients */
.container_clients ul li{
	width:430px;
}

/* Contacts */
.contact_sez {
	width: 430px;
}
.contact_sez+.contact_sez {
	margin: 25px 0 0 0
}
.space_contact_social {
	margin-top: 30px;
}
}

/* MOBILE ------------------------------------------------------------------*/
@media only screen and (min-device-width: 320px) and (max-width: 480px) {

/* Top nav */
nav#topNav select {
	width: 90px;
}

/* Head */
.title_head {
	font-size: 45px
}
.subtitle_head {
	font-size: 25px
}
.title_head, .subtitle_head, .txt_head {
	width:280px;
}

/* Parallax slider */
.parallax1 .first-el {
	top: 115px;
}

.parallax1 .second-el {
	top: 175px;
}

.parallax1 .third-el {
	top: 345px; 
}

.parallax1 .first-el, .parallax1 .second-el , .parallax1 .third-el{
	left:0
} 

.parallax1, .parallax1 .vertical_text,.parallax2 {
	height: 440px;
}

.slider-left-btn,.slider-right-btn{
	height: 30px;
	margin-top: -15px;
	width: 15px;
	background-size:100%;
}

/* Parallax quote*/

.quote_plx {
	width: 280px;
	font-size: 20px;
}

/* Sections */
.container {
	width: 280px;
}
h2.title_section {
	font-size: 45px
}

/* View */
.view {
	padding: 65px 0;
}

/* Skills */
.skills {
	width: 280px;
}

/* Price tables */
.box_price {
	width: 280px;
}

/* About */
.box_team {
	width: 280px;
}
.box_team img {
	width: 100%;
}
.js-wrapper div:first-child {
	width:100% !important;
	left:0;
}

/* Portfolio */
.box_port {
	width: 280px;
}
.label_box_over {
	width: 100%;
}

.js-modal-content {
	width: 280px;
	margin-left: -140px;
}

/* Clients */
.container_clients ul li{
	width:280px;
}

/* Contacts */
.contact_sez {
	width: 280px;
}

ul.contact li.question span {
float: left;
margin: 12px 20px 0 0;
}
ul.contact li.question input {
float: left;
margin: 10px 0 15px 0;
}

}