/* style.CSS */
html{
box-sizing:border-box;
background-color: #000;
}
*,*:before,*:after{
box-sizing:inherit
}
html{
-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%
}
body{
margin:0
}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{
display:block
}
header{
width:100%;
background-image: url(images/header-bg.jpg);
padding-top: 10px;
}
footer{
width:100%;
padding: 10px 40px 30px 40px;
margin: 0;
background-color: #000;
color: #c0c0c0;
font-size: small;
}
summary{
display:list-item
}
.content{
margin-left:auto;
margin-right:auto;
max-width: 1300px;
}
.top-nav{
padding-left: 10px;
padding-right: 10px;
display: inline-block;
color:#ffffcc;
}
.top-nav a{
color:#ffffcc;
margin-right: 10px;
margin-left: 10px;
}
.logo-container{
margin-left:auto;
margin-right:auto;
max-width: 600px;
padding-top: 20px;
padding-bottom: 20px
}
.body-container{
background-image: url(images/background.jpg);
background-repeat: repeat;
background-color: #000;
padding-top: 0px;
padding-bottom: 0;
}
.black{
background-color: #000;
padding-top: 20px;
}
.image-container{
margin-bottom: 20px;
padding-top: 10px;
}
.text-container{
max-width: 800px;
margin-right: auto;
margin-left: auto;
margin-top: 40px;
margin-bottom: 40px;
padding-left: 10px;
padding-right: 10px;
}
.img-full-portrait{
max-width: 600px;
margin-right: auto;
margin-left: auto;
margin-top: 40px;
padding-left: 5px;
padding-right: 5px;
}
.img-full-landscape{
max-width: 900px;
margin-right: auto;
margin-left: auto;
margin-top: 40px;
padding-left: 5px;
padding-right: 5px;
}
.img-full-portrait img, .img-full-landscape img{
border-radius: 5px;
}
.caption{
color:rgb(156, 156, 156);
margin: 10px 0px;
}
audio,canvas,progress,video{
display:inline-block
}
progress{
vertical-align:baseline
}
audio:not([controls]){
display:none;height:0
}
[hidden],template{
display:none
}
a{
background-color:transparent;
text-decoration: none;
}
a:active,a:hover{
outline-width:0
}
abbr[title]{
border-bottom:none;
text-decoration:underline;
text-decoration:underline dotted
}
b,strong{
font-weight:bolder
}
p{
margin:5px 0px
}
h2{
font-family:cursive;
font: large;
color: #eee;
text-align: center;
}
dfn{
font-style:italic}mark{
background:#ff0;color:#000}
small{
font-size:80%
}
sub,sup{
font-size:75%;line-height:0;position:relative;vertical-align:baseline
}
sub{
bottom:-0.25em
}
sup{
top:-0.5em
}
figure{
margin:1em 40px
}
img{
border-style:none
}
code,kbd,pre,samp{
font-family:monospace,monospace;font-size:1em
}
hr.dash{
margin: 10px 0px;
box-sizing:content-box;
height:0;
overflow:visible;
border:0;
border-top:1px dashed #909090;
}
hr.solid{
margin: 10px 0px;
box-sizing:content-box;
height:0;
overflow:visible;
border:0;
border-top:5px solid #505050;
}
button,input,select,textarea,optgroup{
font:inherit;margin:0
}
optgroup{
font-weight:bold
}
button,input{
overflow:visible
}
button,select{
text-transform:none
}
button,[type=button],[type=reset],[type=submit]{
-webkit-appearance:button;
appearance: button;
}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{
border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em
}
textarea{
overflow:auto
}
html,body{
font-family:Verdana,sans-serif;font-size:15px;line-height:1.5
}
html{
overflow-x:hidden
}
img{
vertical-align:middle
}
a{
color:inherit
}
.btn,.button{
border:none;
display:inline-block;
padding:8px 16px;
vertical-align:middle;
overflow:hidden;
text-decoration:none;
color:inherit;
background-color:inherit;
text-align:center;
cursor:pointer;
white-space:nowrap;
}
.blue,.hover-blue:hover{
color:#eee; background-color: #009688!important
}
.white{
color:#000!important;
background-color:#fff!important
}
.tn-capt{
border-radius: 0px 0px 10px 10px;
}
.hover-blue{
color:#fff!important
}
.btn .button{
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
.button:disabled{
cursor:not-allowed;opacity:0.3
}
.display-container{
position:relative;
margin-top: 0;
}
#display-container-body{
background-color: #000;
}
.bar-block, .bar-block {
width:100%
}
.bar-block .bar-block{
min-width:100%
}
.bar-block .button,.bar-block .button{
width:100%;
text-align:left;
padding:8px 16px
}
.main,#main{
transition:margin-left .4s
}
.bar{
width:100%;
overflow:hidden;
border-top:#c0c0c0;
display: block;
}
.center .bar{
display:inline-block;
width:auto
}
.bar .bar-item{
padding:8px 16px;
float:left;
width:auto;
display:block;
}
.bar .bar{
position:static;
float:left
}
.bar .button{
white-space:normal
}
.bar-block .bar-item{
width:100%;
display:block;
padding:8px 16px;
text-align:left;
white-space:normal;
float:none;outline:0
}
.bar-block.center .bar-item{
text-align:center
}
.responsive{
display:block;overflow-x:auto
}
.container:after,.container:before,.row-padding:after,.row-padding:before,.bar:before,.bar:after{
content:"";
display:table;
clear:both
}
.third{
float:left;width:100%
}
.third img{
border-radius: 5px;
padding: 15px;
}
.row-padding{
padding:0px 20px 10px 20px;
}
@media (min-width:601px){
.third{
width:33.33333%
}
}
@media (min-width:993px){
}
@media (max-width:1205px){
}
@media (max-width:600px){
.bar-item.mobile{text-align:center}
.btn,.button,.btn,.button{width:100%}
}
@media (max-width:992px){
.main{
margin-left:0!important;
margin-right:0!important;
margin-bottom: 0;
padding-bottom: 0;
}
}
/* -----
.display-container:hover{
display:block
}
.display-container:hover{
display:inline-block
}
---- */
.container{
padding:0px 0px
}
/*----------
.hover-opacity:hover{
opacity:0.70
}
---------*/
.center{
text-align:center!important
}
.margin-bottom{
margin-bottom:30px!important
}
.padding-32{
padding-top:32px;
padding-bottom:40px;
}