/* stili principali customized for NetRelay */

body {
	font-family: 'Tahoma', sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height:20px;
	color: #7a7a7a;
	background-color:#ffffff;
	overflow-x:hidden;
}
::selection {
	background: #89205e;
	color:#fff;
}
::-moz-selection {
	background: #89205e; /* Firefox */
	color:#fff;
}
img {
	max-width: 100%;
}
a:link {
	color: #89205e;
	text-decoration: none;
}
a:hover {
	color:#89205e;
}
a:visited {
	color: #89205e;
	text-decoration: none;
}

.fright{float:right;
}
.fleft{float:left;
}

.overflow_hidden {overflow-x:hidden;}

*, *:before, *:after {-moz-box-sizing:content-box; box-sizing:content-box;}

/* Navigation */

.menu {
	position:relative;
	top:0px;
	width:100%;
	height:76px;
	z-index:9999;
	background-color: #e4e5e5;
}
#logo {
	margin-bottom: 0;
	margin-left: -5px;
	margin-top: 10px;
}

#nav {
	text-align: right;
}



.navigation{
	float: right;
	list-style: none;
	margin: 0;
}
ul.navigation {
	margin:0;
	padding:0;
}
.navigation li{
	float: left;
	text-align:left;
	padding:28px 15px;
	margin-left:0;
	text-transform:uppercase;
	background:none;
	color: #363f8d;
	transition: background 0.3s ease-in-out;
	-moz-transition: background 0.3s ease-in-out;
	-webkit-transition: background 0.3s ease-in-out;
	-o-transition: background 0.3s ease-in-out;
	font: 400 16px/20px 'Roboto Condensed', sans-serif;
}
.navigation li:first-child{margin-left:0;}
.navigation li:hover,
.navigation .active {
	cursor:pointer;
	background-color: #363f8d;
	color: #fff;
}

#nav a:link, a:visited {
	color: #363f8d;
	display: block;
	margin-top: -28px;
	margin-bottom: -28px;
	padding-top: 28px;
	padding-bottom: 28px;
}

#nav a:hover {
	color: #fff;
}


/* General Slides */ 

.slide{
	background-attachment: fixed;
	width:100%;
	height: 100%;
	position: relative;
	padding:0;
}
h1 {
	float:left;
	margin:0 13px 40px 0;
	padding:0 19px 0 0;
	text-transform:uppercase;
	text-align:left;
	background:none;
	border-right:1px solid #c2c2c2;
	color: #aeaead;
	font: normal 700 76px/65px 'Roboto Condensed', sans-serif;
}
.h1_viva {
	margin:0;
	padding:0;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:16px;
	line-height:65px;
	font-style:italic;
	color:#6b6b6b;
}

h4 {
	margin:0;
	padding:0 0 15px 0;
	text-transform:uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:400;
	font-size:32px;
	font-style:normal;
	line-height:40px;
	color:#343434;
}
h5 {
	margin:0;
	padding:0 0 17px 0;
	text-transform:none;
	font-family: 'Roboto Condensed', sans-serif;
	font-style:italic;
	font-weight:400;
	font-size:18px;
	line-height:20px;
	color:#343434;
}
img.icon_img {
	float:left;
	margin-right:20px;
	margin-top:20px;
	margin-bottom:25px;
}

.effect_2 {
	background:url(../images/effect_2.png) repeat left top;
	position:relative;
	top:0;
	bottom:-57px;
	height:100%;
	z-index:999 !important;
}

/* ____________________________________ Slide 1 ____________________________________ */ 

.padding_slide1 {padding: 140px 0 153px;
}

#slide1{
	background-image:url(../images/slide1_bg.jpg);
	background-size: cover !important;
	width:100%;
	text-align:left;
}

.filtr_bg {text-align:center;

}

