/*=========================
//=> PROGRAM
-- General
	1.) Select
	2.) Scroll
-- Header
-- Menu
-- Footer
-- Home
	1.) Slider
	2.) Banners
	3.) Products
	4.) Partners
-- All
	1.) Chat
	2.) Login
--- Products
	1.) Banner Header
	2.) Breadcrumb
	3.) Left Menu
	4.) Left Submenu
	5.) Categos
	6.) Solutions Line
	7.) Small Boxes
	8.) Prod Pagination
--- Article
	1.) Menu
	2.) Article Description
	3.) Article Pics
	4.) Collapse
=========================*/

/*=========================
-- General
=========================*/
@font-face {
	font-family: 'Roboto-Regular';
	src: url('../fonts/Roboto-Regular.eot');
	src: local('☺'), url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf') format('truetype'), url('../fonts/Roboto-Regular.svg') format('svg');
}

@font-face {
	font-family: 'Roboto-Light';
	src: url('../fonts/Roboto-Light.eot');
	src: local('☺'), url('../fonts/Roboto-Light.woff') format('woff'), url('../fonts/Roboto-Light.ttf') format('truetype'), url('../fonts/Roboto-Light.svg') format('svg');
}

.container {
	position: relative;
	display: block;
	max-width: 1365px;
	margin: auto;
}

.content-inner {
	position: relative;
	display: block;
	width: 1102px;
	margin: auto;
	background: #F2F2F2;
}
.content-inner.pad-bot-sara {padding-bottom: 16px;}

.content {
	position: relative;
	display: block;
	margin: auto;
	background: #FFF;
}

section {
    padding: 0 0 6px!important;
    text-align: center;
}

.row {
    margin-right: 0;
    margin-left: 0;
}

.nopadding {
    padding: 0;
}

body {
	background: #000;
	overflow-y: scroll;
	overflow-x: hidden;
}

#totop-parent {
	position: fixed;
	left: 50%;
	margin-left: 592px;
	bottom: 0;
	z-index: 999999999;
}

#totop {
	position: absolute;
	width: 40px;
	height: 40px;
	background: #F8971D;
	top: -225px;
	right: -80px;
	z-index: 9999999999;
	border-radius: 20px;
	opacity: .8;
	-webkit-transition: all .3s linear;-moz-transition: all .3s linear;-o-transition: all .3s linear;transition: all .3s linear;
}
#totop:hover {
	opacity: 1;
	cursor: pointer;
	-webkit-transition: all .3s linear;-moz-transition: all .3s linear;-o-transition: all .3s linear;transition: all .3s linear;
}

#totop .totop-arrow {
	position: absolute;
	top: 50%;
	margin-top: -5px;
	left: 50%;
	margin-left: -7px;
	width: 14px;
	height: 14px;
	background: url("../img/rn/sprite.png") no-repeat -71px -83px;
}

* {
	z-index: 1;
	-webkit-overflow-scrolling: touch;
}

.page-load {
	position: fixed;
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 5px;
	z-index: 999999999999;
	border-top: 5px solid rgba(0,0,0,.1);
}

.page-load .page-load-loader {
	position: absolute;
	top: -5px;
	left: 0;
	background: #000;
	height: 5px;
	width: 0;
	-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;
}

.page-load .page-load-cache {
	position: absolute;
	top: 95px;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255,255,255,.8);
}

.text-right {text-align: right;}

/*=========================
-- General
	1.) Select
=========================*/
::selection{background: #000;color:#FFF;}
::-moz-selection{background: #000;color:#FFF;}
::-o-selection {background: #000;color:#FFF;}
::-ms-selection {background: #000;color:#FFF;}

/*=========================
-- General
	2.) Scroll
=========================*/
::-webkit-scrollbar{width:15px;background:#EFEFEF;}
::-webkit-scrollbar-thumb{-webkit-border-radius:4px;border-radius:4px;}
::-webkit-scrollbar-thumb{background:#777;}

/*=========================
-- Header
=========================*/
header {
	position: relative;
	display: block;
	height: 90px;
	margin: 0;
	z-index: 99;
	background: #FFF;
	box-shadow: 0 0 15px #BBB;
}

.header {
	position: relative;
	display: block;
	min-height: 90px;
	max-width: 1165px;
	margin: 0 auto;
}

.header-logo, .header-text, .header-menu {
	position: relative;
	display: inline-block;
	height: 60px;
	margin: 0;
	vertical-align: text-bottom;
}

.header-logo {
	width: 245px;
	margin: 21px 0 0;
}

.header-logo img {
	max-height: 60px;
	max-width: 100%;
}

/*=========================
-- Menu
=========================*/
.accueil-with-menu {
	position: relative;
	display: block;
	height: 497px;
	padding-top: 10px;
	background: #F2F2F2;
}

.accueil-with-menu .accueil-collone, .accueil-with-menu .accueil-big-col {
	position: relative;
	display: inline-block;
	vertical-align: top;
}

.accueil-with-menu .accueil-collone {
	width: 248px;
	float: left;
	height: 487px;
	margin: 0 8px 0 16px;
}

.accueil-with-menu .accueil-big-col {
	width: 814px;
	height: 487px;
}

.header-menu {
	text-align: right;
	float: right;
}

.menu-top {
	padding: 77px 0 0;
}

.menu-top form {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-right: 24px;
	top: -5px;
}

#q {
	border: 1px solid #DDD;
	width: 330px;
	height: 40px;
	padding: 7px 30px 7px 5px;
	border-radius: 2px;
}

.search-ico {
	position: absolute;
	top: 8px;
	right: 5px;
	width: 25px;
	height: 28px;
	background: url("../img/rn/sprite.png") no-repeat -42px 0;
}

.phone-num {
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding-left: 30px;
	font: bold 20px/20px sans-serif;
	font-stretch: ultra-expanded;
	top: 18px;
	margin-right: 32px;
}

.phone-num .phone-num-ico {
	position: absolute;
	top: -1px;
	left: 6px;
	width: 18px;
	height: 21px;
	background: url("../img/rn/sprite.png") no-repeat -24px 0;
}

.header-iclink, .header-iclink:hover {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 65px;
	height: 40px;
	font: normal 9px/9px "Aller_Rg";
	text-decoration: none;
	text-align: center;
	color: #000;
}
.header-iclink.iclink-bord {
	margin: 0 -13px 0 15px;
	border-left: 1px solid #F6F6F6;
	border-right: 1px solid #F6F6F6;
}

.header-iclink .header-ico {
	position: relative;
	display: block;
	width: 16px;
	height: 16px;
	margin: 0 auto 15px;
	background: url("../img/rn/sprite.png") no-repeat 0 0;
}
.header-ico.header-ico-1 {background-position: -78px -28px;}
.header-ico.header-ico-2 {background-position: -94px -28px;width: 17px;}
.header-ico.header-ico-3 {background-position: -111px -28px;}

.header-iclink .header-ico .notif {
	position: absolute;
	width: 16px;
	height: 16px;
	top: -8px;
	right: -8px;
	border-radius: 8px;
	text-align: center;
	background: #F00;
	color: #FFF;
	font: bolder 12px/12px sans-serif;
	padding: 2px 0;
}

.our-menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999999;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;
}
.our-menu.shown {
	opacity: 1;
	visibility: visible;
	-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;
}
#closo {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .85;
}

ul#menu {
	padding: 0;
	list-style: none;
	margin: 0;
	position: relative;
	height: 440px;
	top: 55%;
	margin-top: -220px;
	z-index: 99;
	-webkit-transition: all .6s ease;-moz-transition: all .6s ease;-o-transition: all .6s ease;transition: all .6s ease;
}
.our-menu.shown ul#menu {
	top: 50%;
	-webkit-transition: all .6s ease;-moz-transition: all .6s ease;-o-transition: all .6s ease;transition: all .6s ease;
}

.header-menu #menu {
	padding: 0;
	list-style: none;
	margin: 0;
	position: relative;
	height: auto;
	top: 0;
	margin-top: 0;
}

