/*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-center{text-align: center !important} .no_margin{margin: 0 !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{box-shadow: 0 1px 20px 0px rgba(0,0,0,0.6); -webkit-box-shadow: 0 1px 20px 0px rgba(0,0,0,0.6); z-index: 999999; min-height: 0; position: fixed; top: -92px; width: 100%; max-width: 700px; left: 0; right: 0; margin: 0 auto; text-align: center; background-image: none !important; -webkit-transition: all 750ms ease; -moz-transition: all 750ms ease; -o-transition: all 750ms ease; -ms-transition: all 750ms ease; transition: all 750ms ease;} .message_centering.active{top: 104px;} .flash{max-width: 700px; margin: 0 auto; min-height: 0; font-size: 13px; line-height: 40px; font-weight: 400; padding: 0 54px; clear: both; position: relative; letter-spacing: 0.5px;} .flash 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/error_icon.png) no-repeat scroll 15px center #d8001b;} .alert-success{color: #fff; background: url(../global/success_icon.png) no-repeat scroll 15px center #009e08;} .alert-error span{background: url(../global/error_close.png) no-repeat;} .alert-success span{background: url(../global/success_close.png) no-repeat;} h1{color: #003879; font-size: 24px; line-height: 34px; font-weight: 700; margin: 0 0 40px 0; text-align: center; position: relative; text-transform: uppercase;} h2{color: #003879; font-size: 22px; line-height: 32px; font-weight: 700; margin: 30px 0 10px; text-align: left; position: relative;} h3{color: #003879; font-size: 20px; line-height: 30px; font-weight: 700; margin: 30px 0 10px; text-align: left; position: relative;} h4, h5, h6{color: #003879; font-size: 18px; line-height: 28px; font-weight: 700; margin: 30px 0 10px; text-align: left; position: relative;} p, strong, b, div, article, i, u, li, a, .text_page, label{color: #000000; font-size: 14px;} strong, b{font-weight: 700;} sup{color: inherit; font-size: 12px;} article a, article a strong, article strong a{font-weight: 700; color: #003879; text-decoration: underline; -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; -ms-transition: all 250ms ease-out; transition: all 250ms ease-out;} .notouch article a:hover, .notouch article a:hover strong, .notouch article strong a:hover{color: #aac40b;} article{margin: 0; width: 100%; text-align: justify; line-height: 24px;} article p, article div{font-weight: 400; margin: 10px 0; text-align: justify; line-height: 24px;} article .text_p{margin: 0; } article ul{margin: 15px 0; padding: 0;} article ul li{padding: 0 0 0 24px; margin: 4px 0; position: relative; font-weight: 400; list-style: none; background: url(../img/list_style.svg) no-repeat scroll 9px 7px; background-size: 6px auto;} article ul ul{margin: 0; padding: 0; } article ul ul li{background: url(../img/list_style.svg) no-repeat scroll 9px 7px; background-size: 6px auto; padding: 0 0 0 24px;} article ol{margin: 15px 0; padding: 0; counter-reset: item;} article ol li{padding: 0 0 0 40px; margin: 4px 0; position: relative; font-weight: 400; list-style-type: none; counter-increment: item;} article ol li:before{position: absolute; top: 0; left: 18px; display: block; padding-right: 5px; font-weight: 700; text-align: right; content: counter(item) ".";} article ol ol{margin: 0; padding: 0;} article ol ul{margin: 0; padding: 0;} article ol ul li{background: url(../img/list_style.svg) no-repeat scroll 9px 7px; background-size: 19px auto; padding: 0 0 0 40px;} article ol ul li:before{display: none;} article ol li strong, article ul li strong{font-weight: 700;} article table{margin: 30px 0; border-collapse: collapse; border-spacing: 0;} article table thead{margin-bottom: 3px;} article table thead tr th, article table tr:first-child th{text-align: left; font-size: 14px; font-weight: 700; line-height: 24px; padding: 12px 15px; background: #a8a8a8; color: #fff; border: 1px solid #e6e6e6;} article table tr td{text-align: left; font-size: 14px; line-height: 24px; padding: 6px 15px; font-weight: 400; color: #000000; border: 1px solid #e6e6e6} article table tr td *{color: inherit;} article table tr:nth-child(even) td{background: #fff;} article table tr:nth-child(odd) td{background: rgba(203,203,203,0.15);} article img{max-width: 100%; margin: 0 auto 15px; display: block; } article img.fr-fil{float: left; margin: 10px 30px 10px 0;} article img.fr-fir{float: right; margin: 10px 0 10px 30px;} , input[type=text], input[type=password], input[type=submit], textarea{font-family: 'proxima-nova',sans-serif, Arial; margin: 0;} article, div, li{height: auto; min-height: 1px; max-height: 9999999px;} .clear{min-height: 0; } html{margin: 0 auto; padding: 0; background: #f2f2f2;} body{overflow-x: hidden; background: #fff; -webkit-text-size-adjust: none; text-rendering: auto; max-width: 1920px; margin: 0 auto; font-family: "proxima-nova",sans-serif, Arial; padding: 0; font-weight: 400; position: relative; -webkit-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7) ; box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7) ;} body.blur header, body.blur main{-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: 1400px; margin: 0 auto;} .small_inside{position: relative; z-index: 100; width: 92%; padding: 20px 4%; max-width: 840px; margin: 0 auto;} .btn{position: relative; background: none; font-size: 13px; line-height: 44px; display: block; border: 1px solid transparent; padding: 0 23px 0 30px; font-weight: 600; text-transform: uppercase; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .btn.small{line-height: 36px; padding: 0 22px;} .btn span{position: relative; z-index: 100; font-size: 14px; line-height: 44px; display: block; font-weight: 700; text-transform: uppercase; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .btn.inline{display: inline-block; zoom: 1; *display: inline; vertical-align: middle;} .btn.no_transform{text-transform: none;} .btn.left{float: left;} .btn.right{float: right;} .btn.cursor{cursor: pointer;} .btn.min_margin_top{margin-top: 10px;} .btn.min_margin_bottom{margin-bottom: 10px;} .btn.min_margin_right{margin-right: 10px;} .btn.min_margin_left{margin-left: 10px;} .btn.middle_margin_top{margin-top: 15px;} .btn.middle_margin_bottom{margin-bottom: 15px;} .btn.middle_margin_right{margin-right: 15px;} .btn.middle_margin_left{margin-left: 15px;} .btn.max_margin_top{margin-top: 20px;} .btn.max_margin_bottom{margin-bottom: 20px;} .btn.max_margin_right{margin-right: 20px;} .btn.max_margin_left{margin-left: 20px;} .btn.color_white, .btn.color_white span{color: #fff;} .btn.bg_blue{background: #003879;} .btn.bg_green{background: #a9c438;} .btn.bg_gradient{background: #34c7a9; background: -moz-linear-gradient(left, #34c7a9 0%, #a3e06d 100%);background: -webkit-linear-gradient(left, #34c7a9 0%,#a3e06d 100%);background: linear-gradient(to right, #34c7a9 0%,#a3e06d 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34c7a9', endColorstr='#a3e06d',GradientType=1 );} .btn.border_blue{border: 1px solid #003879;} .btn.border_green{border: 1px solid #a9c438;} .btn.border_none{border: 0;} .btn::before{opacity: 1; position: absolute; top: 50%; left: 14px; content: ""; display: block; margin-top: -4px; width: 5px; height: 9px; background: url(../img/btn_arrow.svg) no-repeat scroll center center;} .btn::after{opacity: 0; position: absolute; top: 50%; left: 14px; content: ""; display: block; margin-top: -4px; width: 5px; height: 9px; background: url(../img/btn_arrow.svg) no-repeat scroll center center;} .btn.no_arrow{padding: 0 23px;} .btn.no_arrow::before{display: none;} .btn.bg_gradient::before{top: 1px; left: 1px; right: 1px; bottom: 1px; margin: 0; width: 0; height: calc(100% - 2px); background: #fff; display: block; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .btn.bg_blue.color_white:hover{background: #aac40b;} .notouch .btn.border_blue.bg_blue.color_white:hover{background: #fff; color: #003879} .notouch .btn.bg_green.color_white.border_green:hover{background: #fff; color: #a9c438} .notouch .btn.border_blue.color_blue:hover{background: #003879; color: #fff} .notouch .btn.bg_gradient.color_white:hover span{color: #003879} .notouch .btn.bg_gradient.color_white:hover::before{width: calc(100% - 2px);} .header_height{height: 104px; display: block;} header{background: #fff; z-index: 99999; position: fixed; left: 0; right: 0; top: 0; max-width: 1920px; margin: 0 auto; -webkit-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7) ; box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7) ;} header a.logo{float: left; width: 300px; display: block; border-right: 1px solid #cccccc;} header a.logo img, header a.logo svg{width: 211px; display: block; margin: 19px auto;} header nav{float: left; width: calc(100% - 300px - 300px);} header nav ul{margin: 0 20px; padding: 30px 0; text-align: center;} header nav ul li{position: relative; list-style: none; display: inline-block; zoom: 1; *display: inline; vertical-align: middle;} header nav ul li a{padding: 11px 13px; text-transform: uppercase; font-size: 14px; line-height: 22px; color: #003879; font-weight: 400; position: relative; display: block; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch header nav ul li a:hover, header nav ul li.active a{color: #aac40b;} header .phone_box{float: right; padding: 22px 30px 22px 20px; border-left: 1px solid #cccccc;} header .phone_box p{margin: 0; padding: 0; font-size: 12px; line-height: 20px; color: #666666; font-weight: 700; text-transform: uppercase;} header .phone_box p i{width: 30px; height: 30px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle;} header .phone_box p i.clock{background: url(../img/clock_icon.svg) no-repeat scroll right center #fff; background-size: 30px 30px;} header .phone_box p i.phone{background: url(../img/phone_icon.svg) no-repeat scroll right center #fff; background-size: 30px 30px;} header .phone_box p span{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0; padding: 0 0 0 8px; font-size: 12px; line-height: 18px; color: #003879; font-weight: 500; text-transform: uppercase;} .ipad_menu{display: none !important; position: fixed; max-width: 1920px; top: -950px; right: 0; left: 0; background: #ffffff; padding: 104px 0 0; z-index: 9998; box-shadow: 1px 2px 7px 0px rgba(0,0,0,0.8); -webkit-box-shadow: 1px 2px 7px 0px rgba(0,0,0,0.8); -moz-box-shadow: 1px 2px 7px 0px rgba(0,0,0,0.8); -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .ipad_menu.move{top: 0;} .ipad_menu.active{display: block !important;} .ipad_menu ul.menu{display: block; position: relative; text-align: center; margin: 0; padding: 0; z-index: 9998;} .ipad_menu ul.menu li{position: relative; list-style: none; display: block;} .ipad_menu ul.menu li a{z-index: 100; border-top: 1px solid #ebebeb; position: relative; font-size: 14px; line-height: 52px; font-weight: 700; padding: 0 15px; display: block; text-transform: uppercase; color: #003879; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .ipad_menu ul.menu li:hover a, .ipad_menu ul.menu li.active a{background: #003879; color: #fff;} .ipad_menu ul.menu li .icon{cursor: pointer; z-index: 200; display: block; position: absolute; top: 10px; left: 9px; width: 32px; height: 32px; background: #8e143d; border: 1px solid #8e143d;} .ipad_menu ul.menu li .icon::before{display: block; width: 32px; height: 32px; content: ""; position: absolute; top: 0; left: 0; background: url(../img/ipad_menu_arrow.png) no-repeat scroll center center; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg);} .notouch .ipad_menu ul.menu li:hover .icon, .ipad_menu ul.menu li.active .icon{background: #9e1c3d; border: 1px solid #9e1c3d;} .ipad_menu ul.menu li .icon.active::before{-ms-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0);} .ipad_menu ul.menu ul{display: none; padding: 0; margin: 0; max-height: initial; max-height: auto;} .ipad_menu ul.menu ul li a{background: #2e3335 !important; font-size: 14px !important; text-transform: none; line-height: 50px !important; font-weight: 400 !important; border-top: 1px solid #000;} .notouch .ipad_menu ul.menu ul li a:hover, .ipad_menu ul.menu ul li.active a{background: #000 !important;} .open_close_navigation{text-align: center; display: none; height: 52px; width: 52px; z-index: 9999; padding: 26px 0 26px 22px; -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; -ms-transition: all 400ms ease-out; transition: all 400ms ease-out;} .open_close_navigation button {background: none; border: none; display: inline-block; margin: 0;} .open_close_navigation .lines-button {font-size: 0; padding: 24px 11px; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out; cursor: pointer; user-select: none;} .open_close_navigation .lines-button:active {transition: 0;} .open_close_navigation .lines {display: inline-block; width: 2rem; height: 3px; background: #000; transition: 0.3s; position: relative; left: -3px;} .open_close_navigation .lines:before, .open_close_navigation .lines:after {display: inline-block; width: 2rem; height: 3px; background: #000; transition: 0.3s; position: absolute; left: 0; content: ''; -webkit-transform-origin: 0.28571rem center; transform-origin: 0.28571rem center;} .open_close_navigation .lines:before {top: 0.5rem;} .open_close_navigation .lines:after {top: -0.5rem;} .open_close_navigation .lines-button.close {-webkit-transform: scale3d(0.8, 0.8, 0.8); transform: scale3d(0.8, 0.8, 0.8);} .open_close_navigation .lines-button.x.close .lines {background: transparent !important;} .open_close_navigation .lines-button.x.close .lines:before, .open_close_navigation .lines-button.x.close .lines:after {height: 4px; left: -3px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; width: 2.5rem; background: #000;} .open_close_navigation .lines-button.x.close .lines:before {-webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg);} .open_close_navigation .lines-button.x.close .lines:after {-webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg);} .notouch .open_close_navigation:hover .lines-button.x.close .lines:before, .notouch .open_close_navigation:hover .lines-button.x.close .lines:after{background: #003879;} .notouch .open_close_navigation:hover .lines:before, .notouch .open_close_navigation:hover .lines:after{background: #003879;} .notouch .open_close_navigation:hover .lines{background: #003879;} .main_top{background: #f2f2f2; position: relative; display: block; height: 550px;} .main_top .item{position: absolute; top: 0; left: 0; right: 0; width: 100%; opacity: 0; visibility: hidden; -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease;} .main_top .item.active{opacity: 1; visibility: visible;} .main_top .item::before{z-index: 0; display: block; content: ""; width: calc(100% - 650px); height: 550px; position: absolute; top: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover} .main_top .item#obsah_1::before{background-image: url(../img/slider1_1.jpg);} .main_top .item#obsah_2::before{background-image: url(../img/slider2_1.jpg);} .main_top .item#obsah_3::before{background-image: url(../img/slider3_1.jpg);} .main_top .item#obsah_4::before{background-image: url(../img/slider4_1.jpg);} .main_top .item#obsah_5::before{background-image: url(../img/slider5_1.jpg); background-position: center top;} .main_top .item#obsah_6::before{background-image: url(../img/slider6_1.jpg);} .main_top .item#obsah_7::before{background-image: url(../img/slider7_1.jpg);} .main_top .item .boxes{overflow: hidden; margin: 0 0 0 calc(100% - 800px); position: absolute; z-index: 999; background: url(../img/main_top_bg.png) no-repeat scroll left top; padding: 0 0 0 115px; width: 685px; height: 550px; display: block;} .main_top .item .box{text-align: center; z-index: 999; width: calc(100% - 115px); display: block; position: absolute; left: 115px; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} .main_top .item .box .centering{display: block; vertical-align: middle; width: 100%;} .main_top .item .box .centering .in{display: block; width: 100%;} .main_top .item .box .centering .in .text_slider{width: 685px; opacity: 0; display: none; overflow: hidden;} .main_top .item .box .centering .text{text-transform: uppercase; font-size: 40px; line-height: 44px; letter-spacing: 1px; color: #a9c438; font-weight: 700; text-align: center; margin: 0; padding: 0 30px 50px;} .main_top ul.pager{z-index: 9999; position: absolute; bottom: 20px; right: 0; width: 685px; text-align: center;} .main_top ul.pager li{margin: 0 3px; list-style: none; display: inline-block; zoom: 1; *display: inline; vertical-align: middle;} .main_top ul.pager li a{display: block; border: 1px solid #a9c438; width: 10px; height: 10px; -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; -ms-transition: all 400ms ease-out; transition: all 400ms ease-out;} .notouch .main_top ul.pager li a:hover, .main_top ul.pager li.active a{background: #a9c438;} .sub .main_top{height: 180px;} .sub .main_top .item::before{height: 180px;} .sub .main_top .item .boxes{height: 180px;} .sub .main_top .item .box .centering .text{padding: 0 30px; font-size: 36px; line-height: 40px;} #content{display: block; position: relative; background: #ffffff;} .sub #content{padding: 60px 0 90px;} .sub #content{background-color: #fff; background-image: url(../img/team_list_line.png); background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} aside{position: relative; padding: 175px 5% 60px 65px; display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: 630px; text-align: left;} aside::before{position: absolute; left: 0; top: 175px; bottom: 115px; width: 1px; display: block; content: ""; background: rgb(52,199,169); background: -moz-linear-gradient(top, rgba(52,199,169,1) 0%, rgba(163,224,109,1) 100%); background: -webkit-linear-gradient(top, rgba(52,199,169,1) 0%,rgba(163,224,109,1) 100%); background: linear-gradient(to bottom, rgba(52,199,169,1) 0%,rgba(163,224,109,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34c7a9', endColorstr='#a3e06d',GradientType=0 ); } aside ul.text{background: url(../img/teeth2.png) no-repeat scroll right bottom; display: block; padding: 0 0 55px; margin: 20px 0; position: relative; text-align: left; width: 100%; max-width: 550px;} aside ul.text li{text-transform: uppercase; text-align: left; font-size: 14px; line-height: 22px; color: #003879; font-weight: 400; padding: 10px 0 10px 45px; list-style: none; display: block; background: url(../img/correct_arrow.svg) no-repeat scroll left 13px; background-size: 21px auto;} aside h3.title{margin: 0 0 10px;} aside .obsah{margin: 0 0 50px; padding: 0; display: none; width: 100%; -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; -ms-transition: all 400ms ease-out; transition: all 400ms ease-out;} aside .obsah.active{display: block;} aside article, aside article div, aside article p{text-align: left;} aside ul.landing{background: url(../img/teeth2.png) no-repeat scroll right bottom; display: block; padding: 0 0 55px; min-height: 198px; margin: 20px 0; position: relative; text-align: left; width: 100%; max-width: 550px;} aside ul.landing li{cursor: pointer; position: relative; text-transform: uppercase; text-align: left; font-size: 16px; line-height: 22px; color: #888a8c; font-weight: 400; padding: 10px 0 10px 25px; list-style: none; display: block; -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; -ms-transition: all 400ms ease-out; transition: all 400ms ease-out;} aside ul.landing li::before{content: ""; width: 6px; height: 12px; position: absolute; left: 0; top: 50%; margin-top: -6px; content: ""; display: block; background: url(../img/landing_arrow.svg) no-repeat scroll 0 center; background-size: 6px auto; -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; -ms-transition: all 400ms ease-out; transition: all 400ms ease-out;} .notouch aside ul.landing li:hover, aside ul.landing li.active{color: #a9c438;} .notouch aside ul.landing li:hover::before, aside ul.landing li.active::before{left: 5px;} aside .box{margin: 0 0 30px; padding: 4px; display: block; background: rgb(52,199,169); background: -moz-linear-gradient(top, rgba(52,199,169,1) 0%, rgba(163,224,109,1) 100%); background: -webkit-linear-gradient(top, rgba(52,199,169,1) 0%,rgba(163,224,109,1) 100%); background: linear-gradient(to bottom, rgba(52,199,169,1) 0%,rgba(163,224,109,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34c7a9', endColorstr='#a3e06d',GradientType=0 ); } aside .box #MyGmaps{height: 400px; display: block; width: 100%; background: url(../img/mapa.jpg) no-repeat scroll center center;} aside ul.text.half{background: none; max-width: 100%; padding: 0 0 55px;} aside ul.text.half li{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; padding: 10px 45px 10px 45px; margin-right: -4px; width: 275px;} aside ul.text.half li:nth-child(even){width: 175px; padding-right: 0; } aside .small_services{margin: 0 125px; width: calc(100% - 250px); position: relative; display: block;} aside .small_services::after{position: absolute; top: -105px; right: -66px; height: 411px; width: 614px; background: url(../img/triangel_bg.png) no-repeat scroll center center; background-size: 100% auto; content: "";} aside .small_services .teeth{top: 0; position: relative; margin: 0; width: 280px; height: 428px; background: url(../img/teeth.png) no-repeat scroll center center; background-size: 280px auto;} aside .small_services .teeth .circle{position: absolute; top: 68px; left: 68px; background: #fff; width: 122px; height: 122px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } aside .small_services .teeth .circle::before{position: absolute; display: block; content: ""; top: -10px; left: -10px; bottom: -10px; right: -10px; border: 2px solid #fff; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } aside .small_services .teeth .circle .icon{display: none; background-repeat: no-repeat; background-position: center center; background-size: 60px auto; width: 122px; height: 122px; position: relative;} aside .small_services .teeth .circle .icon.active{display: block;} aside .small_services .teeth .circle .icon span{display: block; background: #fff; position: absolute; left: -16px; top: -16px; width: 58px; height: 58px; line-height: 58px; text-align: center; font-size: 22px; font-weight: 700; color: #a9c438; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } .c_column{position: relative; padding: 0 5% 60px; max-width: 940px; display: block; vertical-align: top; width: 90%;margin: 0 auto; text-align: left;} .drobky{white-space: nowrap; background: #a9c438; z-index: 100; position: relative; text-align: left; width: 100%; margin: 0 auto; padding: 0;} .drobky ul{ overflow: hidden; max-width: 940px; margin: 0 auto; padding: 7px 0; text-align: center; position: relative;} .drobky ul li{position: relative; z-index: 9; list-style: none; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin-right: -4px; background: url(../img/drobky_arrow.svg) no-repeat scroll left 8px; background-size: 6px 9px; padding-left: 6px;} .drobky ul li.first{background: none; margin: 2px -4px 2px 0; } .drobky ul li.first a{padding: 0 13px 0 0; width: 10px; height: 16px;} .drobky ul li.first a::before{position: absolute; left: 0; top: 0; content: ""; width: 10px; height: 16px; background: url(../img/drobky_home.svg) no-repeat scroll center center; background-size: 10px 16px; opacity: 1; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .drobky ul li.first a::after{position: absolute; left: 0; top: 0; content: ""; width: 10px; height: 16px; background: url(../img/drobky_home_hover.svg) no-repeat scroll center center; background-size: 10px 16px; opacity: 0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .drobky ul li.first a:hover::before{opacity: 0;} .notouch .drobky ul li.first a:hover::after{opacity: 1;} .drobky ul li a{white-space: nowrap; position: relative; display: block; color: #ffffff; font-size: 12px; line-height: 24px; font-weight: 400; padding: 0 13px; text-decoration: none; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .drobky ul li a:hover{text-decoration: underline;} .drobky ul li span{white-space: nowrap; display: block; color: #ffffff; font-size: 12px; line-height: 24px; font-weight: 600; letter-spacing: 1px; padding: 0 0 0 13px;} .modul_services{display: block; width: 100%; margin: 0 0 15px;} .modul_services .item{padding: 12px 0 0; display: block; border-top: 1px solid #e8e8e8} .modul_services .item:first-of-type{border-top: 0;} .modul_services .item .top{cursor: pointer; text-align: left; display: block; padding-bottom: 12px;} .modul_services .item .top span.number{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin-right: 25px; font-size: 16px; font-weight: 600; color: #003879; line-height: 40px; width: 40px; text-align: center; border: 1px solid #003879; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; -ms-transition: all 400ms ease-out; transition: all 400ms ease-out; } .notouch .modul_services .item .top:hover span.number, .modul_services .item.active .top span.number{background: #003879; color: #fff;} .modul_services .item .top span.title{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; font-size: 20px; font-weight: 600; letter-spacing: 1px; color: #003879; line-height: 24px; width: calc(100% - 64px - 25px - 8px); text-align: left; -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; -ms-transition: all 400ms ease-out; transition: all 400ms ease-out; } .modul_services .item .bottom{position: relative; display: none;} .modul_services .item .bottom article{display: inline-block; width: calc(100% - 150px);} .modul_services .item .bottom .img{opacity: 0; display: block; width: 120px; position: absolute; right: -30px; bottom: 0; top: 0; background-repeat: no-repeat; background-position: center bottom; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .modul_services .item .bottom .img.active{opacity: 1; right: 0} .modul_services .item .bottom .img_0{background-image: url(../img/tool1.jpg)} .modul_services .item .bottom .img_1{background-image: url(../img/tool2.jpg)} .modul_services .item .bottom .img_2{background-image: url(../img/tool3.jpg)} .modul_services .item .bottom .img_3{background-image: url(../img/tool4.jpg)} .modul_services .item .bottom .img_4{background-image: url(../img/tool5.jpg?1)} .modul_services .item .bottom .img_5{background-image: url(../img/tool6.jpg)} .modul_services .item .bottom .img_6{background-image: url(../img/tool1.jpg)} .modul_services .item .bottom .img_7{background-image: url(../img/tool2.jpg)} .modul_services .item .bottom .img_8{background-image: url(../img/tool3.jpg)} .modul_services .item .bottom .img_9{background-image: url(../img/tool4.jpg)} .modul_services .item .bottom .img_10{background-image: url(../img/tool5.jp?1g)} .modul_services .item .bottom .img_11{background-image: url(../img/tool6.jpg)} .modul_services .item .bottom .img_12{background-image: url(../img/tool1.jpg)} .modul_services .item .bottom .img_13{background-image: url(../img/tool2.jpg)} .modul_services .item .bottom .img_14{background-image: url(../img/tool3.jpg)} .modul_services .item .bottom .img_15{background-image: url(../img/tool4.jpg)} .modul_services .item .bottom .img_16{background-image: url(../img/tool5.jpg?1)} .modul_services .item .bottom .img_17{background-image: url(../img/tool6.jpg)} .welcome{background: #fff; display: block; z-index: 100; position: relative; } .welcome .inside{padding-top: 60px; padding-bottom: 60px;} .welcome .inside::before{content:""; display: block; position: absolute; right: 0; bottom: 0; width: 535px; height: 265px; background: url(../img/welcome_img.jpg) no-repeat scroll center center;} .welcome h1{width: 750px; text-transform: uppercase; font-size: 21px; line-height: 26px; color: #003879; font-weight: 700; text-align: left; margin: 0; padding: 0 0 10px;} .welcome p{width: 750px; font-size: 14px; line-height: 22px; color: #000000; font-weight: 300; text-align: left; margin: 0; padding: 0;} .services{background: #fff; position: relative; display: block;} .services .services_box{padding: 0; width: 40%; text-align: center; display: block; position: absolute; top: 0; bottom: 0; left: 0; z-index: 0; background: url(../img/green_bg.jpg); background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .services .services_box .box{display: table; height: 100%; width: 100%;} .services .services_box .box .centering{display: table-cell; vertical-align: middle; width: 100%;} .services .services_box h2{text-decoration: underline; text-align: center; font-size: 12px; line-height: 16px; margin: 0; padding: 0; font-weight: 400; text-transform: uppercase;} .services .services_box p{text-transform: uppercase; font-size: 40px; line-height: 44px; letter-spacing: 1px; color: #fff; font-weight: 700; text-align: center; margin: 0; padding: 30px 0;} .services .why{padding: 60px 0 60px 40%;; width: 60%; text-align: center; display: block; float: left; z-index: 0; background: #f7f8f8; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .services .why img{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0 80px;} .services .why ul{padding: 0; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0 80px 0 0;} .services .why ul li{text-transform: uppercase; text-align: left; font-size: 14px; line-height: 22px; color: #003879; font-weight: 400; padding: 5px 0 5px 50px; list-style: none; display: block; background: url(../img/correct_arrow.svg) no-repeat scroll left 0; background-size: 32px 32px;} .team_list_module{position: relative; display: block;} .team_list_module .inside > div{background: #fff; padding-bottom: 40px;} .team_list_module h2{text-transform: uppercase; font-size: 24px; line-height: 30px; color: #003879; font-weight: 700; text-align: center; margin: 0; padding: 0 0 50px;} .team_list_module h3{text-transform: uppercase; font-size: 24px; line-height: 30px; color: #a9c438; font-weight: 700; text-align: center; margin: 0; padding: 50px 0;} .sub .team_list_module h3{border-top: 1px solid #dbdbdb; margin: 0; padding: 40px 0; background: #fff;} .team_list_module .item{display: block; float: left; width: 33.33%; margin: 0 0 20px;} .team_list_module .item .img{border: 1px solid #eaeaea; position: relative; z-index: 0; width: 40%; height: 180px; float: left; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; -ms-transition: all 400ms ease-out; transition: all 400ms ease-out;} .team_list_module .item .img i{z-index: 101; display: block; position: absolute; left: 6px; bottom: 6px; width: 30px; height: 30px; background: url(../img/lupa_icon_1.svg) no-repeat scroll center center #003879; background-size: 30px 30px; border: 1px solid #003879; -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; -ms-transition: all 400ms ease-out; transition: all 400ms ease-out;} .notouch .team_list_module .item .img:hover i{background: url(../img/lupa_icon2_1.svg) no-repeat scroll center center #fff;} .team_list_module .item .text{padding: 0 15px; position: relative; z-index: 0; width: calc(60% - 32px); float: left; background: transparent;} .team_list_module .item .text .box{height: 180px; display: table; width: 100%;} .team_list_module .item .text .box .centering{vertical-align: middle; display: table-cell; width: 100%;} .team_list_module .item .text .box .centering p.name{font-size: 16px; line-height: 22px; color: #231f20; text-align: left; font-weight: 600; margin: 0; padding: 0 20px;} .team_list_module .item .text .box .centering p.post{font-size: 12px; line-height: 18px; color: #231f20; text-align: left; font-weight: 300; margin: 0 0 10px; padding: 0 20px; text-transform: uppercase;} .team_list_module .item .text .box .centering p.phone{font-size: 13px; line-height: 20px; color: #231f20; text-align: left; font-weight: 600; margin: 0; padding: 0 20px; display: inline-block; position: relative; } .team_list_module .item .text .box .centering p.mail{font-size: 13px; line-height: 20px; color: #231f20; text-align: left; font-weight: 600; margin: 0; padding: 0 20px; display: inline-block; position: relative; } .team_list_module .item .text .box .centering p a{font-size: 13px; line-height: 20px; color: #231f20; text-align: left; font-weight: 600; text-decoration: underline;} .notouch .team_list_module .item .text .box .centering p a:hover{text-decoration: none;} .team_list{position: relative; display: block; background-color: #fff; background-image: url(../img/team_list_line.png); background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .sub .team_list{background: #fff;} .team_list h2{text-transform: uppercase; font-size: 30px; line-height: 34px; color: #003879; font-weight: 700; text-align: center; margin: 0; padding: 90px 0;} .sub .team_list h2{padding: 0 0 50px; font-size: 24px; line-height: 30px;} .sub .team_list h3{padding: 50px 0; font-size: 24px; line-height: 30px;} .team_list h3{text-transform: uppercase; font-size: 30px; line-height: 34px; color: #a9c438; font-weight: 700; text-align: center; margin: 0; padding: 90px 0;} .team_list .item{position: relative; width: 50%; float: left;} .team_list .item .flip_container{z-index: 10; width: 50%; height: 355px; display: block; float: left; position: relative; -webkit-perspective: 800px; -moz-perspective: 800px; -ms-perspective: 800px; perspective: 800px; -webkit-transform: perspective(800px); -moz-transform: perspective(800px); -ms-transform: perspective(800px); transform: perspective(800px); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d;} /*.team_list .item .flip_container .flipper.flipped {-webkit-transform: rotateY( 180deg );-moz-transform: rotateY( 180deg ); -o-transform: rotateY( 180deg ); transform: rotateY( 180deg );}*/ .team_list .item .flip_container .flipper.flipped .back{background: #aac40b; -webkit-transform: rotateY( 0deg ); -moz-transform: rotateY( 0deg ); -ms-transform: rotateY( 0deg ); transform: rotateY( 0deg );} .team_list .item .flip_container .flipper.flipped .front{ -webkit-transform: rotateY( 180deg ); -moz-transform: rotateY( 180deg ); -ms-transform: rotateY( 180deg ); transform: rotateY( 180deg );} .team_list .item .flip_container .flipper{background: #fff; position: relative; width: 100%; height: 100%; -webkit-transition: 6s; -webkit-transform: perspective(800px); -ms-transition: 6s; -ms-transform: perspective(800px); -moz-transition: 6s; -moz-transform: perspective(800px); transition: 6s; transform: perspective(800px);;} .team_list .item .flip_container .flipper .flip_box{position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: 6s; -moz-transition: 6s; -ms-transition: 6s; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transition: 0.6s; transform-style: preserve-3d; transform: rotateY(0deg);} .team_list .item .flip_container .flipper .front{z-index: 2; -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg);} .team_list .item .flip_container .flipper .back{-webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg);} .team_list .item .text{background: #aac40b; z-index: 999; text-align: center; display: block; float: left; width: 100%; position: relative; -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; -ms-transition: all 400ms ease-out; transition: all 400ms ease-out;} .team_list .item .text::before{opacity: 1; left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(170, 196, 11, 0); border-left-color: #aac40b; border-width: 18px; margin-top: -18px; -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; -ms-transition: all 400ms ease-out; transition: all 400ms ease-out;} .team_list .item .box{background: #aac40b; text-align: center; height: 355px; display: table; width: 100%; -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; -ms-transition: all 400ms ease-out; transition: all 400ms ease-out;} .team_list .item .box .centering{display: table-cell; vertical-align: middle; width: 100%;} .team_list .item .text .box .centering p.name{font-size: 18px; line-height: 24px; color: #fff; text-align: center; font-weight: 600; margin: 0; padding: 0 20px;} .team_list .item .text .box .centering p.post{font-size: 13px; line-height: 20px; color: #fff; text-align: center; font-weight: 300; margin: 0; padding: 0 20px; text-transform: uppercase;} .team_list .item .text .box .centering .line{margin: 25px 30px; border-top: 1px dashed #fff; display: block;} .team_list .item .text .box .centering p.phone{font-size: 14px; line-height: 30px; color: #fff; text-align: center; font-weight: 600; margin: 0; padding: 0 20px; display: inline-block; position: relative; } .team_list .item .text .box .centering p.phone::before{position: absolute; top: 0; left: -10px; width: 30px; height: 30px; background: url(../img/phone_icon_white.svg) no-repeat scroll center center; background-size: 30px 30px; content: ""; display: block;} .team_list .item .text .box .centering p.mail{font-size: 14px; line-height: 30px; color: #fff; text-align: center; font-weight: 600; margin: 0; padding: 0 20px; display: inline-block; position: relative; } .team_list .item .text .box .centering p.mail::before{position: absolute; top: 0; left: -10px; width: 30px; height: 30px; background: url(../img/mail_icon_white.svg) no-repeat scroll center center; background-size: 30px 30px; content: ""; display: block;} .team_list .item .text .box .centering p a{font-size: 14px; line-height: 30px; color: #fff; text-align: center; font-weight: 600; text-decoration: underline;} .notouch .team_list .item .text .box .centering p a:hover{text-decoration: none;} .team_list .item .text .box .centering .btn{padding-left: 50px;} .team_list .item .text .box .centering .btn::before{background: url(../img/clock_icon2.svg) no-repeat scroll center center; width: 30px; height: 30px; margin-top: -15px; left: 10px;} .team_list .item .text .box .centering .btn::after{background: url(../img/clock_icon.svg) no-repeat scroll center center; width: 30px; height: 30px; margin-top: -15px; left: 10px;} .notouch .team_list .item .text .box .centering .btn:hover::before{opacity: 0;} .notouch .team_list .item .text .box .centering .btn:hover::after{opacity: 1;} .team_list .item p.title{font-size: 18px; line-height: 24px; color: #fff; text-align: center; font-weight: 700; margin: 0; padding: 0 20px;} .team_list .item .img{position: relative; z-index: 0; background-color: #f4f4f4; width: 50%; height: 355px; float: left; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; -ms-transition: all 400ms ease-out; transition: all 400ms ease-out;} .team_list .item .img::before{opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; content: ""; display: block; background: rgba(168,177,183,0.6); -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; -ms-transition: all 400ms ease-out; transition: all 400ms ease-out;} .notouch .team_list .item.hover_efekt .img::before{opacity: 1;} .team_list .item .img i{z-index: 101; display: block; position: absolute; left: 8px; bottom: 8px; width: 40px; height: 40px; background: url(../img/lupa_icon_1.svg) no-repeat scroll center center #003879; background-size: 40px 40px; border: 1px solid #003879; -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; -ms-transition: all 400ms ease-out; transition: all 400ms ease-out;} .notouch .team_list .item .img:hover i{background: url(../img/lupa_icon2_1.svg) no-repeat scroll center center #fff;} .team_list .item.hover_efekt .flip_container .flipper.flipped .back{background: #a8b1b7; } .team_list .item.hover_efekt .flip_container .flipper.flipped .flip_box.back::before{border-left-color: #a8b1b7 } .notouch .team_list .item.hover_efekt .text{background: #a8b1b7;} .notouch .team_list .item.hover_efekt .box{background: #a8b1b7;} .notouch .team_list .item.hover_efekt .text::before{border-left-color: #a8b1b7;} .notouch .team_list .item.hover_efekt:nth-child(4n) .text::before, .notouch .team_list .item.hover_efekt:nth-child(4n - 1) .text::before{border-right-color: #a8b1b7; border-left-color: transparent;} .team_list .item .flip_container .flipper .flip_box.back p.clock{text-align: left; display: inline-block; zoom: 1; *display: inline; margin: 20px 0 0; padding: 0;} .team_list .item .flip_container .flipper .flip_box.back p.clock span{text-align: left; font-size: 13px; line-height: 30px; font-weight: 600; color: #fff; } .team_list .item .flip_container .flipper .flip_box.back p.clock span.active{font-weight: 700; color: #000;} .team_list .item .flip_container .flipper .flip_box.back::before{opacity: 0; left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(170, 196, 11, 0); border-left-color: #aac40b; border-width: 18px; margin-top: -18px; -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; -ms-transition: all 400ms ease-out; transition: all 400ms ease-out;} .team_list .item .flip_container .flipper.flipped .flip_box.back::before{opacity: 1;} .team_list .item:nth-child(4n) .flip_container, .team_list .item:nth-child(4n - 1) .flip_container{float: right;} .team_list .item:nth-child(4n) .text::before, .team_list .item:nth-child(4n - 1) .text::before{left: initial; left: auto; right: 100%; border-right-color: #aac40b; border-left-color: transparent;} .team_list .item:nth-child(4n) .flip_container .flipper .flip_box.back::before, .team_list .item:nth-child(4n - 1) .flip_container .flipper .flip_box.back::before{left: initial; left: auto; right: 100%; border-right-color: #aac40b; border-left-color: transparent;} .team_detail{text-align: center; max-width: 942px; margin: 0 auto 40px; display: block; width: 90%; position: relative;} .team_detail .item{background: #f2f2f2; border: 1px solid #dbdbdb; height: 180px; display: inline-block; vertical-align: middle; vertical-align: middle; position: relative; width: calc( (100% - 180px - 2px) / 2); margin-right: -5px; max-width: 380px;} .team_detail .item:nth-child(1){width: 178px;} .team_detail .item .img{position: relative; z-index: 0; background-color: #f4f4f4; width: 100%; height: 180px; float: left; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; -ms-transition: all 400ms ease-out; transition: all 400ms ease-out;} .team_detail .item .img::before{opacity: 0; content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../img/fotogallery_icon.png) no-repeat scroll center center rgba(0, 56, 121, 0.9); -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;} .notouch .team_detail .item .img:hover::before{opacity: 1;} .team_detail .item .box{text-align: center; height: 180px; display: table; width: 100%;} .team_detail .item .box .centering{display: table-cell; vertical-align: middle; width: 100%;} .team_detail .item .box .centering p.name{font-size: 16px; line-height: 22px; color: #231f20; text-align: center; font-weight: 600; margin: 0; padding: 0 20px;} .team_detail .item .box .centering p.post{font-size: 12px; line-height: 18px; color: #231f20; text-align: center; font-weight: 300; margin: 0 0 10px; padding: 0 20px; text-transform: uppercase;} .team_detail .item .box .centering p.phone{font-size: 13px; line-height: 20px; color: #231f20; text-align: center; font-weight: 600; margin: 0; padding: 0 20px; display: inline-block; position: relative; } .team_detail .item .box .centering p.mail{font-size: 13px; line-height: 20px; color: #231f20; text-align: center; font-weight: 600; margin: 0; padding: 0 20px; display: inline-block; position: relative; } .team_detail .item .box .centering p a{font-size: 13px; line-height: 20px; color: #231f20; text-align: center; font-weight: 600; text-decoration: underline;} .notouch .team_detail .item .box .centering p a:hover{text-decoration: none;} .team_detail .item p.title{font-size: 16px; line-height: 22px; color: #231f20; text-align: center; font-weight: 600; margin: 0; padding: 0 20px;} .team_detail .item .box .centering p.clock{text-align: left; display: inline-block; zoom: 1; *display: inline; margin: 10px 0 0; padding: 0;} .team_detail .item .box .centering p.clock span{font-size: 13px; line-height: 20px; color: #707070; text-align: center; font-weight: 600; margin: 0; padding: 0 20px; display: inline-block; position: relative; } .team_detail .item .box .centering p.clock span.active{font-weight: 700; color: #000;} article.full table{width: 100%;} article.full table td:first-child{width: 120px} .office_list{display: block; position: relative;} .office_list .item{width: 100%; text-align: left; display: block; position: relative; margin: 0 0 50px;} .office_list .item .text{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 50%;} .office_list .item .text p{display: inline-block; text-align: left; margin: 1px 0 1px 8px; font-size: 15px; line-height: 30px; font-weight: 400; color: #231f20; position: relative;} .office_list .item .text p strong{display: block; text-align: left; font-size: 18px; line-height: 24px; padding: 0 0 10px; font-weight: 600; color: #231f20; position: relative;} .office_list .item .text .phone{background: url(../img/phone_icon.svg) no-repeat scroll left top; background-size: 30px 30px; padding-left: 35px; } .office_list .item .text .address{background: url(../img/address_icon.svg) no-repeat scroll left top; background-size: 30px 30px; padding-left: 35px; } .office_list .item .text .time{background: url(../img/clock_icon.svg) no-repeat scroll left top; background-size: 30px 30px; padding-left: 35px; } .office_list .item .text p span{display: inline-block; text-align: left; font-size: 15px; line-height: 20px; padding: 5px 0; font-weight: 400; color: #231f20; position: relative;} .office_list .item .mapa{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: calc(45% - 8px); margin-left: 5%; } .office_list .item .mapa #pobocka1{height: 260px; display: block; width: 100%;} .office_list .item .mapa #pobocka2{height: 260px; display: block; width: 100%;} .contact_page{width: 100%; display: block;} .contact_page p{font-size: 14px; line-height: 20px; color: #003879; text-align: left; margin: 0;} .contact_page p.half{display: inline-block; zoom: 1; *display: inline; padding: 0 5% 0 0; vertical-align: top; width: calc(45% - 4px);} .contact_page p.half a.list{display: inline-block; zoom: 1; *display: inline; text-decoration: underline; font-size: 14px; line-height: 26px; text-align: left; color: #003879; font-weight: 400;} .contact_page p.half.padding{padding: 0; width: calc(50% - 4px);} .contact_page p.half.padding .box{padding: 0; display: inline-block; position: relative;} .contact_page p.half.padding .box .btn{position: absolute; right: 0; bottom: 0; } .contact_page p.half.padding .box img{max-width: 100%; display: block; margin: 0 auto;} .contact_page p strong{font-size: 18px; line-height: 22px; color: #003879; font-weight: 700; margin: 0;} .contact_page p strong.clock{text-transform: uppercase; color: #003879; line-height: 40px;} .contact_page p strong img{max-width: 40px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin-right: 8px;} .contact_page p span{text-transform: uppercase; font-size: 14px; line-height: 22px; text-align: left; color: #003879; font-weight: 400; padding: 0 0 0 7px; } .contact_page p.small span{text-transform: none;} .contact_page p span.active{font-weight: 700;} .contact_page p.line{margin: 20px 0; padding: 20px 0; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8} .contact_page p.line span, .contact_page p.line a{font-size: 14px; line-height: 22px; text-align: left; color: #003879; font-weight: 700; padding: 0; -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; -ms-transition: all 400ms ease-out; transition: all 400ms ease-out;} .contact_page p.line span, .contact_page p.line a.mail{padding-right: 65px;} .notouch .contact_page p.line a:hover{color: #aac40b; text-decoration: underline;} .contact_page p.line span img, .contact_page p.line a img{max-width: 35px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin-right: 8px;} .reg_form{position: relative; display: block; } .reg_form table{width: 100%; border-collapse: collapse; border-spacing: 0;} .reg_form table th{text-transform: uppercase; position: relative; white-space: nowrap; vertical-align: top; width: 50px; font-size: 14px; line-height: 22px; color: #000000; font-weight: 600; text-align: right; padding: 9px 20px 10px; margin: 0;} .reg_form table th span{margin-right: -7px; position: relative;; top: -5px; right: -1px; color: #d8001b; font-size: 14px; line-height: 20px;} .reg_form table tr th:first-child{padding-left: 0; } .reg_form table td{padding: 0 0 10px;} .reg_form table td input[type=text], .reg_form .box table td input[type=password]{border: 1px solid #cccecf; width: calc(100% - 32px); background: #fff; font-size: 13px; line-height: 20px; padding: 8px 15px; color: #000; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .reg_form table td input[type=text].datepick{background: url(../img/calendar_icon2.svg) no-repeat scroll center right; background-size: 31px 24px} .reg_form table td textarea{height: 80px; resize: none; border: 1px solid #cccecf; width: calc(100% - 32px); background: #fff; font-size: 13px; line-height: 20px; padding: 8px 15px; color: #000; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .reg_form table td input[type=text]:focus, .reg_form table td input[type=password]:focus, .reg_form table td textarea:focus{border: 1px solid #003879;} .reg_form table td label{cursor: pointer; font-size: 13px; line-height: 24px; color: #231f20; font-weight: 400; margin: 0; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; } .reg_form table td label .checker{margin: -3px 5px 0 0;} footer{padding: 70px 0; text-align: center; position: relative; background: #f7f8f8; margin-top: 0} .sub footer{margin-top: 0;} footer::before{content: ""; display: block; position: absolute; left: 50%; top: -31px; margin-left: -28px; width: 56px; height: 62px; background: url(../img/footer_icon.svg) no-repeat scroll center center; background-size: 56px 62px;} footer h4{font-size: 30px; line-height: 34px; margin: 0 0 18px 13px; padding: 0; text-align: left; text-transform: uppercase; font-weight: 700; color: #003879;} footer .item{text-align: left; display: block; float: left; padding: 0; width: calc( (100% - 211px) / 2 )} footer .item:nth-child(4){width: 211px;} footer .item a.logo{width: 211px; display: block; margin: 0 auto;} footer .item a.logo img, footer .item a.logo svg{max-width: 211px; width: 211px; height: 65px; display: block; margin: 0 auto;} footer .item p{text-align: left; margin: 1px 0 1px 8px; font-size: 15px; line-height: 30px; font-weight: 600; color: #231f20; position: relative;} footer .item p.phone{background: url(../img/phone_icon.svg) no-repeat scroll left top; background-size: 30px 30px; padding-left: 35px; } footer .item p.address{background: url(../img/address_icon.svg) no-repeat scroll left top; background-size: 30px 30px; padding-left: 35px; } footer .item p.mail{background: url(../img/mail_icon.svg) no-repeat scroll left top; background-size: 30px 30px; padding-left: 35px; } footer .item p.clock{background: url(../img/clock_icon.svg) no-repeat scroll left top; background-size: 30px 30px; padding-left: 35px; } footer .item p.card{background: url(../img/card_icon.svg) no-repeat scroll left top; background-size: 30px 30px; padding-left: 35px; } footer .item p.border{margin-top: 10px; padding-top: 10px;} footer .item p.border::before{width: 120px; height: 1px; border-top: 1px solid #231f20; content: ""; display: block; position: absolute; left: 0; top: 0; } footer .item p span{text-transform: uppercase; text-align: left; font-size: 15px; line-height: 30px; font-weight: 600; color: #231f20; } footer .item p span.active{font-weight: 700; color: #003879;} footer .item p a{text-align: left; margin: 0; font-size: 15px; line-height: 30px; font-weight: 600; color: #231f20; text-decoration: underline; -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; -ms-transition: all 400ms ease-out; transition: all 400ms ease-out;} .notouch footer .item p a:hover{color: #003879;} footer .item a img{max-width: 27px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin-right: 8px;} footer ul.footer_menu{margin: 25px 0 0; padding: 30px 0 0; display: block; text-align: center; position: relative;} footer ul.footer_menu::before{height: 1px; margin: 0 auto; border-top: 1px solid #dbdbdb; content: ""; display: block; position: absolute; left: 0; top: 0; right: 0;} footer ul.footer_menu li{position: relative; list-style: none; display: inline-block; zoom: 1; *display: inline; vertical-align: middle;} footer ul.footer_menu li a{padding: 5px 15px; font-size: 14px; line-height: 22px; color: #003879; font-weight: 600; position: relative; display: block; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch footer ul.footer_menu li a:hover, footer ul.footer_menu li.active a{color: #aac40b;} .mapa{position: relative; display: block;} .mapa > .btn{position: absolute; left: 0; bottom: 0; } .mapa #MyGmaps{height: 400px; display: block; width: 100%; background: url(../img/mapa.jpg) no-repeat scroll center center;} .paralax{width: 100%; height: 600px; background: url(../img/footer_paralax.jpg); background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .pojistovny{padding: 50px 0; text-align: center; width: 100%; background: #fff; position: relative; z-index: 200;} .pojistovny.border{border-top: 1px solid #04486f;} .pojistovny a{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; padding: 0; width: calc(100% / 6 - 4px)} .pojistovny a img{max-width: 80%; display: block; margin: 0 auto;} .sign{border-top: 1px solid #04486f; background: #fff; padding: 20px 0;} .sign p{margin: 0; font-size: 14px; line-height: 22px; font-weight: 700; color: #b3b3b3; text-align: center;} .sign p a{margin: 0; font-size: 14px; line-height: 22px; font-weight: 700; color: #000000; text-align: center; -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; -ms-transition: all 400ms ease-out; transition: all 400ms ease-out;} .notouch .sign p a:hover{color: #003879;} .file_list{width: 100%; margin: 20px 0; padding: 0; text-align: left; } .file_list a{display: block; position: relative; padding: 7px 0; margin-bottom: -1px; border-top: 1px solid #B3B3B3; border-bottom: 1px solid #B3B3B3; -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; -ms-transition: all 400ms ease-out; transition: all 400ms ease-out;} .file_list .file_center{width: calc(100% - 150px); display: inline-block; zoom: 1; *display: inline; margin: 0 6px 0 56px;} .file_list a span{position: relative; display: inline-block; zoom: 1; *display: inline; font-size: 15px; line-height: 19px; padding: 3px 0; font-weight: 600; -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; -ms-transition: all 400ms ease-out; transition: all 400ms ease-out;} .file_list a span.extension{position: absolute; left: 0; top: 50%; margin-top: -13px; text-transform: uppercase; width: 56px; text-align: center;} .file_list a span.size{position: absolute; top: 50%; margin-top: -13px; text-align: left; font-weight: 400;} .file_list a span.link{text-transform: none; font-weight: 500; text-decoration: underline; position: absolute; right: 8px; top: 50%; margin-top: -13px; text-align: center;} .file_list a span.name{max-width: calc(100% - 100px); margin-right: 6px; border-left: 2px solid #b3b3b3; border-right: 2px solid #b3b3b3; font-weight: 400; padding: 3px 10px; text-align: left;} .notouch .file_list a:hover span{color: #911c29; text-decoration: none;} .fotogalerie{width: 100%; position: relative; margin: 20px 0;} .fotogalerie .item{display: block; width: 100%; -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; -ms-transition: all 400ms ease-out; transition: all 400ms ease-out;} .fotogalerie.spec .item{display: none;} .fotogalerie.spec .item.active{display: block;} .fotogalerie a.swipebox{width: 16.66%; margin: 0; float: left; display: block; position: relative;} .fotogalerie a.swipebox::before{opacity: 0; content: ""; display: block; position: absolute; left: 4px; top: 4px; right: 4px; bottom: 4px; background: url(../img/fotogallery_icon.png) no-repeat scroll center center rgba(0, 56, 121, 0.9); -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 a.swipebox img{max-width: calc( 100% - 8px); display: block; margin: 4px;} .notouch .fotogalerie a.swipebox:hover::before{opacity: 1;} .control_popup{display: none; width: 100%; height: 100%; text-align: center; opacity: 0; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .control_popup::before{position: absolute; top: 0; left: 0; right: 0; bottom: -100px; display: block; content: ""; background: rgba(0,0,0,0.6); z-index: 0; } .control_popup .box{position: relative; display: table-cell; vertical-align: middle; z-index: 10;} .control_popup .boxes{min-width: 240px; text-align: center; position: relative; max-width: 300px; padding: 40px 50px; left: 0 !important; display: inline-block; zoom: 1; *display: inline; background: #fff;} .control_popup .box span.warning{z-index: 700; position: relative; text-transform: uppercase; display: block; margin: 0; text-align: center; font-size: 21px; line-height: 26px; font-weight: 600; color: #003879;} .control_popup .box p{margin: 20px 0 25px; text-align: center;} .control_popup .box p strong{font-weight: 700; margin: 0; text-align: center;} .control_popup .box .btn{z-index: 100; position: relative;} .control_popup2{display: none; width: 100%; height: 100%; text-align: center; opacity: 0; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .control_popup2::before{position: absolute; top: 0; left: 0; right: 0; bottom: -100px; display: block; content: ""; background: rgba(0,0,0,0.6); z-index: 0; } .control_popup2 .box{position: relative; display: table-cell; vertical-align: middle; z-index: 10;} .control_popup2 .boxes{min-width: 240px; text-align: center; position: relative; max-width: 300px; padding: 40px 50px; left: 0; display: inline-block; zoom: 1; *display: inline; background: #fff;} .control_popup2 .box span.warning{z-index: 700; position: relative; text-transform: uppercase; display: block; margin: 0; text-align: center; font-size: 21px; line-height: 26px; font-weight: 600; color: #003879;} .control_popup2 .box p{margin: 20px 0 25px; text-align: center;} .control_popup2 .box p strong{font-weight: 700; margin: 0; text-align: center;} .control_popup2 .box .btn{z-index: 100; position: relative;} .cc_banner-wrapper{z-index: 999999 !important;} .cc_container{padding: 12px 4% !important;} .cc_container .cc_message{margin: 16px 0 !important; font-size: 14px !important; font-family: "proxima-nova",sans-serif,Arial !important; } .cc_container .cc_message a{font-weight: 700 !important; font-size: 14px !important; color: #003879 !important;} .notouch .cc_container .cc_message a:hover{text-decoration: underline !important;} .cc_container .cc_btn{-webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; position: relative; width: initial !important; width: auto !important; font-family: "proxima-nova",sans-serif,Arial !important; border: 1px solid transparent !important; background: #003879 !important; color : #fff !important; font-size: 15px !important; line-height: 44px !important; display: block !important; padding: 0 23px 0 30px !important; text-shadow: 0px 0 5px rgba(0,0,0,0.8) !important; font-weight: 700 !important; text-transform: uppercase !important; -webkit-transition: all 400ms ease !important; -moz-transition: all 400ms ease !important; -o-transition: all 400ms ease !important; -ms-transition: all 400ms ease !important; transition: all 400ms ease !important;} .cc_container .cc_btn::before{opacity: 1; position: absolute; top: 50%; left: 14px; content: ""; display: block; margin-top: -4px; width: 5px; height: 9px; background: url(../img/btn_arrow.svg) no-repeat scroll center center;} .notouch .cc_container .cc_btn:hover{background: #aac40b !important; color: #fff !important;} .cc_container *::-moz-selection { /* Code for Firefox */ background: #3399FF !important; } .cc_container *::selection { background: #3399FF !important; } .hover_efekt .img{filter: url("data:image/svg+xml;utf8,#grayscale");-webkit-filter: grayscale(1);filter: grayscale(1);filter: gray;} .notouch .hover_efekt .img:hover, .hover_efekt .img.active{-webkit-filter: grayscale(0);filter: grayscale(0);} .hover_efekt .img.grayscale-replaced {-webkit-filter: none;filter: none;} .hover_efekt .img.grayscale-replaced > svg {-webkit-transition: opacity .5s ease;transition: opacity .5s ease;opacity: 1;} .hover_efekt .img.grayscale-replaced.grayscale-off > svg, .hover_efekt .img.grayscale-replaced.grayscale-fade:hover > svg {opacity: 0;}