@import url('https://fonts.googleapis.com/css?family=Anton|Bree+Serif|Poppins');
/*general styling*/
body
{
background-color: #fff;
width: 100%;
font-family: "Poppins", sans-serif;
}
#container
{
background-color: white;
width:100%;
}
p
{
font-family: 'Poppins', sans-serif;
color: #333;
line-height: 1.4em;
}
h1, h2, h3, h4, h5
{
font-family: 'Anton', sans-serif;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: 400;
}
a
{text-decoration: none;
color: #00A870;display: inline-block;vertical-align: middle;}
a:hover
{
color: #999;
}
ul
{
list-style: none;
}
/*end general styles*/


/*--------------------header styling-------------------------- */
#header
{
background-color: #fff;
width: 100%;
max-width: 1000px;
margin: 0 auto 30px;
padding: 10px 0;
}
#header > a {
background: #000;
display: inline-block;
padding: 10px 30px;
margin-right: 70px;
}
#header > a:after {
content:"rto//electronics";
color: #fff;
font-size: 25px;
font-family: 'Bree Serif', serif;
}
div#header img
{display: none;}
#navbar
{display: inline-block;vertical-align: middle;margin: 10px 10% 0 0;}
#navbar li
{
display: inline;
text-transform: uppercase;
}
#navbar a
{
margin-right: 50px;
font-size: 26px;
font-weight: 400;
font-family: 'Anton', sans-serif;
letter-spacing: 2px;
}
#currentpage
{
border-bottom: solid 5px white;
}
/*end header---------------------------------------- */



/*--------------------content styling------------------------- */
#content {
    max-width: 1000px;
    margin: auto;
}
/*about us styles*/

/*vcard styles*/
#about
{margin-bottom: 20px;width: 400px;float: left;}
#about p
{
clear: both;
padding: 20px 0 0 20px;
font-size: .9em;
line-height: 1.3em;
}
.vcard
{padding-left: 20px;padding-top: 20px;font-size: 16px;line-height: 1.3em;margin-bottom: 20px;}
.vcard a
{color: #00A870;}
.email, .tel {
margin: 5px 0;
font-weight: 600;
}
.vcard a:hover
{
color: #999;
}
.photo
{
width: 150px;
float: left;
margin-right: 15px;
}
.country-name
{
display: block;
}
.url
{
font-family: 'Anton', sans-serif;
font-size: 1.5em;
}
/*end vcard----*/

/*blog styles*/
#blog
{
float: right;
width: 530px;
padding-right: 30px;
padding-top: 13px;
margin-bottom: 20px;
}
#blog h1
{
color: #999;
font-size: 2em;
margin-bottom: 15px;
}
#blog p
{
line-height: 1.6em;
}
#blog a
{
color: #00A870;
}
#blog a:hover
{
color: #999;
}
/*end blog---*/
/*end about us-----*/

/*products & services styles*/
#items
{
min-height: 500px;
float: right;
margin: 10px;
width: 700px;
}
div#items > div
{
min-height: 100px;
padding: 10px;
padding-top: 20px;
border-top: 1px solid #00A870;
}
div#items h1 + div
{
border-top: none;
}
#items h1
{
font-size: 1.4em;
}
#items h2 {
float: left;
width: 385px;
}
#items div > a
{
width: 120px;
height: 90px;
float: left;
margin-right: 15px;
}
#items a
{
color: #00A870;
}
#items a:hover
{
color: #999;
}
#items div > h2 + p
{
float:left;
width: 385px;
}
.price
{
float: right;
}
.price p
{
width: 100px;
text-align: right;
}
.price span:first-child
{
color: #999;
}
.price span
{
text-transform: uppercase;
}
.price span+span
{
font-size: 1.5em;
font-family: 'Anton', sans-serif;
color: #000;
}
.clearfix
{
clear:both;
height: 0;
}
ul.pagenav
{
float: right;
}
.pagenav li
{
text-align: right;
display: inline;
clear: both;
}
/*sidenav styles*/
#sidenav
{
position: fixed;
padding: 15px 10px 0px 10px;
margin-right: 10px;
min-height: 535px;
width: 200px;
float: left;
}
#sidenav ul
{
text-align: right;
list-style: none;
}
#sidenav li
{
float:right;
width: 150px;
margin-bottom: 10px;
border-bottom: solid 1px #E8EFEE;
}
#sidenav a
{color: #00A870;font-weight:bold;text-transform: uppercase;}
#sidenav a:hover
{
color: #999;
}
/*end sidenav-----*/
/*end products & services----------*/

/*individual product page styles*/
div#prodimgs
{
float: left;
width: 460px;
padding: 20px;
}

.mainprodimg
{
height: 345px;
width: 460px;
cursor: pointer;
}
.thumbprodimg
{
height: 90px;
width: 120px;
margin-top: 20px;
margin-right: 45px;
cursor: pointer;
}
#prodimgs div
{
    float: left;
}
#prodimgs div:last-child img
{
margin-right: 0px;
}
div#proddesc
{
width: 420px;
float: left;
padding: 20px 20px 20px 0px;
}
#proddesc h1
{
font-size: 1.7em;
color: #00A870;
margin-bottom: 15px;
}

#proddesc p
{
line-height: 1.6em;
margin-bottom: 15px;
}
#proddesc a
{
width: 170px;
height: 35px;
float: right;
font-family: 'Bree Serif', serif;
font-size: 20px;
text-align: center;
line-height: 29px;
color: #fff;
clear: both;
background: #00A870;
border-radius: 2px;
}
#proddesc a:after
{
content: "request now"
}
#proddesc a > img
{
display:none;
}

/*end individual product page---*/

/*homepage styles-------------------*/
/*slideshow styles*/
#slideshow
{
width: 100%;
overflow: hidden;

height: 345px;
}
#slideshow > div {
width: 100%;
position: relative;
}
.slidecopy
{
z-index: 10;
max-height: 225px;
width: 300px;
padding: 20px;
overflow: hidden;
position: absolute;
background: rgba(255,255,255,.8);
top: 60px;
left: 50px;
}
.slidecopy h1
{
margin-bottom: 15px;
font-size: 1.4em;
}
#slideshow img
{
width: 100%;
position: absolute;
top: -200px;
left: 0;
z-index: 1;
}
#slideshow a
{
color: #00A870;
}
#slideshow a:hover
{
color: #999;
}
/*end slideshow-------*/

