/*
Theme Name: souzt
*/

body{
	background: #0b0e13 url('images/bg.jpg') no-repeat center top;
	font-family: sans-serif;
	padding-top:30px;
	padding-bottom:20px;
	}

h1,h2,h3,h4,h5,h6{ font-family: sans-serif; text-transform:uppercase; font-weight:700; line-height:1.4em; color:#555555; }
h1{ font-size:30px;padding-bottom: 10px; }
h2{ font-size: 22px;padding-bottom: 10px; }
h3{ font-size:20px; }
h4{ font-size:18px; }
h5{ font-size:15px; }
h6{ font-size:10px; }

p{ font-size:16px; line-height:1.7em; color:#555555; margin-bottom:20px; }

a{ color:#444444; text-decoration:none; }
a:hover{ color:#9ba3a7; }

.clear{ clear: both; }
.wrapper{ width:100%; }

.first{ margin-left:0px; }
.last{ margin-right:0px; }


.headtop {padding-bottom: 40px;}
.headtop::after{
	content: '';
	display: table;
	clear: both;
}
#logo{
	width: 80px;
}
/* ================================================== */
/* Header */
/* ================================================== */
header nav{
	background: #9ba3a7;
	border-radius: 10px;
	}
header nav::after{
	content:'';
	display: table;
	clear: both;
}
.contain{
    width: 960px;
    position: relative;
    margin: 0 auto;
    padding: 0px;
}
.content img{
	max-width: 100%;
}

/* Posts */
.post{
	background:#FFFFFF;
	margin-bottom:40px;
	}
.post .post-margin{ padding-left:8%; padding-right:8%; padding-top:5%; padding-bottom:5%; }
.post .post-title{ margin-bottom:5px; color:#444444; }


/* Page */
.page-conainer{ background:#FFFFFF; }
.page-conainer .post-margin{ padding:50px; padding-bottom:30px; }
.page-title{ margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #EEEEEE; }

.col-3-3 ul { list-style: outside url('images/li.png'); padding-left: 35px; position: relative; padding-bottom: 20px; line-height: 1.5; }
.col-3-3 ul li { padding-top: 5px; }
.col-3-3 ol  {     padding-left: 35px; list-style-type: decimal; padding-bottom: 20px; line-height: 1.5; }
.col-3-3 ol li { padding-top: 5px; }

blockquote, q { position: relative; padding: 30px 30px 30px 30px; margin: 10px 0 20px 30px; color: #444; background: #EFEFEF; border-left: 10px solid #9ba3a7; border-right: 10px solid #9ba3a7; border-radius: 10px; display: block; line-height: 1.6; }
blockquote:after { position: absolute; top: 10px; left: 20px; font-size: 4em; line-height: 1; }

/* Footer */
footer .contain{background: #9ba3a7;padding-top:1px;border-radius: 10px;margin:30px auto 0;}
footer .contain p{ color:#FFFFFF; font-size:14px; margin-left:15px; }
#footer-logo{ float:right; margin-right:15px; }
.wrap-col::after{
	content: '';
	display: table;
	clear: both;
}

.alignright, .right { float: right; }
.alignleft, .left { float: left; }
.center { text-align: center; }
.centered, .aligncenter {
	display: block;
	margin: 0 auto;
	}

img.alignright, img.right {
	margin: 0 0 7px 20px;
	display: inline;
	}
img.alignleft, img.left {
	margin: 0 20px 7px 0;
	display: inline;
	}
a img {
	border: none;
	}
img {
	max-width: 100%;
	}

#wpfront-scroll-top-contain {
    display: block;
    position: fixed;
    cursor: pointer;
    z-index: 9999;
    opacity: 0.3;
    right: 50px;
    bottom: 50px;
    
    z-index:1;
}
#wpfront-scroll-top-contain.active{
	display: block;
}
.logd {
	float: left;
	width: 162px;
}

.headtext{
	float: right;
	max-width: 320px;
	line-height: 1.4;
	color: #fff;
}
div#post-contain {
	background: rgba(255, 255, 255, 0.9);
	padding: 10px;
	border-radius: 15px;
}

header{
	padding: 0 0 30px 0;
}

.video {
  position: relative;
  padding-bottom: 56.25%; 
  height: 0;
  overflow: hidden;
}
.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 0;
  outline-width: 0;
}

.top-menus, .top-menus * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.top-menus li {
	position: relative;
}
.top-menus ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99999;
}
.top-menus > li {
	float: left;
}
.top-menus li:hover > ul,
.top-menus li.sfHover > ul {
	display: block;
}

.top-menus a {
	display: block;
	position: relative;
}
.top-menus ul ul {
	top: 0;
	left: 100%;
}

.top-menus {
	float: left;
	margin-left: 20px;
}
.top-menus ul {
	min-width: 12em; 
	*width: 12em; 
}
.top-menus a {
	padding: 20px 15px;
	text-decoration: none;
	zoom: 1; 
}
.top-menus a {
	color: #ffffff;
	text-transform:uppercase;
	font-size:13px;
}

.top-menus li {
	white-space: nowrap; 
	margin-left: 0; 
}
.top-menus ul li {
	background: #343434;
}
.top-menus ul ul li {
	background: #343434;
}
.top-menus li:hover,
.top-menus li.sfHover {
	background: #2980b9;
	transition: none;
	color:#FFFFFF;
}
.top-menus li a:hover{ color:#FFFFFF; }
.top-menus li.current{ background: #2980b9; }
.top-menus li.current-menu-item{ background: #2980b9; }

.logd {
    width: 100%;
    float: left;
    max-width: 467px;
}
.logd img{
	float: left;
	margin-right: 20px;
}
.berg{
	display:none;
}
.logd p {
    color: #9ba3a7;
    font-weight: bold;
    font-size: 40px;
    line-height: 100%;
    margin: 0;
}
.logd p span {
    color: black;
    font-size: 17px;
    font-weight: normal;
    line-height: 130%;
    margin: 24px 0 0 0;
    display: block;
}

strong {
    font-weight: bold;
}

footer .contain a {
	color: #fefefe!important;
    text-decoration: underline;
}
footer .contain a:hover {
    text-decoration: none;
}
@media screen and (max-width: 600px) {

	header nav{
	display:none;
}
.berg {
    display: block;
    background: #9ba3a7;
    border-radius: 8px;
}
	.berg img {
    width: 31px;
    margin: 11px;
}
	header nav {
    background: #9ba3a7;
    border-radius: 10px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

	.berg.actb {
    display: block;
    background: #9ba3a7;
    border-radius: 8px;
		 border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
	.top-menus li {
    white-space: nowrap;
    margin-left: 0;
    display: block;
    width: 100%;
    text-align: center;
}
	.top-menus {
    float: left;
    margin-left: 0;
}
}

/* Main Style */
a:hover{ color:#9ba3a7; }

/* Super Fish */
.top-menus li:hover,
.top-menus li.sfHover { background: #59646a57; }

.top-menus li.current{ background: #2ecc71; }
.top-menus li.current-menu-item{background: #59646a;}

.contain{ width: 960px; position: relative; margin: 0 auto; padding: 0px;}
.contain:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

.contain .row{}
.contain .row:before,.row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.contain .row:after{clear: both; }
.contain .row{zoom: 1;}

.contain .wrap-col{margin:10px;}

.col-3-3 a{text-decoration: underline;}

.contain .col-1-2, .contain .col-1-3, .contain .col-2-3, .contain .col-1-4, .contain .col-2-4, .contain .col-3-4, .contain .col-1-5, .contain .col-2-5, .contain .col-3-5, .contain .col-4-5, .contain .col-1-6, .contain .col-2-6, .contain .col-3-6, .contain .col-4-6, .contain .col-5-6{float:left; display: inline-block;}

.contain .col-full{width:100%;}

.contain .col-1-2{width:50%;}

.contain .col-1-3{width:33.33%;}
.contain .col-2-3{width:66.66%;}

.contain .col-1-4{width:25%;}
.contain .col-2-4{width:50%;}
.contain .col-3-4{width:75%;}

.contain .col-1-5{width:20%;}
.contain .col-2-5{width:40%;}
.contain .col-3-5{width:60%;}
.contain .col-4-5{width:80%;}

.contain .col-1-6{width:16.66%;}
.contain .col-2-6{width:33.33%;}
.contain .col-3-6{width:50%;}
.contain .col-4-6{width:66.66%;}
.contain .col-5-6{width:83.33%;}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.contain{width:768px;}
}

@media only screen and (max-width: 767px) {
	.contain{width:100%;}
}

@media only screen and (min-width: 620px) and (max-width: 767px) {
	.contain{width:100%;}
}

@media only screen and (max-width: 619px) {
	.contain, .contain .col-1-2, .contain .col-1-3, .contain .col-2-3, .contain .col-1-4, .contain .col-2-4, .contain .col-3-4, .contain .col-1-5, .contain .col-2-5, .contain .col-3-5, .contain .col-4-5, .contain .col-1-6, .contain .col-2-6, .contain .col-3-6, .contain .col-4-6, .contain .col-5-6{width:100%;}
}


.post_list{
	display: flex;
	justify-content: space-between;
	align-content: center;
	align-items: center;
	padding: 0 0 25px 0;
	}


/* WP OTHER */

img.alignright, img.right {
	margin: 0 0 7px 20px;
	display: inline;
	}
img.alignleft, img.left {
	margin: 0 20px 7px 0;
	display: inline;
	}
a img {
	border: none;
	}
img {
	max-width: 100%;
	}

.wp-caption {
	box-sizing: border-box;
	max-width: 100%;
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding: 4px;
	margin: 10px;
	border-radius: 3px;
	}

.wp-caption img {
	max-width: 100%;
	height: auto;
	padding: 0;
	border: 0 none;
	}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
	}

/* END WP OTHER */