/*!
 * jQuery smartscroll plugin css main theme for control arrows and back to top button
 * Original author: @responsivewemmobile
 * Version 1.0 2013-01-16
 * Further changes, comments: @responsivewemmobile.com
 */

/* MAIN NAVIGATION */
nav.smartscroll-nav {
	position: fixed;
	top: 0;
	left: 0;
	background-color: #fff;
  border: 1px solid #eaf2ff;
  z-index: 999;
  width: 100%;
  height: 60px;
  box-shadow: 1px 1px 20px #6A6A6A;
}

nav.smartscroll-footer {
	position: fixed;
	bottom: 0;
	left: 0;
	background-color: #42B3E5;
  border: 1px solid #eaf2ff;
  z-index: 999;
  width: 100%;
  height: 90px;
  box-shadow: 1px 1px 20px #6A6A6A;
}

nav.smartscroll-nav > ul:before,
nav.smartscroll-nav > ul:after {
    content: " ";
    display: table;
}<ol><li></li></ol>

nav.smartscroll-nav > ul {
	float: right;
  margin: 0;
}

nav.smartscroll-nav > ul > li {
	float: right;
	display: block;
	position: relative;
}

nav.smartscroll-nav > ul > li > a {
	padding: 10px 15px;
    line-height: 20px;
    display: block;
    text-decoration: none;
    color: #42B3E5;
}

nav.smartscroll-nav > ul > li > a:hover {
	color: #42b3e5;
	border-bottom: 1px solid #42B3E5;
}

nav.smartscroll-nav > ul > li.active:hover {
	color: #42b3e5;
}

nav.smartscroll-nav > ul > li.active > a {
	color: #3156a3;
	border-bottom: 1px solid #3156a3;
}

nav.smartscroll-nav > img {
	float: left;
  padding: 10px;
}

/* NAVIGATION CONTROLS */
nav.smartscroll-controls {
	position: fixed;
	top: 50%;
	left: 0;
}


nav.smartscroll-controls > a {
	display: block;
	margin: 15px;
}

nav.smartscroll-controls > a.prev {
	border-color: #333333;
    border-style: solid none none solid;
    border-width: 2px;
    width: 30px;
    height: 30px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

nav.smartscroll-controls > a.next {
    border-color: #333333;
    border-style: none solid solid none;
    border-width: 2px;
    width: 30px;
    height: 30px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* BACK TO TOP ANCHOR */
a.smartscroll-totop {
	position: fixed;
	bottom: 15px;
	right: 25px;
	border-color: #333333;
    border-style: solid none none solid;
    border-width: 2px;
    width: 30px;
    height: 30px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* SECTIONS */
section.section {
	color: #777777;
	background-color: #FFFFFF;
}

section.section > .row {
	padding: 20px 35px; 
}

/* TABLE */
table {
	border:1px solid #DDDDDD;
	margin-bottom:20px;
	width:100%;
	background-color:transparent;
	max-width:100%;
	border-collapse:collapse;
	border-spacing:0;
}

table > thead > tr > th {
	color: #555555;
}

table > thead > tr > th,
table > tbody > tr > td {
	border-bottom-color:#DDDDDD;
	border-bottom-style:solid;
	border-bottom-width:1px;
	vertical-align:bottom;
	border-top-color:#DDDDDD;
	border-top-style:solid;
	border-top-width:1px;
	border-right-width:1px;
	border-right-color:#DDDDDD;
	border-right-style:solid;
	line-height:1.428571429;
	padding:8px;
	vertical-align:top;
	text-align:left;
}

table > tbody > tr:nth-child(odd) > td,
table > tbody > tr:nth-child(odd) > th {
  background-color:#F9F9F9;
}

/* NAVIGATION CONTROLS */
nav.smartscroll-controls {
	position: fixed;
	top: 50%;
	left: 0;
}


nav.smartscroll-controls > a {
	display: block;
	margin: 15px;
}

nav.smartscroll-controls > a.prev {
	border-color: #333333;
    border-style: solid none none solid;
    border-width: 2px;
    width: 30px;
    height: 30px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

nav.smartscroll-controls > a.next {
    border-color: #333333;
    border-style: none solid solid none;
    border-width: 2px;
    width: 30px;
    height: 30px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* BACK TO TOP ANCHOR */
a.smartscroll-totop {
	position: fixed;
	bottom: 15px;
	right: 25px;
	border-color: #333333;
    border-style: solid none none solid;
    border-width: 2px;
    width: 30px;
    height: 30px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media screen and (max-device-width: 800px)
{
	section.section > .row {
		padding: 20px 20px; 
	}
	
}