View file Web Template Ktpl/package/templates/ktpl/css/styles.css

body{
    background-image: none;
}

.kt_brand {
    height: 100px;
    overflow: hidden;
    background-image: url("../images/bg_top.png");
}

.kt_logo {
    float: left;
    width: 470px;
}

.kt_logo a {
    height: 70px;
    line-height: 70px;
    display: block;
    font-size: 36px;
    text-decoration: none;
    margin-left: 20px;
}

.kt_header_right {
    float: right;
}

.kt_top_menu {
	background: #34495e;
    height: 32px;
    line-height: 32px;
}

.kt_menu1 {
    float: left;
}

.kt_menu2 {
    float: right;
}

.kt_width {
    width: 1200px;
    margin: 0 auto;
    clear: both;
}

#body section {
    float: none;
    width: auto;
}

.kt_left_pos {
    width: 240px;
    float: left;
    margin-right: 10px;
}

.kt_right_pos {
    width: 240px;
    float: right;
}

.kt_body_center {
    display: inline-block;
    overflow: hidden;
}

#body aside {
    float: inherit;
    display: initial;
}

#body aside .kt_left_pos .menu li ul {
    right: auto;
    left: 91%;
}

.widget_content_slider .slide .heading {
    z-index: 1;
}

.kt_tw, .kt_bw {
    float: left;
}

.kt_monoblock {
    background: white;
    display: inline-block;
    margin-bottom: 10px;
    width: 100%;
}

.kt_tw .widget,
.kt_bw .widget {
	margin-bottom: 0;
}

.mb10 {
	margin-bottom: 10px;
}

.widget_tabbed .tabs ul {
    height: 38px;
    line-height: 38px;
}

.widget_tabbed .tabs ul li {
    height: 38px;
    line-height: 38px;
}

.widget_tabbed .tabs ul li a {
    height: 38px;
    line-height: 38px;
}

.widget_tabbed > .tabs .links {
    padding-right: 8px;
}

.kt_header_right {
	width: 728px;
}

/* Header Navigation 1 ======================================================== */

.kt_menus .menu,
.kt_menus .menu li { margin:0; padding:0; list-style: none; background:none; }

.kt_menu1 .menu {
    float: left;
    padding-left: 5px;
}

.kt_menu2 .menu {
    float: right;
    padding-right: 5px;
}

.kt_menus .menu {
    position: relative;
    z-index: 15;
}

.kt_menus .menu .item{
    background: none;
}

.kt_menus .menu > li {
    float: left;
}

.kt_menus .menu > li > a {
    display: block;
    padding: 0 5px;
    color: #A3CAE0;
    text-decoration: none;
    font-size: 12px;
}

.kt_menus .menu > li > a:hover {
    color:#FFF;
}

.kt_menus .menu > li.active > a { color:#F5CF53; }
.kt_menus .menu > li.active > a:hover { color:#F5CF53; }
.kt_menus .menu > li.active > ul a:hover { color:#EEE; }

.kt_menus .menu ul li a,
.kt_menus .menu li.active ul li a {
    text-decoration: none;
    padding-right: 10px;
    font-size: 12px;
}

.kt_menus .menu li ul li.active a{ color:#F5CF53; }
.kt_menus .menu li ul li.active a:hover { color:#F5CF53; }

.kt_menus .menu li:hover {
    position: relative;
    z-index: 599;
    cursor: default;
}

.kt_menu1 .menu ul {
    left: -15px;
}

.kt_menu2 .menu ul {
    right: -50px;
}

.kt_menus .menu ul {
    visibility: hidden;
    position: absolute;
    top: 99%;
    z-index: 598;
    width: 100%;
}

.kt_menus .menu ul li {
    float: none;
    background-color: #224674;
    color: #FFF;
}

.kt_menus .menu ul li a {
    display: block;
    height: 32px;
    line-height: 32px;
    color: #A3CAE0;
    padding-left: 10px;
}

.kt_menus .menu ul li:hover > a { 
	background-color: #315480; 
	color: #FFF; 
}

.kt_menus .menu ul ul {
    top: 0px;
    left: 90%;
}

.kt_menus .menu li:hover > ul {
    visibility: visible;
}

.kt_menus .menu ul { width:220px; }

.kt_menus .menu > .folder a {
    padding-right: 8px;
}

/************** Главное меню ***************/

nav {
    height: 40px;
}

nav .menu {
    height: 40px;
    line-height: 40px;
}

/************* Footer ******************/

footer {
    background: white;
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
    padding: 10px 0;
    font-size: 12px;
}

footer ul.menu{
	margin: 0;
    list-style: none;
    text-align: center;
}

footer ul.menu li {
    display: inline-block;
    margin: 0 5px;
}

footer ul.menu li a{
    text-decoration: none;
}

.kt_copy {
    text-align: center;
    margin-bottom: 10px;
    font-size: 12px;
    color: #666;
}

.kt_copy a{
    color: #666;
    text-decoration: none;
}

.kt_copy .item {
    border-right: 1px solid #666;
    padding: 0 5px;
}

.kt_copy .item:last-child {
    border-right: 0;
}

.kt_end {
    text-align: center;
    margin-bottom: 10px;
}

.kt_start {
    text-align: center;
}

.kt_widget_search .widget_search{
    margin: -5px 0 5px 20px;
    padding: 0;
    background: none;
    float: left;
}

.kt_widget_noty{
    margin: -10px 0 5px 10px;
    float: left;
}

.kt_widget_noty a{
    font-size: 14px !important;
    height: 27px !important;
    line-height: 27px !important;
    margin: 0;
    background-repeat: no-repeat;
    background-position-y: 5px;
    padding-left: 20px;
}

.kt_widget_noty .menu{
    margin: 0;
}

/* Media Queries ============================================================ */

@media screen and (max-width: 1200px) {
	.widget_content_slider .slide { width: 100%; }
}

@media screen and (max-width: 1200px) {
	.kt_width { width: 1000px; }
	.kt_logo { width: 270px; }
	.kt_logo a { font-size: 26px; }
	.widget_content_slider .items .item .title { display: none; }
	.widget_content_slider .items .item { padding: 5px; }
	.widget_content_slider .items .item .image { margin-right: 0; }
}

@media screen and (max-width: 1000px) {
	.kt_logo { width: 330px; }
    .kt_width { width: 800px; }
    .kt_header_right { width: 468px; }
}

@media screen and (max-width: 800px) {
    .kt_width { width: calc(100% - 20px); }
    .kt_brand { height: initial !important; display: block; text-align: center; overflow: hidden; }
    .kt_logo { float: initial; margin-left: 0; width: 100%;}
    .kt_logo a { height: 50px; line-height: 50px; }
    .kt_header_right { float: none; width: 100%; height: auto; }
    nav { height: initial; }
}

@media screen and (max-width: 520px) {
    .kt_sidebar { width: 100% !important; }
    .kt_menu1 { display: none; }
}