.slogan_text {
	display:inline-block;
	padding:0 12px 28px;
	text-transform:uppercase;
	color: #363f8d;
	text-shadow: 3px 3px 3px rgba(0,0,0,0.21);
	font: 700 23px/33px 'Roboto Condensed', sans-serif;
}
.left_bord {
	display:inline-block;
	padding-bottom:7px;
	background:url(../images/left_bord.png) no-repeat;
	height:2px;
	width:140px;
}
.right_bord {
	display:inline-block;
	padding-bottom:7px;
	background:url(../images/right_bord.png) no-repeat;
	height:2px;
	width:140px;
}

#slide1 h1 {
	float:none;
	border-right:none;
	margin:0;
	padding: 10px 0 27px;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.45);
	font: 700 5em/85px 'Roboto Condensed', sans-serif;
}
#slide1 h2 {
	margin:0;
	padding:0 0 99px 0;
	letter-spacing:1.5px;
	color:#fff;
	text-shadow: 3px 3px 3px rgba(0,0,0,0.21);
	font: 700 40px/33px 'Roboto Condensed', sans-serif;
}

#slide1 .button_block {
	display:inline-block;
	margin:0 10px;
}
#slide1 .button_bg {
	margin-bottom:-64px;
	background:#000;
	height:64px;
	opacity:0.23;
	filter: alpha(opacity=23);
	border-radius:30px;
}
#slide1 .button {
	position:relative;
	z-index:10;
	display:inline-block;
	cursor:pointer;
	margin:6px;
	padding:17px 78px 16px 33px;
	border:none;
	text-transform:uppercase;
	color:#fff;
	border-radius:30px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	background-color: #89205e;
	font: 400 19px/19px 'Roboto Condensed', sans-serif;
}

#slide1 .button span  {
	position:absolute;
	top:0;
	right:0;
	background:url(../images/button_down.png) no-repeat right;
	background-position:0 -48px;
	width:78px;
	height:52px;
	transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
}
#slide1 .button:hover span {background-position:0 0;}

/* ____________________________________ Slide 2 ____________________________________ */ 

#slide2 {
	background:url(../images/slide_bg.jpg) repeat left top;
	padding:86px 0 69px;
}

/* _________________ SKILLS ________________ */
#skills_block p {
	padding:0 0 7px 0;
	font-weight:400;
	line-height:20px;
	color:#808080;
}
#skills_block p b{
	font-weight:400;
	color:#89205e;
}
#skills_block li {
	background:#ddd;
	width:99%;
	height:13px;
	border-radius:10px;
	margin-bottom:15px;
}

#skills_block li span {
	display:block;
	border-radius:10px;
	background:#89205e;
	padding:0;
	height:13px;
}

