/*
*
* ICONTIO
* Author: Martin Winkler @ PORTA DESIGN
* url: http://www.portadesign.cz/
*
*/
/************************************************************************************
RESET
*************************************************************************************/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section, menu,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
article, aside, figure, footer, header, hgroup, nav, section, img { display: block; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
label, input[type=button], input[type=submit], button { cursor: pointer; overflow: visible; }
em, i { font-weight: inherit; }
/************************************************************************************
GENERAL
*************************************************************************************/
html { height: 100%; }
body {
font-family: futura-pt,sans-serif;
font-size: 22px;
line-height: 30px;
color: #000;
background: #fff;
margin: 0;
padding: 0;
min-height: 100%;
}
/* Box sizing */
*, *:after, *:before { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
/* Anchors */
a { color: #8ebf19; text-decoration: underline; }
a:hover { text-decoration: none; color: #2285c8; }
/* Heading */
h1 { font: 700 48px/58px futura-pt,sans-serif; color: #2e3134; margin: 0 0 20px 0; }
h2 { font: 700 48px/60px futura-pt,sans-serif; color: #2e3134; margin: 0 0 20px 0; }
h3 { font: 700 26px/36px futura-pt,sans-serif; color: #2e3134; margin: 0 0 20px 0; }
h4 { font: 700 20px/26px futura-pt,sans-serif; color: #2e3134; margin: 0 0 15px 0; }
h5 { font: 700 17px/23px futura-pt,sans-serif; color: #2e3134; margin: 0 0 10px 0; }
h6 { font: 700 14px/20px futura-pt,sans-serif; color: #2e3134; margin: 0 0 10px 0; }
h2 .thin { display: block; color: #a6a8a9; font-weight: 400; }
h2 .thin-2 { display: block; color: #2f2f2f; font-weight: 400; }
/* Paragraphs */
p { margin: 0 0 10px 0; }
address { font-style: normal; }
cite { font-style: normal; }
/* Lists */
ul, ol { list-style: none; margin: 0 0 20px 0; }
ul li { padding: 0 0 0 20px; background: url('../img/li.gif') 0 13px no-repeat; margin: 0 0 5px 0; }
ul.unstyled li { padding: 0; background: none; }
ol { counter-reset: counter; margin-left: 0; *margin-left: 54px; }
ol li { margin: 0 0 10px 0; padding: 0 0 0 20px; *list-style-type: decimal; counter-increment: counter; position: relative; }
ol li:before { color: #2285c8; content: counter(counter)'. '; position: absolute; left: 0; top: 0; }
dl { margin: 0 0 20px 0; line-height: 20px; }
dt { font-weight: bold; }
ul.epichIcons{list-style:none;}
ul.epichIcons li{background: none;}
ul.epichIcons li img{float:left;margin: 0 10px 0 0;}
/* Forms */
form { display: block; }
fieldset { border: none; }
label { font-weight: bold; }
input, select, button { vertical-align: top; }
/* Various */
sup,sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; }
sup { bottom: 1ex; }
sub { top: .5ex; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
hr.divider { display: block; height: 1px; border: 0; border-top: 1px solid #969899; margin: 0; padding: 0; }
hr.divider-small { width: 70px; height: 4px; background: #2285c8; display: block; border: 0; border: none; margin: 40px auto; padding: 0; }
p.small { font-size: 70%; }
p.big { font-size: 130%; }
p.center {text-align:center;}
.bold { font-weight: bold; }
.nowrap, .nobr { white-space: nowrap !important; }
img { max-width: 100%; height: auto; }
/* Alignment */
.v-top { vertical-align: top; }
.v-middle { vertical-align: middle; }
.v-bottom { vertical-align: bottom; }
.h-center{text-align:center;}
.h-center img{margin:0 auto;}
.h-justify{text-align:justify;}
.l { float: left; }
.r { float: right; }
.a-l { text-align: left; }
.a-r { text-align: right; }
.a-c { text-align: center; }
/* Reset */
.reset{ border: none; margin: 0; padding: 0; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.reset td,.reset th { border: none; background: none; padding: 0 }
.reset > li,.reset > dt,.reset > dd { margin: 0; padding: 0; background: none; border: none; font-weight: inherit; float: none; display: inherit; text-align: inherit; width: auto; }
/************************************************************************************
HEADER
*************************************************************************************/
.header { padding: 0; height: 150px; width: 100%; position: absolute; left: 0; top: 0; }
.header .col-md-12 { height: 150px; position: static; }
.header .mm-trigger { display: none; }
.header-wrap-master { text-align: right; }
/* Mobile navigation */
.mobile-nav { display: none; background: #262626; }
.mobile-nav ul { margin: 0; }
.mobile-nav ul li { background: none; border-bottom: 2px solid #525252; }
.mobile-nav ul li a { font-size: 18px; font-weight: 600; color: #fff; padding: 15px 20px; }
/* Logo */
.logo { display: block; margin-top: 30px; text-indent: -80000px; float: left;}
/* Main navigation */
.main-nav { margin: 0; display: inline-block; }
.main-nav ul { margin: 0; }
.main-nav ul li { line-height: 30px; padding: 0; margin: 0; background: none; display: inline-block; margin-left: 15px; }
.main-nav ul li a { font-size: 26px; line-height: 30px; padding-top: 30px; display: block; font-weight: 700; color: #abacad; text-decoration: none; border-top: 4px solid transparent; }
.main-nav ul li a:hover { color: #fff; border-top: 4px solid #fff; }
.main-nav ul li.active a { color: #fff; border-top: 4px solid #fff; }
/* Header fixed */
.header.fixed { background: #e4e4e4; height: 83px; position: fixed; left: 0; top: 0; z-index: 50; -webkit-animation: fadeIn 0.5s; animation: fadeIn 0.5s; }
.header.fixed .col-md-12 { height: 83px; }
.header.fixed .main-nav ul li a { color: #8ebf19; padding-top: 20px; border-top: 4px solid #e4e4e4; }
.header.fixed .main-nav ul li a:hover { color: #2285c8; border-top: 4px solid #2285c8; }
.header.fixed .main-nav ul li.active a { color: #2285c8; border-top: 4px solid #2285c8; }
.header.fixed .logo { width: 210px; height: 66px; float: none; position: absolute; top: 12px; background: url('/media/1019/logo.png') 0 0 no-repeat; background-size: 210px 66px;; margin-top: 0; }
.header.fixed .logo img { display: none; }
@-webkit-keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
/************************************************************************************
CONTENT
*************************************************************************************/
.row { margin: 0 auto; }
.row .grid_12 { margin: 0 10px; }
.content { padding: 0; }
.section-head { text-align: center; margin-bottom: 30px; }
.section-head h2 { margin: 0; }
.page-head { margin: 0 0 30px 0; text-align: center; }
.page-head h1 { font-size: 92px; color: #8ebf19; line-height: 1.2em; margin: 0 0 50px 0; }
.page-head h1 span.sub { font-size: 48px; line-height:1.2em; display: block; }
.page-head h1 span.white { color: #FFFFFF; }
.page-head h1 span.white-block { color: #FFFFFF; font-size: 48px; display: block; }
.page-head h1 span.blue { color: #2285c8; }
.intro { text-align: center; }
.col-narrow { width: 700px; margin: 0 auto; }
.mdr { color: #64BCBF; }
.anchor { position: absolute; left: 0; top: -83px; }
/* Block */
.block { padding: 75px 0; position: relative; }
.block.narrow { padding: 40px 0; }
.block.alt { background: #2b2e33; color: #8e9092; }
.block.alt h2 { color: #fff; }
.block.alt a { color: #8ebf19; }
.block.alt-2 { background: #212528; color: #8e9092; }
.block.alt-2 a { color: #8ebf19; }
.block.alpha { padding-top: 0; }
.block.omega { padding-bottom: 0; }
.customm {text-align: left}
/* Block nav */
.block-nav { position: fixed; right: -1px; top: 50%; height: 113px; margin-top: -80px; z-index: 50; }
.block-nav > div { width: 38px; height: 40px; line-height: 40px; color: #2285c8; background: #fff; cursor: pointer; text-align: center; border: 1px solid #ebebeb; position: relative; }
.block-nav > div:hover { background-color: #2285c8; border-color: #2285c8; color: #fff; }
.block-nav .up { border-bottom: none; }
.block-nav .down { border-top: none; }
.block-nav .num { font-size: 16px; font-weight: 600; }
.block-nav .icon { position: absolute; left: 50%; top: 50%; width: 30px; height: 30px; margin-top: -15px; margin-left: -15px; }
.block-nav .up:hover .icon { background-position: -120px -150px; }
.block-nav .down:hover .icon { background-position: -120px -30px; }
.block-nav ul { margin: 0; position: absolute; right: 37px; top: 0; padding: 20px; min-width: 170px; border: 1px solid #ebebeb; background: #fff; display: none; }
.block-nav:hover ul { display: block; }
.block-nav ul li { font-size: 12px; margin: 0; padding: 0; background: none; }
.block-nav ul li a { display: block; color: #79797a; text-transform: uppercase; padding: 0; text-transform: uppercase; text-decoration: none; }
.block-nav ul li.active a { font-weight: 600; color: #231f20; }
.block-nav ul li a:hover { color: #2285c8; font-weight: 600; }
/* Teaser */
.teaser { background: #2b2e33 url(/media/1622/ico_bg.png) center bottom no-repeat; background-size: auto 100%; color: #D4DAE0; padding-top: 190px; padding-bottom: 70px; width: 100%;}
.teaser .visual { margin: 0 auto; }
.teaser .btn-set { margin-bottom: 30px; }
.teaser .more { font-size: 26px; }
.teaser .more a { color: #2285c8; line-height: 1.3em; }
.teaser .more a:hover { color: #fff; }
.teaser .more a:hover .icon-arr-b { background-position: -120px -30px; }
.btn.active .icon-arr-b { background-position: -120px -120px; }
/* Projects */
.projects { margin: 0; line-height: 40px; margin-top: -50px; }
.projects .item-list { margin-left: -30px; }
.projects .item { width: 33.33333%; padding-left: 30px; margin-top: 50px; text-align: center; min-height: 550px; }
.projects .item-inner { position: relative; }
.projects .item .img { height: 170px; position: relative; z-index: 10; }
.projects .item .img img { position: relative; top: -35px; margin: 0 auto; }
.projects .item .head { height: 170px; position: relative; z-index: 20; }
.projects .item .head:after { content: ''; width: 70px; height: 4px; display: block; position: absolute; left: 50%; bottom: 14px; margin-left: -35px; }
.projects .item .subtitle { position: absolute; left: 0; bottom: 25px; width: 100%; padding-left: 30px; padding-right: 30px; }
.projects .item .subtitle p { font-size:32px; line-height: 32px; }
.projects .item .btn { font-size: 22px; display: none; padding-left: 0; padding-right: 0; }
.projects .item h2 { font-size: 36px; line-height: 42px; margin: 0; }
.projects .item ul li { margin: 0; padding: 0; background: none; }
.projects .item-3 h2,.projects .item-3 .subtitle { color: #93C01F; }
.projects .item-3 .head:after { background: #93C01F; }
.projects .item-3 .btn, .projects .item-3 .btn:hover {
background: #93C01F; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJkOGZjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYzc4YzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #93C01F 0%, #93C01F 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#93C01F), color-stop(100%,#93C01F)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #93C01F 0%,#93C01F 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #93C01F 0%,#93C01F 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #93C01F 0%,#93C01F 100%); /* IE10+ */
background: linear-gradient(to bottom, #93C01F 0%,#93C01F 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93C01F', endColorstr='#93C01F',GradientType=0 ); /* IE6-8 */
}
.projects .item-1 h2,.projects .item-1 .subtitle { color: #8ebf19; }
.projects .item-1 .head:after { background: #8ebf19; }
.projects .item-1 .btn, .projects .item-1 .btn:hover {
background: #98c523; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJkOGZjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYzc4YzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #98c523 0%, #82b614 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#98c523), color-stop(100%,#82b614)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #98c523 0%,#82b614 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #98c523 0%,#82b614 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #98c523 0%,#82b614 100%); /* IE10+ */
background: linear-gradient(to bottom, #98c523 0%,#82b614 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98c523', endColorstr='#82b614',GradientType=0 ); /* IE6-8 */
}
.projects .item-2 h2,.projects .item-2 .subtitle { color: #2285c8; }
.projects .item-2 .head:after { background: #2285c8; }
.projects .item-2 .btn, .projects .item-2 .btn:hover {
background: #2d8fcd; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJkOGZjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYzc4YzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #2d8fcd 0%, #1c78c0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d8fcd), color-stop(100%,#1c78c0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #2d8fcd 0%,#1c78c0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #2d8fcd 0%,#1c78c0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #2d8fcd 0%,#1c78c0 100%); /* IE10+ */
background: linear-gradient(to bottom, #2d8fcd 0%,#1c78c0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d8fcd', endColorstr='#1c78c0',GradientType=0 ); /* IE6-8 */
}
.projects .item-3 h2,.projects .item-3 .subtitle { color: #ff4942; }
.projects .item-3 .head:after { background: #ff4942; }
.projects .item-3 .btn, .projects .item-3 .btn:hover {
background: #ff564f; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJkOGZjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYzc4YzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ff564f 0%, #ff3f38 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff564f), color-stop(100%,#ff3f38)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ff564f 0%,#ff3f38 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ff564f 0%,#ff3f38 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ff564f 0%,#ff3f38 100%); /* IE10+ */
background: linear-gradient(to bottom, #ff564f 0%,#ff3f38 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff564f', endColorstr='#ff3f38',GradientType=0 ); /* IE6-8 */
}
.projects .item-4 h2,.projects .item-4 .subtitle { color: #ECB51C; }
.projects .item-4 .head:after { background: #ECB51C; }
.projects .item-4 .btn, .projects .item-4 .btn:hover {
background: #EFC045; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJkOGZjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYzc4YzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #EFC045 0%, #EFC045 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EFC045), color-stop(100%,#EFC045)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #EFC045 0%,#EFC045 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #EFC045 0%,#EFC045 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #EFC045 0%,#EFC045 100%); /* IE10+ */
background: linear-gradient(to bottom, #EFC045 0%,#EFC045 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EFC045', endColorstr='#EFC045',GradientType=0 ); /* IE6-8 */
}
projects .item-5 h2,.projects .item-5 .subtitle { color: #FF8630; }
.projects .item-5 .head:after { background: #FF8630; }
.projects .item-5 .btn, .projects .item-5 .btn:hover {
background: #FF8630; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJkOGZjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYzc4YzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #FF8630 0%, #FF8630 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF8630), color-stop(100%,#FF8630)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #FF8630 0%,#FF8630 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #FF8630 0%,#FF8630 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #FF8630 0%,#FF8630 100%); /* IE10+ */
background: linear-gradient(to bottom, #FF8630 0%,#FF8630 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF8630', endColorstr='#FF8630',GradientType=0 ); /* IE6-8 */
}
.projects .item-6 h2,.projects .item-6 .subtitle { color: #0072DB; }
.projects .item-6 .head:after { background: #0072DB; }
.projects .item-6 .btn, .projects .item-6 .btn:hover {
background: #0072DB; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJkOGZjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYzc4YzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #0072DB 0%, #0072DB 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0072DB), color-stop(100%,#0072DB)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #0072DB 0%,#0072DB 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #0072DB 0%,#0072DB 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #0072DB 0%,#0072DB 100%); /* IE10+ */
background: linear-gradient(to bottom, #0072DB 0%,#0072DB 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0072DB', endColorstr='#FF8631',GradientType=0 ); /* IE6-8 */
}
.projects .item-7 h2,.projects .item-7 .subtitle { color: #FABA0F; }
.projects .item-7 .head:after { background: #FABA0F; }
.projects .item-7 .btn, .projects .item-7 .btn:hover {
background: #FABA0F; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJkOGZjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYzc4YzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #FABA0F 0%, #FABA0F 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FABA0F), color-stop(100%,#FABA0F)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #FABA0F 0%,#FABA0F 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #FABA0F 0%,#FABA0F 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #FABA0F 0%,#FABA0F 100%); /* IE10+ */
background: linear-gradient(to bottom, #FABA0F 0%,#FABA0F 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FABA0F', endColorstr='#FABA0F',GradientType=0 ); /* IE6-8 */
}
.projects .item-8 h2,.projects .item-8 .subtitle { color: #730740; }
.projects .item-8 .head:after { background: #730740; }
.projects .item-8 .btn, .projects .item-8 .btn:hover {
background: #730740; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJkOGZjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYzc4YzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #730740 0%, #730740 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#730740), color-stop(100%,#730740)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #730740 0%,#730740 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #730740 0%,#730740 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #730740 0%,#730740 100%); /* IE10+ */
background: linear-gradient(to bottom, #730740 0%,#730740 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#730740', endColorstr='#730740',GradientType=0 ); /* IE6-8 */
}
.projects .item-9 h2,.projects .item-9 .subtitle { color: #026634; }
.projects .item-9 .head:after { background: #026634; }
.projects .item-9 .btn, .projects .item-9 .btn:hover {
background: #026634; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJkOGZjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYzc4YzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #026634 0%, #026634 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#026634), color-stop(100%,#026634)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #026634 0%,#026634 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #026634 0%,#026634 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #026634 0%,#026634 100%); /* IE10+ */
background: linear-gradient(to bottom, #026634 0%,#026634 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#026634', endColorstr='#026634',GradientType=0 ); /* IE6-8 */
}
.projects .item-10 h2,.projects .item-10 .subtitle { color: #2B4C9A; }
.projects .item-10 .head:after { background: #2B4C9A; }
.projects .item-10 .btn, .projects .item-10 .btn:hover {
background: #2B4C9A; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJkOGZjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYzc4YzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #2B4C9A 0%, #2B4C9A 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2B4C9A), color-stop(100%,#2B4C9A)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #2B4C9A 0%,#2B4C9A 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #2B4C9A 0%,#2B4C9A 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #2B4C9A 0%,#2B4C9A 100%); /* IE10+ */
background: linear-gradient(to bottom, #2B4C9A 0%,#2B4C9A 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2B4C9A', endColorstr='#2B4C9A',GradientType=0 ); /* IE6-8 */
}
.projects .item-11 h2,.projects .item-11 .subtitle { color: #64BCBF; }
.projects .item-11 .head:after { background: #64BCBF; }
.projects .item-11 .btn, .projects .item-11 .btn:hover {
background: #64BCBF; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJkOGZjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYzc4YzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #64BCBF 0%, #64BCBF 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#64BCBF), color-stop(100%,#64BCBF)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #64BCBF 0%,#64BCBF 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #64BCBF 0%,#64BCBF 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #64BCBF 0%,#64BCBF 100%); /* IE10+ */
background: linear-gradient(to bottom, #64BCBF 0%,#64BCBF 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64BCBF', endColorstr='#64BCBF',GradientType=0 ); /* IE6-8 */
}
.projects .item-12 h2,.projects .item-12 .subtitle { color: #20D318; }
.projects .item-12 .head:after { background: #20D318; }
.projects .item-12 .btn, .projects .item-12 .btn:hover {
background: #20D318; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJkOGZjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYzc4YzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #20D318 0%, #20D318 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#20D318), color-stop(100%,#20D318)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #20D318 0%,#20D318 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #20D318 0%,#20D318 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #20D318 0%,#20D318 100%); /* IE10+ */
background: linear-gradient(to bottom, #20D318 0%,#20D318 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20D318', endColorstr='#20D318',GradientType=0 ); /* IE6-8 */
}
.projects .item-13 h2,.projects .item-13 .subtitle { color: #E85321; }
.projects .item-13 .head:after { background: #E85321; }
.projects .item-13 .btn, .projects .item-13 .btn:hover {
background: #E85321; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJkOGZjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYzc4YzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #E85321 0%, #E85321 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E85321), color-stop(100%,#E85321)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #E85321 0%,#E85321 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #E85321 0%,#E85321 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #E85321 0%,#E85321 100%); /* IE10+ */
background: linear-gradient(to bottom, #E85321 0%,#E85321 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E85321', endColorstr='#E85321',GradientType=0 ); /* IE6-8 */
}
.projects .item-14 h2,.projects .item-14 .subtitle { color: #A2195B; }
.projects .item-14 .head:after { background: #A2195B; }
.projects .item-14 .btn, .projects .item-14 .btn:hover {
background: #A2195B; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJkOGZjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYzc4YzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #A2195B 0%, #A2195B 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A2195B), color-stop(100%,#A2195B)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #A2195B 0%,#A2195B 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #A2195B 0%,#A2195B 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #A2195B 0%,#A2195B 100%); /* IE10+ */
background: linear-gradient(to bottom, #A2195B 0%,#A2195B 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A2195B', endColorstr='#A2195B',GradientType=0 ); /* IE6-8 */
}
.projects .item-15 h2,.projects .item-15 .subtitle { color: #009EE2; }
.projects .item-15 .head:after { background: #009EE2; }
.projects .item-15 .btn, .projects .item-15 .btn:hover {
background: #009EE2; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJkOGZjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYzc4YzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #009EE2 0%, #009EE2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009EE2), color-stop(100%,#009EE2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #009EE2 0%,#009EE2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #009EE2 0%,#009EE2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #009EE2 0%,#009EE2 100%); /* IE10+ */
background: linear-gradient(to bottom, #009EE2 0%,#009EE2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009EE2', endColorstr='#009EE2',GradientType=0 ); /* IE6-8 */
}
.projects .item-16 h2,.projects .item-16 .subtitle { color: #E20613; }
.projects .item-16 .head:after { background: #E20613; }
.projects .item-16 .btn, .projects .item-16 .btn:hover {
background: #E20613; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJkOGZjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYzc4YzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #E20613 0%, #E20613 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E20613), color-stop(100%,#E20613)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #E20613 0%,#E20613 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #E20613 0%,#E20613 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #E20613 0%,#E20613 100%); /* IE10+ */
background: linear-gradient(to bottom, #E20613 0%,#E20613 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E20613', endColorstr='#E20613',GradientType=0 ); /* IE6-8 */
}
.projects .item-17 h2,.projects .item-17 .subtitle { color: #564D9B; }
.projects .item-17 .head:after { background: #564D9B; }
.projects .item-17 .btn, .projects .item-17 .btn:hover {
background: #564D9B; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJkOGZjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYzc4YzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #564D9B 0%, #564D9B 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#564D9B), color-stop(100%,#564D9B)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #564D9B 0%,#564D9B 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #564D9B 0%,#564D9B 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #564D9B 0%,#564D9B 100%); /* IE10+ */
background: linear-gradient(to bottom, #564D9B 0%,#564D9B 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E20613', endColorstr='#E20613',GradientType=0 ); /* IE6-8 */
}
.projects .item:hover .item-inner {
font-size: 19px;
background: #fff;
color: #2b2e33;
padding: 40px 20px 20px 20px;
-webkit-transition: background 0.6s;
-moz-transition: background 0.6s;
-ms-transition: background 0.6s;
-o-transition: background 0.6s;
transition: background 0.6s;
}
.projects .item:hover .img {
display: none;
}
.projects .item:hover .btn {
display: block;
}
.bezpecnost h1{color:#ff4942;}
.epichacka h1{color: #2285c8;}
.iqdoc h1{color: #cccc00;}
/* Pros */
.pros { margin: 100px 0 0; text-align: center; }
.pros .item-list { margin: 0 0 80px -20px; }
.pros .item { width: 33.33333%; float: left; padding-left: 20px; text-align: center; }
.pros .item-inner { position: relative; }
.pros .item-inner .img img { margin: 0 auto; }
.pros .item-inner h3 { font-size: 26px; line-height: 36px; color: #2285c8; margin: 0; }
.pros .item-innerEZadanka h3 { font-size: 26px; line-height: 36px; color: #64BCBF; margin: 0; }
.pros .subhead { font-size: 32px; font-weight: 400; color: #a5a5a7; }
.bezp .item-inner {margin: 0 0 80px;}
/* Stats */
.stats { margin: 0; line-height: 40px; }
.stats .section-head { margin: 0 0 70px 0; }
.stats .item-list { margin-left: -30px; }
.stats .item { float: left; width: 33.33333%; padding-left: 30px; text-align: center; }
.stats .item .num { font-size: 100px; line-height: 60px; font-weight: 700; margin: 0 0 20px 0; color: #2e3134; display: inline-block; }
.stats .item img { display: inline-block; }
.stats .item .title { font-size: 38px; line-height: 1.2em; font-weight: 400; margin: 0; color: #969899; }
.stats-1 .item {width:100%}
.stats-2 .item-list { margin-left: -100px; }
.stats-2 .item { width: 50%; padding-left: 100px; }
.stats-2 .item { text-align: right; }
.stats-2 .item.alt { text-align: left; }
/* News */
.news { margin: 0 0 50px 0; line-height: 30px; }
.news .item-list { margin-left: -30px; }
.news .item { float: left; width: 33.33333%; padding-left: 30px; }
.news .item .img { background: #eaeaea; height: 220px; margin-bottom: 35px; display: block; padding-left: 20px; padding-right: 20px; }
.news .item .img:hover { background: #e3f4ff; background: #2285c8; }
/*.news .item .img img.hover { display: none; }
.news .item .img:hover img { display: none; }*/
.news .item .img:hover img.hover { display: block; }
.news .item .img .va-wrap { height: 220px; }
.news .item .img .va-m { height: 220px; text-align: center; }
.news .item .img .va-m img{ max-height: 220px;max-width:340px;}
.news .item .img .va-m img { margin: 0 auto;
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.news .item .head { padding: 0 30px; }
.news .item .text { padding: 0 30px; }
.news .item .text .more { font-size: 24px; }
.news .item .text .more a { display: inline-block; line-height: 36px; color: #2e3134; padding-left: 38px; position: relative; }
.news .item .text .more a:before { content: ''; display: block; width: 30px; height: 30px; position: absolute; left: 0; top: 5px; background: url('../img/sprite.png') -120px -60px no-repeat; }
.news .item .text .more a:hover { color: #2285c8; }
/* Posts */
.posts { margin: 0; line-height: 30px; }
.posts h2 a{color:#ffffff !important;text-decoration:none;}
.posts .item-list { margin-left: -30px; }
.posts .item { float: left; width: 50%; padding-left: 30px; color: #000; }
.posts .item-inner { padding: 45px; background: #fff; overflow: hidden; position: relative; }
.posts .item a { color: #8ebf19; }
.posts .item a:hover { color: #2285c8; }
.posts .item:hover .item-inner { background: #e3f4ff; }
.posts .item:hover a { color: #2285c8; }
.posts .item:hover .more a { color: #2285c8; }
.posts .item .more { font-size: 24px; margin: 0; }
.posts .item .more a { display: inline-block; position: relative; line-height: 36px; color: #2e3134; padding-left: 38px; }
.posts .item .more a:before { content: ''; display: block; width: 30px; height: 30px; position: absolute; left: 0; top: 5px; background: url('../img/sprite.png') -120px -60px no-repeat; }
.posts .item .more a:hover { color: #2285c8; background-position: 0 -33px; }
.posts .item .item-inner:after { content: ''; position: absolute; right: 0; top: 0; width: 0; height: 0; border-style: solid; border-width: 0 36px 36px 0; border-color: transparent #2e3135; transparent transparent; }
.posts .item .item-inner:before { content: ''; position: absolute; right: 0; top: 0; width: 0; height: 0; border-style: solid; border-width: 36px 0 0 36px; border-color: transparent transparent transparent #bebebe}
.posts .item:hover .item-inner { background: #e3f4ff; background: #2285c8; }
.posts .item:hover a { color: #2285c8; color: #fff; }
.posts .item:hover .more a { color: #2285c8; color: #fff; }
.posts .item:hover .more a:hover { color: #fff; }
.posts .item:hover .more a:before { background-position: -120px -90px; }
/* References */
.references { margin: 0 0 50px 0; line-height: 30px; }
.references .item-list { margin-left: -30px; }
.references .item { width: 16.66667%; padding: 0 0 20px 30px; color: #000; }
.references .item .img { padding: 0; display: block; background: #eee; height: 100px; overflow: hidden; }
.references .item .img:hover { background: #e3f4ff; background: #2285c8; }
.references .item .va-wrap { height: 100px; }
.references .item .va-m { height: 100px; }
.references .item img { margin: 0 auto; max-height: 100px;}
.references.filter .item img {
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
/* Persons */
.persons { margin: 0 0 50px 0; line-height: 30px; width: 100%; position: relative; }
.persons img { max-width: 100%; height: auto; }
.persons .item { width: 33.33333%; float: left; position: relative; overflow: hidden; }
.persons .text { font-size: 22px; line-height: 26px; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 30px; color: #fff; }
.persons .text .labels { position: absolute; left: 30px; bottom: 30px; }
.persons .text .name { font-weight: 700; margin: 0; }
.persons .text .job { margin: 0; }
.persons .hover { display: block; color: #fff; background: rgba(142,192,25,0.86); position: absolute; left: -100%; top: 0; width: 100%; height: 100%; padding: 50px 60px;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
}
.persons .social { position: absolute; right: 30px; bottom: 30px; }
.persons .social ul li { background: none; padding: 0; }
.persons .social ul li.in a { background-position: 0 -101px; }
.persons .social ul li.in a:hover { background-position: 0 -51px; }
.persons .social ul li.tw a { background-position: -41px -101px; }
.persons .social ul li.tw a:hover { background-position: -41px -51px; }
.persons .panel { overflow: hidden; }
.persons .panel .item { width: 100%; float: none; }
.persons .item:hover .hover { display: block; left: 0; }
.persons .item:hover .text { display: none; }
.persons.collapsed {
}
.persons .show-more { position: absolute; left: 50%; bottom: 12%; width: 460px; margin-left: -230px; text-align: center; z-index: 20; }
.persons .cover { position: absolute; left: 0; bottom: 0; width: 100%; z-index: 10;
background: #2b2e33;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJiMmUzMyIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYjJlMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(43,46,51,0.65) 0%, rgba(43,46,51,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(43,46,51,0.65)), color-stop(100%,rgba(43,46,51,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(43,46,51,0.65) 0%,rgba(43,46,51,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(43,46,51,0.65) 0%,rgba(43,46,51,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(43,46,51,0.65) 0%,rgba(43,46,51,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(43,46,51,0.65) 0%,rgba(43,46,51,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a62b2e33', endColorstr='#2b2e33',GradientType=0 ); /* IE6-8 */
}
/* PMP */
.pmp .item-list { margin-left: -20px; }
.pmp .item { font-size: 20px; float:left; width: 33.33333%; padding-left: 20px; text-align: center; }
.pmp .item h3 { line-height: 30px; margin-bottom: 10px; }
.pmp .item .img { height: 110px; }
.pmp .item .img img { margin: 0 auto; }
/* Packs */
.packs { margin: 0; }
.packs .item-list { margin-left: -20px; margin-bottom: 50px; }
.packs .item { font-size: 26px; color: #d5d5d5; width: 33.33333%; padding-left: 20px; float: left; text-align: center; }
.packs .item h3 { font-size: 48px; color: #8ebf19; margin-bottom: 40px; }
.packs .item .price { font-size: 48px; font-weight: 700; line-height: 58px; margin: 0; color: #fff; }
.packs .item .price .small { font-size: 22px; }
.packs .item .i_1 { background: #2f2f2f; padding: 50px 20px 30px 20px; }
.packs .item .i_2 { background: #212528; padding: 30px 20px; height: 110px; position: relative; }
.packs .item .i_2:before { content: ''; position: absolute; left: 50%; top: -2px; width: 70px; margin-left: -35px; height: 4px; display: block; background: #8ebf19; }
/* Cite */
.cite-big { font-size: 48px; line-height: 58px; text-align: center; }
.cite-big .quote { color: #8ebf19; }
.cite-big .name { font-size: 46px; color: #a6a8a9; margin: 0; }
/* Gallery */
.gallery { }
/* Boxes */
.box-set { margin-top: -30px; margin-bottom: 70px; }
.box-set .box-text { margin-top: 30px; background: #ededed; }
.box-set .box-text .text { float: left; padding: 50px 70px 30px 70px; width: 50%; }
.box-set .box-text .img { float: left; width: 50%; }
.box-set .box-text .img img { max-width: 100%; height: auto; max-height: 400px; margin: 0 auto; padding: 30px 15px;}
/* History */
.history { padding: 0 0 0 100px; overflow: hidden; }
.history .timeline { border-left: 5px solid #8ebf19; }
.history .item-list { margin: -35px 0 0 0; }
.history .item { margin: 35px 0 0 0; position: relative; visibility: hidden; opacity: 0; left: 200%;
-webkit-transition: 0.3s all;
-moz-transition: 0.3s all;
-ms-transition: 0.3s all;
-o-transition: 0.3s all;
transition: 0.3s all;
}
.history .item.active { visibility: visible; opacity: 1; left: 0; }
.history .item .head:before { content: '×'; font-weight: 700; position: absolute; left: -14px; top: 0; display: block; width: 20px; padding-top: 3px; height: 35px; text-align: center; background: #fff; }
.history .item .head { font-size: 48px; color: #8ebf19; padding-left: 100px; position: absolute; left: 0; top: 10px; }
.history .item .text { float: left; width: 100%; padding-left: 250px; }
.history .item.latest .head { color: #2285c8; }
.history .item.latest .head:before { color: #2285c8; }
/* Gmap */
.gmap-wrapper { position: relative; width: 100%; height: 660px; }
.gmap-wrapper .col-md-12 { position: relative; }
.gmap-contact { width: 100%; height: 660px; position: absolute; left: 0; top: 0; }
.gmap-contact .btn-set { position: absolute; left: 0; bottom: 40px; width: 100%; text-align: center; z-index: 30; }
.gmap-contact .box { float: right; background: #fff; margin-top: 30px; padding: 30px; width: 570px; position: relative; z-index: 30; }
.gmap-contact .box .col2-set { margin-left: -30px; }
.gmap-contact .box .col2-set .col { padding-left: 30px; }
.gmap-contact .box h3 a { color: #2285c8; }
.gmap-contact .box h3 a:hover { color: #8ebf19; }
.gmap-contact .more { margin: 0; }
.gmap-contact .more a { display: inline-block; background: url('../img/marker.png') 0 0 no-repeat; padding: 0 0 5px 35px; }
.gmap-contact .more a:hover { background-position: 0 -42px; }
.gmap-contact ul { margin-bottom: 8px; }
.gmap-contact a { color: #2e3134; }
.gmap-contact a:hover { color: #8ebf19; }
.gmap { width: 100%; height: 660px; z-index: 20; position: absolute; left: 0; top: 0; }
.popup-contact { font-size: 15px; line-height: 22px; background: #fff; color: #000; width: 190px; height: 80px; padding: 10px; float: right; }
.popup-contact ul { margin: 0; }
.popup-contact ul li { padding: 0; background: none; }
.billing { width: 550px; position: absolute; left: 0; top: 0; bottom: 50px; }
.billing .col2-set { margin-bottom: 0; }
.billing .head { font-weight: 600; }
.billing .box { font-size: 16px; line-height: 25px; width: 100%; background: #fff; padding: 30px; margin-top: 30px; position: absolute; left: 0; bottom: 0; z-index: 30; left: -100%;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
}
.billing .box.active { left: 0; }
.billing .box li { background-position: 0 10px; }
.billing .box .label { color: #999; }
.billing .box .item-list { margin-top: -30px; }
.billing .box .item { margin-top: 30px; }
.billing .box .trigger { font-weight: 600; text-decoration: none; position: absolute; right: -154px; bottom: 101px; height: 54px; width: 255px; background-color: #fff; color: #2285c8; text-align: center; transform: rotate(270deg); -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg);padding: 10px; font-size: 16pt; }
.billing .box .trigger:hover { background-color: #2285c8; color: #fff; }
/* Socials */
.social ul { margin: 0; }
.social ul li { margin: 0 0 0 4px; padding: 0; display: inline-block; vertical-align: top; background: none; }
.social ul li a { display: block; width: 33px; height: 33px; text-indent: -80000px;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
}
.social ul li.in a { background: url('../img/social.png') 0 -50px no-repeat; }
.social ul li.in a:hover { background-position: 0 0; }
.social ul li.tw a { background: url('../img/social.png') -41px -50px no-repeat; }
.social ul li.tw a:hover { background-position: -41px 0; }
.social ul li.fb a { background: url('../img/social.png') -82px -50px no-repeat; }
.social ul li.fb a:hover { background-position: -82px 0; }
/* Blog */
.blogItems .blogItem:nth-child(3n+1) {clear: both;}
.blogItem {width:33.333%;float:left;padding: 0 15px 25px 0;}
.blogItem h2 {font-size: 1.2em;line-height:1em;}
.blogItem a, .blogItem a h2 {color: #2285c8; text-decoration: none;}
.blogItem a:hover h2 {color: #8ebf19;}
.blogItem .creatorName {font-size: 0.9em; text-transform: uppercase;}
.blogItem .createDate {font-size: 0.8em; color: #4c4a4a;}
.blogItem p {text-align:center;}
.blogItem .blogHeaderThumb{position:relative;z-index:21;}
.blogItem .blogHeaderTitle{background-color: transparent;z-index:22;display:block;position:relative; background-color: #2b2e33;}
.blogItem .blogHeaderTitle h2{padding: 0.42857rem 1.71429rem; margin: -1.71429rem 0.85714rem 0.85714rem;text-align:center;}
.blogItem .blogImageWrap{display: block;padding-top: 67%;background: #ccc;position: relative;overflow: hidden;}
.blogItem .blogImageWrap img{position: absolute;top: 0;left: 0;width: 100% !important;height: auto !important;z-index: 20;}
.blogPost .blogTeaser {margin: 2em 0 2em 0;}
.blogPost .creatorName {font-size: 0.9em; text-transform: uppercase;}
.blogPost .createDate {font-size: 0.8em; color: #4c4a4a;}
.blogPost .blogTeaserImage img {margin: 0 auto;}
.blogComments h3{margin-top:2em;}
.blogNavPrev{width:50%;display:inline-block; text-align:right;float:left;padding: 0 1.71429rem 0 3.42857rem;}
.blogNavNext{width:50%;display:inline-block;padding: 0 3.42857rem 0 1.71429rem;}
.blogNavLabel{font-size:0.75em;text-transform:uppercase;}
.blogNavLink{text-transform:uppercase;}
.tagCloud{margin: 0 0 20px 0;}
.tagCloud a{padding: 1px 6px;margin: 4px 1px;background-color:#2285c8;color:#ffffff;text-decoration:none;font-size:0.75em;}
.tagCloud a:hover{background-color:#8ebf19;-webkit-transition: background-color 300ms linear;-moz-transition: background-color 300ms linear;-o-transition: background-color 300ms linear;-ms-transition: background-color 300ms linear;transition: background-color 300ms linear;}
.blogBack{text-align:center;margin: 25px 0 0 0;}
.blogBack a{text-decoration:none;font-size: 0.8em;text-transform:uppercase;}
/*================================= Various Content =================================*/
.last { margin-bottom: 0 !important; }
.relative { position: relative; }
/* Buttons */
.btn { font-size: 26px; font-weight: 700; line-height: 24px; display: inline-block; *display: inline; zoom: 1; vertical-align: top; border: none; border: 4px solid #2285c8; color: #2285c8 !important; padding: 22px 25px 18px 25px; height: 74px; text-decoration: none; position: relative; }
.btn:hover { border-color: #fff; color: #2285c8 !important; background: #fff; }
.btn.anim:hover { padding-left: 50px; padding-right: 50px; }
.btn.anim {
transition: 0.2s linear;
-moz-transition: 0.2s linear;
-webkit-transition: 0.2s linear;
-o-transition: 0.2s linear;
-ms-transition: 0.2s linear;
}
.btn.full { padding: 25px 80px 0 80px; height: 74px; color: #fff !important; border: none; position: relative;
background: #2d8fcd; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJkOGZjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYzc4YzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #2d8fcd 0%, #1c78c0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d8fcd), color-stop(100%,#1c78c0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #2d8fcd 0%,#1c78c0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #2d8fcd 0%,#1c78c0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #2d8fcd 0%,#1c78c0 100%); /* IE10+ */
background: linear-gradient(to bottom, #2d8fcd 0%,#1c78c0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d8fcd', endColorstr='#1c78c0',GradientType=0 ); /* IE6-8 */
}
.btn.full:hover {
background: #82b614; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJkOGZjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYzc4YzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #98c523 0%, #82b614 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#98c523), color-stop(100%,#82b614)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #98c523 0%,#82b614 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #98c523 0%,#82b614 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #98c523 0%,#82b614 100%); /* IE10+ */
background: linear-gradient(to bottom, #98c523 0%,#82b614 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98c523', endColorstr='#82b614',GradientType=0 ); /* IE6-8 */
}
/* hanicky experimet */
.btn.PMPortal { padding: 25px 80px 0 80px; height: 74px; color: #fff !important; border: none; position: relative;
background: #98c523; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJkOGZjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYzc4YzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #98c523 0%, #82b614 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#98c523), color-stop(100%,#82b614)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #98c523 0%,#82b614 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #98c523 0%,#82b614 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #98c523 0%,#82b614 100%); /* IE10+ */
background: linear-gradient(to bottom, #98c523 0%,#82b614 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98c523', endColorstr='#82b614',GradientType=0 ); /* IE6-8 */
}
.btn.PMPortal:hover {
background: #1c78c0; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJkOGZjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYzc4YzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #2d8fcd 0%, #1c78c0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d8fcd), color-stop(100%,#1c78c0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #2d8fcd 0%,#1c78c0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #2d8fcd 0%,#1c78c0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #2d8fcd 0%,#1c78c0 100%); /* IE10+ */
background: linear-gradient(to bottom, #2d8fcd 0%,#1c78c0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d8fcd', endColorstr='#1c78c0',GradientType=0 ); /* IE6-8 */
}
/* hanicky experimet */
.btn.full:after {
content: ''; position: absolute; left: 3px; top: 4px; display: block; background: rgba(0,0,0,0.14); width: 100%; height: 100%; z-index: -1;
}
/* Vertical align */
.va-wrap { display: table; width: 100%; table-layout: fixed; }
.va-m { display: table-cell; vertical-align: middle; }
.va-t { display: table-cell; vertical-align: top; }
.va-b { display: table-cell; vertical-align: bottom; }
/* Icons */
i.icon { width: 20px; height: 20px; display: inline-block; *display: inline; zoom: 1; vertical-align: top; position: relative; background: url('../img/sprite.png') 0 0 no-repeat; }
i.icon-arr-r { background-position: -120px -60px; width: 30px; height: 30px; }
i.icon-arr-b { background-position: -120px 0; width: 30px; height: 30px; }
i.icon-arr-t { background-position: -120px -120px; width: 30px; height: 30px; }
i.icon-up { background-position: -120px -120px; }
i.icon-down { background-position: -120px 0; }
i.icon-mobile { background-position: -150px -30px; width: 30px; height: 30px; }
i.icon-arr-r,
i.icon-arr-b {
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-ms-transition: all 0.2s;
-mo-transition: all 0.2s;
}
/* Hidden content */
.sh-content { display: none; }
/*================================= Columns =================================*/
.col2-set, .col3-set { letter-spacing: -0.31em; *letter-spacing: normal; *word-spacing: -0.43em; }
.col { display: inline-block; *display: inline; zoom: 1; vertical-align: top; letter-spacing: normal; word-spacing: normal; }
.col2-set { margin: 0 0 30px -20px; }
.col2-set .col { width: 50%; padding: 0 0 0 20px; }
.col3-set { margin: 0 0 30px -20px; }
.col3-set .col { width: 33.33333%; padding: 0 0 0 20px; }
.col4-set { margin: 0 0 30px -20px; }
.col4-set .col { width: 25%; padding: 0 0 0 20px; }
.ib { letter-spacing: -0.31em; *letter-spacing: normal; *word-spacing: -0.43em; }
.ib > * { display: inline-block; *display: inline; zoom: 1; vertical-align: top; letter-spacing: normal; word-spacing: normal; }
/************************************************************************************
FOOTER
*************************************************************************************/
.footer { font-size: 20px; background: #2e3134; color: #97989a; padding: 40px 0; }
.footer .copy { float: left; margin: 0 100px 0 0; }
.footer .foot-nav { float: left; margin: 0; }
.footer .foot-nav .pipe { padding: 0 10px; }
.footer .foot-nav a:hover { color: #2380bf; }
.footer .foot-logo { width: 233px; height: 73px; float: left; display: block; background: url('/media/1019/logo.png') 0 0 no-repeat; background-size: 233px 73px; text-indent: -80000px; }
.footer .foot-eu-img { width: 422px; height: 87px; margin-bottom: 15px; display: block; background: url('/media/1495/eu.jpg') 0 0 no-repeat; background-size: 422px 87px;}
.footer .foot-eu { padding: 15px; /**font-family: sans-serif;**/ font-size: 17px; background-color: #fff; color: #000;}
.footer .social { margin: 0; float: right; }
.footer .f_1 { padding-bottom: 30px; }
.footer .f_2 { margin: 0; position: relative; }
.footer a { color: #fff; }
.porta { width: 69px; height: 15px; display: block; float: right; background: url('../img/porta.png') 0 0 no-repeat; text-indent: -80000px; }
.porta:hover { background-position: 0 -25px; }
/************************************************************************************
ENTRY
*************************************************************************************/
.entry { }
/************************************************************************************
TABLES
*************************************************************************************/
.entry table { width: 100%; margin: 0 0 30px 0; }
.entry table th { font-weight: normal; border-bottom: 1px solid #c9cacb; padding: 14px 30px; background: #e3e3e3; color: #000; }
.entry table td { border-bottom: 1px solid #c9cacb; padding: 14px 30px; }
.partners table {margin-left: auto; margin-right: auto;}
.partners td {padding:5px 20px 5px 20px;}
/************************************************************************************
FORMS
*************************************************************************************/
form.std label { font-size: 18px; font-weight: normal; color: #000; margin: 0 0 10px 0; display: block; }
form.std input.text { font: normal 20px/24px 'futura-pt',sans-serif; width: 100%; border: 1px solid #939698; padding: 8px 15px 6px 15px; }
form.std textarea { font: normal 16px/24px 'futura-pt',sans-serif; resize: vertical; border: 1px solid #939698; padding: 15px 20px; width: 100%; min-width: 100%; max-width: 100%; height: 150px; min-height: 150px; max-height: 300px; }
form.std option { font: normal 16px/20px 'futura-pt',sans-serif; padding: 2px 19px; }
form.std select { width: 100%; }
/*================================= Form standard =================================*/
/* Standard */
form.std .cell-set { margin: 0 0 0 -20px; }
form.std .cell { margin: 0 0 30px 0; padding-left: 20px; position: relative; text-align: left; }
form.std .cell-input { margin: 0 0 30px 0; padding-left: 20px; position: relative; text-align: left; }
/* Inline */
form.std .set-2 .cell { width: 50%; }
form.std .set-3 .cell { width: 33.3333%; }
form.std .set-4 .cell { width: 25%; }
form.std .set-5 .cell { width: 20%; }
form.std .toggle { position: relative; padding: 0 0 0 25px; }
form.std .toggle label { line-height: 20px; display: inline-block; *display: inline; zoom: 1; vertical-align: top; margin: 0 0 0 0; }
form.std .toggle .note { font-size: 16px; max-width: 100%; }
/* Various */
form.std .radio,
form.std .checker { position: absolute; left: 0; top: 0; }
/* Form contact */
.form-contact { }
.form-box .row{margin-left:0px;padding-bottom:5px;}
.form-box label{width:80px;font-weight:normal;display:inline-block;vertical-align:top;}
.form-box input{height:30px;width:233px;}
.form-box input[type=submit]{margin-left:85px;padding:10px 25px 30px 25px;background:#fff;}
.form-box input[type=submit]:hover{border-color:#2285c8;color:#fff !important;background:#2285c8;}
/*================================= Flash messages =================================*/
.flash-message { font: normal 16px/24px futura-pt,Helvetica,sans-serif; background: #fc796b; color: #fff; width: 100%; padding: 15px 50px 15px 20px; margin: 0 0 20px 0; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; position: relative; border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; }
.flash-message .close { font: normal 36px/24px futura-pt,Helvetica,sans-serif; width: 20px; height: 20px; line-height: 18px; text-align: center; color: #c96055; border: none; display: block; position: absolute; right: 17px; top: 16px; background: none; }
.flash-message .close:hover { color: #fff !important; }
.flash-message.alert-danger { background: #d14233; color: #fff; }
.flash-message.alert-danger .close { color: #912519; }
.flash-message.alert-success { background: #19b698; color: #fff; }
.flash-message.alert-success .close { color: #13927a; }
.modal-content .flash-message { margin: 0 0 20px 0; }
.error, form.std label.error { font-size: 16px; font-weight: 400; color: #ff0030; display: block; margin-top: 5px; }
#flash-messages { position: fixed; top: 0; left: 0; width: 100%; z-index: 50; }
#flash-messages .flash-message { margin: 0 auto; width: 1180px; display: block; }
/************************************************************************************
TABS
*************************************************************************************/
.tabs { position: relative; }
.tabs .tab-nav ul { margin: 0 0 0 -1px; padding: 0; }
.tabs .tab-nav li { float: left; list-style-type: none; padding: 0; background: none; margin: 0 0 0 1px; }
.tabs .tab-nav li a { display: block; text-decoration: none; outline: 0; padding: 15px 30px; background: #000; color: #fff; }
.tabs .tab-nav li a:hover { background: #a0a0a0; color: #000; }
.tabs .tab-nav li a.selected { background: #e3e3e3; color: #000; }
.tabs .tab-content .tab { float: left; width: 100%; padding: 30px; background: #e3e3e3; display: none; }
.tabs .tab-content .tab.selected { position: static !important; display: block; }
/************************************************************************************
QTIP
*************************************************************************************/
.qtip-default { font: normal 15px/20px futura-pt,Helvetica,sans-serif; text-transform: uppercase; padding: 8px 15px; background-color: #000; color: #000; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.qtip-content { font-size: 17px; color: #fff; }
/************************************************************************************
FANCYBOX
*************************************************************************************/
body .fancybox-wrap { padding-bottom: 20px; }
body .fancybox-inner { overflow: visible !important; }
body .fancybox-close { width: 40px; height: 40px; background: url('../img/fancybox/fancybox.png') 0 0 no-repeat; right: -50px; top: 0; }
body .fancybox-close:hover { background-position: 0 -40px; }
body .fancybox-prev { position: static; }
body .fancybox-prev span { width: 40px; height: 40px; display: block; background: url('../img/fancybox/fancybox.png') -40px 0 no-repeat; position: absolute; top: 50%; text-indent: -80000px; left: -50px; visibility: visible; }
body .fancybox-prev:hover span { background-position: -40px -40px; }
body .fancybox-next { position: static; }
body .fancybox-next span { width: 40px; height: 40px; display: block; background: url('../img/fancybox/fancybox.png') -80px 0 no-repeat; position: absolute; top: 50%; text-indent: -80000px; right: -50px; visibility: visible; }
body .fancybox-next:hover span { background-position: -80px -40px; }
/************************************************************************************
MODAL
*************************************************************************************/
.modal-box { display: none; background: #eee; }
.modal-content { padding: 40px 30px; }
/************************************************************************************
UNIFORM
*************************************************************************************/
/* Select */
div.selector { font-size: 18px; background: #1a1b1f; color: #fff; line-height: 45px; height: 42px; padding: 0; position: relative; overflow: hidden; cursor: pointer; text-align: left; }
div.selector span { text-overflow: ellipsis; display: block; overflow: hidden; white-space: nowrap; background: #1a1b1f url('../img/select.png') right 0 no-repeat; border: none; padding: 0; text-indent: 15px; border-left: 1px solid #2e2f33; height: 42px; line-height: 42px; cursor: pointer; display: block; }
div.selector select { font-size: 18px; font-family: futura-pt,sans-serif; color: #fff; text-align: left; opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; position: absolute; height: 42px; line-height: 42px; top: 0; left: 0; width: 100%; cursor: pointer; }
div.selector select option { padding: 2px 4px; }
div.selector.active { background-position: 0 0; }
div.selector.active span { background-position: 0 0; }
div.selector.hover { background-position: 0 0; }
div.selector.hover, div.selector.focus { background-position: 0 0; }
div.selector.hover span, div.selector.focus span { background-position: right -40px; }
div.selector.hover.active, div.selector.focus.active { background-position: 0 0; }
div.selector.hover.active span, div.selector.focus.active span { background-position: right -40px; }
/* Checkbox */
div.checker { position: relative; }
div.checker, div.checker span, div.checker input { width: 20px; height: 18px; }
div.checker span { display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; text-align: center; background: url('../img/uf.png') -52px -11px no-repeat; }
div.checker span.checked { background-position: -52px -51px; }
div.checker input { margin: 0; cursor: pointer; opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; vertical-align: top; }
div.checker.active span { background-position: -52px -51px; }
div.checker.active span.checked { background-position: -52px -11px; }
div.checker.hover span, div.checker.focus span { background-position: -52px -11px; }
div.checker.hover span.checked, div.checker.focus span.checked { background-position: -52px -51px; }
div.checker.hover.active span, div.checker.focus.active span { background-position: -52px -11px; }
div.checker.hover.active span.checked, div.checker.focus.active span.checked { background-position: -52px -51px; }
/* Radio */
div.radio { position: relative; }
div.radio, div.radio span, div.radio input { width: 24px; height: 26px; cursor: pointer; }
div.radio span { display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; text-align: center; background: url('../img/uf.png') -8px -8px no-repeat; }
div.radio span.checked { background-position: -8px -48px; }
div.radio input { margin: 0; opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; margin: 0; border: none; background: none; display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; text-align: center; }
div.radio.active span { background-position: -8px -48px; }
div.radio.active span.checked { background-position: -8px -8px; }
div.radio.hover span, div.radio.focus span { background-position: -8px -48px; }
div.radio.hover span.checked, div.radio.focus span.checked { background-position: -8px -48px; }
div.radio.hover.active span, div.radio.focus.active span { background-position: -8px -48px; }
div.radio.hover.active span.checked, div.radio.focus.active span.checked { background-position: -8px -48px; }
/* Uploader */
div.uploader { background-position: 0 -297px; height: 28px; width: 190px; cursor: pointer; position: relative; overflow: hidden; }
div.uploader span.action { background-position: right -409px; height: 28px; line-height: 28px; width: 85px; text-align: center; float: left; display: inline; overflow: hidden; cursor: pointer; }
div.uploader span.filename { text-overflow: ellipsis; display: block; overflow: hidden; white-space: nowrap; float: left; cursor: default; height: 24px; margin: 2px 0 2px 2px; line-height: 24px; width: 82px; padding: 0 10px; }
div.uploader input { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; position: absolute; top: 0; right: 0; float: right; cursor: default; width: 100%; height: 100%; }
div.uploader.active span.action { background-position: right -465px; }
div.uploader.hover, div.uploader.focus { background-position: 0 -353px; }
div.uploader.hover span.action, div.uploader.focus span.action { background-position: right -437px; }
div.uploader.hover.active span.action, div.uploader.focus.active span.action { background-position: right -493px; }
div.uploader.disabled, div.uploader.disabled.active { background-position: 0 -325px; }
div.uploader.disabled span.action, div.uploader.disabled.active span.action { background-position: right -381px; }
/************************************************************************************
SUDO SLIDERS
*************************************************************************************/
.slider ul, .slider li.panel { margin: 0; padding: 0; list-style: none; position: relative; display: block; }
.slider, .slider li.panel { overflow: hidden; background: none; }
.nav { position: absolute; right: 0; bottom: -40px; display: block; text-align: center; width: 100%; }
.nav ol { margin: 0 0 0 -10px; }
.nav li { margin: 0 0 0 10px; padding: 0; background: none; display: inline-block; font-size: 0; }
.nav li:before { content: none; }
.nav li a { width: 53px; height: 10px; display: block; background: #d5d5d5; text-indent: -80000px; }
.nav li.current a,.nav li a:hover { background: #2f2f2f; }
.nav .prev, .nav .next { overflow: hidden; text-indent: -80000px; display: block; position: absolute; background: url('../img/sprite.png') no-repeat 0 0; cursor: pointer; }
.nav .prev { width: 60px; height: 90px; margin-top: -45px; left: 55px; top: 50%; background-position: 0 0; }
.nav .prev:hover { background-position: 0 -90px; }
.nav .next { width: 60px; height: 90px; margin-top: -45px; right: 55px; top: 50%; background-position: -60px 0; }
.nav .next:hover { background-position: -60px -90px; }
/* Reference slider */
.reference-slider { position: relative; }
.reference-slider .nav { position: static; }
.reference-slider .nav .numericControls { display: none; }
.reference-slider li.panel .img { width: 430px; float: left; }
.reference-slider li.panel .img img { max-width: 100%; height: auto;
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ }
.reference-slider li.panel .text { width: 100%; padding: 50px 150px 50px 480px; }
.reference-slider li.panel .item { position: relative; }
.reference-slider li.panel .item .name { position: relative; margin: 20px 0 0 0; color: #fff; }
.reference-slider li.panel .item .name:after { content: ''; display: block; position: absolute; left: -100px; top: 15px; width: 70px; height: 4px; background: #8ebf19; }
/* Person slider */
.person-slider { position: relative; width: 100%; }
.person-slider li.panel { width: 33.33333%; display: inline-block !important; }
/* Gallery slider */
.gallery-slider { position: relative; }
.gallery-slider li.panel .img { padding: 0 15px; }
.gallery-slider li.panel img { max-width: 100%; height: auto; }
/************************************************************************************
CKE
*************************************************************************************/
.cke_panel_container { background: #fff !important; }
.cke_ltr { background: #fff !important; }
.cke_ltr ul li { background: none; padding: 0; }
.cke_panel_listItem p, .cke_panel_listItem h1, .cke_panel_listItem h2, .cke_panel_listItem h3, .cke_panel_listItem h4, .cke_panel_listItem h5, .cke_panel_listItem h6, .cke_panel_listItem pre { font-size: inherit; font-style: normal; font-family: sans-serif; line-height: 30px; color: inherit; margin: 0; padding: 0; text-shadow: none; }
.pimcore_area_entry { margin: 0 !important; padding: 0 !important; }
/************************************************************************************
AJAX
*************************************************************************************/
.loader-overlay { display: none; z-index: 9999; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background-image: url('../img/fancybox/fancybox_overlay.png'); }
.loader-box { position: absolute; width: 44px; height: 44px; margin-top: -22px; margin-left: -22px; opacity: 0.8; left: 50%; top: 50%; background-image: url('../img/fancybox/fancybox_sprite.png'); background-position: 0 -108px; background-repeat: no-repeat; }
.loader {width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-image: url('../img/fancybox/fancybox_loading.gif'); background-position: center center; background-repeat: no-repeat; }
/************************************************************************************
TRANSITIONS & ANIMATIONS
*************************************************************************************/
a {
transition: color 0.1s;
-moz-transition: color 0.1s;
-webkit-transition: color 0.1s;
-o-transition: color 0.1s;
-ms-transition: color 0.1s;
}
/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/*========================= Viewport width 1200px and lower =========================*/
@media screen and (max-width: 1200px) {
.projects .item h2 { font-size: 32px; line-height: 1.2em; }
.persons .item { width: 50%; }
.person-slider li.panel { width: 50%; }
.references { margin-bottom: 0; text-align: center; }
.references .item { width: 25%; margin-bottom: 20px; }
}
/*========================= Viewport width 992px and lower =========================*/
@media screen and (max-width: 992px) {
.reference-slider li.panel .img { width: 100%; position: static; float: none; }
.reference-slider li.panel .img img { margin: 0 auto; }
.reference-slider li.panel .text { padding-left: 130px; padding-right: 130px; text-align: center; }
.reference-slider li.panel .text .name:after { content: none; }
.block-nav { display: none !important; }
.packs .item .price { font-size: 33px; line-height: 1.2em; }
.packs .item .i_2 { padding: 20px 10px; height: 80px; }
}
/*========================= Viewport width 768px and lower =========================*/
@media screen and (max-width: 768px) {
body { font-size: 19px; line-height: 1.4em; }
h2 { font-size: 42px; line-height: 1.2em; }
.block { padding: 30px 0; }
.teaser { padding-top: 240px; }
.main-nav { display: none; }
.header-wrap { padding-right: 100px; }
.header .mm-trigger { display: block; position: absolute; right: 15px; top: 15px; width: 50px; height: 50px; }
.header .mm-trigger .icon { position: absolute; left: 50%; top: 50%; margin: -15px 0 0 -15px; }
.header .mm-trigger:hover .icon { background-position: -150px 0; }
.header.fixed .mm-trigger .icon { background-position: -150px -30px; }
.header.fixed .mm-trigger:hover .icon { background-position: -150px -60px; }
.stats .item .title { font-size: 36px; line-height: 1.2em; }
.projects .item-list { text-align: center; }
.projects .item { width: 100%; max-width: 400px; margin: 0 auto 40px auto; float: none; }
.projects .item .img img { position: static; }
.projects .item .head { height: auto; margin-bottom: 30px; }
.projects .item .head:after { bottom: -20px; }
.projects .item .btn { display: block; }
.projects .item:hover .item-inner { background: none; padding: 0; color: #8e9092; }
.projects .item:hover .item-inner .img { display: block; }
.stats .item { width: 100%; max-width: 400px; margin: 0 auto 40px auto; float: none; }
.stats .item .num { font-size: 60px; }
.news .item { width: 100%; max-width: 400px; margin: 0 auto 40px auto; float: none; }
.news .item .text { padding-left: 0; padding-right: 0; text-align: center; }
.posts .item { width: 100%; max-width: 400px; margin: 0 auto 40px auto; float: none; text-align: center; }
.references { margin: 0 auto; max-width: 400px; }
.references .item { width: 50%; margin-bottom: 20px; }
.billing .box .trigger { display: none; }
.btn { font-size: 22px; height: auto; padding-left: 25px; padding-right: 25px; }
.btn.full { padding-left: 30px; padding-right: 30px; color: #ffc453; }
.footer { text-align: center; }
.footer .foot-logo { float: none; margin: 0 auto 30px auto; }
.footer .social { float: none; text-align: center; margin-bottom: 0; }
.footer .copy { float: none; margin: 0 0 20px 0; }
.footer .foot-nav { float: none; width: 100%; }
.footer .foot-nav a { display: block; margin: 7px auto; }
.footer .foot-nav .pipe { display: none; }
.gmap-contact { position: static; height: auto; padding-bottom: 40px; }
.gmap-contact .btn-set { position: static; }
.gmap-contact .box .col2-set { margin-left: 0; }
.gmap-contact .box .col2-set .col { width: 100%; text-align: center; margin: 0 auto 30px auto; padding-left: 0; }
.gmap-contact .box { width: 100%; max-width: 400px; float: none; margin: 20px auto 0 auto; }
.gmap-contact .more a { background: none; padding: 0; }
.gmap { height: 1200px; height: 460px; position: relative; }
.gmap-wrapper { height: 1200px; height: auto; position: static; }
.billing { display: none; }
.page-head h1 { font-size: 42px; line-height: 1.2em; }
.page-head h1 span { font-size: 36px; }
.persons { overflow: visible !important; height: auto !important; }
.persons .cover { display: none; }
.persons .show-more { width: 100%; margin-left: auto; margin-right: auto; left: auto; max-width: 400px; display: none; }
.persons .hover { padding: 10px; }
.stats .item-list { margin: 0; }
.stats .item { padding: 0; text-align: center; }
.stats .item.alt { padding: 0; text-align: center; }
.col-narrow { width: 100%; }
.reference-slider li.panel .img { width: 100%; float: none; }
.reference-slider li.panel .img img { display: block; margin: 0 auto; }
.reference-slider li.panel .text { padding-left: 10px; padding-right: 10px; text-align: center; }
.reference-slider li.panel .item .name:after { content: none; }
.reference-slider .nav .numericControls { display: block; margin: 0 auto; position: relative; top: -20px; }
.reference-slider .nav .prev { display: none; }
.reference-slider .nav .next { display: none; }
.reference-slider .nav li.current a, .reference-slider .nav li a:hover { background: #8ebf19; }
.nav .prev { left: 5px; display: none; }
.nav .next { right: 5px; display: none; }
.cite-big { font-size: 34px; line-height: 1.2em; }
.cite-big .name { font-size: 34px; line-height: 1.2em; }
.history { padding: 0; }
.history .item-list { margin: 0; }
.history .item { position: static; text-align: center; max-width: 400px; margin: 0 auto 20px auto; }
.history .item .head { padding: 0; float: none; width: 100%; position: static; line-height: 1.2em; margin-bottom: 10px; }
.history .item .text { padding: 0; float: none; width: 100%; }
.history .timeline { border: 0; }
.history .item .head:before { content: none; }
.pros { margin: 0; }
.pros .item-list { margin: 0; }
.pros .item { width: 100%; margin: 0 auto 50px auto; max-width: 400px; float: none; }
.box-set .box-text { text-align: center; }
.box-set .box-text .img { float: none; width: 100%; }
.box-set .box-text .img img { display: block; margin: 0 auto; }
.box-set .box-text .text { float: none; width: 100%; padding: 20px; }
.pmp .item { width: 50%; }
.packs .item { width: 100%; max-width: 400px; float: none; margin: 0 auto 20px auto; }
.gallery-slider { margin-bottom: 40px; }
}
@media screen and (max-width: 540px) {
.persons .item { width: 100%; }
.person-slider li.panel { width: 100%; }
.pmp .item-list { margin: 0; text-align: center; }
.mpm .item-list { margin: 0; text-align: left; }
.pmp .item { width: 100%; max-width: 400px; margin: 0; padding: 0; }
}
/************************************************************************************
CLEARFIX
*************************************************************************************/
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before,
.clearfix:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix:after {
clear: both;
}
.clearfix {
zoom: 1;
}
.LangSwitch {
}
.LangSwitch a {
color: #abacad;
text-decoration: none;
}
.LangSwitch a:hover {
color: #fff;
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
h2 {
font: 700 48px/60px futura-pt,sans-serif; color: #2e3134; margin: 0 0 20px 0;
}
h3 {
font: 700 26px/36px futura-pt,sans-serif; color: #2e3134; margin: 0 0 20px 0;
}