@font-face {
    font-family:'00370regular';
    src: url('../fonts/00370-webfont.eot');
    src: url('../fonts/00370-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/00370-webfont.woff') format('woff'),
         url('../fonts/00370-webfont.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;

}
html * {
	margin:0;
	padding:0;
}
body {
	background:url(Bg.jpg) repeat-y #eee;
	font-family:'Open Sans', Arial, sans-serif;
	font-size:13px;
	color:#333;
	overflow-x:hidden;
}
header, nav, article, section, footer, figure, aside, address {
	display:block;
}
address {
	font-style:normal;
}
a {
	font-size:13px;
	color:#333;
	text-decoration:none;
}
a:hover {
}
img {
	border:0;
}
select,
input {
	outline:none;
}
textarea {
	outline:none;
	resize:none;
	overflow:hidden;
	font-family:'Open Sans', Arial, sans-serif;
}
ol,
ul {
	list-style-type:none;
}
::-webkit-input-placeholder {
    color:#fff;
}
:-moz-placeholder {
    color:#fff;
}
::-moz-placeholder {
    color:#fff;
    opacity:1;
}
:-ms-input-placeholder {
    color:#fff;
}
.clear {
	clear:both;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.tac {
	text-align:center;
}
.tar {
	text-align:right;
}
.red {
	color:#ff0000;
}
.green {
	color:#179107;
}
.input {
	width:250px;
	margin-bottom:5px;
}
.textarea {
	width:250px;
	height:100px;
}
.line {
	border-bottom:solid 1px #019be1;
}
.inner {
    width:1020px;
    margin:auto;
}
#inner-mobile-menu,
#mobile-menu {
    display:none;
}
#page {
    background:#fff;
    padding:20px;
}
#services ul li:hover .hidden {
    transition:all 300ms;
	-webkit-transition:all 300ms; 
	-moz-transition:all 300ms; 
	-o-transition:all 300ms;
}
#header .top {
    height:50px;
    background:#5e5e5e;
    color:#fff;
}
#header .top a {
    color:#444;
}
#header .top ul li {
    float:left;
    margin-right:15px;
}
#header .top .social-media ul li.slogan {
    font-size:16px;
    font-family:'00370regular';
    color:#019be1;
    font-style:italic;
    margin-right:30px;
}
#header .logo-menu {
    height:120px;
    background:#eee;
}
#header .logo-menu .logo {
    margin-top:20px;
}
#header .logo-menu .logo img {
    height:80px;
}
#services {
    position:relative;
    z-index:1;
}
#services ul li {
    width:188px;
    text-align:center;
    display:inline-block;
    background:#f9f9f9;
    font-size:14px;
    margin:0 16px 16px 0;
}
#services ul li figure {
    height:220px;
}
#services ul li .summary {
    height:30px;
}
#services ul li .name {
    height:30px;
}
#services ul li.last {
    margin-right:0;
}
#services ul li .hidden {
    position:absolute;
    width:188px;
    height:0;
    text-align:center;
}
#services ul li .hidden img {
    display:none;
}
#services ul li:hover .hidden {
    height:290px;
    background:rgba(242,242,242,0.9);
}
#services ul li:hover .hidden img {
    display:block;
    margin:auto;
    height:70px;
    width:auto;
}
#services ul li:hover .hidden figure img {
    padding-top:80px;
}
#services ul li figure {
    margin-bottom:30px;
    height:191px;
}
#services ul li figure img {
    width:188px;
}
#services ul li .name {
    color:#e70101;
    margin-bottom:10px;
}
#services ul li .summary {
    color:#666;
}
#index-references h2 {
    font-weight:normal;
    font-size:34px;
    margin-bottom:20px;
    font-family:'00370regular';
    letter-spacing:0.05em;
    color:#1b6d98;
}
#index-references .left-column {
    width:610px;
}
#index-references .right-column nav a {
	color:#fff;
}
#index-references .right-column nav ul li {
	margin-bottom:15px;
}
#index-references .right-column nav ul li figure img,
#index-references .right-column nav ul li figure {
	width:105px;
	height:105px;
	margin-right:20px;
}
#index-references .right-column nav ul li .text {
	width:247px;
}
#footer {
    background:#f5f5f5;
    color:#444;
}
#footer .left-column ul li {
    float:left;
    width:165px;
}
#footer .left-column ul li p {
    margin-bottom:5px;
}
#footer .left-column ul li p a {
    font-size:12px;
}
#footer .right-column {
    width:260px;
    font-size:11px;
}
#footer .right-column ul li {
    margin-bottom:30px;
}
#footer .right-column .creapark img {
    width:120px;
}
#title {
    height:100px;
    background:url(../images/title-bg.png);
    color:#999;
}
#title h1 {
    font-weight:normal;
    font-size:28px;
    line-height:100px;
    font-family:'00370regular';
    letter-spacing:0.05em;
}
#title .here {
    padding:5px 10px;
    background:#fff;
    margin-top:35px;
    border-bottom:solid 1px #e0e0e0;
    height:20px;
    line-height:22px;
}
#title .here a {
    color:#999;
}
#title .here img {
    height:20px;
}
#title .here p {
    margin-right:10px;
}
#title .here p.last {
    margin-right:0;
}
#title .here p span {
    padding-left:10px;
    font-size:12px;
}
#left-column {
    width:310px;
    border-right:solid 1px #f0f0f0;
}
#left-column .menu {
    width:90%;
}
#left-column .menu .mini-title {
    font-size:24px;
    color:#019be1;
    border-bottom:0;
    margin-bottom:20px;
    font-family:'00370regular';
    letter-spacing:0.05em;
}
#left-column .menu ul li a {
    display:block;
    padding:10px 5px;
    border-bottom:solid 1px #f0f0f0;
}
#left-column .menu ul li.select a,
#left-column .menu ul li a:hover {
    background:#f9f9f9;
    border-bottom:solid 1px #019be1;
}
#left-column .certificate {
    width:90%;
    height:300px;
    background:#019be1;
    color:#fff;
}
#left-column .certificate h2 {
    font-weight:normal;
    font-size:24px;
    margin-bottom:20px;
    font-family:'00370regular';
    letter-spacing:0.05em;
}
#left-column .certificate ul li {
    margin-bottom:10px;
    height:105px;
}
#left-column .certificate ul li img {
    width:260px;
}
#left-column .address {
    font-size:12px;
}
#left-column .address .left {
    width:60px;
    color:#999;
}
#left-column .address .right {
    width:215px;
}
#right-column {
    width:685px;
}
#right-column figure.big {
    margin-bottom:20px;
}
#right-column figure.big img {
    max-width:685px;
    width:100%;
}
#right-column h1 {
    font-size:24px;
    color:#019be1;
    border-bottom:0;
    margin-bottom:20px;
    font-family:'00370regular';
    font-weight:normal;
}
#right-column h2 {
    font-size:20px;
    color:#019be1;
    margin-bottom:20px;
    font-family:'00370regular';
    font-weight:normal;
}
#right-column ol li {
    list-style-type:decimal;
    margin:0 0 10px 20px;
}
#right-column ul li {
    list-style-type:circle;
    margin:0 0 10px 20px;
}
#right-column article {
    text-align:justify;
}
#right-column article p {
    margin-bottom:20px;
}
#right-column article img.big-photo {
    max-width:685px;
    width:100%;
}
.table {
	text-align:left;
}
.table figure,
.table figure img {
	width:200px;
	height:200px;
}
.table .first {
	width:130px;
	font-weight:bold;
	background:#019be1;
	color:#fff;
	padding:10px;
	border-bottom:solid 1px #ccc;
}
.table .second {
	font-weight:bold;
	padding:10px;
	border-bottom:solid 1px #ccc;
}
.table .three {
	width:488px;
	padding:10px;
	border-bottom:solid 1px #ccc;
	text-transform:uppercase;
}
.table .last {
	border-bottom:0;
}
#services .photos ul li,
#right-column .photos ul li {
	list-style-type:none;
	display:inline-block;
	margin:0 5px 12px 5px;
	width:180px;
	height:180px;
}
#services .photos ul li img,
#right-column .photos ul li img {
	width:180px;
	height:180px;
}
#right-column .pictures ul li {
	list-style-type:none;
	margin:10px;
	width:200px;
	float:left;
}
#form .left-column {
    width:250px;
    margin-right:25px;
}
#form .left-column .input {
    width:230px;
    padding:8px 10px;
    border:0;
    background:#019be1;
    color:#fff;
}
#form .right-column {
    width:410px;
}
#form .right-column .textarea {
    width:390px;
    padding:8px 10px;
    height:320px;
    border:0;
    background:#019be1;
    color:#fff;
}
#form .right-column .textarea-2 {
    width:390px;
    padding:8px 10px;
    height:200px;
    border:0;
    background:#019be1;
    color:#fff;
}
#form .right-column .button {
    background:#019be1;
    padding:5px 10px;
    color:#fff;
    font-size:15px;
    text-align:center;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border:0;
    cursor:pointer;
    margin:310px 0 0 -274px;
}
#form .right-column .contact-button {
    margin:190px 0 0 -274px;
}
#form .right-column .button:hover {
    background:#f0f0f0;
    color:#333;
}
#form .maps {
	width:100%;
	height:300px;
}
#references ul li {
    margin:0 5px 10px 5px;
	width:330px;
	line-height:26px;
	text-align:center;
	float:left;
	background:#019be1;
	text-transform:uppercase;
}
#references ul li p {
	font-size:11px;
	line-height:24px;
	font-weight:normal;
}
#references ul li.last {
	margin:0 0 10px 5px;
}
#references ul li a {
	display:block;
	color:#fff;
	font-weight:bold;
}
#references ul li a:hover {
	background:#f0f0f0;
	color:#333;
}



