@import url(https://fonts.googleapis.com/css?family=Lato:400,700&subset=latin,latin-ext);

@font-face {
    font-family: 'pantonregular';
    src: url('../fonts/fontfabric_-_panton-webfont.eot');
    src: url('../fonts/fontfabric_-_panton-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/fontfabric_-_panton-webfont.woff2') format('woff2'),
         url('../fonts/fontfabric_-_panton-webfont.woff') format('woff'),
         url('../fonts/fontfabric_-_panton-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'pantonbold';
    src: url('../fonts/fontfabric_-_panton_bold-webfont.eot');
    src: url('../fonts/fontfabric_-_panton_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/fontfabric_-_panton_bold-webfont.woff2') format('woff2'),
         url('../fonts/fontfabric_-_panton_bold-webfont.woff') format('woff'),
         url('../fonts/fontfabric_-_panton_bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

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

}


body {
    font-family: 'Lato', sans-serif;
    color: #555;
    font-size: 16px;
    background: #fff;
}

a, a:hover, a:active, a:focus {
	outline: none;
	-moz-outline-style: none;
    text-decoration: none;
}

body a, body a:hover {
	color: inherit;
}

#fancybox-wrap, #fancybox-wrap * {
	box-sizing: content-box;
}

/* ========================================================== */

#Header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    height: 100px;
    background: #fff;
    box-shadow: 0 0 24px 0 rgba(0,0,0,0.25);
    transition: all 0.2s;
}
#Header .container-fluid {

}

#Logo {
    position: relative;
    z-index: 1000;
    display: block;
    float: left;
    width: 100px;
    height: 100px;
    background: url('../images/logo-h.jpg');
    background-size: cover;
    transition: all 0.2s;
}
#Logo img {
    width: inherit;
    height: inherit;
    transition: all 0.2s;
}
#Logo:hover img {
    opacity: 0;
}

#Header .navbar {
    margin: 0; 
    border: none;
    background: #fff;
}
#MainMenu {
    padding: 0;
}
#MainMenu a {
    display: inline-block;
    padding-top: 40px;
    padding-bottom: 35px;
    height: 100px;
    color: #34495e;
    font-size: 16px;
    transition: all 0.2s;
	font-family: 'pantonbold','Lato';
	text-transform:uppercase;
}
#MainMenu a:hover, #MainMenu a:focus, #MainMenu a.hover {
    background: #f6f4ed;
    color: #000;
}
#MainMenu ul ul {
    display: none;
}

#Header .navbar-toggle {
    transition: all 0.2s;
}
#Header .navbar-toggle .icon-bar {
    display: block;
    height: 4px;
    margin-bottom: 6px;
    width: 30px;
    background: #ccc;
    transition: all 0.2s;
}
#Header .navbar-toggle:hover .icon-bar {
    background: #00AAFF;
}
#Header .navbar-toggle .top-bar {
    transform: rotate(45deg);
    transform-origin: 0% 0%;
}
#Header .navbar-toggle .middle-bar {
    opacity: 0;
}
#Header .navbar-toggle .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 0% 100%;
}
#Header .navbar-toggle.collapsed .top-bar {
    transform: rotate(0);
}
#Header .navbar-toggle.collapsed .middle-bar {
    opacity: 1;
}
#Header .navbar-toggle.collapsed .bottom-bar {
    transform: rotate(0);
}

#TopContact {
    position: relative;
    right: -15px;
    float: right;
    margin-left: -15px;
    padding: 35px 20px;
    height: 100px;
    color: #fff;
    background: #79c8ef;
    transition: all 0.2s;
}
#TopContact p {
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    font-family: 'pantonregular','Lato';
}
#TopContact p:first-child {
    padding-right: 20px;
}
#TopContact strong {
    font-size: 22px;
    vertical-align: top;
}
#TopContact i {
    padding-right: 10px;
    /*color: #fff;*/
    font-size: 18px;
}
#TopContact a {
    display: inline-block;
    padding: 0 5px;
    vertical-align: top;
    transition: all 0.2s;
}
#TopContact a:hover {
    /*background: #fff;*/
    color: #2a6496;
}

/* ========================================================== */