ul#menu li {
	position: relative;
	display: block;
}

ul#menu li a {
	position: relative;
	display: block;
	color: #808080;
	text-decoration: none;
	font: bolder 70px/50px "Roboto-Regular";
	text-transform: uppercase;
	padding: 30px 0;
	text-align: center;
}
.header-menu #menu li a {padding: 0;}
@media (max-width:465px) {ul#menu li a {font: bolder 40px/30px "Roboto-Regular";}}


ul#menu>li>a .white-men em.em-1, ul#menu>li>a .white-men em.em-2 {
	position: absolute;
	left: 50%;
	right: 50%;
	height: 5px;
	bottom: 0;
	background: #000;
	-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;
}
ul#menu>li>a .white-men em.em-2 {bottom: auto;top: 0}
ul#menu>li:not(:last-child):hover>a .white-men em.em-1, ul#menu>li:not(:last-child)>a.active .white-men em.em-1, ul#menu>li:not(:last-child):hover>a .white-men em.em-2, ul#menu>li:not(:last-child)>a.active .white-men em.em-2 {
	left: 0%;
	right: 0%;
	-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;
}

ul#menu>li>a>.home-ico {
	position: relative;
	display: block;
	width: 24px;
	height: 21px;
	background: url("../img/rn/sprite.png") no-repeat 0 0;
	top: -3px;
}

#sousmenu {
	position: absolute;
	margin: 0;
	background: #000;
	top: 44px;
	left: -256px;
	width: 1074px;
	z-index: 99999999999999;
}

#sousmenu .menu-2, #sousmenu .menu-3 {
	padding: 0;
	list-style: none;
	margin: 0;
}

#sousmenu .menu-2 {
	position: relative;
	display: block;
	height: 0;
	text-align: left;
	overflow: hidden;
	background: #000;
	-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;
}
#sousmenu .menu-2.show {
	height: 180px;
	-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;
}

#sousmenu .menu-2 li {
	position: relative;
	display: inline-block;
	width: 331px;
	height: 140px;
	background: #E7E7E7;
	margin: 19px 8px 20px 16px;
}

#sousmenu .menu-2 li a {
	position: relative;
	display: block;
	font: lighter 30px/30px "Aller_Lt";
	text-decoration: none;
	padding: 66px 182px 14px 8px;
	color: #000;
}
#sousmenu .menu-2 li a.s-menu-img-1 {background: url("../img/menu/menu-1.jpg") no-repeat 1px 0;}
#sousmenu .menu-2 li a.s-menu-img-2 {background: url("../img/menu/menu-2.jpg") no-repeat 1px 0;}
#sousmenu .menu-2 li a.s-menu-img-3 {background: url("../img/menu/menu-3.jpg") no-repeat 1px 0;}

#sousmenu .menu-2 li a small {
	font: lighter 10px/0 "Aller_Lt";
	position: relative;
	display: block;
	top: 3px;
	color: #777;
}
#sousmenu .menu-2 li a:hover small {color: #DDD;}

#sousmenu .menu-2 li .menu-3 {
	position: absolute;
	width: 0;
	height: 348px;
	left: 242px;
	overflow: hidden;
	background: #000;
	-webkit-transition: all .1s ease-out;-moz-transition: all .1s ease-out;-o-transition: all .1s ease-out;transition: all .1s ease-out;
}
#sousmenu .menu-2 li:hover .menu-3 {
	width: 269px;
	-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;
}
#sousmenu .menu-2 li:hover .menu-3.twoPages {
	width: 543px;
	-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;
}

#sousmenu .menu-2 li .menu-3.etage-1 {top: 0;}
#sousmenu .menu-2 li .menu-3.etage-2 {top: -44px;}
#sousmenu .menu-2 li .menu-3.etage-3 {top: -87px;}
#sousmenu .menu-2 li .menu-3.etage-4 {top: -131px;}
#sousmenu .menu-2 li .menu-3.etage-5 {top: -174px;}
#sousmenu .menu-2 li .menu-3.etage-6 {top: -218px;}
#sousmenu .menu-2 li .menu-3.etage-7 {top: -261px;}
#sousmenu .menu-2 li .menu-3.etage-8 {top: -305px;}

#sousmenu .menu-2 li .menu-3 li {width: 269px;}

#sousmenu .menu-2 li .menu-3.twoPages li {
	display: inline-block;
	vertical-align: top;
}