/*slide show style*/
#web-tv {
	margin-bottom:-35px;
    position:relative;
}
#web-tv ul li {
	width:100%;
    text-align:center;
}
#web-tv img {
	width:100%;
    max-width:1500px;
}
#web-tv .centered-btns_nav {
    z-index:9999;
    top:50%;
    margin-top:-30px;
    position:absolute;
}
#web-tv .prev {
    left:10px;
}
#web-tv .next {
    right:10px;
}
#web-tv .centered-btns_tabs {
	position:relative;
	z-index:9998;
	width:140px;
	height:23px;
	left:50%;
	margin-left:-70px;
	text-align:center;
	background:#fff;
	display:inline-block;
	top:-18px;
	border-radius:20px;
	webkit-border-radius:20px;
	moz-border-radius:20px;
	padding:7px 0 0 10px;
}
#web-tv .centered-btns_tabs li {
	margin-right:10px;
	display:inline;
}
#web-tv .centered-btns_tabs a {
	background-color:#ccc;
	width:12px;
	height:12px;
	text-indent:-9999px;
	overflow:hidden;
	display:inline-block;
	border-radius:30px;
	webkit-border-radius:30px;
	moz-border-radius:30px;
}
#web-tv .centered-btns_here a {
	background:#f9b233;
}
/*slide show style*/
/*menu style*/
#header .logo-menu .menu {
    margin-top:45px;
}
#header .logo-menu .menu ul li {
    float:left;
    margin:0 3px;
}
#header .logo-menu .menu ul li:hover a,
#header .logo-menu .menu ul li.select a {
    background:#019be1;
    color:#fff;
}
#header .logo-menu .menu ul li a {
    padding:10px 15px;
    display:block;
    border-radius:7px;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    color:#777;
}
#header .logo-menu .menu nav ul li .sub-nav {
    position:absolute;
    width:150px;
    display:none;
    padding-top:1px;
    z-index:9999;
}
#header .logo-menu .menu nav ul li .sub-nav ol li {
    width:200px;
}
#header .logo-menu .menu nav ul li .sub-nav ol li a {
    font-size:12px;
    border-bottom:solid 1px #fff;
}
#header .logo-menu .menu nav ul li .sub-nav ol li:hover a {
    background-color:#f0f0f0;
    color:#bf030e;
}
/*menu style*/
/*index-references style*/
.ri-grid {
	margin:0 auto 30px;
	position:relative;
	height:auto;
}
.ri-grid ul  {
	list-style:none;
	display:block;
	width:100%;
	margin:0;
	padding:0;
}
.ri-grid ul:before,
.ri-grid ul:after {
	content:'';
    display:table;
}
.ri-grid ul:after  {
    clear:both;
}
.ri-grid ul  {
    zoom:1;
} 
.ri-grid ul li  {
	-webkit-perspective:400px;
	-moz-perspective:400px;
	-o-perspective:400px;
	-ms-perspective:400px;
	perspective:400px;	
	margin:0;
	padding:0;
	float:left;
	position:relative;
	display:block;
	overflow:hidden;
}
.ri-grid ul li a {
	display:block;
	outline:none;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	-o-transform-style:preserve-3d;
	-ms-transform-style:preserve-3d;
	transform-style:preserve-3d;
	-webkit-background-size:100% 100%;
	-moz-background-size:100% 100%;
	background-size:100% 100%;
	background-position:center center;
	background-repeat:no-repeat;
	background-color:#333;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
}
.ri-grid-size-1 {
	width:55%;
}
.ri-grid-size-2 {
	width:100%;
}
.ri-grid-size-3 {
	width:100%;
	margin-top:0px;
}
.ri-grid-loading:after,
.ri-grid-loading:before {
	display:none;
}