/* _________________ ANIMATED BOOTSTRAP ________________ */
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-ms-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-o-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  overflow: hidden;
  height: 13px;
  margin-bottom: 16px;
  background-color: #ddd;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.progress .bar {
  width: 0%;
  height: 100%;
  float: left;
  font-size: 12px;
  text-align: center;
  background-color: #0e90d2;
  background-image: -moz-linear-gradient(top, #149bdf, #0480be);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
  background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
  background-image: -o-linear-gradient(top, #149bdf, #0480be);
  background-image: linear-gradient(to bottom, #149bdf, #0480be);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: width 0.6s ease;
  -moz-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.progress .bar + .bar {
  -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
  -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
  box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
}
.progress-striped .bar {
  background-color: #89205e;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 15px 15px;
  -moz-background-size: 15px 15px;
  -o-background-size: 15px 15px;
  background-size: 15px 15px;
}
.progress.active .bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -moz-animation: progress-bar-stripes 2s linear infinite;
  -ms-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-danger .bar,
.progress .bar-danger {
  background-color: #dd514c;
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
}
.progress-danger.progress-striped .bar,
.progress-striped .bar-danger {
  background-color: #ee5f5b;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-success .bar,
.progress .bar-success {
  background-color: #5eb95e;
  background-image: -moz-linear-gradient(top, #62c462, #57a957);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  background-image: -o-linear-gradient(top, #62c462, #57a957);
  background-image: linear-gradient(to bottom, #62c462, #57a957);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
}
.progress-success.progress-striped .bar,
.progress-striped .bar-success {
  background-color: #62c462;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-info .bar,
.progress .bar-info {
  background-color: #4bb1cf;
  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
  background-image: linear-gradient(to bottom, #5bc0de, #339bb9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);
}
.progress-info.progress-striped .bar,
.progress-striped .bar-info {
  background-color: #5bc0de;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-warning .bar,
.progress .bar-warning {
  background-color: #faa732;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
}
.progress-warning.progress-striped .bar,
.progress-striped .bar-warning {
  background-color: #fbb450;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
/* ________________ //ANIMATED BOOTSTRAP _______________ */

.skill1 {width:60%;
}
.skill2 {width:80%;
}
.skill3 {width:45%;
}


/* _________________________ //SKILLS _______________________ */

ul.about_sp {
	margin:4px 0 0 0;
	padding:0;
}
.about_sp li {
	background:url(../images/about_sp_bg.png) no-repeat left top;
	padding-left:35px;
	margin-bottom:11px;
	color:#a9a9a9;
}

/* ___________________________________ //Slide 2 ___________________________________ */ 



/* ____________________________________ Slide 3 ____________________________________ */ 

#slide3{
	background-image:url(../images/slide3_bg.jpg);
	background-size: cover !important;
	width:100%;
	text-align:center;
}
.padding_slide3 {padding:169px 0 139px;
}
#slide3 p {
	color: #2e3a4a;
	text-transform:uppercase;
	font: 400 42px/125% 'Roboto Condensed', sans-serif;
	text-shadow: 1px 1px 1px #ffffff;
}

span#quote {
	text-align: right, !important;
	display: block;
	float: right;
	color: white;
	font-style: italic;
	padding-right: 92px;
}


/* ___________________________________ //Slide 3 ___________________________________ */ 






/* ____________________________________ Slide 4 ____________________________________ */ 
#slide4 {
	background:url(../images/slide_bg.jpg) repeat left top;
	padding:86px 0 69px;
}

.serv_block {
	display:block;
	position:relative;
	margin-bottom:13px;
	text-align:left;
	color:#797979;
}

.serv_icon_block {
	float:left;
	border-radius:50%;
	width:68px;
	height:68px;
	transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	background-color: #a0aeaf;
}
.serv_block:hover .serv_icon_block {background:#89205e;
}
.iconimg, .iconimg_h {
	position:absolute;
	top:0;
	left:0;
}


.netrelay_icons {
	color: white;
	font-size: 260%;
	text-align: center;
	line-height: 180%;
}

.iconimg_h {
	opacity:0;
	filter: alpha(opacity=0);
	/* safari / chrome */
	-webkit-animation-name:rotater;
	-webkit-animation-duration:500ms;
	-webkit-animation-iteration-count:1;
	-webkit-animation-timing-function: ease-out;

	/* mozilla */
	-moz-transform: scale(0);
	-moz-transition-duration:500ms;
	-moz-transition-timing-function: ease-out;

	/* opera */
	-o-transform: scale(0);
	-o-transition-duration:500ms;
	-o-transition-timing-function: ease-out;

	/* ie */
	-ms-transform: scale(0);
	-ms-transform-duration:500ms;
	-ms-transform-timing-function: ease-out;
}

.serv_block:hover .iconimg {
	opacity:0;
	filter: alpha(opacity=0);
	/* safari / chrome */
	-webkit-animation-name:rotater;
	-webkit-animation-duration:900ms;
	-webkit-animation-iteration-count:1;
	-webkit-animation-timing-function: ease-out;

	/* mozilla */
	-moz-transform: scale(2);
	-moz-transition-duration:900ms;
	-moz-transition-timing-function: ease-out;

	/* opera */
	-o-transform: scale(2);
	-o-transition-duration:900ms;
	-o-transition-timing-function: ease-out;

	/* ie */
	-ms-transform: scale(2);
	-ms-transform-duration:900ms;
	-ms-transform-timing-function: ease-out;
}
.serv_block:hover .iconimg_h {
	opacity:1;
	filter: alpha(opacity=100);
	/* safari / chrome */
	-webkit-animation-name:rotater;
	-webkit-animation-duration:900ms;
	-webkit-animation-iteration-count:1;
	-webkit-animation-timing-function: ease-out;

	/* mozilla */
	-moz-transform: scale(1);
	-moz-transition-duration:900ms;
	-moz-transition-timing-function: ease-out;

	/* opera */
	-o-transform: scale(1);
	-o-transition-duration:900ms;
	-o-transition-timing-function: ease-out;

	/* ie */
	-ms-transform: scale(1);
	-ms-transform-duration:900ms;
	-ms-transform-timing-function: ease-out;
}
.serv_block p {padding:0;
}
.serv_block a {
	display:block;
	margin:0 0 15px;
	padding:19px 10px 35px 87px;
	text-transform:uppercase;
	border-bottom:1px solid #a0aeaf;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:400;
	font-size:16px;
	line-height:17px;
	color:#3e3e3e;
}

.serv_block:hover a {border-bottom:1px solid #89205e;
}


/* ___________________________________ //Slide 4 ___________________________________ */




/* ____________________________________ Slide 5 ____________________________________ */ 

#slide5{
	background-image:url(../images/slide5_bg.jpg);
	background-size: cover !important;
	width:100%;
	height:auto;
	text-align:center;
}
.padding_slide5 {padding:200px 0 159px;
}
#slide5 p {
	color: #aeaead;
	text-transform:uppercase;
	font: 400 69px/80px 'Roboto Condensed', sans-serif;
	text-shadow: 0 -2px 1px #ffffff, 1px 0 3px #000103;
}


/* ___________________________________ //Slide 5 ___________________________________ */ 



/* ____________________________________ Slide 6 ____________________________________ */ 

#slide6 {
	background:url(../images/slide_bg.jpg) repeat left top;
	padding:86px 0 69px;
}
#slide6 h5 {padding:0 0 35px;}


/* _________________ PORTFOLIO ________________ */
.gallery-list .grid_3 {width:235px !important;}

#slide6 .hover_img {
	overflow:hidden;
	position:relative;
	height:211px;
	width:235px;
	background:#fff;
}

.portfolio_zoom, .portfolio_link {
	width:40px;
	height:40px;
	position:absolute;
	bottom:31px;
	border-radius:50%;
	background-repeat:no-repeat;
	background-color:#2c2c2c;
	transition: right 0.7s ease-in-out;
	-moz-transition: right 0.7s ease-in-out;
	-webkit-transition: right 0.7s ease-in-out;
	-o-transition: right 0.7s ease-in-out;
}
.portfolio_zoom {
	left:81px;
	background-image:url(../images/zoom.png);
	background-position:0 0;
	z-index:302;
}
.portfolio_link {
	right:73px;
	background-image:url(../images/link.png);
	background-position:0 0;
	z-index:303;
}
.portfolio_zoom:hover, .portfolio_link:hover {
	background-color:#4f4f4f;
	z-index:310;
}
.portfolio_zoom a, .portfolio_link a {
	display:block;
	width:54px;
	height:54px;
	text-indent:-9999px;
}

.item_description {
	position:absolute;
	top:-215px;
	left:0;
	right:0;
	height:177px;
	border-bottom:4px solid #2c2c2c;
	padding:15px 21px;
	background:#89205e;
	text-align:center;
	color:#fff;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.hover_img:hover .item_description {
	top:0;
}

.item_description p {
	padding:0 0 9px 0;
	margin:0 0 13px;
	border-bottom:1px solid #df5900;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	color: #fff;
	line-height: 26px;
	font-weight: 300;
	text-transform:uppercase;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}


/* ________________ //PORTFOLIO _______________ */

/* ___________________________________ //Slide 6 ___________________________________ */ 











/* ____________________________________ Slide 7 ____________________________________ */ 

#slide7{
	background-image:url(../images/slide7_bg.jpg);
	background-size: cover !important;
	width:100%;
	text-align:center;
}
.padding_slide7 {padding:148px 0 159px;
}
#slide7 p {
	font: 300 73px/80px 'Roboto Condensed', sans-serif;
	color: #fff;
	text-transform:uppercase;
}