#MainMenuPlane {
    position: relative;
    margin: 0 -15px;
}
#MainMenuPlane .plane {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 15px 0;
    background: #f6f4ed;
}

.planeItem span.img {
    display: block;
}
.planeItem {
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    text-transform: uppercase;
}
.planeItem a {
    color: #5f6b7b;
    transition: all .3s ease;
}
.planeItem strong {
    display: block;
    padding-top: 5px;
}
.planeItem .img {
    overflow: hidden;
}
#Header .planeItem .img {
    background: #000;
    max-height: 100px;
}
.planeItem .img img {
    transition: all .3s ease;
}
.planeItem:hover .zoom .img img {
    /* -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: rotate(5deg) scale(1.40); */
    transform: scale(1.40);
    opacity: .7;
}
.planeItem:hover a {
    color: #00AAFF;
}

.planeItem .img {
    position: relative;
    z-index: 1;
}
.planeItem .img img {
    position: relative;
    z-index: -1;
    max-width: auto;
    width: 100%;
}

.planeItem.frame .img::before, .planeItem.frame .img::after {
    position: absolute;
    right: 5px;
    top: 5px;
    left: 5px;
    bottom: 5px;
    content: "";
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
    z-index: 1000;
}
.planeItem.frame .img::after {
    border-left: 1px solid rgba(255,255,255,1);
    border-right: 1px solid rgba(255,255,255,1);
    transform: scale(1, 0);
}
.planeItem.frame .img::before {
    border-bottom: 1px solid rgba(255,255,255,1);
    border-top: 1px solid rgba(255,255,255,1);
    transform: scale(0, 1);
}
.planeItem.frame:hover .img::before, .planeItem.frame:hover .img::after {
    opacity: 1;
    transform: scale(1);
}

/* ========================================================== */


body.smallMenu #Header {
    height: 60px;
}
body.smallMenu #Logo {
    width: 60px;
    height: 60px;
}
body.smallMenu #MainMenu a {
    padding-top: 20px;
    padding-bottom: 20px;
    height: 60px;
}
body.smallMenu #TopContact {
    padding: 15px;
    height: 60px;
}
body.smallMenu #Header .navbar .navbar-toggle {
    margin-top: 8px;
}

/* ========================================================== */

#Main .wrapperOuter {
    position: relative;
    /* overflow: hidden; */
}
#Main .wrapper {
    position: relative;
    z-index: 10;
    padding: 60px 0 60px 0;
    min-height: 450px;
}
#Main .wrapper.pt {
    padding-top: 160px;
}
#Main .wrapper.pb {
    padding-bottom: 160px;
}
#Main .wrapper.number-0 {
    padding-top: 0;
}

#Main .wrapper.skewEdges {
    z-index: 11;
}
#Main .skewEdges .skewEdgesElement {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 12;
    height: 60px;
    background: inherit;
    overflow: hidden;
    background: transparent;
}

#Main .skewEdges .skewEdgesElement.top {
    top: -60px;
}
#Main .skewEdges .skewEdgesElement.bottom {
    bottom: -60px;
}
#Main .skewEdges .skewEdgesElement .e {
    position: relative;
    z-index: 12;
}
#Main .skewEdges .skewEdgesElement.top .e {
    border-width: 0 0 60px 2880px;
    border-style: solid solid solid dashed;
    border-color: transparent;
}
#Main .skewEdges .skewEdgesElement.bottom .e {
    border-width: 60px 0 0 2880px;
    border-style: solid solid dashed solid;
    border-color: transparent;
}

.videoBg {
    position: absolute;
    z-index: 1;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    min-width: 100%;
    width: auto;
    height: auto;
    background-size: cover;
    opacity: 1;
}
.videoBg .overlay {
    position: absolute;
    z-index: -2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    min-width: 100%;
    width: auto;
    height: auto;
}

.videoBg video {
    position: absolute;
    z-index: -3;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    min-width: 100%;
    width: auto;
    height: auto;
}

/* ========================================================== */

