/* open-sans-regular - latin */
/* oxygen-300 - latin */
@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/oxygen-v9-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Oxygen Light'), local('Oxygen-Light'),
       url('../fonts/oxygen-v9-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oxygen-v9-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oxygen-v9-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oxygen-v9-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oxygen-v9-latin-300.svg#Oxygen') format('svg'); /* Legacy iOS */
}
/* oxygen-700 - latin */
@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/oxygen-v9-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Oxygen Bold'), local('Oxygen-Bold'),
       url('../fonts/oxygen-v9-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oxygen-v9-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oxygen-v9-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oxygen-v9-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oxygen-v9-latin-700.svg#Oxygen') format('svg'); /* Legacy iOS */
}
/* oxygen-regular - latin */
@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/oxygen-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Oxygen Regular'), local('Oxygen-Regular'),
       url('../fonts/oxygen-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oxygen-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oxygen-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oxygen-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oxygen-v9-latin-regular.svg#Oxygen') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v17-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('../fonts/open-sans-v17-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/open-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/open-sans-v17-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
       url('../fonts/open-sans-v17-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
a, input, select, textarea {
    vertical-align: top;
    outline: none!important;
    -webkit-appearance: none;
    -webkit-border-radius: 0
}
.partner img {
    max-width:120px;
}
textarea {
    resize: none
}
img {
    outline: 0;
    vertical-align: top;
    border: 0;
    max-width: 100%;
    height: auto
}
.bggruen {
    background: #E9FCE8;
    border: 1px solid #1EA53E;
    padding: 3%
}
.bgrot {
    background: #FFEBEB;
    border: 1px solid #CD0003;
    padding: 3%
}
.img-branche {
    width: 25%;
    padding: 0;
    margin: 0
}
.col-partner {
    float: left;
    width: 12%
}
.col-partner-sm {
    float: left;
    width: 7.5%
}
img.float-right {
      float: right;
}
img.float-left {
      float: left;
}
a {
    color: #505050;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}
a:hover, a:focus {
    text-decoration: none;
    color: #004195
}
ul {
    padding: 0;
    margin: 0 0 0 10px
}
li {
    padding: 7px 0;
    margin: 0 0 0 10px;
    list-style: outside;
    list-style-image: url(../images/list.png)
}
ul.slides li {
      margin: 0
}
li ul li {
    padding: 1.2% 0;
    margin: 0;
    list-style: outside;
    list-style-image: url(../images/list-small.png)
}
p {
    margin: 0 0 20px
}
h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    font-family: 'Open Sans', sans-serif;
    text-transform: none;
    font-weight: 400;
    color: #333
}
h1 {
    margin: 0 0 26px;
    line-height: 27px;
    font-size: 30px
}
h2 {
    position: relative;
    margin: 0 0 27px;
    line-height: 26px;
    font-size: 25px;
    font-weight: 700
}
h3 {
    margin: 0 0 15px;
    line-height: 20px;
    font-size: 20px
}
h4 {
    margin: 0 0 15px;
    line-height: 20px;
    font-size: 20px
}
h5 {
    line-height: 20px;
    font-size: 18px
}
h6 {
    line-height: 20px;
    font-size: 16px
}
::selection {
    background: #004195;
    color: #fff
}
::-moz-selection {
background:#004195;
color:#fff
}
body {
    overflow-x: hidden;
    position: relative;
    margin: 0;
    padding: 0;
    font-family: 'Oxygen', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #404040;
    background: #eee
}
#page {
    background: #fff;
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 2%;
    background-attachment: fixed;
    background-position: 0 0;
    background-repeat: repeat
}
section {
    padding: 40px 0
}
.clear {
    clear: both;
    height: 0;
    font-size: 0
}
.box-grau {
    padding: 4% 1% 4% 3%;
    background: #e6e6e6
}
.bg-proj {
    background-image: url(../images/patterns/18.jpg);
    background-size: cover;
    width: 100px;
    min-height: 600px
}
.color_text {
    color: #004195
}
.color_dark {
    color: #505050
}
.color_light {
    color: #979797
}
.color_white {
    color: #fff
}
.color_bg {
    display: inline-block;
    background: #004195;
    color: #fff
}
.margbot0 {
    margin-bottom: 0
}
.margbot5 {
    margin-bottom: 5px!important
}
.margbot10 {
    margin-bottom: 10px
}
.margbot20 {
    margin-bottom: 20px
}
.margbot25 {
    margin-bottom: 25px
}
.margbot30 {
    margin-bottom: 30px
}
.margbot40 {
    margin-bottom: 40px
}
.margbot50 {
    margin-bottom: 50px
}
.margbot60 {
    margin-bottom: 60px
}
.margbot70 {
    margin-bottom: 70px
}
.margtop20 {
    margin-top: 20px
}
.margleft20 {
    margin-left: 40px
}
.pad0 {
    padding: 0
}
.padbot0 {
    padding-bottom: 0
}
.padbot10 {
    padding-bottom: 10px
}
.padbot20 {
    padding-bottom: 20px
}
.padbot30 {
    padding-bottom: 30px
}
.padbot40 {
    padding-bottom: 40px
}
.padbot50 {
    padding-bottom: 50px
}
.padbot60 {
    padding-bottom: 60px
}
.padbot70 {
    padding-bottom: 70px
}
.padbot80 {
    padding-bottom: 80px
}
.padtop0 {
    padding-top: 0
}
.full_width {
    position: relative;
    margin-left: -30px;
    margin-right: -30px
}
.overlay {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(79,180,231,0.4)
}
.center {
    text-align: center
}
.right {
    text-align: right
}
.page_block {
    overflow-x: hidden;
    background-color: #fff
}
.wrapper {
    padding-left: 15px;
    padding-right: 15px
}
.bg-white-trans {
    background: #fff;
    opacity: .8;
    padding: 2em;
    color: #000
}
.btn {
    margin: 0;
    padding: 5px 15px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    color: #fff;
    text-shadow: none;
    background-image: none;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}
.btn:focus, .btn:hover {
    color: #fff;
    background-color: #ccc
}
.btn span {
    padding-left: 8px
}
.btn-white {
    color: #505050;
    background: #fff
}
.btn-light a {
    color: #fff
}
.btn-light {
    color: #fff;
    background: #004195
}
.btn-dark {
    color: #fff;
    background: #505050
}
.btn-dark:hover, .btn-white:hover, .btn-active {
    color: #fff;
    background: #004195
}
.btn-active:hover, .btn-default {
    background: #505050
}
.btn-lg {
    padding: 15px 30px;
    text-transform: none;
    font-weight: 400;
    font-size: 15px
}
.btn-sm {
    padding: 3px 15px;
    font-size: 11px
}
.btn-xs {
    padding: 1px 5px;
    font-size: 11px
}
.ie .btn {
    filter: transparent!important
}
.logo {
    position: absolute;
    margin: 30px 0 0 65%;
    z-index: 99999;
    width: 30%
}
#top_line {
    padding: 1% 5% 0 0;
    border-bottom: 1px none #ededed
}
#top_line p {
    margin-bottom: 0;
    padding: 9px 0 13px
}
.top_social {
    height: 31px;
    padding: 15px 0 0
}
.top_social li {
    overflow: hidden;
    display: inline-block;
    margin: 0 0 11px 6px
}
.top_social li a {
    display: block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-image: url(../images/top_social.png);
    opacity: .5
}
.top_social li a:hover {
    opacity: 1
}
.top_social li a.soc1 {
    background-position: 0 0
}
.top_social li a.soc2 {
    background-position: -26px 0
}
.top_social li a.soc3 {
    background-position: -52px 0
}
.top_social li a.soc4 {
    background-position: -78px 0
}
.top_social li a.soc5 {
    background-position: -104px 0
}
.top_social li a.soc6 {
    background-position: -130px 0
}
.menu_block {
    padding-left: 30px;
    padding-right: 30px;
    border-bottom: 1px solid #ccc;
    background-color: #fff
}
.is-sticky .menu_block {
    z-index: 9999;
    width: 100%;
    max-width: 1450px
}
.navbar-collapse {
    padding-right: 0;
    padding-left: 0
}
.navbar-nav {
    float: none;
    text-align: left
}
.navbar-nav li {
    position: relative;
    float: none;
    display: inline-block;
    margin: 0 0 0 11px;
    text-align: center
}
.navbar-nav li a {
    display: block;
    margin-bottom: -5px;
    padding: 20px 15px 26px;
    line-height: 20px;
    font-weight: 300;
    font-size: 2em;
    color: #000;
    text-shadow: none;
    border: 0;
    transition: color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out
}
.navbar-nav li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 25px;
    width: 1px;
    height: 17px;
    background-color: #e3e3e3
}
.navbar-nav li.last:after {
    content: '';
    position: absolute;
    right: 0;
    top: 25px;
    width: 1px;
    height: 17px;
    background-color: #e3e3e3
}
.navbar-nav li a:hover, .navbar-nav li a:focus, .navbar-nav li.active a {
    background: #004195;
    color: #fff
}
.navbar-nav li a i {
    padding-right: 10px
}
.sfHover ul {
    display: block
}
.sub-menu ul {
    display: none;
    position: absolute;
    z-index: 99999;
    min-width: 250px;
    left: 0;
    padding: 0;
    margin: 0;
    background: #fafafa
}
.sub-menu.last ul {
    right: 0;
    left: auto
}
.sub-menu ul li {
    margin: 0;
    padding: 0;
    width: 100%;
    border-top: 0
}
.sub-menu ul li:before, .sub-menu li.last:after {
    display: none
}
.sub-menu ul li a {
    margin: 0!important;
    padding: 10px 15px!important;
    text-transform: none;
    text-align: left!important;
    text-shadow: none;
    border: 0!important;
    font-size: 1.1em;
    border-bottom: 1px solid #e3e3e3!important
}
.sub-menu ul li a span {
    display: none!important
}
ul.mega_menu {
    width: 500px;
    padding: 10px;
    text-align: left!important
}
ul.mega_menu h5 {
    margin-bottom: 5px;
    font-weight: 400
}
ul.mega_menu h4 {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e3e3e3;
    font-weight: 400
}
ul.mega_menu li.col {
    float: left;
    width: 33%;
    padding-right: 10px
}
ul.mega_menu li ol {
    padding-left: 0
}
ul.mega_menu li ol li a {
    border: 0!important;
    padding: 2px 5px 2px 0 !important
}
.fixed-menu {
    position: fixed;
    z-index: 99999;
    left: 50%;
    top: -100px;
    width: 100%;
    background: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    border-bottom: 2px solid #ececec;
    transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}
