* { box-sizing: border-box; }


body
{
background-color:#FBF9F8;
font-family: Open Sans;
}

h1
{
padding-top:0px;
font-size:33px;
font-weight:bold;
}

h2
{
font-size:25px;
}

.img-responsive
{
padding-bottom:20px;
}

.tocMarker
{
display:none;
}

.col-md-8
{
padding-top:0px;
padding-left:0px;
}

.colorTop
{
width:100vw;
height:170px;
position:fixed;
margin:0px auto;
z-index:98;
background-color:#000;
}

.containerTop
{
width:500px;
top:10;
left:250px;
text-align:justify;
position:absolute;
z-index:99;
}

.containerMain
{
width:1200px;
padding-top:50px;
}


.deetsBlock
{
padding-top:30px;
font-family: Open Sans;
font-weight:regular;
color:#333;
font-size:18px;
line-height:150%;
width:300px;
text-align:justify;
display:block;
}

.introBlock a
{
text-decoration:none;
color:#0a88c2;

}

.item
{
margin:30px 60px 30px 0px;
    float:left;
    width:300px;
    height:240px;
    text-align:left;
    background-color:#cdc;
	color:#666;
	box-shadow: 3px 3px 3px #666;
	line-height:200%;
	font-size:14px;
}

.item:hover
{
opacity: 0.8;
filter: alpha(opacity=80);
}

.itemPage
{
margin:15px 30px 15px 0px;
float:left;
width:700px;
text-align:center;
background-color:#cdc;
}

.itemPageCaption
{
margin: -15px 0px 15px 0px;
float:left;
padding:10px;
width:700px;
text-align:left;
background-color:#F3FAFC;
color:#000;
font-family:open sans;
font-size:14px;
font-style:italic;
line-height:140%;
}

#toc
{
font-family: Open Sans;
color:#fff;
display:inline;
font-size:20px;
height:100px;
margin-top:90px;
margin-left:0px;
padding-top:15px;
width:400px;
}

#toc a
{
color:#fff;
border:1px solid;
padding:10px;
}

#toc a:active
{
color:#000;
}

#toc ul
{
display:inline;
padding-right:15px;
}

.container
{
padding:0px;
}

.name
{
font-family: Open Sans;
color:#fff;
font-size:45px;
font-style:italic;
margin-top:40px;

}

@media screen and (max-width: 992px)
{

.name
{
font-family: Open Sans;
color:#fff;
font-size:30px;
font-style:italic;
margin-top:40px;

}

.col-md-8
{
padding-right:0px;
}


.namesub
{
font-family: Open Sans;
color:#fff;
font-size:8px;
}

#lightcase-case
{
top: 20%;
}

}

#bumper
{
margin-top:300px;
}

.namesub
{
font-family: Open Sans;
color:#fff;
font-size:25px;
}

.name a
{
text-decoration:none;
color:#fff;

}

.name a:hover
{
text-decoration:none;
color:#fff;
}

.name b a
{
font-weight:bold;
text-decoration:none;
color:#fff;

}

.bumper
{
height:200px;
}


.introPic
{
padding-top:200px;
width:400px;
right:0px;

}

.introBlock
{
padding-top:30px;
font-family: Open Sans;
font-weight:regular;
color:#333;
font-size:18px;
line-height:150%;
width:500px;
left:100px;
text-align:justify;
align:right;
}


.about
{
font-family: Open Sans;
color:#fff;
font-size:20px;
position:absolute;
z-index:99;
top:-40;
right:70px;
}

.about a
{
text-decoration:none;
color:#fff;
}

.about b a
{
font-weight:bold;
text-decoration:none;
color:#fff;
}


.subheadStripe
{
width:100vw;
text-align:center;
vertical-align:middle;
position:relative;
float:left;
color:#fff;
left: calc(-50vw + 50%);
height:40px;
background-color:#C5C3C0;
font-size:18px;
font-weight:bold;
}

.wrapper
{
margin: 0 auto;
width:1100px;
position:relative;
}