#sousmenu .menu-2 li .menu-3 li a {
	font-size: 17px;
	height: 44px;
}
#sousmenu .menu-2 li .menu-3 li a.twolin {padding: 4px 30px 0 30px;}
#sousmenu .menu-2 li .menu-3 li a:hover {
	background: #333;
}

/*=========================
-- Footer
=========================*/
footer {
	position: relative;
	display: block;
	background: #141414;
	z-index: 10;
}

.footer-b {
	position: relative;
	display: block;
	height: 75px;
	max-width: 1165px;
	margin: auto;
}

.footerb-txt {
	color: #FFF;
	opacity: .5;
	padding: 17px 0;
	font: bold 15px/15px "Roboto-Light";
}

.footer-b a {
	position: relative;
	display: inline-block;
	vertical-align: top;
	color: #FFF;
	opacity: .5;
	top: -8px;
	text-decoration: none;
	font: bold 15px/15px "Roboto-Light";
}

.footer-b .padix {
	position: relative;
	display: inline-block;
	width: 50%;
	padding: 17px 0;
	margin: 0 -1px;
}

.fb-ico:before, .bh-ico:before {
	content: "";
	position: relative;
	display: inline-block;
	width: 24px;
	height: 20px;
	margin: 0 5px 0 10px;
	top: 4px;
	background: url("../img/rn/sprite.png") no-repeat 0 -38px;
}
.bh-ico:before {background-position: -24px -38px;}

/*=========================
-- Slider
=========================*/
#slider {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	background: #DBDBDB;
	cursor: url("../img/rn/cursor.png"), auto;
}

#slider img.slider-pic {
	position: absolute;
	top: 0;
	left: 0;
	max-height: 100%;
}

#slider[data-mod="1"][data-act="1"] img.slider-pic-1, #slider[data-mod="1"][data-act="2"] img.slider-pic-2, #slider[data-mod="1"][data-act="3"] img.slider-pic-3 {left: 0;top:0;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}
#slider[data-mod="1"][data-act="1"] img.slider-pic-2, #slider[data-mod="1"][data-act="1"] img.slider-pic-3, #slider[data-mod="1"][data-act="2"] img.slider-pic-3 {left: 100%;top:0;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}
#slider[data-mod="1"][data-act="3"] img.slider-pic-1, #slider[data-mod="1"][data-act="3"] img.slider-pic-2, #slider[data-mod="1"][data-act="2"] img.slider-pic-1 {left:-100%;top:0;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}

#slider[data-mod="2"][data-act="1"] img.slider-pic-1, #slider[data-mod="2"][data-act="2"] img.slider-pic-2, #slider[data-mod="2"][data-act="3"] img.slider-pic-3 {left: 0;top:0;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}
#slider[data-mod="2"][data-act="1"] img.slider-pic-2, #slider[data-mod="2"][data-act="1"] img.slider-pic-3, #slider[data-mod="2"][data-act="2"] img.slider-pic-3 {left:-100%;top:0;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}
#slider[data-mod="2"][data-act="3"] img.slider-pic-1, #slider[data-mod="2"][data-act="3"] img.slider-pic-2, #slider[data-mod="2"][data-act="2"] img.slider-pic-1 {left:100%;top:0;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}

#slider[data-mod="3"][data-act="1"] img.slider-pic-1, #slider[data-mod="3"][data-act="2"] img.slider-pic-2, #slider[data-mod="3"][data-act="3"] img.slider-pic-3 {left: 0;top:0;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}
#slider[data-mod="3"][data-act="1"] img.slider-pic-2, #slider[data-mod="3"][data-act="1"] img.slider-pic-3, #slider[data-mod="3"][data-act="2"] img.slider-pic-3 {left: 0;top:-100%;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}
#slider[data-mod="3"][data-act="3"] img.slider-pic-1, #slider[data-mod="3"][data-act="3"] img.slider-pic-2, #slider[data-mod="3"][data-act="2"] img.slider-pic-1 {left: 0;top:100%;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}

#slider[data-mod="4"][data-act="1"] img.slider-pic-1, #slider[data-mod="4"][data-act="2"] img.slider-pic-2, #slider[data-mod="4"][data-act="3"] img.slider-pic-3 {left: 0;top:0;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}
#slider[data-mod="4"][data-act="1"] img.slider-pic-2, #slider[data-mod="4"][data-act="1"] img.slider-pic-3, #slider[data-mod="4"][data-act="2"] img.slider-pic-3 {left: 0;top:100%;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}
#slider[data-mod="4"][data-act="3"] img.slider-pic-1, #slider[data-mod="4"][data-act="3"] img.slider-pic-2, #slider[data-mod="4"][data-act="2"] img.slider-pic-1 {left: 0;top:-100%;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}


.scroll-down-ico {
	position: absolute;
	width: 64px;
	height: 59px;
	bottom: 10px;
	left: 50%;
	margin-left: -32px;
	background: url("../img/rn/sprite.png") no-repeat 0 -112px;
    animation-name: seven_creativ_floating;-webkit-animation-name: seven_creativ_floating;-moz-animation-name: seven_creativ_floating;-o-animation-name: seven_creativ_floating;
    animation-duration: 1.7s;-webkit-animation-duration: 1.7s;-moz-animation-duration: 1.7s;-o-animation-duration: 1.7s;
    animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-o-animation-iteration-count: infinite;
}

.left-arrow, .right-arrow {
	position: absolute;
	top: 0;
	height: 100%;
	left: 0;
	width: 50%;
}
.right-arrow {left: 50%;}

/*=========================
-- Projet
=========================*/
.projects-types {
	position: relative;
	display: block;
	padding-top: 16px;
	margin: 0 0 16px;
	text-align: center;
	-webkit-perspective:1000px;-moz-perspective:1000px;-ms-perspective:1000px;-o-perspective:1000px;perspective:1000px;
	-webkit-perspective-origin:50% 50%;-moz-perspective-origin:50% 50%;-ms-perspective-origin:50% 50%;-o-perspective-origin:50% 50%;perspective-origin:50% 50%;
}