.ri-loading-image {
	display:none;
}
.ri-grid-loading .ri-loading-image {
	position:relative;
	width:30px;
	height:30px;
	left:50%;
	margin:100px 0 0 -15px;
	display:block;
}
/*index-references style*/
/*mobile-menu style*/
.reponsive-menu_btn {
	background:#019be1 url(../images/menu_bg.png) center center no-repeat;
	display:block;
	height:38px;
	width:38px;
	position:absolute;
	right:0;
	top:25px;
	z-index:4;
}
#reponsive-menu {
	height:100%;
	position:fixed;
	background:#019be1;
	top:0;
	bottom:0;
	height:100%;
	width:240px;
	right:-240px;
	z-index:99999;
}
#reponsive-menu ul {
	padding:0;
	margin:0;
	list-style:none;
	color:white;
}
#reponsive-menu ul li {
	height:47px;
	padding-left:30px;
	line-height:47px;
	border-bottom:1px solid #f0f0f0;
}
#reponsive-menu ul li.active {
	background:#ccc;	
}
#reponsive-menu ul li:hover {
	background:#ccc;
}
#reponsive-menu ul li:hover a {
	color:#333;
}
#reponsive-menu ul li a {
	color:#f0f0f0;
	font-size:16px;
	display:block;
}
.close {
	display:block;
	background:#019be1 url(../images/croix.png) center center no-repeat;
	height:47px;
	width:47px;
	position:absolute;
	top:0;
	left:-47px;	
}
/*mobile-menu style*/