/*sidebar styles*/
#sidebar
{
min-height: 585px;
width: 300px;
float: right;
}
#sidebar:before {
content:"blog articles";
color: #fff;
font-size: 20px;
font-family: 'Bree Serif', serif;
display: inline-block;
background: #000;
padding: 5px 30px 8px;
line-height: 25px;
margin: 20px 0;
}
#sidebar ul
{
list-style: none;
}
#sidebar li {
margin-bottom: 30px;
display: block;
padding: 0 30px;
}
#sidebar h3
{
margin-bottom: 5px;
}
#sidebar p
{
color: #333;

}
/*end sidebar------*/


/*sections styles*/
#sections
{

}
#sections:before {
content:"products and services";
color: #fff;
font-size: 20px;
font-family: 'Bree Serif', serif;
display: inline-block;
background: #000;
padding: 5px 30px 8px;
line-height: 25px;
margin: 20px 0;
}
#sections div
{
width: 600px;
margin-bottom: 15px;
padding: 0 30px 20px;
}
#sections div:last-child
{
border-right:none;
}
#sections h2
{
font-size: 1.2em;
margin-bottom: 5px;
}
#sections a
{
color: #00A870;
}
#sections a:hover
{
color: #999;
}
/*end sections------*/
/*end homepage--------------*/

/*404 Error Page Styles*/
div#error
{
min-height: 500px;
}
#error h1
{
color: #339999;
font-size: 1.7em;
margin-bottom: 20px;
}
#error img
{
margin-right: 40px;
float: left;
}
#error p
{
float: left;
margin-bottom: 40px;
margin-top: 40px;
padding-right: 20px;
width: 420px;
}
/*End 404 Styles-------*/
/*end content---------------------------------------- */



/*--------------------footer styling-------------------------- */
#footer
{
clear: both;
min-height: 100px;
background-color: #000;
text-align: center;
color: #fff;
}

#bottomnav
{
padding-top: 15px;
padding-bottom: 5px;
text-transform: uppercase;
}
#bottomnav li
{
display: inline;
color: #fff;
margin-right: 20px;
}
#bottomnav li:last-child
{
margin-right: 0px;
}
#bottomnav a
{
color: #fff;
font-family: 'Anton', sans-serif;
letter-spacing: 2px;
font-size: 20px;
font-weight: 400;
}
#bottomnav a:hover
{
color: #999;
}
/*end footer----------------------------------------------- */