.fixed-menu #top_line {
    display: none!important
}
.fixed-menu.fixed_show {
    top: 0;
    opacity: 1;
    filter: alpha(opacity=100)
}
.fixed-menu-wrapper {
    padding: 20px 0
}
.fixed-menu .logo a {
    line-height: 50px;
    font-size: 40px
}
.fixed-menu .navbar-nav li a {
    padding-top: 15px;
    padding-bottom: 15px
}
.fixed-menu .sub-menu ul li a {
    padding-top: 7px;
    padding-bottom: 7px
}
.projects_block {
    padding: 0
}
.projects_block .project_item .hover_img {
    position: relative;
    overflow: hidden;
    width: 445px;
    height: 314px;
    background-color: #004195
}
.projects_block .project_item .hover_img:before {
    content: '';
    position: absolute;
    z-index: 2;
    left: 0;
    top: -100%;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.19);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}
.projects_block .project_item:hover .hover_img:before {
    top: 0
}
.projects_block .project_item .hover_img img {
    width: auto;
    max-width: none;
    height: 100%;
    opacity: .88
}
.projects_block .project_item {
    position: relative;
    overflow: hidden
}
.projects_block .project_item .project_descr {
    position: absolute;
    z-index: 3;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: auto;
    padding: 21px 5px 27px;
    background-color: #004195;
    color: #fff;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}
.projects_block .project_item:hover .project_descr {
    bottom: 0
}
.projects_block .project_item .project_descr a.project_title {
    display: block;
    margin-bottom: 16px;
    text-transform: uppercase;
    line-height: 20px;
    font-size: 14px;
    color: #fff
}
.projects_block .project_item .project_descr a.zoom {
    position: absolute;
    left: 50%;
    top: -27px;
    width: 49px;
    height: 49px;
    margin-left: -25px;
    border-radius: 50%;
    background-color: #004195
}
.projects_block .project_item .project_descr a.zoom:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 9px;
    width: 3px;
    height: 17px;
    margin-left: -1px;
    background-color: #fff
}
.projects_block .project_item .project_descr a.zoom:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 16px;
    width: 27px;
    height: 3px;
    margin-left: -13px;
    background-color: #fff
}
.subline {
    text-align: right;
    width: 100%;
    color: #fff;
    font-size: 1.7em;
    margin: -15px 0 0;
    font-weight: 600;
    padding: 15px 30px;
    background: #333;
    -webkit-box-shadow: 10px 10px 5px 0 rgba(0,0,0,0.35);
    -moz-box-shadow: 10px 10px 5px 0 rgba(0,0,0,0.35);
    box-shadow: 3px 10px 20px 0 rgba(0,0,0,0.35)
}
@-webkit-keyframes moveFromBottom {
from {
-webkit-transform:translateY(150px)
}
to {
-webkit-transform:translateY(0)
}
}
@-moz-keyframes moveFromBottom {
from {
-moz-transform:translateY(150px)
}
to {
-moz-transform:translateY(0)
}
}
@-ms-keyframes moveFromBottom {
from {
-ms-transform:translateY(150px)
}
to {
-ms-transform:translateY(0)
}
}
@-webkit-keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-100px)
}
100% {
opacity:1;
-webkit-transform:translateX(0)
}
}
@-moz-keyframes fadeInLeft {
0% {
opacity:0;
-moz-transform:translateX(-100px)
}
100% {
opacity:1;
-moz-transform:translateX(0)
}
}
@-o-keyframes fadeInLeft {
0% {
opacity:0;
-o-transform:translateX(-100px)
}
100% {
opacity:1;
-o-transform:translateX(0)
}
}
@keyframes fadeInLeft {
0% {
opacity:0;
transform:translateX(-100px)
}
100% {
opacity:1;
transform:translateX(0)
}
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}
.animated {
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s
}
.animated.hinge {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s
}
.latest_news_item {
    margin-bottom: 20px
}
.latest_news_item .recent_post_date {
    width: 65px;
    padding: 0 0 6px;
    border: 2px solid #e5e5e5;
    text-transform: uppercase;
    color: #505050
}
.latest_news_item .recent_post_date span {
    display: block;
    margin: -2px -2px 1px;
    font-weight: 700;
    line-height: 51px;
    font-size: 25px;
    color: #fff;
    background-color: #505050
}
.latest_news_item .recent_post {
    overflow: hidden;
    position: relative;
    display: block;
    width: 160px;
    height: 160px;
    margin: 0 20px 10px 0;
    background-color: #004195
}
.latest_news_item .post_read_more {
    text-transform: uppercase
}
.latest_news_item .recent_post img {
    width: auto;
    height: 100%;
    opacity: .86;
    filter: alpha(opacity=86);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}