/* ___________________________________ //Slide 7 ___________________________________ */ 


#slide7 #partners {
	display: block;
	background: white;
	padding-top: 20px;
	padding-bottom: 20px;
	opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
}


#slide7 #partners li {
	display: block;
	display: inline-block;
	padding:  0 5px;
}


/* ____________________________________ Slide 8 ____________________________________ */

#slide8 {
	background:url(../images/slide_bg.jpg) repeat left top;
	padding:86px 0 0;
}

#slide8 .container {margin-bottom:80px;
}


/* ______________ CONTACT_FORM ______________ */
::-webkit-input-placeholder { opacity:1 !important; color:#929292 !important;
}
:-moz-placeholder {opacity:1 !important; color:#929292 !important;
}
::-moz-placeholder { opacity:1 !important; color:#929292 !important;
}
:-ms-input-placeholder { opacity:1 !important; color:#929292 !important;
}

.contact_form input[type="text"],
.contact_form textarea {
	width:93%;
	margin:22px 0 0 0;
	padding:17px 10px 17px 21px;
	background: #fff;
	font-size:14px;
	line-height:21px;
	border:1px solid #e3e3e3;
	color:#929292;
}
.contact_form input[type="text"]:first-child {margin-top:0;
}
.contact_form textarea {
	resize: none;
	margin-top:0;
	height: auto;
    min-height: 164px;
}