.projects-types .projet-select {
	position: relative;
	display: inline-block;
	vertical-align: top;
	text-decoration: none;
	color: #000;
	margin: 0 5px;
	padding: 2px 6px;
	font: normal 16px/16px "Roboto-Regular";
	transform: rotateX(0);
    -webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;
	-webkit-perspective-origin:50% 50%;-moz-perspective-origin:50% 50%;-ms-perspective-origin:50% 50%;-o-perspective-origin:50% 50%;perspective-origin:50% 50%;
	-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;
}
.projects-types .projet-select.active, .projects-types .projet-select:hover {
	top: -3px;
    -webkit-transform:rotateX(90deg);-moz-transform:rotateX(90deg);-ms-transform:rotateX(90deg);-o-transform:rotateX(90deg);transform:rotateX(90deg);
	-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;
}

.projects-types .projet-select .span-1, .projects-types .projet-select .span-2 {
	position: relative;
	display: block;
	top: 8px;
	left: 0;
	right: 0;
	color: #000;
	overflow: hidden;
	text-align: center;
	border-radius: 2px;
	padding: 5px 12px 4px;
	transform: rotateX(0) translateZ(8px);
	font: normal 15px/16px "Roboto-Regular";
	-webkit-perspective-origin:50% 100%;-moz-perspective-origin:50% 100%;-ms-perspective-origin:50% 100%;-o-perspective-origin:50% 100%;perspective-origin:50% 100%;
	-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;
}
.projects-types .projet-select .span-2 {
	color: #FFF;
	background: #000;
	padding: 0 10px 0;
	-webkit-transform: rotateX(90deg) translateZ(10px) rotateX(180deg);
	-moz-transform: rotateX(90deg) translateZ(10px) rotateX(180deg);
	-ms-transform: rotateX(90deg) translateZ(10px) rotateX(180deg);
	-o-transform: rotateX(90deg) translateZ(10px) rotateX(180deg);
	transform: rotateX(90deg) translateZ(10px) rotateX(180deg);
	-webkit-perspective:1000px;-moz-perspective:1000px;-ms-perspective:1000px;-o-perspective:1000px;perspective:1000px;
	-webkit-perspective-origin:50% 0;-moz-perspective-origin:50% 0;-ms-perspective-origin:50% 0;-o-perspective-origin:50% 0;perspective-origin:50% 0;
	-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;
}

.projects-types .projet-select.active .span-2, .projects-types .projet-select:hover .span-2 {
	padding: 5px 12px 4px;
	-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;
}

@media (max-width:486px) {
	.projects-types .projet-select {
		position: relative;
		display: block;
		max-height: 20px;
	}
}

.projects-row {
	position: relative;
	display: block;
	margin: 0 25px;
	padding: 0;
	list-style: none;
}

.projects-row .projet-box {
    position: relative;
    display: block;
    padding: 0;
	color: #FFF;
	max-height: none;
	overflow: hidden;
	text-decoration: none;
	-webkit-perspective: 800;-moz-perspective: 800;-o-perspective: 800;perspective: 800;
}

.projects-row .animatedParent {
    position: relative;
    display: inline-block;
	vertical-align: top;
	overflow: hidden;
}

.projects-row .animatedParent.col-lg-20a {max-width: 18.7%!important;margin: 8px;float: left;}
@media (max-width:1300px) {.projects-row .animatedParent.col-lg-20a {max-width: 23.5%!important;}}
@media (max-width:1175px) {.projects-row .animatedParent.col-lg-20a {max-width: 31.6%!important;}}
@media (max-width:952px) {.projects-row .animatedParent.col-lg-20a {max-width: 45.9%!important;}}
@media (max-width:450px) {.projects-row .animatedParent.col-lg-20a {max-width: 100%!important;}}

.projects-row .projet-box .containr {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-o-transform-style: preserve-3d;transform-style: preserve-3d;
	-webkit-transition: -webkit-transform 1s;-moz-transition: -moz-transform 1s;-o-transition: -o-transform 1s;transition: transform 1s;
}
.projects-row .projet-box:hover .containr {
	-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg);
}

.projects-row .projet-box .img-block {
	position: relative;
	display: block;
	overflow: hidden;
	-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;
}

.projects-row .projet-box .text-block {
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	right: 50%;
	bottom: 50%;
	border-radius: 300%;
	overflow: hidden;
	background: rgba(0,0,0,.8);
	-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg);
	-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;
}
.projects-row .projet-box .text-block.reverse {
	top: 50%;
	left: 50%;
	right: 50%;
	bottom: 50%;
	border-radius: 300%;
	-webkit-transform: rotateY(0);-moz-transform: rotateY(0);-o-transform: rotateY(0);transform: rotateY(0);
	-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;
}

.projects-row .projet-box:hover .text-block.reverse {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 0;
	-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;
}

.projects-row .projet-box .img-block img {
	position: relative;
	display: block;
	width: 100%;
	-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;
}
.projects-row .projet-box:hover .img-block img {
	filter: grayscale(96%);-webkit-filter: grayscale(96%);-moz-filter: grayscale(96%);-ms-filter: grayscale(96%);-o-filter: grayscale(96%);
	filter: url(../img/rn/desaturate.svg#greyscale);filter: gray;-webkit-filter: grayscale(.96);
	-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);
	-webkit-transition: all .6s ease;-moz-transition: all .6s ease;-o-transition: all .6s ease;transition: all .6s ease;
}
.projects-row .projet-box .img-block img.justawigogo {
	filter: grayscale(96%);-webkit-filter: grayscale(96%);-moz-filter: grayscale(96%);-ms-filter: grayscale(96%);-o-filter: grayscale(96%);
	filter: url(../img/rn/desaturate.svg#greyscale);filter: gray;-webkit-filter: grayscale(.96);
	-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);
	-webkit-transition: all 2s ease;-moz-transition: all 2s ease;-o-transition: all 2s ease;transition: all 2s ease;
}

.projects-row .projet-box .text-block h1, .projects-row .projet-box .text-block p {
	position: absolute;
	left: 0;
	right: 0;
	text-align: left;
	margin: 0;
	padding: 0 20px;
}


.projects-row .projet-box .text-block h1 {
	color: #000;
	opacity: .6;
	top: 91%;
	bottom: auto;
    font: bolder 13px/13px "Roboto-Regular";
	text-transform: uppercase;
	-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
}
.projects-row .projet-box:hover .text-block h1 {
	top: 86%;
	opacity: 1;
	color: #EEE;
	-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
}