.latest_news_item:hover .recent_post img {
    opacity: .25;
    filter: alpha(opacity=25)
}
.news_content {
    margin-top: -5px;
    padding-left: 85px
}
.latest_news_item .recent_post_title {
    text-transform: uppercase;
    font-size: 14px
}
footer .latest_news_item {
    margin-bottom: 20px
}
footer .news_content {
    padding-left: 0
}
footer .latest_news_item .recent_post {
    width: 80px;
    height: 80px
}
footer .latest_news_item .recent_post_title {
    color: #e2e1e1
}
footer .latest_news_item:hover .recent_post_title {
    color: #004195
}
footer .recent_post_inf li {
    padding: 0 0 9px;
    color: #797979
}
footer .recent_post_txt {
    padding-top: 0
}
footer {
    overflow: hidden;
    padding: 20px 0 20px 50px;
    background-color: #D5EEFA;
    color: #000;
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    border-bottom: 30px solid #191919
}
footer a {
    color: #004493
}
footer h2 {
    font-size: 20px;
    color: #f2f1e6
}
footer h3 {
    margin-bottom: 11px;
    font-size: 16px;
    color: #004195
}
.contact_info li span {
    text-transform: uppercase;
    font-size: 14px;
    color: #e2e1e1
}
.copyright_logo, .copyright_logo:focus {
    text-transform: none;
    color: #004493
}
.tags a {
    display: inline-block;
    margin-bottom: 4px;
    padding: 3px 9px;
    line-height: 24px;
    color: #505050;
    background: #ddd
}
#sidebar .tags a:hover, .tags a:hover {
    background: #004195;
    color: #fff
}
textarea, input[type="text"] {
    width: 218px;
    margin: 0 1px 4px 0;
    margin-top: 0!important;
    padding: 11px 20px 12px;
    text-transform: none;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: 20px;
    font-size: 12px;
    color: #8d8d8d;
    font-style: normal;
    border-radius: 0;
    background: #f4f4f4;
    border: 0;
    box-shadow: none
}
textarea {
    overflow: hidden;
    min-height: 95px;
    resize: none;
    width: 441px
}
textarea, input[type="text"].last {
    margin-right: 0
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus {
    outline: 0;
    box-shadow: none;
    border: 0
}
footer textarea, footer input[type="text"] {
    width: 218px;
    margin: 0 1px 4px 0;
    margin-top: 0!important;
    padding: 6px 11px 7px;
    text-transform: none;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: 20px;
    font-size: 13px;
    color: #9a9a9a;
    font-style: normal;
    border-radius: 0;
    background: #3d3d3d;
    border: 0;
    box-shadow: none
}
footer textarea {
    overflow: hidden;
    min-height: 95px;
    resize: none;
    width: 441px
}
footer textarea, footer input[type="text"].last {
    margin-right: 0
}
.contact_btn {
    display: block;
    cursor: pointer;
    margin: 0;
    padding: 0 13px;
    border: 2px solid #3d3d3d;
    border-radius: 0;
    box-shadow: 0;
    text-align: center;
    text-shadow: none;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: 21px;
    font-size: 13px;
    color: #c5c5c5;
    background: #3d3d3d;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}
.contact_btn:hover {
    background: none;
    color: #004195;
    border-color: #004195
}
.notification_error {
    color: #004195
}
.breadcrumbs_block {
    margin-bottom: 40px;
    padding: 10px 30px;
    background-color: #797979;
    color: #fff
}
.breadcrumbs_content {
    position: relative;
    z-index: 2
}
.breadcrumbs_block h2 {
    margin-bottom: 0;
    color: #fff
}
.breadcrumb {
    margin: 0;
    background: none;
    border-radius: 0;
    padding: 0
}
.breadcrumb > li + li:before {
    color: #fff
}
.breadcrumb li a {
    font-weight: 700;
    color: #fff
}
.breadcrumb li:last-child a {
    font-weight: 400;
    color: #fff;
    cursor: default
}
#accordion .ui-accordion-header, .shortcode_toggles_item_title {
    position: relative;
    margin-bottom: 10px;
    padding: 17px 30px 16px;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    background: #505050;
    cursor: pointer;
    outline: none!important;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}
#accordion .ui-accordion-header:hover, #accordion .ui-accordion-header.ui-accordion-header-active, .shortcode_toggles_item_title:hover, .shortcode_toggles_item_title .ui-state-active {
    background: #004195;
    color: #fff
}
#accordion .ui-accordion-header .ui-icon, .shortcode_toggles_item_title .ui-icon {
    position: absolute;
    top: 17px;
    right: 20px;
    vertical-align: top;
    width: 20px;
    height: 20px;
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    font-size: 12px
}
#accordion .ui-accordion-header .ui-icon:before {
    position: absolute;
    content: "\e080";
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}
#accordion .ui-accordion-header.ui-accordion-header-active .ui-icon:before {
    transform: rotate(90deg)
}
.shortcode_toggles_item_title .ui-icon:before {
    position: absolute;
    content: "\e114";
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}
.shortcode_toggles_item_title.ui-state-active .ui-icon:before {
    transform: rotate(-90deg)
}
.shortcode_toggles_item_body {
    padding-bottom: 20px
}
.shortcode_toggles_shortcode .ip, #accordion .ui-accordion-content {
    padding: 17px 10px 8px 30px
}
.nav-tabs {
    border: 0
}
.nav-tabs li a {
    padding: 10px 17px 12px;
    text-transform: uppercase;
    line-height: 20px;
    font-size: 14px;
    color: #505050;
    border-radius: 0;
    border: 0;
    border-bottom: 3px solid #fff;
    background-color: #f4f4f4
}
.nav-tabs li a:hover {
    color: #004195;
    background: #f4f4f4;
    border-bottom: 3px solid #fff
}
.nav-tabs li.active a, .nav-tabs li.active a:hover, .nav-tabs li.active a:focus {
    color: #505050;
    background: #f4f4f4;
    border: 0;
    border-bottom: 3px solid #f4f4f4
}
.tab-content {
    padding: 26px 30px 29px;
    background: #f4f4f4;
    border-bottom: 2px solid #ededed
}
.tab-content .left_block {
    width: 45%
}
.tab-content .right_block {
    width: 49%
}
.tab-content iframe {
    height: 159px
}
.tab-content .list4 li {
    padding: 0 0 5px
}
.block_404 {
    padding: 0
}
.block_404 .btn {
    padding: 11px 25px
}
.list1 li {
    list-style: disc inside;
    color: #505050
}
.list2 li {
    list-style: circle inside;
    color: #505050
}
.list3 li {
    list-style: decimal inside;
    color: #505050
}
.list4 li b.glyphicon {
    padding-right: 15px;
    line-height: 18px;
    color: #505050;
    font-size: 9px
}
.list1 li span, .list2 li span, .list3 li span {
    color: #979797
}
.dropcap {
    display: block;
    float: left;
    margin: 0 13px 0 0;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 43px;
    line-height: 55px;
    padding-top: 0
}
.dropcap.type4 {
    display: block;
    float: left;
    font-family: 'Open Sans', cursive;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 43px;
    line-height: 55px;
    padding: 0 22px 0 21px
}
blockquote {
    position: relative;
    padding-top: 0!important;
    padding-left: 40px!important;
    border: 0!important
}
blockquote:before {
    content: '"';
    position: absolute;
    left: 0;
    top: 0;
    line-height: 70px;
    font-size: 90px
}
blockquote.pull-right {
    padding-right: 0!important;
    margin-left: 20px!important
}
blockquote.type1:before {
    color: #505050
}
blockquote.type2:before {
    color: #979797
}
blockquote p {
    margin-bottom: 10px;
    font-weight: inherit;
    line-height: inherit;
    font-size: inherit
}
blockquote.pull-right p, blockquote.pull-right small {
    text-align: left!important
}
blockquote .author {
    color: #cecece
}
.example_col [class^="col-"] {
    padding-top: 15px;
    padding-bottom: 15px;
    background: #f9f9f9;
    border: 1px solid #ddd
}
hr {
    border-color: #ececec
}
hr.orange {
    margin-top: -1px;
    height: 5px;
    background: #004195
}
.divider_light {
    border-color: #979797
}
.divider_dark {
    border-color: #505050
}
.divider_colored {
    border-color: #004195
}
.alert {
    background-image: inherit!important;
    border: 0;
    box-shadow: none;
    text-shadow: none;
    border-radius: 0
}
.close {
    font-weight: 400;
    opacity: 1;
    filter: alpha(opacity=100);
    text-shadow: none
}
.frame340 iframe {
    width: 340px;
    height: 191px;
    margin: 7px 21px 10px 0
}
.pull-right.frame340 iframe {
    margin: 7px 0 10px 21px
}
.icons_block li {
    float: left;
    width: 20%;
    padding-bottom: 3px
}
.icons_block li span {
    padding-right: 7px;
    color: #444
}
.testimonials_item p {
    margin-bottom: 7px
}
.testimonials_item .testimonials_author span {
    text-transform: uppercase;
    color: #dadada;
    font-size: 14px
}
.blog_post, .post {
    padding-bottom: 30px
}
.portfolio_post h2, .blog_post h2, .post h2 {
    margin-bottom: 6px
}
h2 .glyphicon {
    vertical-align: top;
    padding: 2px 7px 0 0;
    font-size: 15px
}
.post p {
    margin-bottom: 7px
}
.post_meta {
    padding-bottom: 13px
}
span.sep {
    padding: 0 8px
}
.post_img {
    margin-bottom: 12px
}
.post_img iframe {
    height: 350px
}
#comments ol {
    padding: 0;
    margin: 0;
    list-style: none
}
#comments li {
    padding: 0 0 20px
}
.avatar {
    margin-right: 11px
}
.comment_right {
    display: table
}
.comment_info {
    padding-bottom: 7px;
    color: #b9b9b9
}
#comments ol li ul li {
    padding: 20px 0 0 30px;
    margin: 0
}
.leave_comment input[type="text"] {
    width: 32.8%
}
.leave_comment textarea {
    width: 99.5%;
    min-height: 130px
}
.pagination li a:focus, .pagination li a {
    display: block;
    margin: 0 5px 5px 0;
    padding: 6px 12px;
    border-radius: 0!important;
    border: 0;
    background: none;
    color: #9c9c9c
}
.pagination li.active a:focus, .pagination li.active a:hover, .pagination li a:hover, .pagination li.active a {
    background: #ddd;
    color: #444
}
.pagination li.next a:hover, .pagination li.prev a:hover {
    background: none;
    color: #444
}
.sidepanel {
    margin-bottom: 35px
}
#sidebar input {
    width: 67%
}
#sidebar .search_form .btn {
    width: 30%;
    padding: 11px 12px
}
.popular_products li, .recent_posts li {
    margin-bottom: 10px
}
.popular_products .popular_product_img img {
    width: 70px
}
.popular_product_descr, .recent_posts_content {
    padding-left: 85px
}
.popular_product_descr a.title, .post_title {
    display: block;
    margin-bottom: 8px
}
.popular_product_descr span.price {
    display: block;
    padding-top: 7px
}
#sidebar .tweet_module .tweet_list li {
    margin-bottom: 14px;
    padding-left: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255,255,255,0.21);
    background-image: url(../images/tweets_bg2.png);
    background-repeat: no-repeat;
    background-position: left top
}
footer .tweet_module .tweet_list li {
    background-image: url(../images/tweets_bg.png)
}
#sidebar .tweet_module .tweet_list li:last-child {
    padding-bottom: 0;
    border-bottom: 0
}
#sidebar .tweet_module .tweet_time {
    display: block
}
footer .tweet_module .tweet_time a {
    color: #004195
}
#map {
    margin-top: -60px;
    margin-bottom: 40px
}
.contacts_info li {
    padding: 0 0 6px
}
.top_form input[type="text"], .top_form textarea {
    width: 99%
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1
}
.isotope, .isotope .isotope-item {
    -webkit-transition-duration: .8s;
    -moz-transition-duration: .8s;
    transition-duration: .8s
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity
}
.isotope.infinite-scrolling {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none
}
#filter li {
    display: inline-block;
    margin-bottom: 4px
}
#filter li a {
    display: block;
    padding: 6px 12px;
    border: 0;
    background-color: #f4f4f4
}
#filter li a.selected {
    background-color: #004195;
    color: #fff
}
#projects .columns1 .project {
    width: 100%
}
#projects .columns1 .hover_img {
    margin-bottom: 10px
}
.load_more_cont {
    width: 100%;
    padding: 10px 0 0
}
.portfolio_block .project .hover_img {
    -webkit-box-shadow: 10px 10px 5px 0 rgba(0,0,0,0.35);
    -moz-box-shadow: 10px 10px 5px 0 rgba(0,0,0,0.35);
    box-shadow: 3px 10px 20px 0 rgba(0,0,0,0.35);
    text-align: center;
    position: relative;
    background-color: #eee
}
.portfolio_block .project .hover_img img {
    opacity: .95;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}