#Main .header {
    padding-bottom: 10px;
}
#Main.onePage .header {
    padding-bottom: 120px;
}
#Main .header h1, #Main .header h2 {
    position: relative;
    padding: 0 0 15px 0;
    margin: 0 0 45px 0;
    font-size: 48px;
    font-family: 'pantonregular','Lato';
    color: #3d383b;
}
#Main .header h1::after, #Main .header h2::after {
    position: absolute;
    left: 50%;
    bottom: -20px;
    content: '';
    width: 40px;
    height: 1px;
    margin-left: -20px;
    background: #00AAFF;
}
#Main .header h3 {
    font-size: 24px;
    font-weight: 300;
    line-height: 150%;
    color: #3d383b;
    font-family: "abril-display",sans-serif;
}

#Main .Text {
    color: #70686c;
    font-size: 16px;
    line-height: 1.6em;
    font-family: "lato", serif;
}
#Main .Text p {
    margin-bottom: 15px;
}
#Main .Text h1, #Main .Text h2 {
    position: relative;
    padding: 0 0 15px 0;
    margin: 0 0 45px 0;
    font-size: 48px;
    font-family: 'pantonregular','Lato';
    color: #70686c;
}
#Main .Text h3 {
    margin: 0;
    padding: 20px 0 30px 0;
    font-size: 36px;
    font-weight: 100;
    color: #32345b;
    font-family: 'pantonregular','Lato';
}
#Main .Text h4 {
    margin: 0;
    padding: 20px 0 30px 0;
    font-size: 24px;
}
#Main .Text a {
    color: #069DFF;
}
#Main .Text a:hover {
    color: #00aaff;
    text-decoration: underline;
}

#Main .Text .img-responsive {
    display: inline-block;
}

.breadcrumbs {
    margin-top: -40px;
    margin-bottom: 40px;
    color: #828181;
    font-size: 12px;
} 
.breadcrumbs a {
    transition: all .3s ease;
} 
.breadcrumbs a:hover {
    color: #000;
} 

/* ========================================================== */

#SubPages {
    margin-top: 60px;
}
#SubPages .planeItem {
    text-align: left;
    text-transform: none;
}
#SubPages .planeItem > div {
    position: relative;
    display: block;
    box-shadow: 0 0 3px 0 rgba(0,0,0,0.25);
}
#SubPages .planeItem .txt {
    display: block;
    padding: 15px 15px 30px 15px;
}
#SubPages .planeItem .txt::after {
    bottom: 10px;
	top: 20px;
    right: 10px;
    content: 'Więcej >';
    font-family: 'Lato';
    font-size: 13px;
}
#SubPages .planeItem strong {
    color: #4b4146;
    font-size: 18px;
    transition: all .3s ease;

}
#SubPages .planeItem small {
    display: block;
    padding-top: 15px;
    color: #737373;
    font-size: 15px;
    transition: all .3s ease;
}
#SubPages .planeItem small.date {
    color: #aaa;
    font-size: 13px;
    padding-top: 5px;
}
#SubPages .planeItem .img {
    background: #000;
}
#SubPages.page .planeItem .img {
    max-height: 140px;
    overflow: hidden;
}
#SubPages .planeItem:hover .img img {
    opacity: .5;
}
#SubPages .planeItem a:hover strong {
    color: #00AAFF;
}
#SubPages .planeItem .img::before, #SubPages .planeItem .img::after {
    bottom: 10px;
    content: "";
    left: 10px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 10px;
    top: 10px;
    transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
    z-index: 1000;
}
#SubPages .planeItem .img::after {
    border-left: 2px solid rgba(255,255,255,1);
    border-right: 2px solid rgba(255,255,255,1);
    transform: scale(1, 0);
}
#SubPages .planeItem .img::before {
    border-bottom: 2px solid rgba(255,255,255,1);
    border-top: 2px solid rgba(255,255,255,1);
    transform: scale(0, 1);
}
#SubPages .planeItem:hover .img::before, #SubPages .planeItem:hover .img::after {
    opacity: 1;
    transform: scale(1);
}

/* ========================================================== */