.projects-row .projet-box .text-block p {
	opacity: .8;
	top: 95%;
	bottom: auto;
	color: #000;
	margin-top: 2px;
	font: bolder 14px/14px "Roboto-Regular";
	text-transform: uppercase;
	-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
}
.projects-row .projet-box:hover .text-block p {
	top: 90%;
	opacity: 1;
	color: #EEE;
	-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
}

/*=========================
--- Article
	1.) Menu
=========================*/
.hidden-menu-bars {
	position: relative;
	display: block;
	top: 33px;
}
@media (max-width:312px) {
	.hidden-menu-bars {top: -50px;}
}
@media (max-width:268px) {
	.hidden-menu-bars {top: 10px;}
}

.hidden-menu-bars .hd-mn-br-1, .hidden-menu-bars .hd-mn-br-2, .hidden-menu-bars .hd-mn-br-3, .hidden-menu-bars .hd-mn-br-4 {
	position: relative;
	left: 0;
	opacity: 1;
	width: 22px;
	height: 2px;
	margin-bottom: 5px;
	background: #000;
	-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;
}

.hidden-menu-bars .hd-mn-br-3 {
	top: -7px;
	margin-bottom: -2px;
}

.hidden-menu-left.active .hidden-menu-bars .hd-mn-br-1 {
	top: 6px;
	left: 0;
	opacity: 0;
	-webkit-transition: all .1s ease-out;-moz-transition: all .1s ease-out;-o-transition: all .1s ease-out;transition: all .1s ease-out;
}

.hidden-menu-left.active .hidden-menu-bars .hd-mn-br-4 {
	top: -6px;
	left: 0;
	opacity: 0;
	-webkit-transition: all .1s ease-out;-moz-transition: all .1s ease-out;-o-transition: all .1s ease-out;transition: all .1s ease-out;
}

.hidden-menu-left.active .hidden-menu-bars .hd-mn-br-2, .hidden-menu-left.active .hidden-menu-bars .hd-mn-br-3 {
	left: 0;
	-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);
	-webkit-transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;-o-transform-origin: 50% 50%;transform-origin: 50% 50%;
	-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;
}
.hidden-menu-left.active .hidden-menu-bars .hd-mn-br-3 {
	-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);
}

.hidden-menu-left.active .hidden-menu-bars {
	left: 18px;
	-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;
}

.hidden-menu-title a {
	position: absolute;
	top: 0;
	left: 0;
	width: 248px;
	padding: 15px 21px 15px 55px;
	font: bolder 14px/14px "Aller_Rg";
	text-decoration: none;
	color: #000;
}

.hidden-menu-title a:after {
	content: "";
	position: absolute;
	top: 19px;
	left: 156px;
	width: 15px;
	height: 6px;
	background: url("../img/rn/sprite.png") no-repeat -127px -28px;
	-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;
}
.hidden-menu-left.active a:after {
	background-position: -127px -34px;
	-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;
}

.hidden-menu-left.active .hidden-menu-title a {
	color: #000;
	padding: 15px 21px 15px 50px;
	-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;
}

.hidden-menu-left .prod-left-menu {
	position: relative;
	display: block;
	margin: -1px 0 0;
	float: none;
	border-left: 1px solid #CAD0D5;
	border-right: 1px solid #CAD0D5;
	-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;
}
.hidden-menu-left.active .prod-left-menu {
	height: 100%;
	width: 248px;
	max-height: 1009px;
	opacity: 1;
    overflow: visible;
	-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;
}

.menu-collapses {
	position: absolute;
	top: 42px;
	width: 248px;
	z-index: 9;
}

.menu-collapses a.menu-2-title {
	position: relative;
	display: block;
	color: #FFF;
	height: 48px;
	padding: 17px 10px;
	text-decoration: none;
	font: bold 14px/14px "Aller_Rg";
	border-bottom: 1px solid #CAD0D5;
	background: #000;
}

.div-inner {
	position: relative;
	display: block;
	background: #FFF;
}

.page-bigbox.third-pg h1, .page-bigbox.forth-pg h1 {
	font: bolder 30px/35px "Roboto-Regular";
	font-stretch: condensed;
	position: relative;
	display: inline-block;
	background: #000;
	color: #FFF;
	padding: 0 30px;
	margin: 10px 0;
}
.page-bigbox.third-pg h1 {
	top: -28px;
	margin-bottom: 0;
	z-index: 9;
}

.page-bigbox.third-pg p, .page-bigbox.forth-pg p {
	font-size: 23px;
	line-height: 26px;
	text-align: justify;
	font-stretch: extra-condensed;
}

/*============================
//=> Show Project Fixed Box
=================================*/
.show-proj-parent {
	position: fixed;
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
}

.show-proj-parent .after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
}

.show-proj-parent .show-proj-box {
	position: absolute;
	width: 700px;
	left: 50%;
	margin-left: -350px;
	height: 180px;
	top: 50%;
	margin-top: -90px;
	background: #F5F5F5;
	overflow: hidden;
}

.shwprjbx-title {
	position: relative;
	display:block;
	width: 100%;
	height: 38px;
}

.shwprjbx-title span {
	content: "";
	position: absolute;
	width: 38px;
	height: 38px;
	top: 0;
	right: 0;
	cursor: pointer;
	background:url("../img/rn/sprite.png") no-repeat 0 0;
}

.shwprjbx-content {
	position: relative;
	display:block;
	width: 100%;
	min-height: 52px;
	padding: 0 35px;
	overflow: hidden;
}

.shwprjbx-content img {
	position: relative;
	display:block;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}

.shwprjbx-footer {
	position: relative;
	display:block;
	width: 100%;
	height: 90px;
	padding: 15px 130px 24px 35px;
}

.shwprjbx-footer h1 {
	margin: 0;
	color: #797979;
	font: normal 18px/18px "Roboto-Regular";
}

.shwprjbx-footer p {
	margin: 0;
	max-width: 70%;
	color: #b0afaf;
	font: normal 13px/14px "Roboto-Light";
}

.show-proj-box .arrows {
	position: absolute;
	right: 0;
	bottom: 0;
}

.show-proj-box .arrows .prev, .show-proj-box .arrows .next {
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	width: 39px;
	height: 37px;
	cursor: pointer;
	background:url("../img/rn/sprite.png") no-repeat -48px -37px;
}
.show-proj-box .arrows .next {background-position: -87px -37px;}