.portfolio_block .project:hover .hover_img img {
    opacity: .17
}
.portfolio_block .hover_img .zoom {
    display: block;
    position: absolute;
    z-index: 100;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0)
}
.portfolio_block .project_descr {
    position: relative;
    padding: 37px 10px 14px;
    color: #979797;
    background-color: #f4f4f4;
    border-bottom: 2px solid #ededed;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}
.portfolio_block .project:hover .project_descr {
    border-bottom-color: #004195
}
.portfolio_block .project_descr h4 {
    margin-bottom: 11px;
    font-weight: 400
}
.portfolio_block .project:hover .project_descr h4 a {
    color: #004195
}
.product_sort {
    position: relative;
    display: inline-block
}
.filter_btn {
    min-width: 200px;
    height: 30px;
    padding: 0 0 0 20px;
    background-color: #fff;
    cursor: pointer
}
.filter_btn span.glyphicon {
    padding-right: 10px;
    line-height: 30px;
    font-size: 9px;
    color: #797979
}
.product_sort #filter {
    position: absolute;
    z-index: 500;
    top: 31px;
    left: 0;
    min-width: 200px
}
.product_sort #filter li {
    display: block;
    margin: 0
}
.product_sort #filter li a {
    display: block;
    margin: 0;
    padding-left: 20px;
    text-align: left;
    background-color: #e3e3e3;
    color: #505050
}
.product_sort #filter li a:hover, .product_sort #filter li a.selected {
    color: #004195;
    background-color: #e3e3e3
}
.size_btn a {
    display: inline-block;
    text-transform: none;
    font-size: 13px;
    cursor: pointer;
    color: #979797
}
.size_btn a .glyphicon {
    padding-right: 10px;
    color: #e3e3e3
}
.size_btn a .glyphicon:before {
    content: "\e012"
}
.size_btn a .glyphicon.glyphicon-th:before {
    content: "\e011"
}
.product_item {
    overflow: hidden;
    position: relative
}
.product_item .hover_img {
    width: 100%;
    background-color: #fff
}
.product_item .hover_img img {
    opacity: .88
}
.product_item .project_descr {
    position: absolute;
    left: 0;
    bottom: -120px;
    width: 100%;
    padding: 25px 10px 24px;
    color: #979797;
    background-color: #fff;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}
.product_item .project_descr h4 {
    margin-bottom: 11px;
    font-weight: 400
}
.product_item:hover .project_descr {
    bottom: 0
}
.product_item .project_descr p {
    display: none
}
.product_item .item_btn_in {
    position: absolute;
    top: -100px;
    left: 0;
    right: 0;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out
}
.product_item:hover .item_btn_in {
    top: 34%
}
.product_item .item_btn_in a.btn {
    padding: 10px 20px;
    text-transform: uppercase;
    font-size: 15px
}
.product_item .item_btn_in a.btn:focus, .product_item .item_btn_in a.btn:hover {
    border-color: #fff
}
.variable-sizes .element {
    width: 100%!important
}
.variable-sizes .hover_img {
    float: left;
    width: 255px!important;
    margin-right: 30px
}
.variable-sizes .product_item .item_btn_in {
    bottom: 15px;
    right: 15px;
    left: auto;
    top: auto
}
.variable-sizes .product_item .item_btn_in a.btn {
    border: 0;
    background-color: #f4f4f4;
    color: #505050
}
.variable-sizes .product_item .item_btn_in a.btn:hover {
    color: #fff;
    background-color: #004195
}
.variable-sizes .project_descr {
    position: static;
    float: left;
    width: 65%;
    padding-top: 0;
    padding-left: 0;
    padding-bottom: 60px;
    text-align: left;
    border: 0;
    background-color: transparent;
    transition: none;
    -webkit-transition: none
}
.variable-sizes .product_item .project_descr span {
    display: block;
    margin: -5px 0 20px
}
.variable-sizes .product_item .project_descr p {
    display: block
}
.product_item2 {
    position: relative;
    border-width: 4px;
    border-style: solid;
    border-color: transparent;
    transition: border-color .3s ease-in-out;
    -webkit-transition: border-color .3s ease-in-out
}
.product_item2:hover {
    border-color: #004195
}
.product_foto {
    display: block;
    background-color: #f5f5f5
}
.product_inf {
    padding: 25px 5px 26px 20px
}
.product_inf h4 {
    margin-bottom: 11px
}
.product_inf .price {
    margin-bottom: 21px;
    font-size: 17px
}
.old_price {
    float: left;
    padding-right: 13px;
    text-decoration: line-through;
    font-size: 17px;
    color: #797979
}
.product_inf .btn {
    top: 0;
    margin-right: 5px;
    padding: 6px 8px;
    text-transform: uppercase;
    font-size: 15px;
    color: #505050;
    border: 2px solid #505050;
    background-color: transparent
}
.product_inf .btn:hover {
    background-color: #004195;
    border-color: #004195;
    color: #fff
}
.product_inf .btn_com {
    margin-right: 0;
    transition-delay: .1s;
    -webkit-transition-delay: .1s
}
.product_inf .btn_like2, .product_inf .btn_com {
    font-size: 20px;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%)
}
.product_item2:hover .product_inf .btn_like2, .product_item2:hover .product_inf .btn_com {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0)
}
.sale {
    position: absolute;
    z-index: 10;
    left: 0;
    top: 10px;
    padding: 9px 15px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 15px;
    color: #fff;
    background-color: #004195
}
.product_social {
    padding: 29px 0 21px
}
.product_social li {
    display: inline-block;
    margin: 0 5px 8px 0
}
.product_social li a {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-image: url(../images/product_social.png);
    opacity: .7
}
.product_social li a:hover {
    opacity: 1
}
.product_social li a.soc1 {
    background-position: 0 0
}
.product_social li a.soc2 {
    background-position: -38px 0
}
.product_social li a.soc3 {
    background-position: -76px 0
}
.jcarousel-wrapper {
    position: relative
}
.jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-bottom: 71px
}
.jcarousel ul {
    width: 20000em;
    position: relative
}
.jcarousel li {
    float: left;
    width: 255px;
    margin-right: 30px
}
.jcarousel-control-prev, .jcarousel-control-next {
    display: inline-block;
    width: 33px;
    height: 33px;
    margin: 0 -1px;
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    text-align: center;
    color: #505050;
    border: 2px solid #e4e4e4
}
.jcarousel-control-prev:hover, .jcarousel-control-next:hover {
    color: #505050;
    border-color: #505050
}
.jcarousel-control-prev:before {
    content: "\e079"
}
.jcarousel-control-next:before {
    content: "\e080"
}
.jcarousel-control-prev.inactive, .jcarousel-control-next.inactive {
    cursor: default
}
.jcarousel-control-prev:focus, .jcarousel-control-next:focus {
    color: #505050
}
.jcarousel-control-prev.inactive:hover, .jcarousel-control-next.inactive:hover {
    color: #505050;
    border: 2px solid #e4e4e4
}
.product_page .jCarousel_pagination {
    position: relative;
    z-index: 2;
    margin: -52px 0 52px
}
.product_page .jcarousel {
    padding-bottom: 0
}
.vertretungen-pad {
		padding-top:50px;
	}