.blogNavi {
    margin-bottom: 30px;
    border: 1px solid #eee;
}
.blogNavi > div {
    padding-left: 0;
    padding-right: 0;
    min-height: 1px;
}
.blogNavi > div.prev, .blogNavi > div.back {
    border-right: 1px solid #eee;
}
.blogNavi a {
    display: block;
    height: 80px;
}
.blogNavi .next {
    text-align: right;
}
.blogNavi span, .blogNavi small {
    display: block;
}
.blogNavi .prev span {
    float: left;
    padding-left: 35px;
}
.blogNavi .next span {
    float: right;
    padding-right: 35px;
}
.blogNavi span {
    font-size: 30px;
    width: 100px;
    height: 100px;
    line-height: 100px;
    color: #00aaff;
    transition: all 0.3s;
}
.blogNavi small {
    color: #999;
    padding-top: 30px;
    transition: all 0.3s;
}
.blogNavi i {
    display: block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    background-size: cover;
    background-position: center center;
    transition: all 0.3s;
}
.blogNavi .prev i {
    float: left;
}
.blogNavi .next i {
    float: right;
}
.blogNavi .back a {
    text-align: center;
}
.blogNavi .back small {
    padding-top: 0;
    opacity: 0;
    color: #666;
}
.blogNavi .back span {
    display: inline-block;
    padding-top: 15px;
    height: 40px;
    line-height: 40px;
}
.blogNavi strong {
    color: #444;
    transition: all 0.3s;
}
.blogNavi a:hover small {
    color: #ccc;
}
.blogNavi a:hover {
    text-decoration: none !important;
}
.blogNavi a:hover i {
    opacity: .8;
}
.blogNavi a:hover strong {
    color: #000;
}
.blogNavi .prev a:hover span {
    padding-left: 15px;
    opacity: .7;
}
.blogNavi .next a:hover span {
    padding-right: 15px;
    opacity: .7;
}
.blogNavi .back a:hover span {
    padding-top: 0;
    opacity: .7;
}
.blogNavi .back a:hover small {
    color: #333;
    opacity: 1;
}

/* ========================================================== */

#Boxes {
    position: relative;
    padding: 0;
    background: #fff;
}
#Boxes > div {
    padding: 0;
}
#Boxes .item {
    position: relative;
    height: 530px;
    overflow: hidden;
    background-image: none;
}
#Boxes .item.small, #Boxes .small .item {
    height: 380px;
}
#Boxes .item.big {
    height: 780px;
}
#Boxes .item.smallCol {
    height: 250px;
}
#Boxes .item.bigCol {
    height: 520px;
}
#Boxes .item::before, #Boxes .slideBoxItem::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    background-image: inherit;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: inherit;
    transition: all .3s ease;
}
#Boxes .item.zoom:hover::before,#Boxes .slideBoxItem.zoom:hover::before {
    top: -20px;
    right: -20px;
    bottom: -20px;
    left: -20px;
}

#Boxes a.m {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
}
#Boxes strong {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 300;
    display: inline-block;
    padding: 15px 25px;
    font-size: 16px;
    color: #34495e;
    text-transform: uppercase;
    background: rgba(255,255,255,.7);
    transition: all .3s ease;

}
#Boxes a:hover strong {
    color: #76BED7;
}
#Boxes .inside {
    /* position: absolute;
    bottom: 30px;
    left: 30px;
    right: 30px;
    z-index: 200; */
    position: relative;
    z-index: 200;
    padding: 20px;
    color: #fff;
}

#Boxes .slideBox {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 200;
    display: none;

}
#Boxes .slideBox:first-child {
    display: block;
}
#Boxes .slideBoxItem {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 150px 80px 50px 150px;
    color: #6e7786;
    font-size: 20px;
	font-family: 'pantonregular','Lato';
}
#Boxes .slideBoxItem a.m {
    padding: 150px 50px;
}

#Boxes.margin {
    margin: 10px;
}
#Boxes.margin .item {
    margin: 10px;
}

#Boxes.small .item {
    height: auto;
    min-height: 260px;
}

#Boxes.middle .item {
    position: relative;
    height: 430px;
}

#Boxes .item.bigText .inside {
    margin: 0 auto;
    padding: 40px 50px;
    color: #6e7786;
    font-size: 16px;
	font-family: 'pantonregular','Lato';
}
#Boxes .item.bigText .inside hr {
    width: 40px;
    border-color: #92abb2;
}
#Boxes .item.bigText h1, #Boxes .item.bigText h2, #Boxes .item.bigText h3 {
    position: relative;
    font-size: 36px;
    color: #2a9ac0;
}
#Boxes .item.bigText h3 {
    font-size: 28px;
}
#Boxes .item.bigText h4 {
    font-size: 22px;
    color: #fff;
}
#Boxes .bigText h1 {
    margin-bottom: 15px;
    padding-bottom: 15px;
}
#Boxes .bigText h1::before, #Boxes .bigText h2::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2000;
    width: 70px;
    height: 1px;
    background: #2a9ac0;
}