.load-messages {
	position: absolute;
	left: 0;
	right: 0;
	display: none;
	height: 36px;
}

.loader .load-special {
	position: absolute;
	top: 3px;
	left: 50%;
	width: 36px;
	height: 40px;
	margin-left: -12px;
}

.load-special .load-bar-1, .load-special .load-bar-2, .load-special .load-bar-3 {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 10px;
	height: 31px;
	background: #000;
    -webkit-animation-name: load_bar;-moz-animation-name: load_bar;animation-name: load_bar;
	-webkit-animation-duration: .65s;-moz-animation-duration: .65s;animation-duration: .65s;
    -webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;animation-iteration-count: infinite;
}

.load-special .load-bar-1 {-webkit-animation-delay: 100ms;-moz-animation-delay: 100ms;animation-delay: 100ms;}

.load-special .load-bar-2 {
	height: 35px;
	margin: 0 4px;
	-webkit-animation-delay: 200ms;-moz-animation-delay: 200ms;animation-delay: 200ms;
}

.load-special .load-bar-3 {
	height: 21px;
	width: 7px;
	-webkit-animation-delay: 400ms;-moz-animation-delay: 400ms;animation-delay: 400ms;
}

.page-bigbox {
	position: relative;
	display: block;
	height: auto!important;
}
.page-bigbox:not(:last-child) {margin-bottom: 30px;}
.fiveline {
	position: relative;
	display: block;
	height: 3px;
	background: #CECECE;
	margin-bottom: 9px;
}

.page-bigbox.first-bg-pg:before {
	content: "";
	position: absolute;
	top: 30px;
	left: 30px;
	right: 30px;
	bottom: 30px;
	background: url("../img/bg/background-1.jpg") no-repeat center center;
	background-size: cover;
}

.home-points-bg {
	position: absolute;
	top: 30px;
	left: 30px;
	right: 30px;
	bottom: 30px;
	background: url("../img/rn/repete.png") repeat 0 0;
}

.bog-logo-ctr {
	position: absolute;
	width: 690px;
	height: 480px;
	top: 50%;
	margin-top: -264px;
	left: 50%;
	margin-left: -345px;
}

.bog-logo-txt, .bog-logo-lnk {
	position: absolute;
	top: 50%;
	margin-top: 220px;
	left: 0;
	right: 0;
	text-align: center;
	color: #000;
	font-size: 72px;
	font-stretch: extra-condensed;
}

.bog-logo-lnk, .bog-logo-lnk:hover {
	margin-top: 0;
	top: auto;
	bottom: 40px;
    color: #FFF;
    font-size: 30px;
	cursor: pointer;
	text-decoration: none;
}

.seven-creativ-floating {
	position: relative;
	display: block;
	width: 30px;
	height: 37px;
	margin: -8px auto 0;
	background: url("../img/rn/sprite.png") no-repeat -87px 0;
    animation-name: seven_creativ_floating;-webkit-animation-name: seven_creativ_floating;
    animation-duration: 1.5s;-webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;
}
@keyframes seven_creativ_floating {0%,100% {transform: translateY(-5%);}50% {transform: translateY(10%);}}
@-webkit-keyframes seven_creativ_floating {0%,100% {-webkit-transform: translateY(-5%);}50% {-webkit-transform: translateY(10%);}}

@keyframes load_bar {0%, 100% {height:35px;opacity:1}50% {height:5px;opacity:.8}}
@-webkit-keyframes load_bar {0%, 100% {height:35px;opacity:1}50% {height:5px;opacity:.8}}
@-moz-keyframes load_bar {0%, 100% {height:35px;opacity:1}50% {height:5px;opacity:.8}}

/*===================================================================
//=================================> Responsive Design
===================================================================================================*/
@media (max-width:876px) {
	header {height: 85px;}
	.projects-row .projet-box .text-block h1, .projects-row .projet-box:hover .text-block h1 {
		color: #FFF;
		opacity: 1;
		bottom: 23px;
		font: normal 18px/18px "Roboto-Regular";
	}

	.projects-row .projet-box .text-block p, .projects-row .projet-box:hover .text-block p {
		opacity: 1;
		bottom: 5px;
		color: #FFF;
		font: normal 14px/14px "Roboto-Light";
	}

	.show-proj-parent .show-proj-box {
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		margin: 0;
		background: #F5F5F5;
	}

}

@media (max-width:544px) {
	.footerb-txt, .footer-b .padix {
		padding: 10px 0 0;
		text-align: center;
	}
}

@media (max-width:350px) {
	header {height: 76px;}

	.header {height: 70px;}

	.projects-types .projet-select {margin: 0;}
}

@media (max-width:265px) {
	.projects-types .projet-select {
		display: block;
		padding: 0 0 7px;
	}
}

@keyframes zoomIn {
	from {display: none;opacity: 0;transform: scale3d(.3, .3, .3);}
	1% {display: block;}50% {opacity: 1;}
	to {transform: scale3d(1,1,1);}
}
.zoomIn {animation-name: zoomIn;}

@keyframes zoomOut {
	from {display: block;transform: scale3d(1,1,1);}
	50% {opacity: .8;}80% {opacity: 0;}99% {display: none;}
	to {opacity: 0;transform: scale3d(.3, .3, .3);}
}
.zoomOut {animation-name: zoomOut;}

.third-pg {
    text-align: center;
    padding-top: 60px;
    display: block;
}

.third-pg:before {
	content: "";
	position: absolute;
	top: 60px;
	left: 0;
	right: 0;
	bottom: 0;
	background: #F3F3F3;
}

.references-boxes {
	position: relative;
	display: block;
	margin: 0 25px;
	padding: 0;
	text-align: center;
	top: -42px;
	margin-bottom: -42px;
}

.references-boxes .references-box-p {
	position: relative;
	display: inline-block;
	margin: -1px -3px;
	padding: 0;
	border: 1px solid #E9E9E9;
	width: 16.8%;
}

.references-boxes .references-box-p img {max-width: 100%;}

@media (max-width:1400px) {.references-boxes .references-box-p {width: 25%;}}
@media (max-width:900px) {.references-boxes .references-box-p {width: 50%;}}
@media (max-width:320px) {.references-boxes .references-box-p {width: 100%;}}