@media (max-width: 1024px) and (-webkit-min-device-pixel-ratio:0) {
#sidebar input {
    width: 100%
}
#sidebar .search_btn {
    width: 100%
}
}

@media (max-width: 1024px) {
.img-branche {
    width: 50%
}
.block_404 {
    min-height: 300px!important
}
.wrapper404 {
    padding-top: 97px!important;
    padding-bottom: 97px!important
}
#sidebar .search_form .btn, #sidebar input[type="text"] {
    width: 100%
}
}

@media (min-width: 992px) and (max-width: 1199px) {
.img-branche {
    width: 33.333333%
}
.is-sticky .menu_block {
    width: 100%
}
.projects_block .project_item .hover_img {
    width: 205px;
    height: 230px
}
.service_item {
    padding-left: 33px;
    padding-right: 33px
}
.product_item .item_btn_in a.btn {
    margin-bottom: 5px;
    padding: 3px 7px;
    font-size: 13px
}
.product_inf .btn {
    margin-bottom: 5px
}
.variable-sizes .hover_img {
    width: 205px!important
}
footer .FlickrImages {
    padding-right: 0
}
.logo {
    position: absolute;
    margin: 10px 0 0 55%;
    z-index: 99999;
    width: 40%
}
.navbar-nav li a {
    font-size: 1.6em
}
}