#Boxes .text h3 {
    padding: 0 0 10px 0;
    color: #29b7ff;
}

#Boxes .text h4 {
    padding: 0 0 20px 0;
    color: #fff;
}
#Boxes .text p {
    color: #fff;
    line-height: 120%;
}

#Boxes .vCenterWrapper {
    position: absolute;
    top: 0;
    left: 0;
    display: table;
    width: 100%;
    height: inherit;
}
#Boxes .vCenterWrapper .inside {
    display: table-cell;
}

/* ========================================================== */

#Banner {
    margin-top: 100px;
    min-height: 500px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom; 
}
#Main.topMargin {
    margin-top: 110px;
}
@media (max-width: 768px) {
    #Banner {
        min-height: 200px;
    }
}

/* ========================================================== */

#Bottom {
    margin-top: 10px;
    padding: 0;
    background: #eaeef7;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
}
#Bottom > div {
    padding: 0;
}
#Bottom i {
    display: inline-block;
    padding: 0 5px;
    color: #79c8ef;
    font-size: 40px;
    transition: all .3s ease;
}
#Bottom strong {
    position: relative;
    display: block;
    padding: 35px 0 0 0;
}
#Bottom strong::before {
    position: absolute;
    left: 50%;
    top: 20px;
    margin-left: -15px;
    display: inline-block;
    content: '';
    width: 30px;
    height: 1px;
    background: #8895a4;
    transition: all .3s ease;
}
#Bottom a {
    display: block;
}
#Bottom .social a {
    display: inline-block;
}
#Bottom .social a:hover i {
    color: #555;
}
#Bottom .inside {
    display: block;
    padding: 40px 0;
    /* transition: all .3s ease; */
}
#Bottom .inside:hover {
    background: #fff;
    color: #00AAFF;
}
#Bottom .inside:hover, #Bottom .inside:hover i {
    background: #f2f5fa;
    color: #00AAFF;
}

#Footer {
    margin: 0;
    padding: 15px;
    background: #dfe4f0;
    font-size: 10px;
    color: #8e98a9;
}

/* ========================================================== */

.btn-slide {
    position: relative;
    z-index: 0;
    display: inline-block;
    margin: 2% 0;
    padding: 5px 25px;
    line-height: 2;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.3s;
    background: transparent;
    border-radius: 0;
    font-size: 16px;
}
.btn-slide:hover {
    background: transparent;
    text-decoration: none;
}
.btn-slide::after {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    content: "";
    width: 0;
    height: 100%;
    transition: all 0.3s;
}
.btn-slide:hover::after {
    width: 100%;
}
.btn-slide:focus {
    color: #fff;
}

.btn-more {
    padding: 2px 20px;
    color: #fff !important;
    font-size: 14px;
    border: 2px solid #00aaff;
    background: #00aaff;
    font-weight: bold;
}
.btn-more:hover {
    border: 2px solid #000;
    color: #000 !important;
    background: #fff;
    text-decoration: none !important;
}
.btn-more::after {
    background: #fff;
}

.btn-close {
    padding: 2px 20px;
    color: #000;
    font-size: 14px;
    border: 2px solid #000;
    background: #fff;
    font-weight: bold;
}
.btn-close:hover {
    border: 2px solid #00aaff;
    color: #00aaff;
    background: #fff;
    text-decoration: none !important;
}
.btn-close::after {
    background: #fff;
}

/* =========================================================== */

.kolumna .sue-plan-options ul li {
    font-size: 14px;
    line-height: 130% !important;
    color: #70686c;
}
.kolumna.kolumna1 .sue-plan-options ul li {
    padding: 10px 30px 10px 20px !important;
}
.kolumna.kolumna2 .sue-plan-options ul li {
    padding: 10px 10px !important;
}
.kolumna.kolumna3 .sue-plan-options ul li {
    padding: 10px 20px 10px 30px !important;
}