#map-canvas {
	height: 600px;
	margin-top: 0;
	border-top: 3px solid #C5C5C5;
	margin-bottom: -30px;
}

.fb-like-box.fb_iframe_widget {
	position: absolute;
	top: 20px;
	left: 30px;
}

.form-parent {
	position: relative;
	display: block;
	margin-top: 50px;
	font-weight: 300!important;
}

.form-group {
	padding: 0 15px;
}

.form-group label {
	position: relative;
	display: block;
	text-align: left;
	font: lighter 16px/22px "Roboto-Light";
	top: 30px;
	left: 10px;
	-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;
}
.form-group.labelup label {
	top: 0;
	-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;
}

.form-group input, .form-group textarea, button.btn[type="submit"] {
	border-radius: 0;
	border: none;
	box-shadow: none;
	border-bottom: 2px solid #DEDEDE;
	font: lighter 16px/22px "Roboto-Light";
	-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;
}

.form-group input:focus, .form-group textarea:focus {
	outline: none;
	box-shadow: none;
	border-bottom: 2px solid #5F5F5F;
	-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;
}

.form-group textarea {
	resize: none;
	height: 100px;
}

button.btn[type="submit"] {
	background: #000;
	border: 1px solid #000;
	color: #FFF;
	font-weight: bold;
}

.row.padtop-spcl {
	position: relative;
	display: block;
	max-width: 1180px;
	margin: auto;
}

.pagination-parent {
	position: relative;
	display: block;
	margin: 0 35px;
	padding: 0;
	text-align: right;
}

.pagination>li>a, .pagination>li>span {
	padding: 20px 30px;
	color: #515151;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #515151;
    border-color: #000;
}

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
	color: #000;
	background-color: #eceeef;
	border-color: #ddd;
}

.col-md-6.padzero {padding: 0;}

@media (max-width:560px) {.pagination>li>a, .pagination>li>span {padding: 10px 15px;}}
@media (max-width:480px) {.pagination>li>a, .pagination>li>span {padding: 8px 10px;}}
@media (max-width:360px) {.pagination>li>a, .pagination>li>span {padding: 6px 10px;}}

.sppadtiop {
	margin-top: 0;
	padding-top: 50px;
	text-align: center;
}

.left-align-contain {
	position: relative;
	display: block;
	max-width: 980px;
	margin: auto;
	text-align: left;
}

.services-box-white {
	position: relative;
	display: inline-block;
	vertical-align: text-bottom;
	width: 284px;
	height: 284px;
	overflow: hidden;
	box-shadow: 0 0 15px #BBB;
	margin: 30px 20px;
}

.services-box-covering {
	position: absolute;
	width: 201px;
	height: 201px;
	webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);
}
.services-box-covering.top {top: -99px;left: 41px;}
.services-box-covering.left {top: 41px;left: -99px;}
.services-box-covering.right {top: 42px;left: 183px;}
.services-box-covering.bottom {top: 183px;left: 42px;}

.services-box-black {
	position: absolute;
	top: -284px;
	left: 0;
	width: 284px;
	height: 284px;
	background: #000;
}

.service-text-box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 26px 12px;
}

.service-text-box .service-ico {
	position: relative;
	display: block;
	width: 82px;
	height: 64px;
	margin-bottom: 20px;
	background: url("../img/rn/services-sprite.png") no-repeat 0 0;
}

.service-text-box .service-ico-1 {background-position: 0 0;}.service-text-box.black .service-ico-1 {background-position: 0 -64px;}
.service-text-box .service-ico-2 {background-position: -82px 0;}.service-text-box.black .service-ico-2 {background-position: -82px -64px;}
.service-text-box .service-ico-3 {background-position: -164px 0;}.service-text-box.black .service-ico-3 {background-position: -164px -64px;}
.service-text-box .service-ico-4 {background-position: -246px 0;}.service-text-box.black .service-ico-4 {background-position: -246px -64px;}
.service-text-box .service-ico-5 {background-position: -328px 0;}.service-text-box.black .service-ico-5 {background-position: -328px -64px;}
.service-text-box .service-ico-6 {background-position: -410px 0;}.service-text-box.black .service-ico-6 {background-position: -410px -64px;}
.service-text-box .service-ico-7 {background-position: -492px 0;}.service-text-box.black .service-ico-7 {background-position: -492px -64px;}
.service-text-box .service-ico-8 {background-position: -574px 0;}.service-text-box.black .service-ico-8 {background-position: -574px -64px;}

.service-text-box .service-title {
	margin: 0;
	color: #231F20;
	font: normal 20px/20px "Roboto-Regular";
}

.service-text-box .service-tri {
	position: relative;
	display: block;
	width: 33px;
	height: 3px;
	background: #CACACA;
	margin: 22px 0 35px;
}
.service-text-box.black .service-tri {background: #FFF;}

.service-text-box .service-txt {
	margin: 0;
	color: #231F20;
	font: normal 14px/14px "Roboto-light";
}

.service-text-box.black .service-title, .service-text-box.black .service-txt {color: #FFF;}

.coordova {
	font: normal 16px/22px "Roboto-Light";
	text-align: left;
}

.coordova p {margin-bottom: 25px;}

.coordova b {font: normal 16px/22px "Roboto-Regular";}

.coordova a, .coordova a:hover, .coordova a:active, .coordova a:focus  {
	color: #009DDF;
	outline: none;
	text-shadow: none;
	box-shadow: none;
	text-decoration: none;
}

.form-group {margin-bottom: 40px;}

.loading-box {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -275px;
	margin-top: -140px;
	opacity: 0;
	-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;
}
.loading-box.shown {
	margin-top: -200px;
	opacity: 1;
	-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;
}

.loading-img-png {
	position: absolute;
	top: 157px;
	left: 219px;
	max-width: 100px;
}

iframe {
	position: relative;
	display: block;
	width: 100%;
	height: 600px;
}

#simplecontent {
	position: relative;
	display: block;
	background: #FFF;
	min-height: 300px;
	margin: 0;
	-webkit-transition: all .7s ease;-moz-transition: all .7s ease;-o-transition: all .7s ease;transition: all .7s ease;
}
#simplecontent.withmarg {
	margin: 5px 40px;
	-webkit-transition: all .7s ease;-moz-transition: all .7s ease;-o-transition: all .7s ease;transition: all .7s ease;
}