/*responsive style*/
@media only screen and (max-width:1100px) {
    #page {
        padding:0 0 20px 0;
    }
    .inner {
        width:96%;
        padding:0 2%;
    }
    #title .here,
    #left-column,
    #footer .left-column,
    #index-references {
        display:none;
    }
    #services {
        text-align:center;
        padding-top:30px;
    }
    #services ul li {
        width:46%;
        float:left;
        margin:0 2% 20px 2%;
    }
    #services ul li .hidden {
        display:none;
    }
    #services ul li figure img {
        width:100%;
        height:auto;
    }
    #services ul li figure {
        height:100%;
    }
    #footer {
        height:auto;
    }
    #footer .right-column {
        width:100%;
    }
    #footer .right-column ul li {
        display:inline-block;
        width:48%;
        margin-bottom:10px;
    }
    #right-column {
        width:100%;
    }
    #right-column figure.big img {
        width:100%;
        max-width:100%;
    }
    #right-column article {
        padding:0 20px;
        margin-top:20px;
    }
    #right-column article img.big-photo {
        max-width:100%;
    }
    #inner-mobile-menu {
        display:block;
        margin:-65px 20px 0 0;
        float:right;
    }
    #inner-mobile-menu .select {
        padding:7px 10px;
        border:0;
        font-size:15px;
    }
    #form .right-column,
    #form .left-column {
        width:100%;
        margin-right:0;
    }
    #form .right-column .textarea-2,
    #form .right-column .textarea,
    #form .left-column .input {
        width:98%;
        padding:8px 1%;
    }
    #form .right-column .textarea-2,
    #form .right-column .textarea {
        height:150px;
    }
    #form .right-column .button {
        margin:20px 0 0 0;
    }
}
@media only screen and (max-width:900px) {
    #header .logo-menu .menu,
    #header .top {
        display:none;
    }
    #mobile-menu {
        display:block;
    }
    #header .logo-menu {
        height:90px;
    }
    #header .logo-menu .logo img {
        height:50px;
    }
    #inner-mobile-menu {
        margin:-30px 0 20px 0;
        float:none;
        width:100%;
    }
    #inner-mobile-menu .select {
        width:100%;
        padding:7px 1%;
    }
    #title {
        height:80px;
        background:url(../images/title-bg.png);
        color:#999;
    }
    #title h1 {
        line-height:50px;
    }
    #web-tv .next img,
    #web-tv .prev img {
	    height:40px;
	    width:auto;
    }
    #footer .right-column ul li {
        display:block;
        width:98%;
        margin-bottom:30px;
        clear:both;
    }
}
@media only screen and (max-width:450px) {
    .inner {
        width:94%;
        padding:0 3%;
    }
    #services {
        text-align:center;
    }
    #services ul li {
        width:100%;
        float:none;
        margin:0 0 20px 0;
    }
    #web-tv .centered-btns_nav {
        margin-top:8%;
    }
    #web-tv .centered-btns_tabs,
    #web-tv .next img,
    #web-tv .prev img {
	    display:none;
    }
}
@media only screen and (max-width:350px) {
    #web-tv .centered-btns_nav {
        margin-top:4%;
    }
}
/*responsive style*/