.sue-plan-footer a {
    border-radius: 0 !important;
}
.sue-plan-footer a:hover {
    text-decoration: none !important;
}

/* =========================================================== */

.contactCode {
    margin-bottom: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid rgba(0,0,0,.2);
    border-bottom: 1px solid rgba(0,0,0,.2);
}

.contactCode > div {
    font-size: 24px;
    color: #fff;
}
.contactCode .fa {
    display: inline-block;
    margin-right: 10px;
    width: 40px;
    height: 40px;
    line-height: 32px;
    text-align: center;
    font-size: 18px;
    border: 4px solid #069dff;
    border-radius: 50%;
    color: #069dff;
}
.contactCode a {
    color: #ebeef2;
    transition: all 0.3s;
}
#Main .contactCode a:hover {
    text-decoration: none;
}

/* =========================================================== */

.iphorm-outer {
    padding: 10px 20px;
    background: #F7F7F7;
}

.iphorm-group-elements {
    margin-bottom: 20px;
}

.iphorm-group-title {
    position: relative;
    padding: 10px 0;
    line-height: 130%;
    font-size: 26px;
    font-family: 'pantonregular','Lato';
    font-weight: 100;
    text-align: left;
    color: #00AAFF;
}

.iphorm-element-text, .iphorm-element-textarea, .iphorm-element-select {
    /* width: 100%;
    padding: 10px !important;
    transition: all 0.3s; */
    padding: 0 10px !important;
    width: 100%;
    height: 50px;
    font-size: 16px;
    background: #fff;
    border-radius: 0;
    border: 1px solid #fff !important;
    border-color: #dcdcdc #ebebeb #ebebeb !important;
    box-shadow: none;
}
.iphorm-element-textarea {
    padding: 10px;
    height: auto;
}
.iphorm-element-text:focus, .iphorm-element-textarea:focus, .iphorm-element-select:focus {
    border: 1px solid #5E94FF !important;
}

.iphorm-labels-above > .iphorm-element-spacer > label, .iphorm-input-checkbox-ul .iphorm-input-checkbox-li label, .iphorm-input-radio-ul .iphorm-input-radio-li label {
    padding-bottom: 0 !important;
    font-weight: 400 !important;
    cursor: pointer;
}
.iphorm-input-li label input {
    float: left;
    margin-right: 10px;
}
.iphorm-errors-list > .iphorm-error {
    background: none;
    border: none;
    padding: 5px;
    color: #c00;
    font-size: 13px;
    font-family: 'Lato', sans-serif;
}

.iphorm_1_9-element-wrap, .iphorm_1_10-element-wrap, .iphorm_1_11-element-wrap {
    /* float: left !important; */
    width: 33% !important;
}


.iphorm-submit-wrap {
    text-align: center;
}
.iphorm-submit-input-wrap {
    float: none;
}
.iphorm-submit-wrap button {
    position: relative;
    z-index: 0;
    display: inline-block;
    margin: 0 0 0 5px;
    line-height: 2;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.3s;
    border-radius: 0;
    font-size: 16px;
    letter-spacing: 2px;
    padding: 5px 35px;
    color: #fff;
    border: 3px solid #00AAFF;
    background: #00AAFF;
    font-weight: bold;
}
.iphorm-submit-wrap button:hover {
    text-decoration: none;
    border: 3px solid #ccc;
    color: #000;
    background: #00AAFF;
}
.iphorm-submit-wrap button::after {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    content: "";
    width: 0;
    height: 100%;
    transition: all 0.3s;
    background: #fff;
}
.iphorm-submit-wrap button:hover::after {
    width: 100%;
}
.iphorm-submit-wrap button:focus {
    color: #fff;
}

.iphorm-submit-wrap button span, .iphorm-submit-wrap button:hover span, .iphorm-submit-wrap button em {
    padding: 0;
    background: transparent !important;
    border: none;
    color: inherit;
}

/* =========================================================== */