/*
==============================================
FadeInRight
==============================================
*/

.animation-fadeInRight {
    animation-name: fadeInRight;
    -webkit-animation-name: fadeInRight;
    animation-duration: .5s;
    -webkit-animation-duration: .5s;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    visibility: visible !important;
}

@keyframes fadeInRight {
	0% {transform: translateX(-10%);opacity: 0;}100% {transform: translateX(0%);opacity: 1;}
}

@-webkit-keyframes fadeInRight {
	0% {-webkit-transform: translateX(-10%);opacity: 0;}100% {-webkit-transform: translateX(0%);opacity: 1;}
}

/*
==============================================
FadeInLeft
==============================================
*/

.animation-fadeInLeft {
    animation-name: fadeInLeft;
    -webkit-animation-name: fadeInLeft;
    animation-duration: .5s;
    -webkit-animation-duration: .5s;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    visibility: visible !important;
}

@keyframes fadeInLeft {
	0% {transform: translateX(+10%);opacity: 0;}
	100% {transform: translateX(0%);opacity: 1;}
}

@-webkit-keyframes fadeInLeft {
	0% {-webkit-transform: translateX(+10%);opacity: 0;}
	100% {-webkit-transform: translateX(0%);opacity: 1;}
}

/*
==============================================
FadeInLeft
==============================================
*/

.animation-fadeInTop {
    animation-name: fadeInTop;
    -webkit-animation-name: fadeInTop;
    animation-duration: .5s;
    -webkit-animation-duration: .5s;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    visibility: visible !important;
}

@keyframes fadeInTop {
	0% {transform: translateY(-10%);opacity: 0;}
	100% {transform: translateY(0%);opacity: 1;}
}

@-webkit-keyframes fadeInTop {
	0% {-webkit-transform: translateY(-10%);opacity: 0;}
	100% {-webkit-transform: translateY(0%);opacity: 1;}
}

/*
==============================================
FadeInBottom
==============================================
*/

.animation-FadeInBottom {
    animation-name: fadeInBottom;
    -webkit-animation-name: fadeInBottom;
    animation-duration: .5s;
    -webkit-animation-duration: .5s;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    visibility: visible !important;
}

@keyframes fadeInBottom {
	0% {transform: translateY(+10%);opacity: 0;}
	100% {transform: translateY(0%);opacity: 1;}
}

@-webkit-keyframes fadeInBottom {
	0% {-webkit-transform: translateY(+10%);opacity: 0;}
	100% {-webkit-transform: translateY(0%);opacity: 1;}
}

.div-inner {
	position: relative;
	display: block;
	max-width: 1165px;
	margin: auto;
}

.show-proj-box {
	position: relative;
	display: block;
	margin-bottom: 30px;
}

.show-proj-box .pix-box {
	position: relative;
	display: block;
	max-width: 720px;
	margin: 65px 75px;
	min-height: 400px;
	overflow: hidden;
}
@media (max-width:1025px) {
	.show-proj-box .pix-box {
		max-width: none;
		margin: 35px;
		min-height: none;
	}
}

.show-proj-box .pix-box img {
	position: absolute;
	top: 0;
	max-width: 100%;
	-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;
}
.show-proj-box .pix-box img.prodToLeft {
	left: -200%;
	-webkit-transform: scale(.6);-moz-transform: scale(.6);-o-transform: scale(.6);transform: scale(.6);
	-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;
}
.show-proj-box .pix-box img.prodToCentr {
	left: 50%;
	-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);
	-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;
}
.show-proj-box .pix-box img.prodToRight {
	left: 200%;
	-webkit-transform: scale(.6);-moz-transform: scale(.6);-o-transform: scale(.6);transform: scale(.6);
	-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;
}

.show-proj-box .txt-box {
	position: absolute;
	top: 0;
	right: 85px;
	width: 210px;
}
@media (max-width:1025px) {
	.show-proj-box .txt-box {
		position: relative;
		display: block;
		width: auto;
		padding: 35px 35px 0;
	}
}

.txt-title {
	position: relative;
	display: block;
	height: 38px;
	margin-bottom: 60px;
}

.txt-title a {
	font: normal 16px/55px "Roboto-Light";
	text-decoration: none;
	color: #333;
}

.txt-title .proj-ico {
	position: absolute;
	top: 0;
	height: 38px;
	background: url("../img/rn/sprite.png") no-repeat 0 0;
}
.proj-ico.proj-ico-1 {
	left: 60px;
	right: 75px;
	width: 38px;
	background-position: 0 -74px;
}
.proj-ico.proj-ico-2 {
	right: 30px;
	width: 27px;
	background-position: -48px -74px;
}
.proj-ico.proj-ico-3 {
	right: 0;
	width: 27px;
	background-position: -88px -74px;
}

.txt-box h1.ts {
	font: bolder 14px/14px "Roboto-Regular";
	text-transform: uppercase;
}

.txt-box .title-barbot {
	position: relative;
	display: block;
	width: 20px;
	height: 1px;
	background: #000;
	margin: 5px 0 9px;
}

.txt-box p.descripiti {font: normal 13px/17px "Roboto-Light";}

ul.ultxt {
	position: relative;
	display: block;
	margin: 15px 0 0;
	padding: 0;
	list-style: none;
}

ul.ultxt li {
	position: relative;
	display: block;
	padding: 0;
	font: normal 13px/13px "Roboto-Light";
}
ul.ultxt li b {font: bold 13px/17px "Roboto-Regular";}

.prod-arrows {
	position: absolute;
	top: 0;
	right: 0;
	width: 85px;
	height: 37px;
	margin-top: 0;
}

.prod-arrows .prod-arrow-left, .prod-arrows .prod-arrow-right {
	position: absolute;
	top: 0;
	left: 0;
	width: 39px;
	height: 37px;
	cursor: pointer;
	opacity: 1;
	background: #000 url("../img/rn/sprite.png") no-repeat -48px -37px;
	-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;
}
.prod-arrows .prod-arrow-left {
	left: auto;
	right: 0;
	background-position: -87px -37px;
}
.prod-arrows .prod-arrow-left.opac, .prod-arrows .prod-arrow-right.opac {
	opacity: .4;
	-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;
}