/*
font-family:'HelveticaNeueW02-55Roma';
font-family:'HelveticaNeueW02-Thin';
font-family:'HelveticaNeueW02-75Bold';
*/
#cooperate #carousel-wrapper .carousel-arrow{display: none !important}
html { }
body { padding: 0px; margin: 0px; font-size: 12px; font-weight: normal; width: 100%; text-align: left; color: #545454; background: #FFF; font-family: sans-serif; line-height: 1.6em; min-width: 320px; position: relative; font-family:'HelveticaNeueW02-55Roma', sans-serif; }
.mobileviewswitch{display: none}
/* helpers */
*:before, *:after { box-sizing: border-box; }
* { box-sizing: border-box; }


.wide { width: 100%; position: relative; display: block; }
.left { float: left; }
.right { float: right; }
.clearfix { }
.clearfix:after { clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; }

.table { display: table; }
.row { display: table-row; }
.cell { display: table-cell; vertical-align: middle; }

.page { max-width: 910px;  }

.ul-reset { margin: 0; padding: 0; list-style: none; }

.col50 { width: 50%; }
.text-upper { text-transform: uppercase; }
a, a:hover { transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -webkit-transition: color 0.3s ease-in-out; outline: none; color: #9f9f9f; text-decoration: none; }
a:hover, a.active { text-decoration: underline; color: #545454; }

a img { border: none; outline: none; }

b, strong, .bold { font-family:'HelveticaNeueW02-75Bold', sans-serif; font-weight: normal; }


.transition-bg, .transition-bg:hover { transition: background 0.3s ease-in-out; -moz-transition: background 0.3s ease-in-out; -webkit-transition: background 0.3s ease-in-out; }
.transition-color, .transition-color:hover { transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -webkit-transition: color 0.3s ease-in-out; }
.transition-all, .transition-all:hover { transition: all 0.3s ease-in-out !important; -moz-transition: all 0.3s ease-in-out !important; -webkit-transition: all 0.3s ease-in-out !important; }

.white { color: #FFF !important; }
.light-blue { color: #68edec; }
.dark-blue { color: #1465b7 !important; }

.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }

figure { margin: 0; padding: 0; display: block; }

/* header */
header { margin: auto; min-width: 910px; max-width: 1340px; padding-top: 15px; }
header .cell { vertical-align: bottom; width: 50%; }
/*header .cell:nth-child(2) { width: 50%; }*/

#logo-cell { width: 300px; padding-bottom: 50px; }
#menu-cell { width: 610px; }
/*
#header-wrapper { -webkit-box-shadow: 0px -1px 3px 3px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    0px -1px 3px 3px rgba(50, 50, 50, 0.5);
box-shadow:         0px -1px 3px 3px rgba(50, 50, 50, 0.5); position: relative; z-index: 400; }
*/

#header-wrapper { position: relative; z-index: 400; }
/* topmenu */
nav {  position: relative; overflow: visible; margin-bottom: -1px; }
#topmenu { position: absolute; right: 0; bottom: 0px;  width: auto;}
#topmenu li { display: block; margin-left: 5px; background: #FFF; margin-bottom: 0px; border: 1px solid #C1C1C1; border-bottom: 1px solid #FFF;  -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px; position: relative;
border-bottom: none; }
#topmenu li:first-child { margin-left: 0; }
#topmenu li a { text-decoration: none;  display: block; font-family:'HelveticaNeueW02-75Bold'; padding: 5px 15px;}
#topmenu li a:hover{background-color: #1566b8; color: white; transition: all 0.4s ease;}

#topmenu ol { margin: 0; padding: 0; position: absolute; left: 198px; top: -1px; width: 200px; border: 1px solid #c1c1c1; display: none; }
#topmenu ol li { display: block; width: 100%; margin: 0; padding: 0; border: none; background: #FFF; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; position: relative; border-bottom: 1px dotted #c1c1c1;  }
#topmenu ol.level-1 { position: absolute; left: 0; top: 29px; }
#topmenu ol li:last-child { border-bottom: none; }
#topmenu ol li a:hover{}


/* main */
#main {max-width: 910px; margin: 0 auto; overflow: hidden; }
#page-content { padding: 20px }

/* pages title */
.page-title { font-size: 40px; display: block; width: 100%; min-height: 40px; line-height: 40px; text-align: center; }
.page-title a { color: #545454; }
.page-title a:hover { color: #A0A0A0; }
.page-title-underline-wrapper { margin: 20px 0 10px 0px; width: 100%; }
.localizer{text-align: center; font-size: 12px}
.page-title-underline { width: 350px; margin: 0 auto; height: 2px; background: #67ebed; }
.page-subtitle { width: 100%; text-align: center; font-size: 20px; min-height: 20px; display: block; line-height: 20px; }


/* client panel */
#header-panel-wrapper { width: 100%; position: fixed; left: 0; top: 0; z-index: 500; }
#header-panel { width: 990px; margin: 0 auto; position: relative; }
#header-panel ul { position: absolute; right: 39px; top: 0; overflow: hidden; -webkit-border-bottom-right-radius: 9px; -webkit-border-bottom-left-radius: 9px; -moz-border-radius-bottomright: 9px; -moz-border-radius-bottomleft: 9px; border-bottom-right-radius: 9px; border-bottom-left-radius: 9px; }
#header-panel ul li { display: block; background: #545454; border-left: 1px solid #6b6b6b; }
#header-panel ul li:first-child { border-right: none; }
#header-panel ul li a { color: #FFF; display: block; padding: 15px 45px; text-decoration: none; }
#header-panel ul li:hover { background: #1566b8; }

/* banner */
#home-banner-wrapper .left, #home-banner-wrapper .right { padding-left: 5%; padding-top: 50px; height: 472px; position: relative; }
#home-banner-wrapper .right { padding: 0; }
#home-banner-slides { overflow: hidden; }
#home-banner-content { background: #1566b8; }

#slideshow-pager { z-index: 300; position: absolute; right: -18px; top: 165px; }
#slideshow-pager li { display: block; width: 100%; margin-bottom: 14px; }
#slideshow-pager li a { width: 36px; height: 36px; border-radius: 36px; background: #67edee; color: #1464b9; display: block; text-align: center; line-height: 36px; text-decoration: none; }
#slideshow-pager li.cycle-pager-active a { background: #1464b9; color: #FFF; }

/* company blocks */
#company-name-blocks li { width: 350px; border: 2px solid #68edec; padding: 15px; margin-bottom: 20px; border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px; }
#company-name-blocks li .table { width: 100%; color: #FFF; }
#company-name-blocks li .cell:first-child { width: 105px; text-align: center; font-family:'HelveticaNeueW02-75Bold', sans-serif; font-size: 40px; border-right: 2px solid #68edec; height: 40px; }
#company-name-blocks li .cell:last-child { padding-left: 20px; }
#company-name-blocks li:hover { border-color: #FFF; cursor: pointer; }

/* homepage offer */
#homepage-offer { margin-top: 0px; padding: 120px 0px 50px 0px; background: url('/images/frontend/background_1.jpg') center top transparent scroll no-repeat; border-top: 2px solid #d1d1d1; }
#subpage-wrapper { background: url('/images/frontend/background_1.jpg') center top transparent scroll no-repeat; }
.kontakt #subpage-wrapper {background: url('/images/frontend/background_4.jpg') center top transparent scroll no-repeat; }
.oferta #subpage-wrapper {background: url('/images/frontend/background_6.jpg') center top transparent scroll no-repeat; }
.certyfikaty #subpage-wrapper {background: url('/images/frontend/background_5.jpg') center top transparent scroll no-repeat; }
.aktualnosci #subpage-wrapper {background: url('/images/frontend/background_3.jpg') center top transparent scroll no-repeat; }

#home-offer-triangle-container { position: absolute; left: 0; top: 40px; text-align: center; width: 100%; }
#offer-scroll { display: inline-block;  }
#offer-scroll li:nth-child(2) { padding: 0 20px; }
#circle-scroll { width: 68px; height: 68px; border: 2px solid #a0a0a0; border-radius: 68px; -moz-border-radius: 68px; -webkit-border-radius: 68px; display: block; line-height: 68px; text-align: center; }
#circle-scroll span { width: 20px; height: 9px; display: inline-block; background: url('/images/frontend/arrows_1.png') 0 0 transparent scroll no-repeat; }

#home-offer-blocks { margin-top: 55px; }
#home-offer-blocks li { display: block; border: 1px solid #c2c2c2; width: 260px; margin-right: 15px; border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px; overflow: hidden; }
#home-offer-blocks li:last-child { margin-right: 0; }

.offer-block-name-wrapper { height: 190px; overflow: hidden; background: #FFF; color: #a0a0a0; position: relative; }
.offer-block-more { display: block; width: 100%; height: 55px; line-height: 55px; color: #a0a0a0; background: #545454; text-align: center; font-size: 16px; border-top: 1px solid #c2c2c2; }
.offer-block-name { min-height: 20px; line-height: 26px; text-align: center; width: 100%; position: absolute; left: 0; bottom: 50px; font-size: 20px; }
.offer-block-icon { width: 100%; text-align: center; position: absolute; left: 0; top: 20px; }
.offer-block-icon span { display: inline-block; width: 50px; height: 50px; background: url('/images/frontend/icons.png') 0 0 transparent scroll no-repeat; }

#home-offer-blocks li.left, #home-offer-blocks li.left:hover { transition: border-color 0.3s ease-in-out; -moz-transition: border-color 0.3s ease-in-out; -webkit-transition: border-color 0.3s ease-in-out; }
#home-offer-blocks li.left:first-child{margin-left: 50px}
#home-offer-blocks li.left:hover { border-color: #68ecee; }

li .offer-block-more, li:hover .offer-block-more, li .offer-block-name, li:hover .offer-block-name { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;  }
li:hover .offer-block-more { color: #67ebed; background: #1566b8}
li:hover .offer-block-name { color: #484848}

#home-offer-blocks li:nth-child(1) .offer-block-icon span { background-position: 0 0; }
#home-offer-blocks li:nth-child(2) .offer-block-icon span { background-position: -50px 0; }
#home-offer-blocks li:nth-child(3) .offer-block-icon span { background-position: -100px 0; }

/* news */
#homepage-news-wrapper { background: #062f5a; padding: 55px 0; }
#homepage-news-wrapper:hover { background: #042749; }
#homepage-news ul { margin-top: 50px; }
#homepage-news ul li { margin-bottom: 50px; padding: 0px 20px }
.latest-news-title { font-size: 20px; min-height: 20px; line-height: 20px; margin-bottom: 15px; }
.latest-news-title * { color: #1465b7 !important; }

/* cooperate */
#cooperate-wrapper { padding-top: 50px; padding-bottom: 50px; background: #FFF; }
#carousel-wrapper { margin-top: 70px; }
#partners-slider-wrapper { overflow: hidden; width: 910px; height: 237px; overflow: hidden;}
#partners-slider li { float: left; width: 290px; height: 290px; margin-right: 20px; overflow: hidden; }
#partners-slider li:last-child { margin: 0; }
#partners-slider li.last-child { margin: 0; }
#partners-slider li img { min-width: 290px; min-height: 290px; width: auto; height: auto; }
#partners-slider a { display: block; width: 100%; height: 237px; position: relative; }
#partners-slider a .table { width: 100%; height: 237px; background-color: rgba(21,101,184,0.8); position: absolute; top:0px; left: 0px; color: #FFF; font-size: 28px; opacity: 0; }
#partners-slider a:hover .table { opacity: 1; }

.carousel-arrow { width: 19px; height: 41px; background: url('/images/frontend/arrows_3.png') 0 0 transparent scroll no-repeat; display: block; }
a#carousel-arrow-left { position: absolute; left: -45px; top: 99px; background-position: -57px 0; }
a#carousel-arrow-left:hover { background-position: -19px 0; }
a#carousel-arrow-right { position: absolute; right: -45px; top: 99px; background-position: -38px 0; }
a#carousel-arrow-right:hover { background-position: 0 0; }
#partners-slider a .cell { height: 237px; width: 100%; }

/* about us */
#about-us-wrapper
{
        #background: #1566b8; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjMTU2NmI4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwZDBmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        background: -moz-linear-gradient(-45deg,  #1566b8 1%, #00d0fe 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,#1566b8), color-stop(100%,#00d0fe)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(-45deg,  #1566b8 1%,#00d0fe 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(-45deg,  #1566b8 1%,#00d0fe 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(-45deg,  #1566b8 1%,#00d0fe 100%); /* IE10+ */
        background: linear-gradient(135deg,  #1566b8 1%,#00d0fe 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1566b8', endColorstr='#00d0fe',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
        padding-top: 65px;
        padding-bottom: 90px;
}
#about-us { }

#why-we-wrapper { padding-top: 140px; padding-bottom: 130px; background: url('/images/frontend/background_2.jpg') center top transparent scroll no-repeat; display: none; }
#gradient-title span { display: inline-block; letter-spacing: -3px; font-size: 66px; min-height: 66px; font-family:'HelveticaNeueW02-75Bold', sans-serif; line-height: 66px; margin-bottom: 42px; }
#why-we a { font-size: 40px; min-height: 40px; line-height: 40px; display: inline-block; color: #4c4c4c; text-decoration: none; }
#why-we-wrapper:hover a
{
          /* Webkit for Chrome and Safari */
  -webkit-transform: scale(1.3, 1.3); // This is the enlarged size scale of the image.
  -webkit-transition-duration: 250ms;
  -webkit-transition-timing-function: ease-out;

  /* Webkit for Mozila Firefox */
  -moz-transform: scale(1.3, 1.3);
  -moz-transition-duration: 250ms;
  -moz-transition-timing-function: ease-out;

  /* Webkit for IE( Version: 11, 10 ) */
  -ms-transform: scale(1.3, 1.3);
  -ms-transition-duration: 250ms;
  -ms-transition-timing-function: ease-out;
}

#why-we a
{
          /* Webkit for Chrome and Safari */
  -webkit-transform: scale(1, 1); // This is the enlarged size scale of the image.
  -webkit-transition-duration: 250ms;
  -webkit-transition-timing-function: ease-out;

  /* Webkit for Mozila Firefox */
  -moz-transform: scale(1, 1);
  -moz-transition-duration: 250ms;
  -moz-transition-timing-function: ease-out;

  /* Webkit for IE( Version: 11, 10 ) */
  -ms-transform: scale(1, 1);
  -ms-transition-duration: 250ms;
  -ms-transition-timing-function: ease-out;
}

/* footer */
footer { color: #747474; position: relative;  left: 0; bottom: 0; z-index: 1000; }
footer #footer { width: 910px; background: #3a3a3a;  background: #3a3a3a; padding: 5px 10px; }
footer #footer p{margin: 6px 0px}
#footer .table .cell { border-right: 1px solid #747474; }
#footer .table .cell:last-child { border-right: none; }
#footer .table .cell:nth-child(1) { width: 40%; padding-right: 20px; padding-left: 10px; }
#footer .table .cell:nth-child(2) { width: 40%; text-align: left; padding-left: 40px; }
#footer .table .cell:nth-child(2) a { color: #9f9f9f !important; }
#footer .table .cell:nth-child(3) { width: 20%; padding-left: 40px; }

.subpage footer { position: relative !important; left: auto; top: auto; bottom: auto; right: auto; }
.subpage footer #footer { padding: 7px;}

/* login form */
#overlay { background: rgb(0,0,0); background: rgba(0,0,0,0.85); width: 100%; height: 800px; position: absolute; z-index: 9999; display: none; opacity: 0; left: 0; top: 0; }
#login-form-wrapper { overflow: visible; background: #FFF; max-width: 650px; padding: 50px 180px;  margin:50px auto 0px auto; display: none;  }
#login-form-wrapper .clearfix { padding-top: 45px; }
#login-form-wrapper ul { margin: 0; padding: 0; list-style: none; }
#login-form-wrapper ul li { margin-bottom: 17px; }
#login-form-wrapper input[type=text], #login-form-wrapper input[type=password] { text-align: center; }

#close-login-form { display: block; width: 54px; height: 55px; background: url('/images/frontend/close.png') 0 0 transparent scroll no-repeat; position: absolute; right: 25px; top: 25px; z-index: 101; }
#login-form-wrapper input[type=submit] { width: 180px; }

#preloader-wrapper { position: absolute; left: 0; top: 0; width: 0; height: 0; z-index: 300; background: url('/images/frontend/preloader.gif') center center #FFF scroll no-repeat; display: none; }

/* contact */
#contact-form .left { width: 49%; margin-right: 1%; }
#contact-form .right { width: 49%; margin-left: 1%; }
#contact-form li.wide { float: left; }
#contact-form li { margin-bottom: 15px; }
input[type=text], input[type=email], input[type=password] { height: 30px; font-size: 12px; width: 100%; border: 1px solid #ccc; padding: 0 20px; font-family: sans-serif; color: #535353; font-family:'HelveticaNeueW02-55Roma', sans-serif; border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px; }
textarea { width: 100%; height: 180px; font-size: 14px; border: 1px solid #ccc; padding: 10px 20px; font-family: sans-serif; color: #535353; font-family:'HelveticaNeueW02-55Roma', sans-serif; border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px;}
input[type=submit] { background: #1566b8; height: 54px; color: #FFF; text-align: center; border: none; width: 100%; font-size: 14px; font-family: sans-serif; font-family:'HelveticaNeueW02-55Roma', sans-serif; border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px; }
#contact-form-alert { text-align: center; padding: 20px; width: 100%; padding-top: 0; padding-bottom: 30px; display: none; }

/* subpage */
#subpage { padding-top: 40px; padding-bottom: 30px; }

/* references */

#reference-list li { width: 228px; margin-right: 23px; float: left; margin-bottom: 23px; display: block; }
#reference-list li a { display: block; width: 100%; height: 235px; line-height: 235px; overflow: hidden; border: 1px solid #c2c2c2; text-align: center; }
#reference-list li a img { max-width: 188px; max-height: 195px; vertical-align: middle; }
#reference-list li.last-4 { margin-right: 0; }
.reference-desc { display: block; width: 228px; border: 1px solid #c2c2c2; border-top: none; background: #545454; color: #fff; min-height: 27px; text-align: center; padding: 10px 0;  }

/* news */
#news-menu-wrapper { width: 245px; padding-right: 45px; }
#news-list-wrapper { width: 620px; }
#news-list-wrapper p:first-child { margin-top: 0; }

.nm-year-wrapper { margin-bottom: 20px; background: #FFF; }
.nm-months { padding: 15px; border: 1px solid #646464; border-top: none; display: none; }
.nm-active-year .nm-months { display: block; }
.nm-months li a { text-decoration: none; padding: 10px 0; display: block; }
.nm-months li a:hover { color: #6aeaed; }
.nm-year { height: 36px; line-height: 36px; text-align: center; width: 100%; border: 1px solid #646464; display: block; text-decoration: none !important; }
.nm-active-year a.nm-year, a.nm-year:hover, .nm-active-month { color: #6aeaed; }
.nm-to-up { text-align: center; }
.nm-months .nm-to-up a { display: inline-block; width: 20px; height: 9px; background: url('/images/frontend/arrows_1.png') 0 -9px transparent scroll no-repeat; overflow: hidden; margin: 0; padding: 0;  }

#news-list li { margin-bottom: 50px;}
a.nl-news-title { text-decoration: none; font-size: 18px; color: #555; display: block; width: 100%; margin-bottom: 20px; }
a.nl-news-title:hover { text-decoration: underline; }
.nl-news-content { line-height: 2.0em; }
#contact-footer { margin-top: 20px; line-height: 2.0em; padding: 20px}
#contact-footer .cell { vertical-align: top; }
#contact-footer .cell:nth-child(1) { border-right: 1px solid #d7d7d7; padding-right: 20px; width: 52%; }
#contact-footer .cell:nth-child(2) { border-right: 1px solid #d7d7d7; padding: 0 20px; width: 30%; }
#contact-footer .cell:nth-child(3) { padding-left: 20px; width: 18%; }

/* client zone */
#client-zone-menu-wrapper { width: 215px; margin-right: 35px; }
#client-zone-content { width: 740px; }
#client-zone-menu li { border: 1px solid #d6d6d6; border-bottom: none; }
#client-zone-menu li:last-child { border-bottom: 1px solid #d6d6d6; }
#client-zone-menu li a { height: 75px; padding: 0 15px; text-decoration: none; }

.cz-page-subtitle { min-height: 12px; line-height: 1.6em; margin-bottom: 30px; }
.cz-subtitle-line { position: absolute; right: 0; top: 0; height: 1px; background: #d7d7d7; width: 0; }
#client-zone-menu li:hover, #client-zone-menu li.active { border-left: 1px solid #545454; border-right: 1px solid #545454; border-top: 1px solid #d6d6d6; }
#client-zone-menu li:hover a.parent, #client-zone-menu li.active a.parent { background: #545454; color: #FFF; }

#client-zone-menu li:hover .client-zone-submenu { display: block; }
.client-zone-submenu { background: #545454; position: absolute; left: 100%; top: 0; display: none; z-index: 300; }
.client-zone-submenu li { border-color: #545454 !important; width: 220px; text-align: center; }
.client-zone-submenu li a { height: 30px !important; padding: 20px 0 !important; color: #FFF; }
.client-zone-submenu li:hover a { color: #68edec;}

#client-zone-send-message textarea { height: 335px; }
#client-zone-send-message li { margin-bottom: 15px; }

/* client zone user info */
#user-data-form { padding-top: 30px; }
#user-data-form li { margin-bottom: 30px; }
#user-data-form li input[type=text], #user-data-form li input[type=email] { height: 36px; }
#user-data-form li.left { padding-right: 3%; }
#user-data-form li.right { padding-left: 3%; }
#user-data-form li.wide { padding: 0; }
.udf-input-label { width: 20%; height: 36px; line-height: 36px; }
.udf-input-wrapper { width: 80%; }
#user-data-form input[type=submit] { height: 36px; width: 200px; }

/* form messagess */
.form-msg { display: block; width: 100%; margin: 15px 0; border-radius: 4px; padding: 15px; border: 1px solid #000; }
.form-msg-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; }
.form-msg-error { background-color: #f2dede; border-color: #ebccd1; color: #a94442; }
.form-msg-info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; }

/* client zone news */
.cz-news-title { font-size: 18px; margin-bottom: 20px; }

/* client zone attachements */
#attachements-list li { width: 32%; margin-right: 2%; border: 1px solid #d7d7d7; padding: 20px 15px; margin-bottom: 15px; }
#attachements-list li.last-3 { margin-right: 0; }
.attachement-icon-wrapper { width: 64px; height: 74px; }
.attachement-details { padding-left: 10px; vertical-align: top;  }
.attachement-details .wide { overflow: hidden; text-overflow: elipsis; padding-top: 10px; padding-bottom: 5px; border-bottom: 1px solid #d7d7d7;  }
#attachements-list li:hover *, #attachements-list li:hover { border-color: #646464; }
#attachements-list li, #attachements-list li *, #attachements-list li:hover, #attachements-list li:hover * { transition: border-color 0.3s ease-in-out; -moz-transition: border-color 0.3s ease-in-out; -webkittransition: border-color 0.3s ease-in-out;  }
#attachements-list li:hover a { text-decoration: none; }

/* client zone counters */
#cz-user-details li { width: 32%; margin-right: 2%; float: left; text-align: center; margin-bottom: 10px; }
#cz-user-details li label { width: 100%; font-size: 12px; padding-bottom: 3px; display: block; font-family:'HelveticaNeueW02-75Bold'; }
#cz-user-details li .cz-user-detail { height: 36px; line-height: 36px;  background: #e1e1e1; }
#cz-user-details li.last-3 { margin-right: 0; }
#cz-user-details #edit-user-data { margin-right: 0; background: #FFF;  }
#cz-user-details #edit-user-data a { color: #545454; display: block; width: 100%; height: 36px; line-height: 30px; border: 1px solid #b7b7b7;}

/* client counters */
#client-counters ul li.wide { margin-bottom: 23px; }
#client-counters ul li .left { width: 28%; height: 36px; line-height: 36px; padding-left: 2%; }
#client-counters ul li .left:first-child { width: 16%; padding-left: 0; }
#client-counters ul li input[type=text] { height: 36px; }
#client-counters ul li input[type=text]:focus { border-color: #646464; }

#responsive-menu-trigger, #topmenu .resp-client-zone-menu { display: none; }
#responsive-header-panel, #responsive-news-menu-wrapper { display: none; }

#letters-info { position: absolute; right: 10%; top: 50px; z-index: 200; width: 80%;  }
#letters-info li { width: auto; display: inline-block; position: absolute; right: 0; top: 0; background: #FFF; background: rgba(255,255,255,0.9); padding: 25px; opacity: 0; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.25);
box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.25);
height: 370px; overflow: auto; z-index: 5;
}
#letters-info li.active { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; opacity: 1; z-index: 10; }
#home-banner-wrapper { height: 472px; overflow: hidden; }
#slideshow > li > img { min-width: 455px; min-height: 472px; width: auto; height: auto; }

/* circle scroll animation */
        @keyframes circleZoom
        {
                0% { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); opacity: 0.5 }
                50% { transform: scale(1.5); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); opacity: 1.0}
                100% { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); opacity: 0.5 }
        }

        @-webkit-keyframes circleZoom
        {
                0% { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); opacity: 0.5 }
                50% { transform: scale(1.5); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); opacity: 1.0}
                100% { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); opacity: 0.5 }
        }

        #circle-scroll
        {
        /*      -webkit-animation: circleZoom 4s infinite;
                 animation: circleZoom 4s infinite;
                 -webkit-transition-timing-function: cubic-bezier(.56,.97,.37,.03);
    transition-timing-function: cubic-bezier(.56,.97,.37,.03);*/
    }

#blue-phones-info { position: absolute; right: 260px; top: 0px; background: #1566B8; padding: 6px; color: #FFF; -webkit-border-bottom-right-radius: 9px; -webkit-border-bottom-left-radius: 9px; -moz-border-radius-bottomright: 9px; -moz-border-radius-bottomleft: 9px; border-bottom-right-radius: 9px; border-bottom-left-radius: 9px; }
@media only screen and (min-width: 990px) and (max-width: 1400px)
{
        header {  }
}

@media only screen and (min-width: 320px) and (max-width: 989px)
{

#menu-cell {width: auto}
#home-offer-blocks li.left:first-child{margin-left: 0px}
.desktop-hidden{display: table !important}
#home-banner-wrapper{display:none}
#blue-phones-info{display: none}
        footer {display: none}
        #footer {display: none}
        #topmenu ol {display: none !important}
        #main { width: 100%; overflow: hidden; }
        #home-banner-slides, #slideshow-pager, #header-panel { display: none; }
        .page { width: 100%; padding-left: 5%; padding-right: 5%; }

        #home-banner-content { width: 100%; text-align: center; padding: 50px 5%; }
        #company-name-blocks { display: inline-block; }

        #responsive-menu-trigger
        {
                display: block; width: 72px; height: 72px;
                -webkit-border-top-left-radius: 12px;
                -webkit-border-bottom-left-radius: 12px;
                -moz-border-radius-topleft: 12px;
                -moz-border-radius-bottomleft: 12px;
                border-top-left-radius: 12px;
                border-bottom-left-radius: 12px;
                border: 3px solid #9e9e9e;
                border-right: none;
                float: left;
                position: relative;
                background: #FFF;
        }

        #company-name-blocks { width: 370px; }

        #responsive-menu-trigger span { display: block; position: absolute; left: 16px; top: 20px; width: 40px; height: 27px; background: url('/images/frontend/menu_icon.png') 0 0 transparent scroll no-repeat; }
        .navbarActive #responsive-menu-trigger { border-color: #1566b8 !important; }
        .navbarActive #responsive-menu-trigger span { background-position: -40px 0 !important; }

        header { padding: 0; min-height: 80px; width: 100%; min-width: inherit; max-width: 100%; }
        header .table { display: block; }
        header #logo-cell { display: block; position: absolute; left: 10px; top: 10px; z-index: 100; }
        header .table .cell { float: none; display: block; width: 100%; position: relative; height: 120px; width: auto;  }

        nav {  position: absolute !important; right: -180px; top: 25px; z-index: 101; border-bottom: none; width: auto !important; }

        #topmenu { display: block; width: 180px; float: right; border: 3px solid #1566b8; border-right: none; background: #FFF; position: relative; bottom: auto; right: auto; }
        #topmenu li { margin: 0; padding: 0; display: block; width: 100%; display: table; border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
        #topmenu li a { display: block; width: 100%; padding: 15px 20px; margin: 0; border-bottom: 1px solid #9f9f9f; height: 69px; display: table-cell; vertical-align: middle; }
        #topmenu li a.active { background: #1566b8; color: #FFF; }

        #topmenu .resp-client-zone-menu { display: block; }
        #topmenu .resp-client-zone-menu .table { display: table; width: 100%; }
        #topmenu .resp-client-zone-menu a { background: #545454; color: #FFF !important; }
        #topmenu .resp-client-zone-menu a:hover { background: #3a3a3a; }

        .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

        /* keyframes */
        @keyframes navActive { 0% { right: -180px; } 100% { right: 0; } }
        @-webkit-keyframes navActive { 0% { right: -180px; } 100% { right: 0; } }

        @keyframes navUnactive { 0% { right: 0px; } 100% { right: -180px; } }
        @-webkit-keyframes navUnactive { 0% { right: 0px; } 100% { right: -180px; } }

        nav.navbarActive {   -webkit-animation-name: navActive; animation-name: navActive; }
        nav.navbarUnactive {   -webkit-animation-name: navUnactive; animation-name: navUnactive; }

        #home-offer-triangle-container { display: none; }

        #homepage-offer { padding: 80px 0; background-size: cover; }
        #homepage-offer .page { text-align: center; }
        #home-offer-blocks { display: inline-block; }
        #home-offer-blocks li { float: none; margin: 0; margin-bottom: 30px; }

        #partners-slider-wrapper { width: 739px; margin: 0 auto; }
        a#carousel-arrow-left { position: absolute; left: -30px; top: 99px; }
        a#carousel-arrow-right { position: absolute; right: -30px; top: 99px; }

        footer { padding: 0; }
        #footer .table { display: block; width: 100% !important; }
        #footer .table .cell { display: block; width: 100% !important; border: none; border-bottom: 1px solid #747474; text-align: center; padding: 30px 15px; }
        #footer .table .cell:last-child { border: none; }

        #reference-list li { margin: 0 !important; margin-bottom: 23px !important; width: 32%; margin-right: 2% !important; }
        #reference-list li.last-3 { margin-right: 0 !important; }
        .reference-desc { width: 100%; }

        #news-menu-wrapper { width: 27%; margin-right: 3%; }
        #news-list-wrapper { width: 70%; }

        #contact-footer { display: block; }
        #contact-footer .cell { display: block; width: 100% !important; border: none !important;  text-align: center; border-bottom: 1px solid #d7d7d7 !important; padding: 30px 15px !important; }
        #contact-footer .cell:last-child { border-bottom: none !important; }

        #client-zone-content, #client-zone-menu-wrapper { float: none; width: 100%; margin: 0; padding: 0; }

        #client-zone-menu li { width: 32%; margin-left: 2%; float: left; border: 1px solid #d6d6d6; margin-bottom: 13px; }
        #client-zone-menu li a { height: 40px; }
        #client-zone-menu li:nth-child(1), #client-zone-menu li:nth-child(4) { margin-left: 0; clear: both; }
        .client-zone-submenu { display: none !important; }

        #client-counters ul li .left { width: 32%; margin-right: 2%; }
        #client-counters ul li .left:first-child { width: 100%; text-align: center; margin: 0; padding: 0; }
        #client-counters ul li .left:last-child { margin-right: 0; }

        /* login form */
        #overlay { background: rgb(0,0,0); background: rgba(0,0,0,0.85); width: 1200px; height: 800px; position: absolute; z-index: 999; display: none; opacity: 0; left: 0; top: 0; }
        #login-form-wrapper { overflow: visible; background: #FFF; width: 100%; position: absolute; display: none; max-width: inherit; padding: 30px; }
        #login-form-wrapper .clearfix { padding-top: 45px; }
        #login-form-wrapper ul { margin: 0; padding: 0; list-style: none; }
        #login-form-wrapper ul li { margin-bottom: 17px; }
        #login-form-wrapper input[type=text], #login-form-wrapper input[type=password] { text-align: center; }

        #close-login-form { display: block; width: 29px; height: 28px; background: url('/images/frontend/close-2.png') 0 0 transparent scroll no-repeat; position: absolute; right: 0; top: 0; z-index: 101; }
        #login-form-wrapper input[type=submit] { width: 180px; }

        #responsive-news-menu-wrapper { display: block; width: 100%; max-width: 400px; margin: 30px 0;  }
}

@media only screen and (min-width: 320px) and (max-width: 767px)
{
.mobileviewswitch{display: block}
#home-banner-wrapper{display:none}
#blue-phones-info{display: none}
        #home-banner-content { padding: 40px 10% !important; height: auto !important; }
        #company-name-blocks, #company-name-blocks li { width: 100%; }
         #company-name-blocks li:last-child { margin-bottom: 0; }

         #homepage-offer { padding-left: 5%; padding-right: 5%; }
         .page-title-underline { width: 100%; }

         #homepage-news ul li { text-align: center; }

         #partners-slider-wrapper { width: 237px; }
         a#carousel-arrow-left { display: none !important; }
         a#carousel-arrow-right { display: none !important; }

         #cooperate-wrapper { padding-top: 80px; padding-bottom: 80px; }
         #why-we-wrapper { padding-top: 50px; padding-bottom: 50px; }

        #reference-list li, #reference-list li[class^="last-"] { margin: 0 !important; margin-bottom: 23px !important; width: 49%; margin-right: 1% !important; }
        #reference-list li.last-2 { margin-right: 0 !important; margin-left: 1% !important; }

        #contact-form ul li { float: none; width: 100% !important; margin: 0 !important; padding: 0; margin-bottom: 15px !important; }

        #news-menu-wrapper, #news-list-wrapper { float: none; display: block; margin: 0; padding: 0; width: 100%;  }
        #news-list-wrapper { margin-top: 60px; }
        #news-menu { width: 100%; }

        #client-zone-menu li { width: 49%; margin-left: 0; margin-right: 0; clear: none !important; }
        #client-zone-menu li:nth-child(2n) { width: 49%; margin-left: 1%; }
        #client-zone-menu li:nth-child(2n+1) { width: 49%; margin-right: 1%; }

        #cz-user-details li { width: 49%; margin: 0 !important; margin-bottom: 10px !important; }
        #cz-user-details li:nth-child(2n+1) { margin-right: 1% !important; }
        #cz-user-details li:nth-child(2n) { margin-left: 1% !important; }

        #client-counters ul li .left:nth-child(2) { width: 49%; margin: 0; margin-right: 1%; padding: 0; }
        #client-counters ul li .left:nth-child(3) { width: 49%; margin: 0; margin-left: 1%; padding: 0; }
        #client-counters ul li .left:nth-child(4) { width: 100%; padding: 0; margin-top: 10px; }
        #client-counters ul li .left:nth-child(4) input[type=text] { text-align: center; }

        #attachements-list li.attachement { margin: 0; margin-bottom: 10px; }
        #attachements-list li:nth-child(2n+1) { width: 49%; margin-right: 1%; }
        #attachements-list li:nth-child(2n) { width: 49%; margin-left: 1%; }

        #user-data-form li { width: 100%; margin: 0 !important; padding: 0 !important; margin-bottom: 10px !important; }
        #form-login input[type=submit] { width: 100%; }
}

@media only screen and (min-width: 320px) and (max-width: 479px)
{
.mobileviewswitch{display: block}
        #gradient-title span { font-size: 40px; margin-bottom: 10px; }
        #why-we a { font-size: 30px; }

        #home-offer-blocks { width: 100%; }
        #home-offer-blocks li { width: 100%; }

        #reference-list li, #reference-list li[class^="last-"] { margin: 0 !important; margin-bottom: 23px !important; width: 100%; }

        #client-zone-menu { margin-bottom: 30px; }
        #client-zone-menu li:nth-child(n) { width: 100%; margin: 0 !important; margin-bottom: 13px !important; }
        #cz-user-details li:nth-child(n) { width: 100%; margin-left: 0 !important; margin-right: 0 !important; }

        #client-counters ul li .left:nth-child(n) { width: 100%; text-align: center; margin: 0; padding: 0; margin-bottom: 10px; }
        #client-counters ul li .left input[type=text] { text-align: center; }
        #client-counters ul li input[type=submit] { width: 100% !important; }

        #attachements-list li.attachement { width: 100%; margin: 0; margin-bottom: 10px; }

        #user-data-form .udf-input-label { width: 100%; text-align: center; float: none; background: #545454; color: #FFF; }
        #user-data-form .udf-input-wrapper { width: 100%; float: none; }
        .udf-input-wrapper input[type=text], .udf-input-wrapper input[type=email] { text-align: center; }
        #user-data-form { padding-top: 0; }
        #user-data-form input[type=submit] { width: 100%; }
}

@media only screen and (min-width: 950px) and (max-width: 1150px)
{
        #partners-slider-wrapper { width: 739px; overflow: hidden; margin-left: 125px; }
        a#carousel-arrow-left { position: absolute; left: 0; top: 99px; }
        a#carousel-arrow-right { position: absolute; right: 0; top: 99px; }
}

@media only screen and (min-width: 740px) and (max-width: 989px)
{
        #partners-slider-wrapper { width: 488px; }
        a#carousel-arrow-left { position: absolute; left: 0; top: 99px; }
        a#carousel-arrow-right { position: absolute; right: 0; top: 99px; }
}

/* curved */
.curved-top { -webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;}

.curved-bottom {
        -webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;

}