#StartPlane {
    position: relative;
    top: -60px;
}
#RevSlider .arrowBottom {
    position: absolute;
    z-index: 1000;
    bottom: 20px;
    left: 0;
    right: 0;
    height: 100px;
    text-align: center;
}
#RevSlider .arrowBottom a {
    position: relative;
    bottom: 50px;
    display: inline-block;
    padding: 7px 0;
    width: 70px;
    height: 70px;
    line-height: 50px;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid #fff;
    border-radius: 50%;
    color: #fff;
    font-size: 40px;
    transition: all 0.2s;
    cursor: pointer;
    box-shadow: 1px 1px 1px rgba(0,0,0,.5);
    text-shadow: 1px 1px 1px rgba(0,0,0,.5);
}
#RevSlider a:hover, b#RevSlider a:focus {
    text-decoration: none;
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
}

/* =========================================================== */

.flipper .flip-container {
    -webkit-perspective: 1000;
    perspective: 1000;
}
.flipper:hover .flip-container .flip {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.flipper .flip-container, .flipper .front, .flipper .back {
    width: 100%;
    height: 100px;
}
.flipper .flip {
    overflow: visible !important;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: relative;
}
.flipper .front, .flipper .back {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
}
.flipper .front img, .flipper .back img {
    background: #F0F0F0;
}
.flipper .front {
    z-index: 2;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
.flipper .back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.flipper .back img {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
    
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -o-filter: grayscale(1);
    -ms-filter: grayscale(1);
}
.flipper.person .back img {
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -o-filter: grayscale(1);
    -ms-filter: grayscale(1);
}

/* ========================================================== */

span.su-spoiler-icon {
    display: none;
}
.su-spoiler {
    padding: 25px 0;
    color: #646a73;
    border-top: 1px solid #eee;
    text-align: center;

}
.su-spoiler .su-spoiler-title {
    padding: 20px 0;
    font-family: "pantonregular","Lato";
    font-size: 22px;
    line-height: 130%;
    transition: all 0.3s;
}
.su-spoiler .su-spoiler-title:hover {
    color: #00AAFF;
}


/* ========================================================== */

#myModal .modal-dialog {
    background: #F7F7F7;
}
#messagePlace {
    display: none;
}

#myModal label {
    font-weight: normal;
}
#myModal .form-control {
    padding: 0 10px;
    height: 50px;
    font-size: 16px;
    background: #fff;
    border-radius: 0;
    border: 1px solid #fff;
    border-color: #dcdcdc #ebebeb #ebebeb;
    box-shadow: none;
}
#myModal textarea.form-control {
    padding: 10px;
    height: auto;
}
#myModal .form-control:focus {
    border: 1px solid #5E94FF;
}
#myModal .has-error .form-control {
    border: 1px solid #a94442;
}

.modal-fullscreen {
  background: transparent;
}
.modal-fullscreen .close {
    position: absolute;
    top: 20px;
    right: 50px;
    z-index: 2000;
    font-size: 60px;
}
.modal-fullscreen .modal-footer {
    padding-bottom: 60px;
}
.modal-fullscreen .modal-content {
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.modal-backdrop.modal-backdrop-fullscreen {
  background: #ffffff;
}
.modal-backdrop.modal-backdrop-fullscreen.in {
  opacity: .97;
  filter: alpha(opacity=97);
}

.modal-fullscreen .modal-dialog {
  margin: 0;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}
@media (min-width: 768px) {
  .modal-fullscreen .modal-dialog {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .modal-fullscreen .modal-dialog {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .modal-fullscreen .modal-dialog {
     width: 1170px;
  }
}

/* ========================================================== */

@media (max-width: 1600px)  {

}

@media (max-width: 1200px)  {

    #MainMenu a {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 14px;
    }
}

@media (max-width: 1110px)  {

    #Logo {
        background-image: none;
    }

    #TopContact {
        position: relative;
        z-index: 100;
        padding: 20px 20px;
        text-align: center;
    }
    body.smallMenu #TopContact {
        padding: 0 20px;
    }
    #TopContact p, #TopContact p:first-child {
        display: block;
        margin-bottom: 0;
        padding-right: 0;
    }
/*    #TopContact i {
        display: none;    
    }
*/    
}

