/*GLOBAL*/ header,nav,section,article,aside,footer,hgroup{display:block;} a{text-decoration:none; outline: 0; color:inherit;} a img{border:none;} .clear{clear:both; margin: 0; display: block; width: 100% !important; float: none !important;} .relative{position: relative;} .clear.not_desktop{display: none;} .float_right{float:right; position: relative;} .float_left{float:left; position: relative;} .align-left{text-align: left !important} .align-right{text-align: right !important} button, input[type=submit]{cursor: pointer; -webkit-appearance: none; outline: 0; } input[type="submit"]:focus {outline:none;} input, textarea {-webkit-appearance: none; border-radius: 0;} input[type="submit"]::-moz-focus-inner {border:0;} label{cursor: text;} input[type=checkbox], input[type=radio]{cursor: pointer;} input:focus{outline:0; } input[type="text"], input[type="password"], textarea, select {outline: none;} .need{color: #cc0000;} .message_centering{position: relative; width: 100%; margin: 0 auto; text-align: center; z-index: 9999;} .message_centering .inside{width: 100%; padding: 0; max-width: 100%; } .message_centering .inside.alert-error{background: #f4811e;} .message_centering .inside.alert-success{background: #004693;} .flash.alert{width: 1110px; max-width: 100%; padding: 0; font-size: 15px; line-height: 45px; font-weight: 500; margin: 0 auto; clear: both; position: relative;} .flash.alert span{cursor: pointer; position: absolute; top: 50%; margin-top: -7.5px; right: 15px; width: 15px; height: 15px; display: block;} .alert-error {color: #fff; background: url(../../../global_images/error_icon.png) no-repeat scroll 15px center #c8000c;} .alert-success{color: #fff; background: url(../../../global_images/success_icon.png) no-repeat scroll 15px center #55b642;} .alert-error span{background: url(../../../global_images/error_close.png) no-repeat;} .alert-success span{background: url(../../../global_images/success_close.png) no-repeat;} h1{position: relative; color: #000; font-size: 30px; line-height: 36px; font-weight: 300; margin: 0 0 35px; padding: 0; text-align: left;} h1.main{margin: 40px 0 35px; width: 100%;} h2{color: #019CA0; font-size: 25px; line-height: 30px; font-weight: 600; margin: 25px 0 4px; text-align: left;} h3{color: #000; font-size: 18px; line-height: 30px; font-weight: 600; margin: 25px 0 4px; text-align: left;} h4, h5, h6{color: #666666; font-size: 17px; line-height: 30px; font-weight: 700; margin: 25px 0 4px; text-align: left;} p, span, strong, b, div, article, i, u, li, a, .text_page, label{color: #4D4D4D; font-size: 15px; font-weight: 300;} strong, b{font-weight: 700;} p.bigger{font-size: 18px; line-height: 22px; text-align: left; color: #4D4D4D; margin: 0 0 35px} sup{color: inherit; font-size: 12px;} article a, article a strong, article strong a{font-weight: 700; color: #4D4D4D; text-decoration: underline; -webkit-transition: all 150ms ease-out; -moz-transition: all 150ms ease-out; -o-transition: all 150ms ease-out; -ms-transition: all 150ms ease-out; transition: all 150ms ease-out;} article a:hover, article a strong:hover{color: #019CA0;} article{text-align: left; line-height: 19px;} article p, article div{margin:0 0 10px; text-align: left; line-height: 19px;} article .text_p{margin: 0; } article ul{margin: 10px 0; padding: 0 0 0 ;} article ul li{color: #4D4D4D; padding-left: 13px; list-style: none; background: url(../img/list_style.png) no-repeat scroll left 5px; margin-bottom: 8px;} article ul li > *{color: inherit;} article ol{margin: 10px 0; padding: 0 0 0 15px;} article ol li{color: #4D4D4D; padding-left: 5px; font-weight: 400;} article table{margin: 10px 0 20px; border-collapse: collapse; border-spacing: 0; width: auto;} article table thead tr th, article table tr:first-child th{text-align: center; font-size: 18px; font-weight: 600; line-height: 24px; padding: 7px 15px; background: #019CA0; color: #fff; border: 1px solid #018a8f; border-left: 0;} article table thead tr:first-child th:first-child, article table tr:first-child th:first-child{text-align: left; border-left: 1px solid #018a8f;} article table tr td{background: #fff; text-align: left; font-size: 15px; line-height: 20px; padding: 6px 15px 7px; font-weight: 300; color: #1A1A1A; border: 1px solid #E1E1E1; border-left: 0} article table tr td:first-child{text-align: left; border-left: 1px solid #E1E1E1;} article img{max-width: 100%;} article img{max-width: 100%; margin: 0 auto 15px; display: block; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #333333; font-size: 13px; line-height: 20px; font-weight: 400;} input::-moz-placeholder, textarea::-moz-placeholder {color: #333333; font-size: 13px; line-height: 20px; font-weight: 400;} input::-ms-input-placeholder, textarea::-ms-input-placeholder {color: #333333; font-size: 13px; line-height: 20px; font-weight: 400;} input[type=text], input[type=password], input[type=submit], textarea{font-family: 'Source Sans Pro', sans-serif; font-weight: 400; font-size: 17px; margin: 0;} article, div, li{height: auto; min-height: 1px; max-height: 9999999px;} .clear{min-height: 0; } html{margin: 0 auto; padding: 0; background: #FDFDFD ; min-width: 480px;} body{overflow-x: hidden; -webkit-text-size-adjust: none; background: #fff; text-rendering: auto; max-width: 1920px; margin: 0 auto; font-family: 'Source Sans Pro', sans-serif; padding: 0; font-weight: 400; position: relative;} body.blur header, body.blur .search_form, body.blur #content, body.blur .bottom, body.blur footer, body.blur .arsy_sign{-webkit-filter: blur(4px); -moz-filter: blur(4px); -o-filter: blur(4px); -ms-filter: blur(4px); filter: blur(4px);} .inside{position: relative; z-index: 100; width: 90%; padding: 0 5%; max-width: 90%; margin: 0 auto;} .inside.spec{padding: 2.8% 5% 0;} .inside.special_two{padding: 0 11% 0; width: 48%; margin: 0;} .section_title{position: relative; z-index: 50; font-size: 20px; line-height: 24px; text-align: center; margin: 0; padding: 60px 0 55px; font-weight: 400;} .section_title span{padding: 0 4px 0 0; display: inline-block; zoom: 1; *display: inline;; font-size: 17px; line-height: 36px; font-weight: 700; -webkit-transition: all 150ms ease-in; -moz-transition: all 150ms ease-in; -o-transition: all 150ms ease-in; -ms-transition: all 150ms ease-in; transition: all 150ms ease-in;} .section_title.white{color: #ffffff;} .section_title.black{color: #202121;} .section_title span.green{color: #019CA0; } .section_title span.white{color: #ffffff; } header{z-index: 99999; height: 80px; position: relative;} header .header_scroll{background: rgba(224,224,224,0.97);; width: 100%; max-width: 1920px; margin: 0 auto; position: fixed; left: 0; right: 0; top: 0; } header a.logo{float: left; margin: 16px 0 0; display: block} header a.logo img{display: block;} header ul.lang{border-left: 1px solid #ADADAD; float: right; padding: 0 0 0 40px; margin: 22px 0;} header ul.lang li{list-style: none; float: left;} header ul.lang li a{padding: 0 5px; display: block; font-size: 17px; line-height: 36px; font-weight: 400; color: #4D4D4D; -webkit-transition: all 150ms ease-in; -moz-transition: all 150ms ease-in; -o-transition: all 150ms ease-in; -ms-transition: all 150ms ease-in; transition: all 150ms ease-in;} header ul.lang li.active a{font-weight: 700; color: #019CA0} .open_close_menu{display: none; float: left; position: absolute; left: 50%; margin-left: -21px; height: 60px; z-index: 999; overflow: hidden; } .open_close_menu button {background: none; border: none; display: inline-block; margin: 18px 0 0;} .lines-button {font-size: 0; padding: 18px 3px 18px 0; transition: .3s; cursor: pointer; user-select: none;} .lines-button:hover {opacity: 1;} .lines-button:active {transition: 0;} .lines {display: inline-block; width: 2.5rem; height: 4px; background: #4d4d4d; transition: 0.3s; position: relative; left: -3px;} .lines:before, .lines:after {display: inline-block; width: 2.5rem; height: 4px; background: #4d4d4d; transition: 0.3s; position: absolute; left: 0; content: ''; -webkit-transform-origin: 0.28571rem center; transform-origin: 0.28571rem center;} .lines-button:hover .lines {background: #019ca0;} .lines-button:hover .lines:before {background: #019ca0;} .lines-button:hover .lines:after {background: #019ca0;} .lines:before {top: 0.65rem;} .lines:after {top: -0.65rem;} .lines-button.close {-webkit-transform: scale3d(0.8, 0.8, 0.8); transform: scale3d(0.8, 0.8, 0.8);} .lines-button.x.close .lines {background: transparent;} .lines-button.x.close .lines:before, .lines-button.x.close .lines:after {-webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; width: 2.5rem; background: #019ca0;} .lines-button.x.close .lines:before {-webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg);} .lines-button.x.close .lines:after {-webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg);} header nav{float: right; display: none;} header nav.active{display: block !important;} header nav ul{padding: 0 35px 0 0; margin: 22px 0;} header nav ul li{list-style: none; float: left; margin-left: 35px;} header nav ul li a{padding: 0 10px; display: block; font-size: 17px; line-height: 36px; font-weight: 400; color: #4D4D4D; -webkit-transition: all 150ms ease-in; -moz-transition: all 150ms ease-in; -o-transition: all 150ms ease-in; -ms-transition: all 150ms ease-in; transition: all 150ms ease-in;} header nav ul li a span{float: left; padding: 0 4px 0 0; display: block; font-size: 17px; line-height: 36px; font-weight: 700; color: #019CA0; -webkit-transition: all 150ms ease-in; -moz-transition: all 150ms ease-in; -o-transition: all 150ms ease-in; -ms-transition: all 150ms ease-in; transition: all 150ms ease-in;} header nav ul li a:hover{color: #019CA0} header nav ul li.active a{font-weight: 700; color: #019CA0} .submenu{min-height: 0; height: 80px; position: relative; z-index: 99999; } .submenu .scroll_submenu{background: rgba(0,171,176,0.94); width: 100%; max-width: 1920; margin: 0 auto; position: fixed; left: 0; right: 0; top: 80px; } .submenu .inside{width: 90%; padding: 0 5%; max-width: 1024px; margin: 0 auto;} .submenu ul{display: table; width: 100%; margin: 0; padding: 0;} .submenu ul li{list-style: none; display: table-cell;} .submenu ul li a{position: relative; display: block; line-height: 26px; padding: 27px 0; font-size: 20px; font-weight: 300; text-align: center; color: #fff; -webkit-transition: all 150ms ease-in; -moz-transition: all 150ms ease-in; -o-transition: all 150ms ease-in; -ms-transition: all 150ms ease-in; transition: all 150ms ease-in;} .submenu ul li a:hover, .submenu ul li.active a{background: #009ba0; } .submenu ul li a span.arrow{display: none; position: absolute; bottom: -8px; left: 50%; margin-left: -8px; width: 0; height: 0; border-style: solid; border-width: 8px 8px 0 8px; border-color: rgba(0,171,176,0.97) transparent transparent transparent; -webkit-transition: all 150ms ease-in; -moz-transition: all 150ms ease-in; -o-transition: all 150ms ease-in; -ms-transition: all 150ms ease-in; transition: all 150ms ease-in;} .submenu ul li.active a span.arrow{display: block;} .submenu ul li a:hover span.arrow, .submenu ul li.active a span.arrow{border-color: #009ba0 transparent transparent transparent;} .top{max-height: 860px; overflow: hidden; width: 100%; display: block; position: relative; z-index: 0;} .top .text, .text_special{z-index: 100; background: url(../img/top_text_logo.png) no-repeat scroll left center; background-size: auto 70%; padding: 35px 0 50px 120px; position: absolute; left: 5%; top: 6%;} .text_special{top: 0; margin: 0; position: relative; left: 0; margin-bottom: 20px;} .top .text h1, .text_special p.title{text-align: left; padding: 0; text-transform: none; font-size: 22px; margin: 0; line-height: 30px; color: #000000; font-weight: 300;} .top .text h1 strong, .text_special p.title strong{font-size: 30px; margin: 0; line-height: 35px; color: #019CA0; font-weight: 700; display: block;} .top .text h1 span, .text_special p.title span{font-size: 18px; margin: 0; line-height: 22px; color: #808080; font-weight: 300; display: block;} .top span.sign {opacity: 1; z-index: 50; background: url(../img/sign.png) no-repeat scroll center bottom; position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; background-size: auto 100% ;} .top span.text_img_1{opacity: 1; z-index: 20; background: url(../img/top_img_1.png) no-repeat scroll center bottom; position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; background-size: auto 100% ;} .top span.text_bg_1a{opacity: 1; z-index: 15; background: url(../img/top_text_1a.png) no-repeat scroll center bottom; position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; background-size: auto 100%;} .top span.text_bg_1b{opacity: 1; z-index: 15; background: url(../img/top_text_1b.png) no-repeat scroll center bottom; position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; background-size: auto 100%;} .top span.text_img_2{opacity: 1; z-index: 20; background: url(../img/top_img_2.png) no-repeat scroll center bottom; position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; background-size: auto 100% ;} .top span.text_bg_2a{opacity: 1; z-index: 15; background: url(../img/top_text_2a.png) no-repeat scroll center bottom; position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; background-size: auto 100%;} .top span.text_bg_2b{opacity: 1; z-index: 15; background: url(../img/top_text_2b.png) no-repeat scroll center bottom; position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; background-size: auto 100%;} .grey_bg_services_special{position: relative; background: url(../img/text_box_bg.png) repeat; padding: 30px; margin-bottom: 50px;} .grey_bg_services_special h2{color: #4d4d4d; font-size: 25px; line-height: 30px; font-weight: 400; margin: 0 0 8px; text-align: left;} .grey_bg_services_special ul{margin: 0;} .grey_bg_services_special .arrow{position: absolute; left: 40px; bottom: -37px; display: block; width: 42px; height: 37px; background: url(../img/text_box_bg_arrow.png) no-repeat;} .r_column{overflow: hidden; z-index: 0; width: 30%; position: fixed; right: 0; top: 80px;} .r_column img{min-width: 100%; min-height: 760px; opacity: 0; position: absolute; left: 0; top: 0; display: block; margin: 0 auto;} .l_column{width: 48%; padding: 0 11% 90px;} .l_column p.center{text-align: center;} .l_column a.page_link{display: inline-block; zoom: 1; *display: inline; margin: 0 auto; color: #fff; margin: 40px auto 0; font-size: 15px; text-decoration: none; font-weight: 700; text-align: center; background: #019CA0; text-transform: uppercase; padding: 0 40px; line-height: 60px; -webkit-transition: all 150ms ease-in; -moz-transition: all 150ms ease-in; -o-transition: all 150ms ease-in; -ms-transition: all 150ms ease-in; transition: all 150ms ease-in;} .l_column a.page_link:hover{background: #017e82;} .c_column{width: 90%; padding: 0 5% 90px; max-width: 824px; margin: 0 auto;} #MyGmaps{z-index: 999; position: absolute !important; top: 80px; right: 0; width: 700px;} .reference_list{position: relative; width: 100%;} .reference_list .item{width: 100%; position: relative; border-bottom: 1px solid #E1E1E1; padding: 20px 0; margin-bottom: 25px;} .reference_list .item h2{margin: 0 0 15px; padding: 0;} .reference_list .item h2 a{margin: 0; padding: 0; font-weight: 500; color: #4D4D4D; text-align: left; font-size: 24px; line-height: 30px;} .reference_list .item h2 a:hover{coloR: #019CA0} .reference_list .item p.subtitle{margin: 0; padding: 0; font-weight: 400; color: #000000; font-style: italic; text-align: left; font-size: 16px; line-height: 20px;} .reference_list .item p.anotation{margin: 0; padding: 0; font-weight: 400; color: #808080; text-align: left; font-size: 16px; line-height: 20px;} .reference_list .item a.link{display: block; float: left; margin: 0 auto; color: #fff; margin: 20px auto 20px; font-size: 14px; text-decoration: none; font-weight: 600; text-align: center; background: #019CA0; text-transform: uppercase; padding: 0 20px; line-height: 34px; -webkit-transition: all 150ms ease-in; -moz-transition: all 150ms ease-in; -o-transition: all 150ms ease-in; -ms-transition: all 150ms ease-in; transition: all 150ms ease-in;} .reference_list .item a.link:hover{background: #017e82;} //.section_1{ background-attachment: local; position: relative; background-image: url(../img/black_bg.jpg); background-repeat: no-repeat; background-position: 50% center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .section_1{max-height: 840px; display: table; width: 100%; min-height: 700px; overflow: hidden; z-index: 100; background: url(../img/black_bg.jpg) no-repeat scroll center top; position: relative;} .section_1 .section_title{padding: 0;} .section_1 .centering{display: table-cell; vertical-align: middle; width: 100%; } .section_1 span.blur_img {opacity: 0; z-index: 25; position: relative; left: 0; right: 0; bottom: -50px; display: block;} .section_1 span.blur_img img{width: 14%; max-width: 312px; display: block; margin: 40px auto;} .section_1 span.blur_text_1{opacity: 1; z-index: 20; background: url(../img/blur_text_1.png) no-repeat scroll center bottom; position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; background-size: auto 100%;} .section_1 span.blur_text_2{opacity: 1; z-index: 15; background: url(../img/blur_text_2.png) no-repeat scroll center bottom; position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; background-size: auto 100%;} .section_1 span.blur_text_3{opacity: 1; z-index: 10; background: url(../img/blur_text_3.png) no-repeat scroll center bottom; position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; background-size: auto 100%;} .section_1 span.blur_text_1.en{background: url(../img/blur_text_1_en.png) no-repeat scroll center bottom; background-size: auto 100%;} .section_1 span.blur_text_2.en{background: url(../img/blur_text_2_en.png) no-repeat scroll center bottom; background-size: auto 100%;} .section_1 span.blur_text_3.en{background: url(../img/blur_text_3_en.png) no-repeat scroll center bottom; background-size: auto 100%;} .section_1.play span.blur_img {opacity: 1 !important; top: 0 !important; bottom: 0 !important;} .section_1.play span.blur_text_1{opacity: 1 !important; top: 0 !important; bottom: 0 !important;} .section_1.play span.blur_text_2{opacity: 1 !important; top: 0 !important; bottom: 0 !important;} .section_1.play span.blur_text_3{opacity: 1 !important; top: 0 !important; bottom: 0 !important;} .section_1 p.title{position: relative; z-index: 30; font-size: 44px; line-height: 60px; color: #e0e0e0; font-weight: 600; text-align: center; margin: 0; padding: 0;} .section_1 table{width: 100%; border-collapse: collapse; border-spacing: 0; margin: 65px 0;} .section_1 table td{position: relative; vertical-align: middle; font-size: 18px; line-height: 22px; font-weight: 500; color: #d6d6d6; border-left: 1px solid #666666; text-align: center; padding: 10px 20px; width: 25%;} .section_1 table td span.mobil_line{width: 80px; height: 1px; display: none; margin: 0 auto; background: #666666; position: absolute; bottom: 0; left: 0; right: 0; } .section_1 table td:first-child{border-left: 0;} .section_1 a.link{display: block; margin: 0 auto; color: #fff; font-size: 15px; font-weight: 700; text-align: center; width: 260px; background: #019CA0; text-transform: uppercase; line-height: 60px; -webkit-transition: all 150ms ease-in; -moz-transition: all 150ms ease-in; -o-transition: all 150ms ease-in; -ms-transition: all 150ms ease-in; transition: all 150ms ease-in;} .section_1 a.link:hover{background: #017e82;} .section_2{position: relative;} .section_2 .section_title{padding-bottom: 0} .section_2 .top_text{max-height: 680px; width: 100%; display: table; position: relative; z-index: 100;} .section_2 .video{overflow: hidden; max-height: 780px; z-index: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(../img/white_bg.jpg) no-repeat scroll center center;} .section_2 .video video{position: absolute; left: 0; right: 0; bottom: -30%; width: 100%;} .section_2 .top_text .centering{width: 100%; display: table-cell; vertical-align: middle; text-align: center;} .section_2 .top_text .centering .inside{overflow: hidden;} .section_2 .top_text .centering .item{opacity: 0; right: 100%; position: relative; max-width: 300px; min-width: 190px; width: 23%; padding: 1%; margin-right: -4px; display: inline-block; zoom: 1; *display: inline;} .section_2 .top_text .centering .item .border{margin: 0 5%; width: 90%; border: 1px solid #019CA0; position: relative; -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px;} .section_2 .top_text .centering .item .border .box{position: relative; display: table; height: 100%; width: 100%; } .section_2 .top_text .centering .item .border .box .centering .inside_border{z-index: 0; background: url(../img/border_radius_dotted.png) no-repeat scroll center center; background-size: 100% 100%; position: absolute; left: 5%; right: 5%; top: 5%; bottom: 5%; -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px; -webkit-transition: all 150ms ease-in; -moz-transition: all 150ms ease-in; -o-transition: all 150ms ease-in; -ms-transition: all 150ms ease-in; transition: all 150ms ease-in;} .section_2 .top_text .centering .item .border .box .centering p.number{z-index: 10; position: relative; font-size: 20px; line-height: 24px; font-weight: 700; text-align: center; color: #019CA0; margin: 0; padding: 0; -webkit-transition: all 150ms ease-in; -moz-transition: all 150ms ease-in; -o-transition: all 150ms ease-in; -ms-transition: all 150ms ease-in; transition: all 150ms ease-in;} .section_2 .top_text .centering .item .border .box .centering p.title{width: 64%; z-index: 10; position: relative; display: table; height: 48px; margin: 0; padding: 15px 18%;} .section_2 .top_text .centering .item .border .box .centering p.title span{width: 100%; display: table-cell; vertical-align: middle; font-size: 20px; line-height: 24px; font-weight: 400; text-align: center; color: #202121; -webkit-transition: all 150ms ease-in; -moz-transition: all 150ms ease-in; -o-transition: all 150ms ease-in; -ms-transition: all 150ms ease-in; transition: all 150ms ease-in;} .section_2 .top_text .centering .item .border .box .centering p.link{z-index: 10; position: relative; font-size: 15px; line-height: 19px; font-weight: 700; text-align: center; color: #019CA0; margin: 0; padding: 0; -webkit-transition: all 150ms ease-in; -moz-transition: all 150ms ease-in; -o-transition: all 150ms ease-in; -ms-transition: all 150ms ease-in; transition: all 150ms ease-in;} .section_2 .top_text .centering .item .border .box .centering span.star{z-index: 10; opacity: 0; display: none; position: absolute; margin: 0 auto; left: 0; right: 0; bottom: 27px; width: 26px; height: 34px; background: url(../img/white_star.png) no-repeat scroll center center; -webkit-transition: all 150ms ease-in; -moz-transition: all 150ms ease-in; -o-transition: all 150ms ease-in; -ms-transition: all 150ms ease-in; transition: all 150ms ease-in;} .section_2 .top_text .centering .item .border .box .centering:hover .inside_border{background-color: #019CA0;} .section_2 .top_text .centering .item .border .box .centering:hover p.number{color: #fff;} .section_2 .top_text .centering .item .border .box .centering:hover p.title{} .section_2 .top_text .centering .item .border .box .centering:hover p.link{color: #fff;} .section_2 .top_text .centering .item .border .box .centering:hover span.star{opacity: 1; } .section_2 .black_text{position: relative; z-index: 100; background: #019ca0; padding: 40px 5%;} .section_2 .black_text p{margin: 0;font-size: 24px; line-height: 32px; font-weight: 400; color: #fff; text-align: center;} .section_2 .black_text p.special{padding-top: 10px; font-size: 23px; font-weight: 900; color: #202121;} .section_3{overflow: hidden; background: #FFFFFF; position: relative; width: 100%;} .section_3 span.text_img_1{opacity: 0; z-index: 20; background: url(../img/gil_star_profil.png) no-repeat scroll left top; position: absolute; left: 0; right: 0; top: -50px; bottom: 0; display: block; background-size: auto 70% ;} .section_3 span.text_img_2{opacity: 0; z-index: 15; background: url(../img/gil_img_profil.png) no-repeat scroll right bottom; position: absolute; left: 50px; right: -50px; top: 100px; bottom: -100px; display: block; background-size: auto 90%;} .section_3 .section_title{padding: 0; margin: 0;} .section_3 .box{max-height: 680px; position: relative; z-index: 100; display: table; width: 100%; } .section_3 .box .centering{display: table-cell; vertical-align: middle; width: 100%; } .section_3 .box p{padding-left: 0 !important; padding-right: 0 !important; margin: 0; font-size: 30px; line-height: 36px; font-weight: 400; color: #4D4D4D; text-align: center;} .section_3 .box p span{font-size: 1em; line-height: 1em; font-weight: 700; color: #4D4D4D; text-align: center;} .section_3 .box p strong{font-size: 1em; line-height: 1em; font-weight: 700; color: #202121; text-align: center;} .section_3 a.link{display: block; margin: 0 auto; color: #fff; font-size: 15px; font-weight: 700; text-align: center; width: 280px; background: #019CA0; text-transform: uppercase; line-height: 60px; -webkit-transition: all 150ms ease-in; -moz-transition: all 150ms ease-in; -o-transition: all 150ms ease-in; -ms-transition: all 150ms ease-in; transition: all 150ms ease-in;} .section_3 a.link:hover{background: #4d4d4d} .section_4{z-index: 999; padding: 76px 0 80px; overflow: hidden; background: #ebebeb; position: relative; width: 100%;} .section_4.not_show{height: 0; min-height: 0; padding: 0; visibility: hidden;} .section_4 p.title{font-size: 30px; line-height: 38px; text-align: center; margin: 0; padding: 0; color: #4D4D4D;} .section_4 .section_title{padding: 0; margin: 0;} .section_4 .box, .section_4 .boxes{display: table; width: 100%; } .section_4 .boxes{width: 80%; margin: 0 auto;} .section_4 .box .centering{display: table-cell; vertical-align: middle; width: 100%; } .section_4 .slider{margin: 0 auto; width: 80%; max-width: 1000px; padding-left: 10% !important; padding-right: 10% !important;} .section_4 .slider p.title{margin: 0; padding: 0; font-weight: 700; color: #019CA0; text-align: center; font-size: 30px; line-height: 44px;} .section_4 .slider p.subtitle{margin: 0; padding: 0; font-weight: 400; color: #000000; font-style: italic; text-align: center; font-size: 15px; line-height: 26px;} .section_4 .slider p.anotation{margin: 0; padding: 0; font-weight: 400; color: #4D4D4D; font-style: italic; text-align: center; font-size: 15px; line-height: 26px;} .section_4 a.link{display: block; margin: 0 auto; color: #fff; font-size: 15px; font-weight: 700; text-align: center; width: 280px; background: #019CA0; text-transform: uppercase; line-height: 60px; -webkit-transition: all 150ms ease-in; -moz-transition: all 150ms ease-in; -o-transition: all 150ms ease-in; -ms-transition: all 150ms ease-in; transition: all 150ms ease-in;} .section_4 a.link:hover{background: #017e82;} footer{padding-top: 30px; padding-bottom: 110px; background: #363838; position: relative; z-index: 100; text-align: center } footer .inside{width: 1300px;} footer form{max-width: 650px; width: 45%; display: block; float: left; position: relative; z-index: 100; margin-right: 5%;} footer form p.title{text-align: left; margin: 0; font-size: 25px; font-weight: 400; line-height: 30px; color: #019CA0; padding: 10px 0 45px;} footer form input[type=text]{margin-bottom: 16px; font-size: 15px; line-height: 21px; color: #202121; padding: 9px 3%; border: 1px solid #B7C6CE; background: #fff; width: calc(94% - 2px); font-weight: 400; position: relative; -webkit-transition: all 150ms ease-in; -moz-transition: all 150ms ease-in; -o-transition: all 150ms ease-in; -ms-transition: all 150ms ease-in; transition: all 150ms ease-in;} footer form textarea{ margin-bottom: 16px; font-size: 15px; line-height: 21px; color: #202121; padding: 9px 3%; border: 1px solid #B7C6CE; background: #fff; width: calc(94% - 2px); font-weight: 400; position: relative; -webkit-transition: all 150ms ease-in; -moz-transition: all 150ms ease-in; -o-transition: all 150ms ease-in; -ms-transition: all 150ms ease-in; transition: all 150ms ease-in; resize: none; height: 80px; } footer form .kontrola{width: 100%; } footer form .kontrola td{padding: 0; } footer form .kontrola td:first-child{width: 110px;} footer form .kontrola input[type=text]{margin: 0; text-align: center; width: 140px; padding: 10px; display: block;} footer form .kontrola img{border: 1px solid #B7C6CE; display: block; margin: 0; } footer form input[type=submit]{border: 1px solid #019CA0; float: right; display: block; text-align: center; padding: 0; width: 200px; height: 43px; padding: 0 0 2px; background: #019CA0; color: #fff; text-align: center; font-size: 15px; line-height: 43px; text-transform: uppercase; font-weight: 700; -webkit-transition: all 150ms ease-in; -moz-transition: all 150ms ease-in; -o-transition: all 150ms ease-in; -ms-transition: all 150ms ease-in; transition: all 150ms ease-in;} footer form input[type=submit]:hover{background: #017e82; border: 1px solid #017e82;} footer form input[type=text]:focus, footer form textarea:focus{-webkit-box-shadow: 0 0 2px 3px #B7C6CE inset; -moz-box-shadow: 0 0 2px 3px #B7C6CE inset; box-shadow: 0 0 2px 3px #B7C6CE inset;} footer form input[type=text]::-webkit-input-placeholder, footer textarea::-webkit-input-placeholder {font-size: 15px; line-height: 21px; color: #000; font-weight: 400;} footer form input[type=text]::-moz-placeholder, footer textarea::-moz-placeholder {font-size: 15px; line-height: 21px; color: #000; font-weight: 400;} footer form input[type=text]::-ms-input-placeholder, footer textarea::-ms-input-placeholder {font-size: 15px; line-height: 21px; color: #000; font-weight: 400;} footer .contact{vertical-align: top; padding: 0 0 10px 10%; width: 40%; display: block; float: right; position: relative; z-index: 99; background-size: 100% auto;} footer .contact img{display: block; margin: 10px 0;} footer .contact p.title{text-align: left; margin: 0; font-size: 20px; font-weight: 400; line-height: 24px; color: #019CA0; padding: 10px 0;} footer .contact p{text-align: left; font-size: 15px; font-weight: 400; line-height: 20px; color: #D6D6D6; margin: 0;} footer .contact p strong{font-size: 1em; font-weight: 700; line-height: 1em; color: #D6D6D6;} footer .contact p span{font-size: 1em; font-weight: 400; line-height: 1em; color: #D6D6D6;} footer .contact p a{margin: 0; font-size: 1em; line-height: 1em; color: #D6D6D6; font-weight: 700; text-decoration: underline; -webkit-transition: all 150ms ease-in; -moz-transition: all 150ms ease-in; -o-transition: all 150ms ease-in; -ms-transition: all 150ms ease-in; transition: all 150ms ease-in;} footer .contact p a:hover{color: #019CA0;} footer .contact p.cookies_link{margin-top: 15px;} .arsy_sign{height: 100px; position: relative; width: 100%; max-width: 1700px; margin: 0 auto; bottom: 0; left: 0; right: 0; z-index: 0; background: #fff;} .arsy_sign .box{display: table; height: 100px; width: 100%;} .arsy_sign .box .centering{display: table-cell; vertical-align: middle; width: 100%; text-align: center} .arsy_sign .box .centering p{opacity: 0; position: relative; top: -40px; vertical-align: middle; display: inline-block; zoom: 1; *display: inline; padding: 0; margin: 0 20px; text-align: center; font-size: 17px; line-height: 100px; font-weight: 400; color: #6c7477;} .arsy_sign .box .centering p a{padding: 0; margin: 0 5px; text-align: center; font-size: 1em; line-height: 1em; font-weight: 700; color: #c8000c;} .arsy_sign .box .centering p a:hover{text-decoration: underline;} .arsy_sign .box .centering img{opacity: 0; position: relative; bottom: -40px; vertical-align: middle; display: inline-block; zoom: 1; *display: inline; margin: 0 20px;} #files{width: 100%; margin: 40px 0;} #files .item{text-align: left; background: #fff; float: left; position: relative; border: 1px solid #e0e0e0; margin: 0 10px 10px 0; -webkit-transition: all 150ms ease-out; -moz-transition: all 150ms ease-out; -o-transition: all 150ms ease-out; -ms-transition: all 150ms ease-out; transition: all 150ms ease-out;} #files .item a{text-decoration: none; background: url(../img/empty_file_icon.png) no-repeat scroll 12px center; font-size: 15px; color: #019ca0; font-weight: 600; line-height: 24px; padding: 12px 20px 12px 50px; display: inline-block; zoom: 1; *display: inline; -webkit-transition: all 150ms ease-in; -moz-transition: all 150ms ease-in; -o-transition: all 150ms ease-in; -ms-transition: all 150ms ease-in; transition: all 150ms ease-in;} #files .item a span{font-size: 15px; color: #019ca0; font-weight: 600; line-height: 24px; text-decoration: underline;} #files .item:hover{border: 1px solid #019ca0;} #files .item:hover a span{text-decoration: none;} #files .item a.pdf{background: url(../img/pdf_file_icon.png) no-repeat scroll 12px center;} #files .item a.gif{background: url(../img/gif_file_icon.png) no-repeat scroll 12px center;} #files .item a.png{background: url(../img/png_file_icon.png) no-repeat scroll 12px center;} #files .item a.jpg{background: url(../img/jpg_file_icon.png) no-repeat scroll 12px center;} #files .item a.ppt{background: url(../img/ppt_file_icon.png) no-repeat scroll 12px center;} #files .item a.docx{background: url(../img/docx_file_icon.png) no-repeat scroll 12px center;} #files .item a.doc{background: url(../img/doc_file_icon.png) no-repeat scroll 12px center;} #files .item a.xlsx{background: url(../img/xlsx_file_icon.png) no-repeat scroll 12px center;} #files .item a.xls{background: url(../img/xls_file_icon.png) no-repeat scroll 12px center;} #files .item a.mp3{background: url(../img/mp3_file_icon.png) no-repeat scroll 12px center;} #files .item a.zip{background: url(../img/zip_file_icon.png) no-repeat scroll 12px center;} #files .item a.rar{background: url(../img/rar_file_icon.png) no-repeat scroll 12px center;} #files .item a.txt{background: url(../img/txt_file_icon.png) no-repeat scroll 12px center;} #files .item a.tif{background: url(../img/tif_file_icon.png) no-repeat scroll 12px center;} #files .item a.pptx{background: url(../img/pptx_file_icon.png) no-repeat scroll 12px center;} #files .item a.odt{background: url(../img/odt_file_icon.png) no-repeat scroll 12px center;} #files .item a.bmp{background: url(../img/bmp_file_icon.png) no-repeat scroll 12px center;} #files .item a.avi{background: url(../img/avi_file_icon.png) no-repeat scroll 12px center;} .fotogalerie{text-align: left; margin: 40px 0; width: 100%;} .fotogalerie a.swipebox, .fotogalerie a.classic{position: relative; height: initial; overflow: hidden; vertical-align: middle; width: 12.6%; border: 0; display: inline-block; zoom: 1; *display: inline; margin-right: -4px;} .fotogalerie a.swipebox img, .fotogalerie a.classic img{margin: 3% 6%; width: 88%; height: initial; filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */ filter: grayscale(100%); /* Current draft standard */ -webkit-filter: grayscale(100%); /* New WebKit */ -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: gray; /* IE6+ */ -webkit-transition: all 150ms ease-in; -moz-transition: all 150ms ease-in; -o-transition: all 150ms ease-in; -ms-transition: all 150ms ease-in; transition: all 150ms ease-in} .fotogalerie a.swipebox:hover img, .fotogalerie a.classic:hover img{ filter: none; filter: grayscale(0); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: none;} .fotogalerie .box{vertical-align: middle; text-align: center; width: calc(100% - (6 * 12.5%)); margin-right: -4px; display: inline-block; zoom: 1; *display: inline;} .fotogalerie .box a.more_gallery{text-decoration: none; background: #004693; display: inline-block; zoom: 1; *display: inline; padding: 0 12px; line-height: 36px; margin: 0 auto; position: relative; font-size: 16px; font-weight: 700; color: #fff; text-transform: uppercase; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-transition: all 150ms ease-out; -moz-transition: all 150ms ease-out; -o-transition: all 150ms ease-out; -ms-transition: all 150ms ease-out; transition: all 150ms ease-out;} .fotogalerie .box a.more_gallery:hover{background: #f4811e; color: #fff;} .reg_form{margin: 0 0 40px; padding-bottom: 43px; background-image: url(../img/volne_mista_bg.png); background-attachment: local; background-repeat: no-repeat; background-position: 50% center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; position: relative} .reg_form p.title{padding: 50px 60px 10px 60px; font-size: 22px; line-height: 26px; font-weight: 900;} .reg_form p{max-width: 82%; padding: 0 60px 23px; font-size: 16px; line-height: 22px; font-weight: 300; color: #fff; margin: 0; } .reg_form p > *{font-size: 1em; line-height: 1em; color: #fff; } .reg_form img.absolute{position: absolute; right: 15px; bottom: 0; -webkit-transition: all 150ms ease-out; -moz-transition: all 150ms ease-out; -o-transition: all 150ms ease-out; -ms-transition: all 150ms ease-out; transition: all 150ms ease-out;} .reg_form table{margin: 0; border-collapse: separate; border-spacing: 10px; width: calc(100% - 228px);} .reg_form table tr.empty td{height: 5px;} .reg_form table th{white-space: nowrap; vertical-align: top; min-width: 90px; font-size: 16px; line-height: 40px; color: #fff; font-weight: 700; text-align: right; padding: 0 0 0 20px; margin: 0;} .reg_form table th:first-child{padding-left: 10px;} .reg_form table td p{font-size: 14px; line-height: 18px; color: #000; font-weight: 300; margin: 0 0 20px; text-align: left;} .reg_form table td input[type=text]{width: 195px; background: #fff; border: 1px solid #d8e3ef; font-size: 16px; line-height: 24px; padding: 6px 15px; color: #000; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; -webkit-transition: all 150ms ease-out; -moz-transition: all 150ms ease-out; -o-transition: all 150ms ease-out; -ms-transition: all 150ms ease-out; transition: all 150ms ease-out;} .reg_form table td input[type=text].captcha{float: left; display: block; width: 100px; position: relative; min-width: 100px;} .reg_form table td img{float: left; display: block; margin-right: 10px; position: relative; border: 1px solid #d8e3ef; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .reg_form table td textarea{resize: none; overflow: auto; height: 124px; width: 360px; background: #fff; border: 1px solid #d8e3ef; font-size: 16px; line-height: 24px; padding: 6px 15px; color: #000; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; -webkit-transition: all 150ms ease-out; -moz-transition: all 150ms ease-out; -o-transition: all 150ms ease-out; -ms-transition: all 150ms ease-out; transition: all 150ms ease-out;} .reg_form table td input[type=text]:focus, .reg_form table td textarea:focus{border: 1px solid #f4811e} .reg_form table td input[type=submit]{background: #fff; text-decoration: none; border: 1px solid #fff; float: left; display: block; padding: 0 12px; line-height: 36px; margin: 0; position: relative; font-size: 15px; font-weight: 900; color: #004693; text-transform: uppercase; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-transition: all 150ms ease-out; -moz-transition: all 150ms ease-out; -o-transition: all 150ms ease-out; -ms-transition: all 150ms ease-out; transition: all 150ms ease-out;} .reg_form table td input[type=submit]:hover{background: transparent; border: 1px solid #f4811e; background: #f4811e; color: #fff;} /*MOZILLA*/ @-moz-document url-prefix() { } /*SAFARI*/ /*CHROME*/ @media screen and (-webkit-min-device-pixel-ratio:0) { }