.contact_btn {
	border:none;
	text-transform:uppercase;
	margin:0 4px 10px 0;
	padding:12px 25px;
	border-radius:30px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	background-color: #a0aeaf;
	font: 300 16px/20px 'Roboto Condensed', sans-serif;
}

/* hack for undo the reset on submit button! ;) */

input[type=submit] {
	margin:0 4px 10px 0 !important;
	padding:12px 25px !important;
	border-radius:30px;
}

.contact_btn:hover,
.send_btn {
	background:#89205e;
	
}

#note .notification_ok {
	margin-top:20px;
	padding:7px 10px;
	text-align:center;
	text-transform:uppercase;
	background:#444;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:400;
	font-size:14px;
	color:#fff;
}
#note .notification_error {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:400;
	font-size:16px;
	color:#f00;
}
/* _____________ //CONTACT_FORM _____________ */


#map_block {
	margin:0;
}

/* ____________________________________ //Slide 8 ____________________________________ */

/* ____________________________________ FOOTER ____________________________________ */
#footer {
	padding:27px 0 23px;
	background-color: #a0aeaf;
}
.copyright {
	float:left;
	text-transform:uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:300;
	color:#e9e9e9;
}
.copyright a {
	color:#fff;
}
.copyright a:hover {text-decoration:none;color:#89205e;
}

/* _____________ BACK_TOP ___________ */
#back_top {
	float:right;
}
#back_top a.button {
	cursor:pointer;
	position:relative;
	z-index:300;
	display:block;
	margin:0;
	padding-right:20px;
	width:93px;
	height:20px;
	text-transform:uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	color:#fff;
	background-repeat: no-repeat;
}
#back_top a.button:hover {text-decoration:none;}
/* ____________ //BACK_TOP __________ */

/* ___________________________________ //FOOTER ___________________________________ */



@media all and (max-width: 699px) {
  #freshwidget-button { display: none !important;}
}