@media (min-width: 768px) and (max-width: 991px) {
.is-sticky .menu_block {
    width: 100%
}
.navbar-nav li {
    margin: 0
}
.navbar-nav li a {
    font-size: 1.5em
}
.projects_block .project_item .hover_img {
    width: 330px;
    height: 370px
}
.service_item {
    padding-left: 15px;
    padding-right: 15px
}
#sidebar input, #sidebar .search_form .btn {
    width: 100%
}
.sorting_options .pagination {
    margin-top: 15px
}
.product_inf .btn {
    margin-bottom: 5px
}
.variable-sizes .hover_img {
    width: 205px!important
}
.variable-sizes .project_descr {
    width: 274px
}
.leave_comment input[type="text"] {
    width: 32.6%
}
.logo {
    position: absolute;
    margin: 10px 0 0 55%;
    z-index: 99999;
    width: 40%
}
	
}

@media (max-width: 767px) {
.logo {
   position: relative;
    margin: 10px 0 0 30px;
    width: 35%;
}	
.navbar-nav  {
    padding: 0 0 0 50px ; 
   
}	
.vertretungen-pad {
		padding-top:0px;
	}	
.navbar-nav li a {
   
    font-size: 1.4em;
  
}
	.navbar-nav li li a {
   
    font-size: 1.0em;
  
}

	.breadcrumb{
		display:none;
		
	}
	section {
    padding: 20px 0;
}	
#top_line {
    width: 100%;
    padding: 1% 1% 0 0;
}	
	#top_line  .nav-tabs a {
		font-size:0.9em;
	}	
