/*Fonts*/
@fontreg: 'Roboto', sans-serif;
@fontcond: 'Roboto Condensed', sans-serif;
@fontjournal: 'Merriweather', serif;

/*Override*/
@white: #ffffff;
@boldblue: #0a1c35;
@black: #000000;
@hoverlink: #2f5992;
@hover: #a8ccfc;
@link: #1c447a;
@textnews: #647387;

/*Adaptive*/
@highdesktop:    ~"(min-width: 1200px) and (max-width:1920px)";
@desktop:        ~"(min-width: 992px) and (max-width: 1199px)";
@tablet:         ~"(min-width: 768px) and (max-width: 991px)";
@phone:          ~"(min-width: 280px) and (max-width: 767px)";

* {
    outline: none;
}

body, html {
    font-family: @fontreg;
    font-size: 14px;
    
    .menu:hover .overlaymenu {
        display: block;
    }
}

h1, h2, h3, h4, h5, h6 {
    font-family: @fontcond;
}

p {
    
}

a {
    
}
.row {
    margin-right: 0px;
    margin-left: 0px;
}


.header {
    background: #23518e;
    background: -moz-linear-gradient(left, #23518e 1%, #173f74 100%);
    background: -webkit-linear-gradient(left, #23518e 1%,#173f74 100%);
    background: linear-gradient(to right, #23518e 1%,#173f74 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23518e', endColorstr='#173f74',GradientType=1 );
    padding: 30px 0;
    
    .lefth {
        padding: 0;
        
        h4 {
            text-transform: uppercase;
            font-size: 16px;
            line-height: 18px;
            font-weight: bold;
            opacity: 0.5;
            color: @white;
            font-family: @fontreg;
            margin-bottom: 15px;
            
            &:before {
                content: url(../images/phone_icon.png);
                padding-right: 10px;
            }
        }
        p {
            color: @white;
            font-size: 14px;
            margin: 0;
            line-height: 24px;
            font-family: @fontreg;
            padding-bottom: 5px;
            
            a {
                text-decoration: none;
                color: @white;
                
                &:hover {
                    text-decoration: none;  
                    color: @hover;
                }
            }
        }
    }
    .centerh {
        text-align: center;
        
        a {
            
            img {
                
            }
        }
        h1 {
            text-transform: uppercase;
            color: @white;
            font-size: 28px;
            font-family: @fontcond;
            font-weight: bold;
            letter-spacing: 1.1px;
        }
        h6 {
            color: @white;
            font-size: 14px;
            opacity: 0.5;
            line-height: 18px;
            font-family: @fontreg;
        }
    }
    .righth {
        text-align: center;
        padding-right: 0px;
        
        h4 {
            text-transform: uppercase;
            opacity: 0.5;
            color: @white;
            font-size: 16px;
            font-family: @fontreg;
            font-weight: bold;
            margin-bottom: 15px;
            margin-top: 10px;
            
            &:before {
                content: url(../images/user_icon.png);
                padding-right: 10px;
            }
        }
        .link {
            
            a {
                text-transform: uppercase;
                color: @white;
                font-size: 14px;
                font-family: @fontreg;
                
                &:hover {
                    text-decoration: none;
                    color: @hover;
                }
                &:first-child {
                    
                }
                &:last-child {
                }
            }
            span {
                color: @white;
                opacity: 0.1;
                padding: 0 10px;
                font-family: @fontreg;
            }
			form {
			
				a {
					display: block;
					float: left;
				}
				input {
					display: block;
					background: inherit;
					border: none;
					color: @white;
					text-transform: uppercase;
					font-size: 14px;
					font-family: @fontreg;
					text-align: right;
					float: right;
					line-height: 18px;
					
					&:hover {
						color: @hover;
						text-decoration: underline;
					}
				}
			}
        }
        .searchblock {
            position: relative;
			float: left;
			width: 100%;
            
            input {
                margin-top: 25px;
                padding: 10px 15px;
                background: #22497e;
                border: none;
                color: @white;
                width: 100%;
                font-family: @fontreg;
                padding-right: 50px;

                &:after {

                }
                &:active {

                }
            }
            ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
                color: @white;
                font-size: 13px;
                opacity: 0.3;
            }
            ::-moz-placeholder { /* Firefox 19+ */
                color: @white;
                font-size: 13px;
                opacity: 0.3;
            }
            :-ms-input-placeholder { /* IE 10+ */
                color: @white;
                font-size: 13px;
                opacity: 0.3;
            }
            :-moz-placeholder { /* Firefox 18- */
                color: @white;
                font-size: 13px;
                opacity: 0.3;
            }
            input[type="image"] {
                position: absolute;
				right: 15px;
				width: auto;
				top: 35px;
				padding: 0;
				margin: 0;
            }
        }
    }
}
.menu {
    background: @white;
    box-shadow: 0px 3px 6px rgba(0,0,0,0.07);
    z-index: 2;
    position: relative;
    
    .container {
        padding: 0;
        
        .navbar {
            padding: 0;
            margin: 0;

            .navbar-collapse {
                
                .navbar-nav {
                    
                    li {
                        
                        &:hover {
                            .dropdown-menu {
                                display: block;
                            }
                        }
                    }
                }
                ul {
                    z-index: 2;
					position: relative;

                    li {

                        a {
                            padding: 15px 22px;
                            color: #0a1c35;
                            font-weight: 900;
                            font-size: 14px;
                            font-family: @fontreg;
    
                            &:hover {

                            }
                        }
                        &:hover {
                            
                            a {
                                background: #c8dffd;
                                color: #0a1c35;
                            }
                        }
                        ul.dropdown-menu {
							position: absolute;
							left: 0;
							margin-top: 0px;
                            border-top: none;
                            
							.container {
                                min-height: 200px;
                                float: left;
                            }
                            li {
                                                                
                                a {
                                    background: none;
                                    color: #0a1c35;
                                    
                                    &:hover {
                                        color: @hoverlink;
                                    }
                                }
                            }
                        }
                    }
                    li.active {
                        a {
                            color: @link;
                        }
                    }
                }
            }
        }
    }
    &:hover {

    }
}
.content {
    
    .headerblock {
        border-bottom: 1px solid #e9f2fd;
        margin-bottom: 30px;
        padding-left: 0;

        h1 {
           text-transform: uppercase;
            color: @boldblue;
            font-size: 28px;
            font-family: @fontcond;
            font-weight: bold;
            position: relative;
            margin-top: 30px;
            margin-bottom: 20px;
            
            span {
                position: absolute;
                bottom: -22px;
                left: 0px;
                width: 100%;
                height: 3px;
                background: @link;
            }
            
        }
        .today {
            margin-top: 30px;
            font-family: @fontreg;
            font-size: 16px;
            font-weight: normal;
            color: #647387;
			text-align: right;
			
            span {
                font-family: @fontreg;
                font-size: 16px;
                font-weight: bold;
                color: #647387;

                &:before {
                    content: url(../images/calendar_icon.png);
                    padding-right: 10px;
                }
            }
        }
    }
    .contentoverlay {
        padding-left: 0;
        
        .newsblock {
            padding-left: 0;
            
            hr {
                border-top: 1px solid #e9f2fd;
            }
            
            .imagenews {
                padding: 0;
                
                img {
                    width: 100%;
                }
            }
            h2 {
                font-size: 20px;
                line-height: 24px;
                margin: 0;
                margin-bottom: 10px;
                padding: 0;
                
                a {
                    color: @boldblue;
                    font-family: @fontreg;
                    font-weight: bold;
                    
                    &:hover {
                        color: @hoverlink;
                        text-decoration: none;
                    }
                }
            }
            p {
                color: @textnews;
                font-size: 14px;
                font-family: @fontreg;
                line-height: 22px;
            }
            .parameters {
                padding-left: 0;
                margin-top: 5px;
                
                .article-date {
                    margin-right: 25px;
                    color: #78879b;
                    font-size: 13px;
                    line-height: 22px;
                    float: left;

                    &:before {
                        content: url(../images/date_icon.png);
                        padding-right: 5px;
                        display: block;
                        float: left;
                        padding-top: 2px;
                    }
                }
                .article-see {
                    color: #78879b;
                    font-size: 13px;
                    line-height: 22px;

                    &:before {
                        content: url(../images/view_icon.png);
                        padding-right: 5px;
                        display: block;
                        float: left;
                        padding-top: 2px;
                    }
                }
            }
            .readmoreblock {
                margin-top: 8px;
                padding-right: 0;
                
                a {
                    font-family: @fontreg;
                    font-size: 14px;
                    color: #1c447a;
                    text-transform: uppercase;
                    letter-spacing: 1.2px;
                    font-weight: bold;
                    
                    &:after {
                        content: url(../images/min_arrow_right.png);
                        padding-left: 5px;
                        margin-top: -2px;
                        float: right;
                        display: block;
                        
                    }
                    &:hover {
                        text-decoration: none;
                        color: @hoverlink;
                    }
                }
                hr {
                    border-color: #e9f2fd;
                }
            }
        }
        .link-all {
            text-align: center;
            margin: 20px 0 40px 0;
            a {
                font-family: @fontreg;
                font-weight: 700;
                color: @link;
                font-size: 14px;
                text-transform: uppercase;
                letter-spacing: 1.3px;
                border: 2px solid #c5dcf5;
                padding: 10px 40px;
                
                &:hover {
                    text-decoration: none;
                    color: @white;
                    border: none;
                    background: @link;
                }
            }
        }
    }
    .rightbar {
        
        .journal {
            background: url(../images/bg_journal.png);
            height: 370px;
            padding: 20px 0;
            text-align: center;
            position: relative;
            margin-bottom: 40px;
            
            img {
                margin-bottom: 25px;
            }
            h3 {
                font-size: 24px;
                color: #0a1c35;
                font-weight: bold;
                margin-bottom: 15px;
                font-family: @fontjournal;
                font-weight: 900;
                margin-top: 0;
                
                &:before {
                    content: " ";
                }
            }
            p {
                font-family: @fontreg;
                font-size: 16px;
                color: @link;
                font-weight: 500;
            }
            a {
                text-transform: uppercase;
                color: @white;
                font-size: 13px;
                font-weight: bold;
                padding: 10px 20px;
                background-color: #1c447a;
                position: absolute;
                bottom: 80px;
                left: 85px;
                
                &:hover {
                    background-color: @hoverlink;
                    text-decoration: none;
                }
            }
        }
        h3.linkme {
            color: #0a1c35;
            font-family: @fontreg;
            font-weight: bold;
            font-size: 18px;
            line-height: 20px;
            margin-bottom: 20px;

            &:before {
                content: url(../images/posil_icon.png);
                padding-right: 15px;
                display: block;
                float: left;
                padding-top: 10px;
            }
        }
        ul.linkme {
            padding-left: 0;
            li {
                list-style: none;
                width: 100%;
                display: block;
                float: left;
                clear: both;
                margin-bottom: 10px;
                background: @white;
                box-shadow: 0px 2px 5px rgba(0,0,0,0.08);
                
                &:before {
                    content: url(../images/herb.png);
                    padding: 5px 10px 0 10px;
                    background: #2f5992;
                    display: block;
                    float: left;
                }
                a {
                    padding: 13px 10px 10px 10px;
                    display: block;
                    float: left;
                    font-size: 14px;
                    font-weight: bold;
                    color: @link;
                    line-height: 18px;
                    
                    &:hover {
                        color: @hoverlink;
                        text-decoration: none;
                    }
                }
            }
        }
        .linkme {
            margin-bottom: 30px;
            p {
                width: 100%;
                clear: both;
                margin-bottom: 10px;
                box-shadow: 0px 2px 5px rgba(0,0,0,0.08);
            }
            img {
                width: 100%;
                height: auto;
            }
        }
    }
    .breadcrumbs {
        padding-left: 0;
        margin-top: 20px;
        
        ul {
            padding-left: 0;
            
            li {
                list-style: none;
                float: left;
                
                a {
                    color: #1c447a;
                    font-weight: 900;
                    font-size: 13px;
                    
                    
                    &:hover {
                        
                    }
                    
                }
                &:after {
                    content: "/";
                    padding: 0px 15px;
                }
                &:last-child {
                    &:after {
                        content: " ";
                        padding: 0;
                    }
                }
                span {
                    font-size: 13px;
                    color: #647387;
                    font-weight: normal;
                }
            }
        }
    }
    .subpage {
        padding: 0;
        margin-bottom: 60px;
        
        .subblock {
            background: @white;
            box-shadow: 0px 3px 6px rgba(0,0,0,0.15);   
            text-align: center;
            margin-bottom: 20px;
            
            a {
                font-size: 20px;
                font-weight: bold;
                color: #1c447a;
                padding: 50px;
                display: block;
                font-family: @fontreg;
                
                &:hover {
                    text-decoration: underline;
                    color: #2f5992;
                }
            }
            &:hover {
                box-shadow: 0px 3px 6px rgba(0,0,0,0.3); 
            }
        }
    }
    .pagination {
        margin: 20px 0 40px;
        padding: 0;
            
        li {
            list-style: none;
            float: left;
            margin-right: 15px;

            a {
                font-weight: bold;
                border: none;
                font-size: 14px;
                color: #0a1c35;

                &:hover {
                    background-color: @boldblue;
                    border: none;
                    color: @white;
                }
            }
            &:first-child {
                
                a {
                    border-top-left-radius: 0px;
                    border-bottom-left-radius: 0px;                    
                }
            }
            &:last-child {
                a {
                    border-top-right-radius: 0px;
                    border-bottom-right-radius: 0px;
                }
            }
            span {
                color: @textnews;
                border: none;
                
                &:hover {
                    background: none;
                }
            }
        }
        li.active {

            span {
                background-color: @boldblue;
                border: none;
                color: @white;
            }
        }
    }
    .popular {
        box-shadow: 0px 3px 6px rgba(0,0,0,0.15); 
        padding: 20px 20px;
        margin-bottom: 20px;
        
        h2 {
            margin-top: 0;
            color: #0a1c35;
            font-size: 18px;
            font-weight: bold;
            font-family: @fontreg;
            
            &:before {
                padding-right: 10px;
                content: url(../images/popular_icon.png);
                display: block;
                float: left;
                margin-top: -3px;
            }
        }
        .popularblock {
            margin: 0;
            padding: 15px 0;
            border-bottom: 1px solid #e9f2fd;
            
            h4 {
                margin: 0;
                font-size: 14px;
                
                a {
                    color: #0a1c35;
                    
                    &:hover {
                        color: @hoverlink;
                    }
                }
            }
            .date {
                margin-top: 5px;
                font-size: 12px;
                color: #78879b;
            }
            &:last-child {
                border: none;
                padding-bottom: 0;
            }
        }
        
    }
    .archive {
        box-shadow: 0px 3px 6px rgba(0,0,0,0.15); 
        padding: 20px 20px;
        margin-bottom: 20px;
        
        h2 {
            margin-top: 0;
            color: #0a1c35;
            font-size: 18px;
            font-weight: bold;
            font-family: @fontreg;
            margin-bottom: 25px;

            &:before {
                padding-right: 10px;
                content: url(../images/popular_icon.png);
                display: block;
                float: left;
                margin-top: -3px;
            }
        }
        ul {
            padding-left: 0;
            
            li {
                list-style: none;
                margin-bottom: 5px;
                
                a {
                    font-family: @fontreg;
                    font-weight: bold;
                    font-size: 14px;
                    color: #1c447a;
                    
                    &:hover {
                        
                    }
                }
            }
        }
    }
	.login {
        
        
        #member-registration {
            
            .control-group:last-child {
                float: left;
                width: 100%;
                text-align: center;
                display: flex;
                flex-direction: column;
                margin-bottom: 30px;
                
                .controls {
                    text-align: center;
    float: left;
    margin: 0 auto;
                }
            }
        }
		form {
			text-align: center;
			border: 1px solid @link;
			border-radius: 0px;
			background: inherit;
			padding: 20px 20px;
			margin: 20px 0;
			
			input {
				margin-bottom: 15px;
				padding: 10px 15px;
				border: 1px solid #22497e;
				color: #boldblue;
				min-width: 200px;
				max-width: 250px;
				font-family: @fontreg;
			}
			button {
				font-family: @fontreg;
				font-size: 14px;
				color: @boldblue;
				text-transform: uppercase;
				letter-spacing: 1.2px;
				font-weight: bold;
				background: inherit;
				border-color: @hoverlink;
				
				&:after {
					content: url(../images/min_arrow_right.png);
					padding-left: 5px;
					margin-top: -2px;
					float: right;
					display: block;
					
				}
				&:hover {
					background: @link;
					text-decoration: none;
					color: @white;
				}
			}
			.control-label {
				text-align: center;
			}
		}
		.nav {
			border: none;
			padding-right: 0;
			
			li {
				width: 33%;
				border: 1px solid @hoverlink;
				text-align: center;
				float: left;
				margin-top: 0px;
				margin-right: 0.5%;
				
				&:hover {
					background: @link;
					text-decoration: none;
					color: @white;
				}
				
				a {
					background: inherit;
					font-family: @fontreg;
					font-size: 14px;
					font-weight: 300;
					color: @hoverlink;					
					border: none;
					
					&:hover {
						border: none;
						color: @white;
					}
				}
			}
			li:last-child {
				margin-right: 0;
			}
		}
	}
	.search {
		input {
			margin-bottom: 15px;
			padding: 10px 15px;
			border: 1px solid #22497e;
			color: #boldblue;
			float: left;
			font-family: @fontreg;
		}
		button {
			font-family: @fontreg;
			font-size: 14px;
			color: @boldblue;
			text-transform: uppercase;
			letter-spacing: 1.2px;
			font-weight: bold;
			background: inherit;
			border-color: @hoverlink;
			border-radius: 0px;
			padding: 10px 25px;
			width: 100%;

			&:hover {
				background: @link;
				text-decoration: none;
				color: @white;
			}
		}
		.searchintro {
			p {
				font-size: 18px;
				font-family: @fontreg;
				
				span {
					border: none;
					border-radius: 0;
					background: inherit;
					color: #000;
					font-size: 18px;
					padding: 0;
				}
			}
		}
		.sr {
			padding-left: 0px;
			.rightnews {
				padding-left: 0px;
			}
		}
	}
}
.singlehead {
    padding-left: 0;
    margin-bottom: 10px !important;
    
    h1 {
        padding-left: 0;        
    }
    
    .today {
        margin-top: 50px !important;
    }
}
.singlenews {
    padding-left: 0;
    margin-bottom: 40px;
	
	blockquote {
		border-color: @hover;
		footer {
			background: inherit;
			padding: 0;
		}
	}
	table {
		
		tr {
		
			td {
				border: 1px solid @link;
				padding: 10px;
			
			}
		}
	
	}
    .parameters {
        padding-left: 0;
        margin-top: 5px;

        .article-date {
            margin-right: 25px;
            color: #78879b;
            font-size: 13px;
            line-height: 22px;
            float: left;

            &:before {
                content: url(../images/date_icon.png);
                padding-right: 5px;
                display: block;
                float: left;
                padding-top: 2px;
            }
        }
        .article-see {
            color: #78879b;
            font-size: 13px;
            line-height: 22px;

            &:before {
                content: url(../images/view_icon.png);
                padding-right: 5px;
                display: block;
                float: left;
                padding-top: 2px;
            }
        }
    }
    .socialshare {
        text-align: center;
        
        h3 {
            color: #0a1c35;
            font-size: 18px;
            font-weight: 700;
            font-family: @fontreg;
            
        }
    }
    p {
        font-size: 14px;
        font-family: @fontreg;
        color: #0a1c35;
        margin-bottom: 15px;
    }
}
footer {
    background: #23518e;
    background: -moz-linear-gradient(left, #23518e 1%, #173f74 100%);
    background: -webkit-linear-gradient(left, #23518e 1%,#173f74 100%);
    background: linear-gradient(to right, #23518e 1%,#173f74 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23518e', endColorstr='#173f74',GradientType=1 );
    padding: 40px 0;
    
    .menufooter {
        padding-left: 30px;
        background: none;
        
        ul {
            padding: 0;
            margin: 0;
            margin-bottom: 30px;
            
            li {
                list-style: none;
                float: left;
                padding-right: 35px;
                
                a {
                    font-family: @fontreg;
                    font-weight: bold;
                    font-size: 13px;
                    color: @white;
                    
                    &:hover {
                        text-decoration: none;
                        color: @hover;
                    }
                    
                }
            }
        }
        .contact {
            padding-left: 0;
            margin-bottom: 20px;
            
            p {
                color: @white;
                opacity: 0.5;
                font-size: 13px;
                line-height: 18px;
                padding: 0;
                margin: 0;
                margin-bottom: 5px;
                font-weight: normal;
                
                a {
                    color: @white;
                    
                    &:hover {
                        color: @hover;
                        text-decoration: none;
                    }
                }
            }
            
        }
    }
    .footbottom {
        padding-left: 30px;
        
        p {
            color: @white;
            opacity: 0.5;
            font-size: 13px;
            line-height: 18px;
            padding: 0;
            margin: 0;
            font-weight: normal;
            float: left;
            line-height: 30px;
        }
        p.copyright {
            opacity: 1;
            font-size: 12px;
            
            span {
                opacity: 0.5;
            }
            a {
                opacity: 1;
                text-decoration: underline;
                color: @white;
                font-weight: bold;
                
                &:hover {
                    color: @hover;
                }
            }
        }
    }
}
@media @desktop {
    .header {
        
        .lefth {
            p {
                font-size: 13px;
            }
        }
        
        .centerh {
            padding: 0;
            
            h1 {
                font-size: 22px;
            }
            h6 {
                font-size: 14px;
            }
        }
        .righth {
            .link {
				float: left;
				width: 100%;
				
                a {
                    font-size: 13px;
                }
            }
            .searchblock {
                input {
                    width: 100%;
                }
                a {
                    z-index: 2;
                    right: 75px;
                }
            }
        }
    }
    .menu {
        
        .container {
            
            .navbar {
                
                .navbar-collapse {
                    ul {
                        li {
                            a {
                                padding: 15px 10px;
                            }
                        }
                    }
                }
            }
        }
    }
    .content {
		.search {
			
			button {
				padding: 10px 0;
			}
		}
        .singlehead {
            .today {
                text-align: right;
            }
        }
        .rightbar {
            
            .journal {
                background-size: contain;
                height: 280px;
                img {
                    margin-bottom: 10px;
                }
                h3 {
                    font-size: 20px;
                    margin-bottom: 10px;
                }
                p {
                    font-size: 14px;
                }
                a {
                    left: 55px;
                    bottom: 40px;
                }
            }
        }
        .popular {
            h2 {
                font-size: 15px;
            } 
        }
        .archive {
            h2 {
                font-size: 15px;
            } 
        }
    }
    footer {
        .menufooter {
            ul {
                li {
                    padding-right: 13px;
                    &:last-child {
                        padding-right: 0;
                    }
                    a {
                        
                    }
                }
            }
        }
        .footbottom {
            p {
                font-size: 11px;
            }
        }
    }
}
@media @tablet {
    .header {

        .lefth {
            p {
                font-size: 13px;
            }
        }

        .centerh {
            padding: 0;

            h1 {
                font-size: 22px;
            }
            h6 {
                font-size: 14px;
            }
        }
        .righth {
            .link {
                a {
                    font-size: 13px;
                }
            }
            .searchblock {
                input {
                    width: 100%;
                }
                a {
                    z-index: 2;
                    right: 75px;
                }
            }
        }
    }
    .menu {

        .container {

            .navbar {

                .navbar-collapse {
                    ul {
                        li {
                            a {
                                padding: 15px 10px;
                            }
                        }
                    }
                }
            }
        }
    }
    .content {
        .singlehead {
            .today {
                margin-top: 10px !important;
                font-size: 13px;
                span {
                    font-size: 14px;
                }
            }
        }
        .rightbar {

            .journal {
                background-size: contain;
                height: 280px;
                img {
                    margin-bottom: 10px;
                }
                h3 {
                    font-size: 20px;
                    margin-bottom: 10px;
                }
                p {
                    font-size: 14px;
                }
                a {
                    left: 55px;
                    bottom: 40px;
                }
            }
        }
        .popular {
            h2 {
                font-size: 15px;
            } 
        }
        .archive {
            h2 {
                font-size: 15px;
            } 
        }
        .contentoverlay {
            .newsblock {
                h2 {
                    font-size: 16px;
                    line-height: 20px;
                }
                p {
                    font-size: 13px;
                }
            }
        }
    }
    footer {
        .menufooter {
            ul {
                li {
                    padding-right: 14px;
                    &:last-child {
                        padding-right: 0;
                    }
                    a {

                    }
                }
            }
        }
        .footbottom {
            p {
                font-size: 11px;
                width: 100%;
                float: none !important;
                text-align: center;
                
            }
        }
    }
}
@media @phone {
    .header {

        .lefth {
            display: none;
        }

        .centerh {
            padding: 0;

            h1 {
                font-size: 22px;
            }
            h6 {
                font-size: 14px;
            }
        }
        .righth {
            padding-left: 0;
            .searchblock {
                input {
                    width: 100%;
                }
                a {
                    z-index: 2;
                    right: 75px;
                }
            }
            .link {
                a {
                    float: none !important;
                    text-align: center;
                }
                input {
                    float: none !important;
                    text-align: center;
                    margin:  0 auto;
                    margin-top: 10px;
                }
            }
        }
    }
    .menu {
        padding: 0 30px;
            
        .container {
            .navbar-header {
                .navbar-toggle {
                    background: @boldblue;
                    span.icon-bar {
                        background: @white;
                        color: @white;
                    }
                    .new {
                        float: right;
                        padding-top: 3px;
                    }
                    span.text {
                        color: @white;
                        padding-right: 40px;
                        background: none;
                        float: left;
                    }
                }
            }
            .navbar {

                .navbar-collapse {
                    ul {
                        li {
                            ul.dropdown-menu {
                                width: 100%;
                                position: relative;
                                border: none;
                                left: inherit;
                                box-shadow: none;
                                li {
                                    padding-left: 40px;
                                    a {
                                        font-size: 13px;
                                    }
                                }
                            }
                            a {
                                
                            }
                        }
                    }
                }
            }
        }
    }
    .content {
        .headerblock {
            h1 {
                float: none !important;
                text-align: center;
            }
            .today {
                float: none !important;
                margin: 30px 0 10px;
                text-align: center;
            }
        }
        .contentoverlay {
            padding-right: 0;
            .newsblock {
                .imagenews {
                    text-align: center;
                    margin-bottom: 10px;
                    img {
                        max-width: fit-content;
                    }
                }
            }
        }
        .singlehead {
            .today {
                font-size: 13px;
                span {
                    font-size: 14px;
                }
            }
        }
        .search {
            .pull-left {
                padding: 0;
                margin-bottom: 20px;
            }
        }
        .rightbar {

            .journal {
                background-size: contain;
                height: 280px;
                background-repeat: no-repeat;
                background-position: center;
                
                img {
                    margin-bottom: 10px;
                }
                h3 {
                    font-size: 20px;
                    margin-bottom: 10px;
                }
                p {
                    font-size: 14px;
                }
                a {
                    position: relative;
                    left: auto;
                    bottom: auto;
                }
            }
            .linkme {
                h3 {
                    text-align: center;
                    &:before {
                        content: " ";
                    }
                }
                p {
                    text-align: center;
                    box-shadow: inherit;
                    img {
                        width: auto;
                        max-width: 100%;
                    }
                }
            }
        }
        .popular {
            h2 {
                font-size: 15px;
            } 
        }
        .archive {
            h2 {
                font-size: 15px;
            } 
        }
    }
    footer {
        text-align: center;
        
        .logo {
            img {
                margin-bottom: 10px;
            }
        }
        
        .footbottom {
            p {
                line-height: 16px;
                margin-bottom: 15px;
            }
            p.pull-right {
                float: none !important;
            }
        }
    }
}
#system-message-container {
	margin-top: 20px;
	
	.alert {
		margin-bottom: 0px;
		background: rgba(255, 0, 0,0.1);
		color: @black;
		
		h4 {
			font-weight: bold;
			font-family: @fontreg;
			color: @black;
		}
	}
}
.homebutton {
	display: block;
    width: 100%;
    text-align: center;
    margin: 20px 0;
    background: @link;
    padding: 10px 0;
    color: @white;
	border: 2px solid @link;
    font-size: 16px;
	
	&:hover {
		color: @link;
		background: @white;
	}
}
.mv-social-buttons-box {
	h4 {
		font-weight: bold;
		font-family: @fontreg;
		text-align: center;
	}
}
.panel {
	.panel-heading {
		button {
			font-size: 20px;
			background: inherit;
			border: none;
			width: 100%;
			text-align: left;
		}
	}
}