/*!
 * 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
 */

/* NAVIGATION CONTROLS */
@media (max-width: 767px) {
	nav.smartscroll-controls {
	display: none;
	}	
	
	.nav > li > a {
	text-align: right;
	}
}

@media (min-width: 767px) and (max-width: 991px) {


nav.smartscroll-controls {
	position: fixed;
	    	z-index:20;
top:3%;
left:1%;
}


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

nav.smartscroll-controls .previouslyer {
}

nav.smartscroll-controls .nexter {
}

nav.smartscroll-controls > a.prev {
		z-index:20;
	width: 60px;
    height: 60px;
    margin-top: 50px;
    padding: 3px 16px;
    border: 1px solid #555;
    border-radius: 100%!important;
    font-size: 40px;
    color: #333;
    background: 0 0;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

nav.smartscroll-controls  > a.next{
    	z-index:20;
	width: 60px;
    height: 60px;
    margin-top: 50px;
    padding: 3px 16px;
    border: 1px solid #555;
    border-radius: 100%!important;
    font-size: 40px;
    color: #333;
    background: 0 0;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

nav.smartscroll-controls  > a.next:hover {
    z-index:20;
	outline: 0;
    color: #333;
    background: rgba(0,0,0,.1);
}


nav.smartscroll-controls  > a.next:focus {
    z-index:20;
	outline: 0;

}


/* 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 (min-width: 992px) and (max-height: 800px) {

nav.smartscroll-controls {

	position: fixed;
z-index:20;
bottom:38%%;
right:50%;
}


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


nav.smartscroll-controls > a.prev {
display: none;
	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{
    	z-index:20;
	width: 60px;
    height: 60px;
    margin-top: 50px;
    padding: 3px 16px;
    border: 1px solid #555;
    border-radius: 100%!important;
    font-size: 40px;
    color: #333;
    background: 0 0;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

nav.smartscroll-controls  > a.next:hover {
    z-index:20;
	outline: 0;
    color: #000;
    background: rgba(0,0,0,.1);
}

nav.smartscroll-controls  > a.next:focus {
    z-index:20;
	outline: 0;

}

/* 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 (min-width: 992px) and (min-height: 600px) {

.idnav {

}

nav.smartscroll-controls {
	position: fixed;
	    	z-index:20;
bottom:3%;
right:48%;
}


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

nav.smartscroll-controls .previouslyer {

}

nav.smartscroll-controls .nexter {


}

nav.smartscroll-controls > a.prev {
display: none;
	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{
    	z-index:20;
	width: 60px;
    height: 60px;
    margin-top: 50px;
    padding: 3px 16px;
    border: 1px solid #555;
    border-radius: 100%!important;
    font-size: 40px;
    color: #333;
    background: 0 0;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

nav.smartscroll-controls  > a.next:hover {
    z-index:20;
	outline: 0;
    color: #000;
    background: rgba(0,0,0,.1);
}

nav.smartscroll-controls  > a.next:focus {
    z-index:20;
	outline: 0;

}

/* 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);
}

}