.wrapper {
    padding-left: 1px;
    padding-right: 1px;
}	
.container {
    padding-right: 2px;
    padding-left: 2px;
}	
.subline {
    text-align: right;
    color: #fff;
    font-size: 1.3em;
}	
footer {
    padding: 20px 40px 20px 40px;
 
 
    border-bottom: 30px solid #191919;
}	
.h2 {
    font-size: 20px;
}	
h2 {
    margin: 0 0 27px;
    line-height: 21px;
    font-size: 18px;
}	
#style-switcher {
    display: none!important
}

.img-branche {
    width: 25%
}
.col-partner {
    float: left;
    width: 26%
}
.col-partner-sm {
    float: left;
    width: 20%
}
.fixed-menu {
    display: none!important
}
.navbar-toggle {
    position: relative;
    z-index: 100;
    display: block;
    margin: 10px 0;
    padding: 0;
    border: #cfcfcf 1px solid;
    border-radius: 4px;
    box-shadow: inset #fbfbfb 0 1px 0;
    width: 100%;
    height: 40px;
    background-color: #efefef;
    background-image: linear-gradient(top, #f5f5f5, #e9e9e9);
    background-image: -webkit-linear-gradient(top, #f5f5f5, #e9e9e9);
    background-image: -moz-linear-gradient(top, #f5f5f5, #e9e9e9);
    background-image: -ms-linear-gradient(top, #f5f5f5, #e9e9e9);
    background-image: -o-linear-gradient(top, #f5f5f5, #e9e9e9)
}
.navbar-toggle:hover {
    background-color: #f5f5f5;
    background-image: linear-gradient(top, #e9e9e9, #f5f5f5);
    background-image: -webkit-linear-gradient(top, #e9e9e9, #f5f5f5);
    background-image: -moz-linear-gradient(top, #e9e9e9, #f5f5f5);
    background-image: -ms-linear-gradient(top, #e9e9e9, #f5f5f5);
    background-image: -o-linear-gradient(top, #e9e9e9, #f5f5f5)
}
.navbar-toggle span {
    font-size: 20px;
    line-height: 24px
}
.navbar-nav {
    float: none;
    text-align: left;
    margin: 0 0 20px
}
.navbar-nav li {
    width: 100%;
    margin: 0;
    padding-bottom: 5px;
    text-align: left
}
.navbar-nav li:before {
    display: none
}
.navbar-nav li a {
    padding: 0;
    display: inline-block;
    border: 0
}
.sub-menu ul {
    display: block!important;
    position: static;
    border: 0;
    padding-top: 4px;
    padding-left: 0
}
.sub-menu ul li a {
    border: 0!important;
    padding: 0!important;
    display: inline-block
}
.sub-menu ul li a span {
    display: inline-block!important;
    padding: 0 7px 0 3px
}
ul.mega_menu {
    width: 100%
}
.projects_block .row {
    text-align: center
}
.projects_block .col-ss-12 {
    float: none!important;
    display: inline-block;
    width: 220px
}
.projects_block .project_item .hover_img {
    width: 100%;
    height: 215px
}
.service_item {
    float: none;
    width: 420px;
    margin: 0 auto;
    border: 0
}

.icons_block li {
    width: 100%
}
.shop_block .col-xs-6 {
    width: 49.8%
}
.sorting_options .pagination {
    margin-top: 10px
}
#toggle-sizes {
    margin-top: 10px
}
.product_item .item_btn_in a.btn {
    margin-bottom: 5px;
    padding: 3px 8px;
    font-size: 12px
}
.sorting_options .btn {
    margin-top: 10px
}
.product_sort {
    margin-top: 10px
}
#toggle-sizes {
    display: none
}
.leave_comment input[type="text"] {
    width: 99.5%
}
.menu_block {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px none #ccc;
    background-color: #fff
}
}

@media (max-width: 479px) {
.logo {
    position: relative;
    margin: 10px 0 0 1%;
    z-index: 99999;
    width: 100%
}	
.col-partner {
    float: left;
    width: 33%
}
.col-partner-sm {
    float: left;
    width: 30%
}
.breadcrumb {
    float: left!important;
    padding-top: 10px
}
ul.mega_menu li.col {
    width: 100%;
    float: none;
    padding-bottom: 10px
}
.service_item {
    width: 100%;
    float: none
}
.video_block {
    height: 191px
}
.latest_news_item .recent_post {
    float: none!important;
    width: 100%;
    height: 100%;
    margin-right: 0
}
.latest_news_item .recent_post img {
    width: 100%
}
.latest_news_item {
    margin-bottom: 30px
}
.nav-tabs li {
    float: none;
    width: 100%
}
.frame340 iframe {
    width: 260px
}
.product_sort {
    margin-top: 10px
}
.post_img iframe {
    height: 237px
}
footer .latest_news_item .recent_post {
    float: left!important;
    margin-right: 20px
}
.margtop20 {
    margin-top: 5px
}
.margleft20 {
    margin-left: 5px
}
.col-ss-1, .col-ss-2, .col-ss-3, .col-ss-4, .col-ss-5, .col-ss-6, .col-ss-7, .col-ss-8, .col-ss-9, .col-ss-10, .col-ss-11 {
    float: left
}
.col-ss-12 {
    width: 100%
}
.col-ss-11 {
    width: 91.666666666667%
}
.col-ss-10 {
    width: 83.333333333333%
}
.col-ss-9 {
    width: 75%
}
.col-ss-8 {
    width: 66.666666666667%
}
.col-ss-7 {
    width: 58.333333333333%
}
.col-ss-6 {
    width: 50%
}
.col-ss-5 {
    width: 41.666666666667%
}
.col-ss-4 {
    width: 33.333333333333%
}
.col-ss-3 {
    width: 25%
}
.col-ss-2 {
    width: 16.666666666667%
}
.col-ss-1 {
    width: 8.3333333333333%
}
}