/* GLOBAL STYLES
-------------------------------------------------- */
html { }
body { padding-bottom: 40px; letter-spacing: .2px; font-family: 'Exo', sans-serif; color: #6e6e6e; background: #e8e8e8; }
a { text-decoration: underline; color: #309cf7; }
a:focus { color: #3b7dba; }
a:hover, a:active { color: #111; }
h1, h2, h3 { color: #3a7bba; }
h1 { font-size: 30px; font-weight: 500; }
h2 { font-size: 26px; font-weight: 500; }
h3 { font-size: 22px; font-weight: 500; }
h4 { font-size: 17px; font-weight: 500; color: #3c3c3c; }
h5 { font-size: 16px; font-weight: 500; color: #3c3c3c; }
h6 { font-size: 14px; font-weight: 600; color: #3c3c3c; }
strong { font-weight: 600; color: #303030; }
hr { border-color: #dadada; }
.table-hover > tbody > tr:hover { color: #111; background-color: #fff; }
.table-bordered { background: #fff; }
.table-bordered > thead > tr > th { border-bottom-width: 1px; border-color: #666; color: #62aede; background-color: #393939; }
.table-bordered > thead:first-child > tr:first-child > th { border-top: 1px solid #666; }
.table-bordered.table-hover > tbody > tr:hover { background-color: #f5f5f5; }
.page-header { margin: 0 0 20px; padding: 0; border: none; }
.page-header h1 { margin: 0; }
.thumbnail { position: relative; padding: 0; border-color: #9a9a9a; border-radius: 0px; overflow: hidden; text-decoration: none; outline: none!important; -webkit-box-shadow: 5px 5px 6px 0px rgba(0,0,0,0.1); -moz-box-shadow: 5px 5px 6px 0px rgba(0,0,0,0.1); box-shadow: 5px 5px 6px 0px rgba(0,0,0,0.1); }
a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #3b7dba; text-decoration: none; -webkit-box-shadow: 5px 5px 6px 0px rgba(58,122,186,0.1); -moz-box-shadow: 5px 5px 6px 0px rgba(58,122,186,0.1); box-shadow: 5px 5px 6px 0px rgba(58,122,186,0.1); }
.thumbnail .thumbnail-title { display: block; position: absolute; bottom: 0; left: 0; width: 100%; padding: 5px 10px; border-top: 1px solid #3b7dba; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-decoration: none; font-size: 13px; color: #fff; background: rgba(51,122,183,0.9); }
.thumbnail:hover .thumbnail-title { white-space: normal; }
.form-control, .btn { border-radius: 0px; }
.btn { padding-left: 20px; padding-right: 20px; }
.form-control:focus { border-color: #888; box-shadow: none!important; }
label { font-weight: 400; color: #3c3c3c; }

/* HEADER
-------------------------------------------------- */
#header { border-right: 1px solid #fff; border-left: 1px solid #fff; background: #6fb6e0 url(../images/bg-header.jpg) no-repeat 0 100%; -webkit-box-shadow: 0px -8px 32px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px -8px 32px 0px rgba(0,0,0,0.2); box-shadow: 0px -8px 32px 0px rgba(0,0,0,0.2); }
#navbar { border-bottom: 1px solid #c1c1c1; background: #111 url(../images/bg-navbar.png) no-repeat 0 0; }
.navbar { position: relative; z-index: 200; min-height: 0; margin: 0; border: none; border-radius: 0; }
.navbar-header { float: left; padding: 20px 0 20px 40px; }
.navbar-collapse { padding-right: 0; padding-left: 0; }
.navbar .navbar-brand { float: none; height: auto; padding: 0; line-height: normal;}
.navbar .navbar-brand > img { max-width: 100%; height: auto; }
.navbar-langs, .navbar-langs li { margin: 0; padding: 0; list-style: none; }
.navbar-langs { float: right; padding-right: 40px; }
.navbar-langs li { float: left; }
.navbar-langs li a { display: block; padding: 15px 10px; text-decoration: none; font-size: 14px; font-weight: normal; line-height: 15px; color: #fff; }
.navbar-langs li a:hover, .navbar-langs li a.active { color: #62aede; }
.navbar-langs li a:after { content: " | "; position: relative; right: -9px; color: #fff; }
.navbar-langs li:last-child a:after { display: none; }

#header .login-form form { margin: 0; padding: 20px 30px; background: #f8f8f8; -webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.2); box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.2); }
#header .login-form legend { border: none; font-size: 17px; color: #3c3c3c; }
#header .login-form legend .fa { padding-right: 10px; font-size: 20px; color: #a2a2a2; }
#header .login-form .form-group label { margin: 0; }

#slider_row { padding: 0 34px 40px 34px; }
#slider .cycle-slideshow { }
.cycle-slideshow .slide { display: none; width: 100%; height: 100%; }
.cycle-slideshow .slide:first-child { display: block; }
.cycle-slideshow .slide img {}
.cycle-slideshow .slide .slide-title { display: block; position: absolute; top: -56px; left: 270px; height: 37px; padding: 20px 0 0 20px; line-height: 17px; text-transform: uppercase; white-space: nowrap; font-style: italic; font-weight: 500; font-size: 17px; color: #fff; background: url(../images/bg-slide-title.png) no-repeat 0 100%; }
.cycle-pager { position: absolute; z-index: 200; bottom: 10px; left: 10px; }
.cycle-pager a { float: left; width: 18px; height: 10px; margin: 0 2px; vertical-align: bottom; border: 1px solid #fff; text-decoration: none; text-align: center; color: #5f5f5f; background: #fff; cursor: pointer; opacity: 0.7; }
.cycle-pager a.cycle-pager-active, .cycle-pager a:hover { color: #fff; background: #3a7bba; }

/* MAIN
-------------------------------------------------- */
#main { clear: both; background: #f3f4f6; -webkit-box-shadow: 0px -8px 32px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px -8px 32px 0px rgba(0,0,0,0.15); box-shadow: 0px -8px 32px 0px rgba(0,0,0,0.15); }
#main_row { padding: 40px 35px; }

#horizontal_blocks { border-right: 1px solid #fff; border-left: 1px solid #fff; background: #f3f2f2; background: -moz-linear-gradient(top, #f3f2f2 0%, #ffffff 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #f3f2f2), color-stop(100%, #ffffff)); background: -webkit-linear-gradient(top, #f3f2f2 0%, #ffffff 100%); background: -o-linear-gradient(top, #f3f2f2 0%, #ffffff 100%); background: -ms-linear-gradient(top, #f3f2f2 0%, #ffffff 100%); background: linear-gradient(to bottom, #f3f2f2 0%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f2f2', endColorstr='#ffffff', GradientType=0 ); }
#horizontal_blocks_row { padding: 30px 34px; }
#horizontal_blocks .block { padding-right: 20px; padding-left: 20px; }
#horizontal_blocks_row > .block > .row > div:last-child { padding-left: 0; }
#horizontal_blocks .thumbnail { position: relative; margin: 0; }
#horizontal_blocks .thumbnail .thumbnail-title { position: absolute; top: 50%; left: 50%; width: 90px; height: 28px; margin: -14px 0 0 -45px; padding: 0; line-height: 28px; }
#horizontal_blocks .thumbnail:hover .thumbnail-title { background: #286090; }
#horizontal_blocks .desc { padding: 29px 15px 29px 15px; line-height: 1.3; background: url(../images/bg-gradient-bordered.png) no-repeat 100% 0, url(../images/bg-gradient-bordered.png) no-repeat 100% 100%; }
#horizontal_blocks .desc a { display: block; text-decoration: none; color: #3a7bba; }
#horizontal_blocks .desc .title-block { display: block; margin: 0 0 5px 0; line-height: 1.1; font-size: 19px; font-weight: 500; color: #3a7bba; }

.sidebar-contacts, .sidebar-contacts li { margin: 0; padding: 0; list-style-type: none; }
.sidebar-contacts { padding-left: 15px; list-style-image: url(../images/bull-plus.gif); }
.sidebar-contacts li { padding: 0 0 10px 10px }

/* FOOTER
-------------------------------------------------- */
#footer { padding: 15px 30px; color: #fff; background: #525252; }
#footer a { text-decoration: none; color: #fff; }
#footer a:hover { color: #fff; }
#footer .logo { float: right; }

#back-to-top { position: fixed; z-index: 1000; bottom: 40px; right: 0px; display: none; }
#back-to-top a { display: block; width: 30px; height: 50px; line-height: 50px; text-align: center; color: #fff; background: #5ebff4; -webkit-transition:0.1s all ease; -moz-transition:0.1s all ease; -o-transition:0.1s all ease; transition:0.1s all ease; opacity: 0.8; }
#back-to-top a .fa { font-size: 16px; }
#back-to-top a:hover { opacity: 1; }


/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 1200px) {
.container { width: 1100px; }
}

@media (max-width: 991px) {
#header .login-form, #slider { float: none; width: 100%; }
#slider { margin-bottom: 20px; }
#horizontal_blocks .block { margin-bottom: 30px; }
#horizontal_blocks .block:last-child { margin-bottom: 0; }
#horizontal_blocks .desc { padding: 14px 15px; }
}

@media (min-width: 768px) {
#header #slider { padding-left: 20px; padding-right: 20px; }
#header .login-form { padding-left: 20px; padding-right: 20px; }
#content { padding-left: 20px; padding-right: 39px; border-right: 1px solid #dadada; }
#sidebar { padding-left: 30px; padding-right: 20px; }
}

@media (max-width: 767px) {
body { padding-bottom: 20px; }
.navbar-header { padding-left: 20px; }
.navbar-langs { padding-right: 10px; }
#slider_row { padding: 0 20px 30px 20px; }
.cycle-slideshow .slide .slide-title { position: static; height: auto; margin: -5px 0 10px 0; padding: 0; white-space: normal; background: none; }
#header .login-form form { padding: 20px; }
#horizontal_blocks_row { padding: 30px 15px; }
#main_row { padding: 30px 20px; }
#sidebar { margin-top: 20px; padding-top: 20px; border-top: 1px solid #dadada; }
#footer { padding: 15px 20px; }
#back-to-top { bottom: 20px; }
}