img {max-width:100%;height:auto !important;}

#header {position:relative;z-index:1;background:#000 url("images/header-bg.gif") 0 0;background-size:contain;}
#header > img {display:block;margin:0 auto;max-width:100%;}
#header .slogan {position:absolute;bottom:5px;left:20px;z-index:1;color:#FFF;font-size:18px;font-style:italic;font-weight:bold;font-family:Arial, Helvetica, sans-serif;text-shadow:4px 4px 4px #000;}
#header .slogan b {color:#ff4949;}


.title1 {font-size:21px;}
.title2 {font-size:41px;}
.title3 {font-size:18px;}
.title4 {font-size:18px;}
.title5 {font-weight:bold;color: rgb(0, 0, 153);font-size:18px;}
.title6 {font-size:24px;}

.text1 {font-style:italic;font-size:18px;}
.text2 {font-size:13px;}

.list-box {padding:2px;border:3px solid #afafaf;border-right-color:#444;border-bottom-color:#444;font-size:18px;}
.list-box > div {border:1px solid #afafaf;padding:0 20px;}
.list-box .title {font-size:24px;text-align: left; font-style: italic; color: rgb(153, 0, 0); font-weight: bold;}

.container {margin-bottom:150px;width:auto;max-width:802px;-webkit-box-shadow: 0px 0px 7px 0px rgba(0, 24, 47, 0.75);
-moz-box-shadow:    0px 0px 7px 0px rgba(0, 24, 47, 0.75);
box-shadow:         0px 0px 7px 0px rgba(0, 24, 47, 0.75);}
#block_content {position:relative;z-index:1;background:#f0f0f0;border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4;padding:0 25px;}
#block_content:before, #block_content:after {content:'';position:absolute;top:0;bottom:0;z-index:-1;display:block;width:22px;}

#block_content:before {left:0;background: #efefef;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I5YjliOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE0JSIgc3RvcC1jb2xvcj0iI2M3YzdjNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ4JSIgc3RvcC1jb2xvcj0iI2RlZGVkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iI2U3ZTdlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, #b9b9b9 0%, #c7c7c7 14%, #dedede 48%, #e7e7e7 67%, #efefef 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#b9b9b9), color-stop(14%,#c7c7c7), color-stop(48%,#dedede), color-stop(67%,#e7e7e7), color-stop(100%,#efefef));
background: -webkit-linear-gradient(left, #b9b9b9 0%,#c7c7c7 14%,#dedede 48%,#e7e7e7 67%,#efefef 100%);
background: -o-linear-gradient(left, #b9b9b9 0%,#c7c7c7 14%,#dedede 48%,#e7e7e7 67%,#efefef 100%);
background: -ms-linear-gradient(left, #b9b9b9 0%,#c7c7c7 14%,#dedede 48%,#e7e7e7 67%,#efefef 100%);
background: linear-gradient(to right, #b9b9b9 0%,#c7c7c7 14%,#dedede 48%,#e7e7e7 67%,#efefef 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9b9b9', endColorstr='#efefef',GradientType=1 );}

#block_content:after {right:0;background: #efefef;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iI2U3ZTdlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iI2RlZGVkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg2JSIgc3RvcC1jb2xvcj0iI2M3YzdjNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiOWI5YjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, #efefef 0%, #e7e7e7 33%, #dedede 52%, #c7c7c7 86%, #b9b9b9 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#efefef), color-stop(33%,#e7e7e7), color-stop(52%,#dedede), color-stop(86%,#c7c7c7), color-stop(100%,#b9b9b9));
background: -webkit-linear-gradient(left, #efefef 0%,#e7e7e7 33%,#dedede 52%,#c7c7c7 86%,#b9b9b9 100%);
background: -o-linear-gradient(left, #efefef 0%,#e7e7e7 33%,#dedede 52%,#c7c7c7 86%,#b9b9b9 100%);
background: -ms-linear-gradient(left, #efefef 0%,#e7e7e7 33%,#dedede 52%,#c7c7c7 86%,#b9b9b9 100%);
background: linear-gradient(to right, #efefef 0%,#e7e7e7 33%,#dedede 52%,#c7c7c7 86%,#b9b9b9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#b9b9b9',GradientType=1 );}

.book img {display:block;margin:0 auto;}

.images-list {list-style-type:none;margin:0 50px;padding:0;}
.images-list:after {content:'';display:block;clear:both;}
.images-list li {display:block;width:50%;float:left;margin:5px 0;text-align:center;}
.images-list li:nth-child(2n+1) {clear:both;}
.images-list li span {display:block;margin:0 auto;border:2px solid #000;max-width:260px;height:175px;overflow:hidden;background-repeat:no-repeat;background-position:center center;}
.images-list li img {display:block;margin:0 auto;max-width:none;box-sizing:border-box;}

#block_content #text_block {left:auto;width:auto;padding:0 45px 40px 45px;}

.floated-img1 {border:0px solid #000;max-width:200px;float:right;margin:0 0 15px 15px;}

.video1 {margin-top:20px;position:relative;padding-bottom:56.25%;padding-top:25px;height:0;}
.video1 iframe {position:absolute;top:0;left:0;width:100%;height:100%;border:0;}

@media only screen and (max-width: 699px) {
    .images-list {margin-left:0;margin-right:0;}
    .images-list li {width:auto;float:none;}
    .images-list li:nth-of-type(n) {clear:both;}

    #block_content #text_block {padding-left:0;padding-right:0;}

    #header .slogan {position:relative;bottom:auto;left:auto;padding:0 10px 8px;text-align:center;}
}

@media only screen and (max-width: 539px) {
    #header .slogan {font-size:16px;}
    #header .slogan b {display:block;}

    .floated-img1 {float:none;margin-left:0;}
    .container {margin-bottom:40px;}
}