@media (max-width: 990px) {


    #Header .navbar .navbar-header {
        float: none;
        height: 60px;
    }
    #Header .navbar .navbar-left, #Header .navbar .navbar-right {
        float: none !important;
    }
    #Header .navbar .navbar-toggle {
        display: block;
        margin: 25px 210px 2px 0;
    }
    #Header .navbar .navbar-collapse.collapse {
        display: none!important;
    }
    #Header .navbar .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    #Header .navbar .navbar-nav li {
        float: none!important;
    }
    #Header .navbar .collapse.in{
        display: block !important;
    }
    
    .navbar {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }
    .navbar-toggle {
        margin-right: 200px;
        margin-bottom: 2px;
    }
    .navbar-nav {
        margin: 0;
    }
    #MainMenu {
        border-top: 1px solid #00AAFF;
        margin-top: 50px;
        width: 100%;
        background: #79c8ef;
    }
    #MainMenu.navbar-collapse {
        box-shadow: none;
        text-align: right;
    }
    #MainMenu a, body.smallMenu #MainMenu a {
        display: block;
        padding: 20px 20px 20px 0;
        height: auto;
        color: #fff;
        font-size: 20px;
        border-right: 5px solid rgba(255,255,255,0);
    }
    #MainMenu a:hover, #MainMenu a.hover, #MainMenu a:focus {
        color: #000;
        border-right: 5px solid #000;
        background: rgba(255,255,255,.1);
    }
    #MainMenu ul ul {
        padding: 5px 0;
        text-align: right;
        border-bottom: 1px solid #00AAFF;
    }
    #MainMenu ul li.open ul {
        display: block;
    }
    #MainMenu ul ul li, body.smallMenu #MainMenu ul ul li {
        display: inline-block;
    }
    #MainMenu ul ul a, body.smallMenu #MainMenu ul ul a {
        display: inline-block;
        margin: 5px;
        padding: 10px;
        border: none;
    }
    #MainMenu ul ul a:hover, body.smallMenu #MainMenu ul ul a:hover {
        border: none;
    }
    
    #MainMenuPlane {
        display: none !important;
    }

    #Boxes.middle h3 {
        font-size: 30px;
    }

    #Boxes.middle .big h3  {
        font-size: 26px;
    }

    #Boxes.middle .big  {
        position: relative;
        height: 200px;
    }
    #Boxes .sxSmall .item .slideBoxItem a.m {
        padding: 85px 50px 0 50px;
    }
    #Boxes .sxSmall2 .item {
        height: 250px;
    }
    #Boxes .sxSmall2.item.small {
        height: 250px;
    }
}

@media (max-width: 767px) {
    

    #Header {
        height: 0px;
    }
    #Header .container-fluid {
        padding: 0;
    }
    #Header .navbar .navbar-toggle {
        display: block;
        margin: 8px 15px 2px 0;
    }
    #Logo {
        width: 60px;
        height: 60px;
    }

    #TopContact, body.smallMenu #TopContact {
        position: relative;
        z-index: 1000;
        width: 100%;
        left: 0;
        right: 0;
        padding: 10px;
        height: 50px;
        text-align: center;
    }
    #TopContact p {
        display: inline-block;    
    }
    #TopContact p:first-child {
        display: inline-block;  
        padding-right: 20px;  
    }
    #TopContact i {
        display: inline-block;    
    }

    #Boxes.middle .big  {
        position: relative;
        height: 200px;
    }
    #Boxes .sxSmall .item .slideBoxItem a.m {
        padding: 85px 50px 0 50px;
    }
    #Boxes .sxSmall2 .item {
        height: 250px;
    }
    #Boxes .sxSmall2.item.small {
        height: 250px;
    }

    .sue-plan-options {
        min-height: 0 !important;
    }

    #myModal .modal-footer {
        text-align: center;
    }
    #myModal .modal-footer button {
        float: none !important;
    }

    #Main .Text h1, #Main .Text h2, #Main .header h1, #Main .header h2 {
        font-size: 38px;
    }

    #SubPages.page .planeItem .img {
        max-height: 200px;
    }

    .modal-fullscreen .close {
        top: 0;
        right: 10px;
        font-size: 40px;
    }

}

@media (max-width: 480px) {
	
    #TopContact p {
        font-size: 13px;
    }
    #TopContact strong {
        font-size: inherit;
    }
}