Sindbad~EG File Manager
@font-face {
font-family: "NovecentoWideBook";
src: url("fonts/NovecentoWideBook.eot");
src: url("fonts/NovecentoWideBook.eot?#iefix") format("embedded-opentype"),
url("fonts/NovecentoWideBook.woff2") format("woff2"),
url("fonts/NovecentoWideBook.woff") format("woff"),
url("fonts/NovecentoWideBook.ttf") format("truetype"),
url("fonts/NovecentoWideBook.svg#novecento_sans_widebook") format("svg");
font-weight: normal;
font-style: normal;
}
*{
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
/* Global CSS */
body {
font-size: 16px;
font-weight: 100;
line-height: 1.6;
margin: 0;
overflow-x: hidden;
padding: 0;
}
#rstpl-pagewrap {
overflow-x: hidden;
}
h1 {
font-size: 3rem;
font-weight: 400;
line-height: 1;
}
h2 {
font-size: 2rem;
font-weight: 400;
line-height: 1;
}
h3 {
font-size: 1.5rem;
font-weight: 400;
line-height: 1;
}
h4 {
font-size: 1.1rem;
font-weight: 400;
line-height: 1;
}
h5 {
font-size: 1rem;
font-weight: 400;
line-height: 1;
}
h6 {
font-size: .875rem;
font-weight: 400;
line-height: 1;
}
h1, h2, h3 {
margin: 0 0 .8em 0;
}
h4, h5, h6 {
margin: 0 0 .5em 0;
}
a {
font-weight: 400;
text-decoration: none;
}
a:hover, a:focus {
cursor: pointer;
outline: none;
text-decoration: underline;
}
h1 a, h2 a, h3 a {
font-weight: 400;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
-webkit-transition: color .2s linear;
-moz-transition: color .2s linear;
transition: color .2s linear;
}
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], input[type="file"], textarea, .uneditable-input, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, input[type="file"]:focus, textarea:focus, .uneditable-input:focus {
border-top: none;
border-left: none;
border-right: none;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
height: 42px;
margin: 0;
outline: none;
padding: 10px 0;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
transition: all .2s linear;
}
input[type="file"]:not([class^="rsdir-"]):not(.rsform-upload-box), input[type="file"]:not([class^="rsdir-"]):not(.rsform-upload-box):focus {
opacity: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
}
input[type="file"]:not([class^="rsdir-"]):hover {
cursor: pointer;
}
input[type="checkbox"], input[type="radio"] {
margin-top: 3px;
opacity: 0;
position: relative;
z-index: 1;
}
select, select:focus {
border-top: none;
border-left: none;
border-right: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
margin: 0;
min-height: 42px;
outline: none;
padding: 0 22px 0 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
select[size]:not([size="1"]), select[multiple], select[size]:not([size="1"]):focus, select[multiple]:focus {
padding: 0;
}
select::-ms-expand {
display: none;
}
select option {
padding: 12px 5px;
}
textarea, textarea:focus {
height: auto;
}
input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
::-webkit-input-placeholder {
opacity: 1;
}
::-moz-placeholder {
opacity: 1;
}
:-ms-input-placeholder {
opacity: 1;
}
.input-small {
width: 110px;
}
.separator {
display: block;
font-size: 1rem;
font-weight: 700;
line-height: 1;
padding: 15px;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
transition: all .2s linear;
}
.separator:hover, .separator:focus, .separator:active {
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
transition: all .2s linear;
}
form {
margin: 0;
}
b {
font-weight: 700;
}
p {
margin: 0 0 20px;
}
label {
font-size: 1rem;
font-weight: 400;
padding-top: 0;
position: relative;
}
iframe, svg {
border: none;
}
.row-fluid [class*="span"] {
min-height: 20px;
}
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
width: 1100px;
}
.badge {
border-radius: 2px;
font-weight: 700;
text-shadow: none;
}
.input-append .add-on, .input-prepend .add-on {
height: 42px;
line-height: 42px;
margin-bottom: 0;
padding: 0 10px;
}
.label {
border-radius: 2px;
font-weight: 400;
padding: 3px 6px;
text-shadow: none;
text-transform: uppercase;
}
.alert {
border-radius: 0;
}
.invalid {
font-weight: normal;
}
.control-group {
margin-bottom: 20px;
}
.control-group.error input, .control-group.error select, .control-group.error textarea, .control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.page-header {
border: 0;
margin: 0;
padding: 0;
}
.checkbox input[type="checkbox"] ~ .badge {
-webkit-transition: background-color .3s linear;
-moz-transition: background-color .3s linear;
transition: background-color .3s linear;
}
.calendar {
border: none;
padding: 10px 10px 0 10px;
}
.calendar table {
border: none;
}
.calendar .button {
padding: 4px;
}
.calendar .button, .calendar .button:hover, .calendar .button:focus, .calendar .button:active, .calendar .button.active {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.calendar thead .hilite {
border: none;
padding: 2px;
}
.calendar thead .name {
font-weight: 700;
}
.calendar tbody .day {
font-weight: 700;
padding: 6px;
text-align: center;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
transition: all .2s linear;
width: auto;
}
.calendar tfoot .ttip {
padding: 10px 0;
}
.rstpl-title, .rstpl-title-left, .rstpl-title-center, .rstpl-title-right {
padding-bottom: 1.875rem;
margin-bottom: 3.75rem;
text-transform: uppercase;
}
.rstpl-title-center {
text-align: center;
}
.rstpl-title-left {
text-align: left;
}
.rstpl-title-right {
text-align: right;
}
.rstpl-title a, .rstpl-box-title a, .rstpl-title a:hover, .rstpl-box-title a:hover, .rstpl-title a:focus, .rstpl-box-title a:focus {
text-decoration: none;
}
.rstpl-view-all {
font-weight: 400;
float: right;
text-transform: lowercase;
line-height: 1.5;
}
.rstpl-box-bg {
background-position: center-top;
background-repeat: none;
background-size: cover;
filter: alpha(opacity=20);
opacity: 0.2;
height: 100%;
left: 0;
top: 0;
position: absolute;
width: 100%;
z-index: 0;
}
.rstpl-input-file {
height: 42px;
line-height: 42px;
}
.column-left .rstpl-title, .column-right .rstpl-title {
border-bottom: none;
margin-bottom: 1.5rem;
padding-bottom: 0;
font-size:1.3rem;
}
.column-left ul, .column-right ul {
list-style: none;
margin: 0 0 25px 0;
}
.column-left .animated-border-container, .column-right .animated-border-container {
width: 100%;
}
.column-left .chzn-container, .column-right .chzn-container {
width: 100% !important;
}
/* End Global CSS */
/* Joomla / Bootstrap Fixes */
#rstpl-modal {
padding: 0 10px;
}
#cboxContent,
#colorbox,
#mbox,
#rstpl-modal,
input {
-webkit-box-sizing: content-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: content-box; /* Firefox, other Gecko */
box-sizing: content-box; /* Opera/IE 8+ */
}
#rstpl-modal input[type="text"],
#rstpl-modal input[type="password"] {
width: 97% !important;
}
#rstpl-modal .form-horizontal .control-label {
float: none;
text-align: left;
}
#rstpl-modal .form-horizontal .controls {
margin-left: 0;
}
#rstpl-modal .btn {
margin-bottom: 5px;
padding: 13.5px;
}
#rstpl-modal .form-horizontal .form-actions{
padding-left:0;
}
div.modal {
margin-left: -40%;
width: 80%;
}
.modal-body {
padding: 0 15px;
overflow-y: auto;
}
.modal-body[class^="jviewport-height"],
.modal-body[class*="jviewport-height"] {
max-height: none;
}
.modal-body iframe {
width: 100%;
}
.jviewport-height10 {
height: 10vh;
}
.jviewport-height20 {
height: 20vh;
}
.jviewport-height30 {
height: 30vh;
}
.jviewport-height40 {
height: 40vh;
}
.jviewport-height50 {
height: 50vh;
}
.jviewport-height60 {
height: 60vh;
}
.jviewport-height70 {
height: 70vh;
}
.jviewport-height80 {
height: 80vh;
}
.jviewport-height90 {
height: 90vh;
}
.jviewport-height100 {
height: 100vh;
}
div.modal.jviewport-width10 {
width: 10vw;
margin-left: -5vw;
}
div.modal.jviewport-width20 {
width: 20vw;
margin-left: -10vw;
}
div.modal.jviewport-width30 {
width: 30vw;
margin-left: -15vw;
}
div.modal.jviewport-width40 {
width: 40vw;
margin-left: -20vw;
}
div.modal.jviewport-width50 {
width: 50vw;
margin-left: -25vw;
}
div.modal.jviewport-width60 {
width: 60vw;
margin-left: -30vw;
}
div.modal.jviewport-width70 {
width: 70vw;
margin-left: -35vw;
}
div.modal.jviewport-width80 {
width: 80vw;
margin-left: -40vw;
}
div.modal.jviewport-width90 {
width: 90vw;
margin-left: -45vw;
}
div.modal.jviewport-width100 {
width: 100vw;
margin-left: -50vw;
}
#rstpl-com_config .tab-pane .animated-border-container {
overflow: hidden;
width: 100%;
}
a.jmodedit {
background: none;
border: none;
font-size: 1.5rem;
padding: 0;
}
a.jmodedit:hover, a.jmodedit:focus {
background: none;
border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
/* Tooltip */
.tooltip {
font-size: .75rem;
font-weight: 400;
border: none;
}
.tooltip .tooltip-inner {
border: none;
}
.tooltip.top .tooltip-arrow {
border-top-color: none;
}
.tooltip.right .tooltip-arrow {
border-right-color: none;
}
.tooltip.left .tooltip-arrow {
border-left-color: none;
}
.tooltip.bottom .tooltip-arrow {
border-bottom-color: none;
}
/* End Tooltip */
/* Modal */
.modal-header {
border-bottom: none;
}
.modal-footer {
border-top: none;
}
/* End Modal */
/* Breadcrumb */
.breadcrumb {
background: none;
font-size: .85rem;
font-weight: 400;
margin: 0;
padding: 0;
}
.breadcrumb > li {
text-transform: uppercase;
}
.breadcrumb .showHere {
margin-right: 10px;
text-transform: uppercase;
}
.breadcrumb > li > .divider {
display: inline-block;
font-size: .7rem;
height: 10px;
line-height: 10px;
width: 10px;
margin: 4px 10px;
padding: 0;
vertical-align: top;
}
/* End Breadcrumb */
/* Icons */
.rstpl-icon-list [class*="span"] {
margin-left: 0;
margin-right: 0;
margin-bottom: 1.5rem;
overflow: hidden;
}
.rstpl-icon-list [class*="icon-"] {
font-size: 1.5rem;
width: 100%;
text-align: center;
}
.rstpl-icon-list .rstpl-icon-label {
display: block;
font-size: .8rem;
text-align: center;
width: 100%;
}
/* Fix for tinymce editor - icons were not loaded */
.mce-btn-small .mce-ico.mce-i-none.icon-power-cord,
.mce-btn-small .mce-ico.mce-i-none.icon-file-add,
.mce-btn-small .mce-ico.mce-i-none.icon-copy,
.mce-btn-small .mce-ico.mce-i-none.icon-arrow-down {
font-family:"FontAwesome" !important;
}
/* End Icons */
#rstpl-pagewrap {
height: 100%;
}
.btn-group > .btn, .btn-group > .popover {
font-size: 1rem;
}
.btn-group > .dropdown-menu {
font-size: .9rem;
}
.btn-group > .btn + .btn {
margin: 0;
}
.btn-group > .btn:first-child, .btn-group > .btn:last-child, .btn-group > .dropdown-toggle {
border-radius: 0;
}
.btn-group.btn-group-vertical > .btn {
width: 100%;
}
.btn-group > .dropdown-toggle {
position: relative;
}
.btn-group.open .btn.dropdown-toggle {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
/* Search form */
.form-search .input-append .search-query {
border-radius: 0;
padding-right: 5px;
}
.form-search .input-append .btn {
border-radius: 0;
}
#finder-search .in.collapse {
overflow: visible;
}
#search-results {
clear: both;
}
/* End Search form */
/* Choice */
.chzn-container-single .chzn-single {
background: none;
border-radius: 0;
border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
height: 42px;
line-height: 42px;
padding-left: 0;
}
.chzn-container-single .chzn-single div {
margin-right: 10px;
width: auto;
}
.chzn-container-single .chzn-single div b {
display: none;
}
.chzn-container-active.chzn-with-drop .chzn-single {
background: none;
border: none;
-webkit-box-shadow: 0;
-moz-box-shadow: 0;
box-shadow: 0;
}
.chzn-container-active.chzn-with-drop + .animated-border:before {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
transition: all .2s linear;
}
.chzn-container-single .chzn-search input[type="text"] {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.chzn-container .chzn-drop, .chzn-container-single .chzn-drop {
border: none !important;
border-radius: 0;
padding: 5px;
margin: 5px 0 0 0;
}
.chzn-container .chzn-drop .active-result.highlighted {
background-image: none;
}
.chzn-container-multi .chzn-choices {
background-image: none !important;
border: none !important;
}
.chzn-container-multi .chzn-choices li.search-field input[type="text"] {
background: none;
box-sizing: border-box;
height: 42px !important;
margin: 0;
padding: 10px 0 !important;
}
.chzn-container-multi .chzn-choices li.search-choice {
background-image: none;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
line-height: 24px;
margin: 5px 0 5px 5px;
}
.chzn-container-multi .chzn-choices li.search-choice:first-child {
margin-left: 0;
}
.chzn-container-multi .chzn-choices li.search-choice .search-choice-close {
top: 11px;
}
.chzn-container-active .chzn-choices {
border: none !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
.chzn-container .chzn-results {
margin: 0;
padding: 0;
}
.chzn-container .chzn-results li {
padding: 10px 5px;
}
.chzn-container .chzn-results li.highlighted {
background-image: none;
}
ul.as-selections {
border: none;
background-image: none;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
height: 42px;
margin: 0;
padding: 0 !important;
}
ul.as-selections li.as-original .animated-border {
margin: 0 5px;
}
ul.as-selections li.as-original input {
margin: 0;
padding: 5px 10px;
}
ul.as-selections li.as-selection-item {
border-radius: 0;
margin: 8px 0 5px 8px !important;
}
ul.as-list {
border-radius: 0;
}
li.as-result-item.active {
border-radius: 0;
}
/* End Choice */
/* Editor */
.btn-toolbar .btn {
padding: 10px 19px;
margin-bottom: 10px;
}
.input-append, .input-prepend {
margin: 0;
white-space: initial;
}
.input-append .btn {
font-size: .8rem;
height: 42px;
margin-bottom: 0;
padding: 12px;
}
.input-prepend.input-append input, .input-prepend.input-append select, .input-prepend.input-append .uneditable-input {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
height: 42px;
}
.column-left .input-append, .column-left .input-prepend, .column-right .input-append, .column-right .input-prepend {
margin-bottom: 0;
}
.column-left .input-prepend.input-append input, .column-left .input-prepend.input-append select, .column-left .input-prepend.input-append .uneditable-input, .column-right .input-prepend.input-append input, .column-right .input-prepend.input-append select, .column-right .input-prepend.input-append .uneditable-input {
margin-bottom: 10px;
width: 100%;
}
.column-left .input-prepend.input-append input:last-of-type, .column-left .input-prepend.input-append select:last-child, .column-left .input-prepend.input-append .uneditable-input:last-child, .column-right .input-prepend.input-append input:last-of-type, .column-right .input-prepend.input-append select:last-child, .column-right .input-prepend.input-append .uneditable-input:last-child {
margin-bottom: 0;
}
.column-left .input-prepend.input-append .add-on:last-child, .column-left .input-prepend.input-append .btn:last-child, .column-right .input-prepend.input-append .add-on:last-child, .column-right .input-prepend.input-append .btn:last-child {
margin-top: 1rem;
}
.column-left .btn.dropdown-toggle, .column-right .btn.dropdown-toggle, .column-left .input-prepend.input-append .btn-group, .column-right .input-prepend.input-append .btn-group {
width: 100%;
}
/* End Editor*/
/* Date picker */
.bootstrap-datetimepicker-widget > ul {
padding: 5px;
}
.bootstrap-datetimepicker-widget td, .bootstrap-datetimepicker-widget th {
border-radius: 0;
}
.bootstrap-datetimepicker-widget td.active, .bootstrap-datetimepicker-widget td.active:hover {
background-image: none;
text-shadow: none;
}
.bootstrap-datetimepicker-widget td span {
border-radius: 0;
}
.bootstrap-datetimepicker-widget td span.active {
background-image: none;
text-shadow: none;
}
.bootstrap-datetimepicker-widget .btn {
font-size: .6em;
padding: 10px;
}
/* End Date picker */
/* Table */
.table {
border-collapse: separate;
border-radius: 4px;
margin-bottom: 2rem;
padding: 1.5rem;
}
.table-bordered {
border-radius: 0;
}
.table:last-child {
margin-bottom: 0;
}
.table th, .table td {
padding: 1rem 0;
}
.table tr:first-child th, .table tr:first-child td {
border-top: none;
}
.table td:last-child {
text-align: center;
}
/* End Table */
/* Alert */
.alert {
-webkit-transition: all 1s linear;
-moz-transition: all 1s linear;
transition: all 1s linear;
}
.alert h4, .alert p {
opacity: .75;
}
.alert p {
margin: 0;
}
.alert p:first-child{
margin-top: 20px;
}
/* End Alert */
/* Progress Bar */
.progress {
background-image: none;
border-radius: 0;
height: 35px;
}
.progress .bar {
background-image: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
font-size: 1rem;
font-weight: 700;
line-height: 2.25rem;
text-shadow: none;
}
/* End Progress Bar */
/* Hero Unit */
.hero-unit {
border-radius: 0;
}
/* End Hero Unit */
/* Well */
.well {
border: none;
border-radius: 4px;
padding: 20px;
}
/* End Well */
.form-horizontal .control-group {
margin: 2rem 0;
}
.form-horizontal .control-group:last-child {
margin-bottom: 0;
}
fieldset {
margin-bottom: 2rem;
}
legend {
font-size: 1.75rem;
font-weight: 400;
margin-bottom: 0;
padding-bottom: .5rem;
}
/* Spacing and Borders */
.rstpl-slideshow-position, .rstpl-slideshow-full-width-position, .rstpl-breadcrumbs-position, .rstpl-higher-position, .rstpl-higher-fluid-position, .rstpl-higher-full-width-position, .rstpl-before-content-position, .rstpl-all-content-position, .rstpl-after-content-position, .rstpl-middle-position, .rstpl-middle-fluid-position, .rstpl-middle-full-width-position,.rstpl-lower-position, .rstpl-lower-fluid-position, .rstpl-lower-full-width-position, .rstpl-bottom-position, .rstpl-bottom-fluid-position, .rstpl-bottom-full-width-position {
margin-bottom: 6.25rem;
}
.rstpl-main-menu-position + section:not(.rstpl-slideshow-position):not(.rstpl-slideshow-full-width-position), .rstpl-main-menu-full-width-position + section:not(.rstpl-slideshow-position):not(.rstpl-slideshow-full-width-position) {
margin-top: 6.25rem;
}
.rstpl-inner-after-content-position {
margin-top: 3.75rem;
}
.rstpl-inner-before-content-position {
margin-bottom: 3.75rem;
}
.column-left {
margin-left: 0 !important;
}
.column-left p:last-child {
margin-bottom: 0;
}
.rstpl-m-bot-small {
margin-bottom: 1.5rem !important;
}
.rstpl-m-bot {
margin-bottom: 2rem !important;
}
.rstpl-m-bot-big {
margin-bottom: 4rem !important;
}
.rstpl-m-top-small {
margin-top: 1.5rem !important;
}
.rstpl-m-top {
margin-top: 2rem !important;
}
.rstpl-m-top-big {
margin-top: 4rem !important;
}
.rstpl-m-tb-small {
margin: 1.5rem 0 !important;
}
.rstpl-m-tb {
margin: 2rem 0 !important;
}
.rstpl-m-tb-big {
margin: 4rem 0 !important;
}
.rstpl-padding {
padding: 1.5rem;
}
.textalign-left {
text-align: left;
}
.textalign-center {
text-align: center;
}
.textalign-right {
text-align: right;
}
.pull-center {
float: none;
margin: 0 auto;
width: 100%;
}
.rstpl-delimiter {
line-height: 0;
padding-bottom: 1.75rem;
margin-bottom: 2rem;
}
.rstpl-header {
margin-top: -3px;
}
[class*="span"].rstpl-top-a, [class*="span"].rstpl-top-b, [class*="span"].rstpl-top-c {
margin: 0;
}
.rstpl-top-collapse .container {
padding: 2.8rem 0;
}
.rstpl-top-collapse.collapse {
overflow: hidden;
}
.rstpl-top-collapse.collapse.in {
overflow: visible;
}
.rstpl-top-collapse.collapse .container {
opacity: 0;
-webkit-transition: opacity 1s linear;
-moz-transition: opacity 1s linear;
transition: opacity 1s linear;
}
.rstpl-top-collapse.in.collapse .container {
opacity: 1;
}
.thumbnail {
border: none;
border-radius: 4px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
padding: 0;
}
.thumbnail > img {
border-radius: 4px;
}
a.thumbnail, a.thumbnail:hover, a.thumbnail:focus {
box-shadow: none;
}
/* End Spacing and Borders */
/* Buttons */
.btn, .button {
background-image: none;
border: none;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
font-size: 1rem;
font-weight: 700;
margin: 0;
padding: 12px 24px;
text-transform: uppercase;
text-shadow: none;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
transition: all .2s linear;
}
.btn.btn-mini {
font-size: .75rem;
padding: 4px 12px;
}
.btn.btn-small {
font-size: .9rem;
padding: 8px 16px;
}
.btn.btn-large {
padding: 16px 26px;
font-size: 1.4rem;
}
.btn:hover, .button:hover {
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
transition: all .2s linear;
}
.btn [class*="icon-"], .button [class*="icon-"], .dropdown-menu [class*="icon-"], .btn [class*="fa fa-"], .button [class*="fa fa-"], .dropdown-menu [class*="fa fa-"] {
font-size: 1.1rem;
margin-top: 0;
vertical-align: middle;
width: 1.4rem;
height: 1.1rem;
line-height: 1.1rem;
}
.btn:focus, .btn.btn-primary:focus, .btn.btn-inverse:focus, .btn.btn-toggle:focus,
.btn:active, .btn.btn-primary:active, .btn.btn-inverse:active, .btn.btn-toggle:active,
.btn.active, .btn.btn-primary.active, .btn.btn-inverse.active, .btn.btn-toggle.active,
.btn.disabled, .btn[disabled].button:focus, .button:active, .button.active, .button.disabled, .button[disabled] {
outline: none;
}
.btn.btn-link:hover, .btn.btn-link:focus, .btn.btn-link:active, .btn.btn-link.active {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.radio.btn-group > label {
margin-right: 5px;
}
.radio.btn-group .animated-radio {
display: none;
}
.btn.dropdown-toggle {
font-size: 1rem;
font-weight: 300;
padding-left: 0;
padding-right: 20px;
text-align: left;
text-transform: none;
}
.btn.dropdown-toggle:hover, .btn.dropdown-toggle:focus, .btn.dropdown-toggle:active {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.btn.dropdown-toggle [class*="icon"] {
margin-right: 15px;
}
.radio.btn-group > label:first-of-type, .radio.btn-group > label:last-of-type {
border-radius: 0;
}
.btn .caret {
margin: 0;
position: absolute;
-webkit-transition: transform .2s linear;
-moz-transition: transform .2s linear;
transition: transform .2s linear;
height: 10px;
width: 8px;
text-align: center;
top: 17px;
right: 0;
}
.btn.btn-mini .caret {
top: 10px;
}
.btn.btn-large .caret {
top: 22px;
}
.btn-group.open > .btn .caret {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.btn-toolbar, .btn-toolbar > .btn-group > .btn {
font-size: 16px;
}
.input-append .btn:last-child {
padding: 10px;
}
.rstpl-scroll-to-top {
display: inline-block;
font-size: 1rem;
height: 90px;
margin: 0;
width: 60px;
}
.rstpl-scroll-to-top span {
height: 65px;
line-height: 65px;
margin: 0;
text-align: left;
width: 20px;
}
/* End Buttons */
/* Pager */
.pager li > a {
border: none;
border-radius: 0;
font-size: 1.2rem;
padding: .8rem;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
transition: all .2s linear;
}
.pager li > a > i, .pager li > a > span {
font-size: .75rem;
margin: 0;
padding: 1px;
vertical-align: middle;
}
/* End Pager */
/* Lists */
.rstpl-arrow-simple-bullet, .rstpl-arrow-circle-bullet {
list-style-type: none;
margin: 0;
}
.rstpl-arrow-simple-bullet > li:before {
content: "\f054";
font-family: "FontAwesome";
font-size: .8rem;
font-weight: 700;
margin-right: 10px;
}
.rstpl-arrow-simple-bullet > li, .rstpl-arrow-circle-bullet > li {
line-height: 2rem;
}
.rstpl-arrow-circle-bullet > li:before {
content: "\f138";
font-family: "FontAwesome";
font-size: 1rem;
font-weight: 100;
margin-right: 10px;
}
/* End Lists */
/* Preloader */
.pageload-overlay {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1001;
}
.pageload-overlay [class*="-loader"] {
font-size: 1.4rem;
z-index: 1002;
}
/* Fade Out */
.pageload-overlay.fade-out {
opacity: 0;
visibility: hidden;
-webkit-transition: visibility 1s ease-in 0s, opacity 1.5s ease-in 0s;
-moz-transition: visibility 1s ease-in 0s, opacity 1.5s ease-in 0s;
transition: visibility 1s ease-in 0s, opacity 1.5s ease-in 0s;
}
/* End Fade Out */
/* Rotate Left */
.pageload-overlay.rotate-left {
-webkit-animation-name: rotate-left;
-moz-animation-name: rotate-left;
animation-name: rotate-left;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
animation-duration: 1s;
}
@-webkit-keyframes rotate-left {
0% {
opacity: 1;
-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(1, 1) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform-origin: 0% 75%;
-webkit-transform: scale(0, 0) rotate(-540deg);
}
}
@-moz-keyframes rotate-left {
0% {
opacity: 1;
-moz-transform-origin: 50% 50%;
-moz-transform: scale(1, 1) rotate(0deg);
}
100% {
opacity: 0;
-moz-transform-origin: 0% 75%;
-moz-transform: scale(0, 0) rotate(-540deg);
}
}
@keyframes rotate-left {
0% {
opacity: 1;
transform-origin: 50% 50%;
transform: scale(1, 1) rotate(0deg);
}
100% {
opacity: 0;
transform-origin: 0% 75%;
transform: scale(0, 0) rotate(-540deg);
}
}
/* End Rotate Left */
/* Rotate Right */
.pageload-overlay.rotate-right {
-webkit-animation-name: rotate-right;
-moz-animation-name: rotate-right;
animation-name: rotate-right;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
animation-duration: 1s;
}
@-webkit-keyframes rotate-right {
0% {
opacity: 1;
-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(1, 1) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform-origin: 100% 75%;
-webkit-transform: scale(0, 0) rotate(540deg);
}
}
@-moz-keyframes rotate-right {
0% {
opacity: 1;
-moz-transform-origin: 50% 50%;
-moz-transform: scale(1, 1) rotate(0deg);
}
100% {
opacity: 0;
-moz-transform-origin: 100% 75%;
-moz-transform: scale(0, 0) rotate(540deg);
}
}
@keyframes rotate-right {
0% {
opacity: 1;
transform-origin: 50% 50%;
transform: scale(1, 1) rotate(0deg);
}
100% {
opacity: 0;
transform-origin: 100% 75%;
transform: scale(0, 0) rotate(540deg);
}
}
/* End Rotate Right */
/* Slide Left */
.pageload-overlay.slide-left {
left: -100%;
opacity: 0;
-webkit-transition: all 1s linear;
-moz-transition: all 1s linear;
transition: all 1s linear;
}
/* End Slide Left */
/* Slide Right */
.pageload-overlay.slide-right {
left: 100%;
opacity: 0;
-webkit-transition: all 1s linear;
-moz-transition: all 1s linear;
transition: all 1s linear;
}
/* End Slide Right */
/* Slide Top */
.pageload-overlay.slide-top {
top: -100%;
opacity: 0;
-webkit-transition: all 1s linear;
-moz-transition: all 1s linear;
transition: all 1s linear;
}
/* End Slide Top */
/* Slide Bottom */
.pageload-overlay.slide-bottom {
top: 100%;
opacity: 0;
-webkit-transition: all 1s linear;
-moz-transition: all 1s linear;
transition: all 1s linear;
}
/* End Slide Bottom */
/* Swipe Bottom Left */
.pageload-overlay.swipe-bottom-left {
-webkit-animation-name: swipe-bottom-left;
-moz-animation-name: swipe-bottom-left;
animation-name: swipe-bottom-left;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
animation-duration: 1s;
}
@-webkit-keyframes swipe-bottom-left {
0% {
opacity: 1;
-webkit-animation-timing-function: ease-out;
-webkit-transform-origin: bottom left;
-webkit-transform: rotate(0deg);
}
100% {
opacity: 0;
-webkit-animation-timing-function: ease-out;
-webkit-transform-origin: bottom left;
-webkit-transform: rotate(-90deg);
}
}
@-moz-keyframes swipe-bottom-left {
0% {
opacity: 1;
-moz-animation-timing-function: ease-out;
-moz-transform-origin: bottom left;
-moz-transform: rotate(0deg);
}
100% {
opacity: 0;
-moz-animation-timing-function: ease-out;
-moz-transform-origin: bottom left;
-moz-transform: rotate(-90deg);
}
}
@keyframes swipe-bottom-left {
0% {
opacity: 1;
animation-timing-function: ease-out;
transform-origin: bottom left;
transform: rotate(0deg);
}
100% {
opacity: 0;
animation-timing-function: ease-out;
transform-origin: bottom left;
transform: rotate(-90deg);
}
}
/* End Swipe Bottom Left */
/* Swipe Bottom Right */
.pageload-overlay.swipe-bottom-right {
-webkit-animation-name: swipe-bottom-right;
-moz-animation-name: swipe-bottom-right;
animation-name: swipe-bottom-right;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
animation-duration: 1s;
}
@-webkit-keyframes swipe-bottom-right {
0% {
opacity: 1;
-webkit-animation-timing-function: ease-out;
-webkit-transform-origin: bottom right;
-webkit-transform: rotate(0deg);
}
100% {
opacity: 0;
-webkit-animation-timing-function: ease-out;
-webkit-transform-origin: bottom right;
-webkit-transform: rotate(90deg);
}
}
@-moz-keyframes swipe-bottom-right {
0% {
opacity: 1;
-moz-animation-timing-function: ease-out;
-moz-transform-origin: bottom right;
-moz-transform: rotate(0deg);
}
100% {
opacity: 0;
-moz-animation-timing-function: ease-out;
-moz-transform-origin: bottom right;
-moz-transform: rotate(90deg);
}
}
@keyframes swipe-bottom-right {
0% {
opacity: 1;
animation-timing-function: ease-out;
transform-origin: bottom right;
transform: rotate(0deg);
}
100% {
opacity: 0;
animation-timing-function: ease-out;
transform-origin: bottom right;
transform: rotate(90deg);
}
}
/* End Swipe Bottom Right */
/* Swipe Top Left */
.pageload-overlay.swipe-top-left {
-webkit-animation-name: swipe-top-left;
-moz-animation-name: swipe-top-left;
animation-name: swipe-top-left;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
animation-duration: 1s;
}
@-webkit-keyframes swipe-top-left {
0% {
opacity: 1;
-webkit-animation-timing-function: ease-out;
-webkit-transform-origin: top left;
-webkit-transform: rotate(0deg);
}
100% {
opacity: 0;
-webkit-animation-timing-function: ease-out;
-webkit-transform-origin: top left;
-webkit-transform: rotate(90deg);
}
}
@-moz-keyframes swipe-top-left {
0% {
opacity: 1;
-moz-animation-timing-function: ease-out;
-moz-transform-origin: top left;
-moz-transform: rotate(0deg);
}
100% {
opacity: 0;
-moz-animation-timing-function: ease-out;
-moz-transform-origin: top left;
-moz-transform: rotate(90deg);
}
}
@keyframes swipe-top-left {
0% {
opacity: 1;
animation-timing-function: ease-out;
transform-origin: top left;
transform: rotate(0deg);
}
100% {
opacity: 0;
animation-timing-function: ease-out;
transform-origin: top left;
transform: rotate(90deg);
}
}
/* End Swipe Top Left */
/* Swipe Top Right */
.pageload-overlay.swipe-top-right {
-webkit-animation-name: swipe-top-right;
-moz-animation-name: swipe-top-right;
animation-name: swipe-top-right;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
animation-duration: 1s;
}
@-webkit-keyframes swipe-top-right {
0% {
opacity: 1;
-webkit-animation-timing-function: ease-out;
-webkit-transform-origin: top right;
-webkit-transform: rotate(0deg);
}
100% {
opacity: 0;
-webkit-animation-timing-function: ease-out;
-webkit-transform-origin: top right;
-webkit-transform: rotate(-90deg);
}
}
@-moz-keyframes swipe-top-right {
0% {
opacity: 1;
-moz-animation-timing-function: ease-out;
-moz-transform-origin: top right;
-moz-transform: rotate(0deg);
}
100% {
opacity: 0;
-moz-animation-timing-function: ease-out;
-moz-transform-origin: top right;
-moz-transform: rotate(-90deg);
}
}
@keyframes swipe-top-right {
0% {
opacity: 1;
animation-timing-function: ease-out;
transform-origin: top right;
transform: rotate(0deg);
}
100% {
opacity: 0;
animation-timing-function: ease-out;
transform-origin: top right;
transform: rotate(-90deg);
}
}
/* End Swipe Top Right */
/* Shrink Left */
.pageload-overlay.shrink-left {
-webkit-animation-name: shrink-left;
-moz-animation-name: shrink-left;
animation-name: shrink-left;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
animation-duration: 1s;
}
@-webkit-keyframes shrink-left {
0% {
opacity: 1;
-webkit-transform-origin: 0% 50%;
-webkit-transform: scale(1) translate(0%, 0%);
}
100% {
opacity: 0;
-webkit-transform-origin: 0% 50%;
-webkit-transform: scale(0) translate(-120%, 0%);
}
}
@-moz-keyframes shrink-left {
0% {
opacity: 1;
-moz-transform-origin: 0% 50%;
-moz-transform: scale(1) translate(0%, 0%);
}
100% {
opacity: 0;
-moz-transform-origin: 0% 50%;
-moz-transform: scale(0) translate(-120%, 0%);
}
}
@keyframes shrink-left {
0% {
opacity: 1;
transform-origin: 0% 50%;
transform: scale(1) translate(0%, 0%);
}
100% {
opacity: 0;
transform-origin: 0% 50%;
transform: scale(0) translate(-120%, 0%);
}
}
/* End Shrink Left */
/* Shrink Right */
.pageload-overlay.shrink-right {
-webkit-animation-name: shrink-right;
-moz-animation-name: shrink-right;
animation-name: shrink-right;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
animation-duration: 1s;
}
@-webkit-keyframes shrink-right {
0% {
opacity: 1;
-webkit-transform-origin: 100% 50%;
-webkit-transform: scale(1) translate(0%, 0%);
}
100% {
opacity: 0;
-webkit-transform-origin: 100% 50%;
-webkit-transform: scale(0) translate(120%, 0%);
}
}
@-moz-keyframes shrink-right {
0% {
opacity: 1;
-moz-transform-origin: 100% 50%;
-moz-transform: scale(1) translate(0%, 0%);
}
100% {
opacity: 0;
-moz-transform-origin: 100% 50%;
-moz-transform: scale(0) translate(120%, 0%);
}
}
@keyframes shrink-right {
0% {
opacity: 1;
transform-origin: 100% 50%;
transform: scale(1) translate(0%, 0%);
}
100% {
opacity: 0;
transform-origin: 100% 50%;
transform: scale(0) translate(120%, 0%);
}
}
/* Shrink Top */
.pageload-overlay.shrink-top {
-webkit-animation-name: shrink-top;
-moz-animation-name: shrink-top;
animation-name: shrink-top;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
animation-duration: 1s;
}
@-webkit-keyframes shrink-top {
0% {
opacity: 1;
-webkit-transform-origin: 50% 0%;
-webkit-transform: scale(1) translate(0%, 0%);
}
100% {
opacity: 0;
-webkit-transform-origin: 50% 0%;
-webkit-transform: scale(0) translate(0%, -120%);
}
}
@-moz-keyframes shrink-top {
0% {
opacity: 1;
-moz-transform-origin: 50% 0%;
-moz-transform: scale(1) translate(0%, 0%);
}
100% {
opacity: 0;
-moz-transform-origin: 50% 0%;
-moz-transform: scale(0) translate(0%, -120%);
}
}
@keyframes shrink-top {
0% {
opacity: 1;
transform-origin: 50% 0%;
transform: scale(1) translate(0%, 0%);
}
100% {
opacity: 0;
transform-origin: 50% 0%;
transform: scale(0) translate(0%, -120%);
}
}
/* End Shrink Top */
/* Shrink Bottom */
.pageload-overlay.shrink-bottom {
-webkit-animation-name: shrink-bottom;
-moz-animation-name: shrink-bottom;
animation-name: shrink-bottom;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
animation-iteration-count: 1;
}
@-webkit-keyframes shrink-bottom {
0% {
opacity: 1;
-webkit-transform-origin: 50% 100%;
-webkit-transform: scale(1) translate(0%, 0%);
}
100% {
opacity: 0;
-webkit-transform-origin: 50% 100%;
-webkit-transform: scale(0) translate(0%, 120%);
}
}
@-moz-keyframes shrink-bottom {
0% {
opacity: 1;
-moz-transform-origin: 50% 100%;
-moz-transform: scale(1) translate(0%, 0%);
}
100% {
opacity: 0;
-moz-transform-origin: 50% 100%;
-moz-transform: scale(0) translate(0%, 120%);
}
}
@keyframes shrink-bottom {
0% {
opacity: 1;
transform-origin: 50% 100%;
transform: scale(1) translate(0%, 0%);
}
100% {
opacity: 0;
transform-origin: 50% 100%;
transform: scale(0) translate(0%, 120%);
}
}
/* End Shrink Bottom */
/* Shrink Center */
.pageload-overlay.shrink-center {
-webkit-animation-name: shrink-center;
-moz-animation-name: shrink-center;
animation-name: shrink-center;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
animation-duration: 1s;
}
@-webkit-keyframes shrink-center {
0% {
opacity: 1;
-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(1);
}
100% {
opacity: 0;
-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(0);
}
}
@-moz-keyframes shrink-center {
0% {
opacity: 1;
-moz-transform-origin: 50% 50%;
-moz-transform: scale(1);
}
100% {
opacity: 0;
-moz-transform-origin: 50% 50%;
-moz-transform: scale(0);
}
}
@keyframes shrink-center {
0% {
opacity: 1;
transform-origin: 50% 50%;
transform: scale(1);
}
100% {
opacity: 0;
-webkit-transform-origin: 50% 50%;
transform: scale(0);
}
}
/* End Shrink Center */
/* Open Left */
.pageload-overlay.open-left {
-webkit-animation-name: open-left;
-moz-animation-name: open-left;
animation-name: open-left;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
animation-duration: 1s;
}
@-webkit-keyframes open-left {
0% {
opacity: 1;
-webkit-transform-origin: 0 50%;
-webkit-transform: perspective(800px) rotateY(0deg);
}
100% {
opacity: 0;
-webkit-transform-origin: 0 50%;
-webkit-transform: perspective(800px) rotateY(120deg);
}
}
@-moz-keyframes open-left {
0% {
opacity: 1;
-moz-transform-origin: 0 50%;
-moz-transform: perspective(800px) rotateY(0deg);
}
100% {
opacity: 0;
-moz-transform-origin: 0 50%;
-moz-transform: perspective(800px) rotateY(120deg);
}
}
@keyframes open-left {
0% {
opacity: 1;
transform-origin: 0 50%;
transform: perspective(800px) rotateY(0deg);
}
100% {
opacity: 0;
transform-origin: 0 50%;
transform: perspective(800px) rotateY(120deg);
}
}
/* End Open Left */
/* Open Right */
.pageload-overlay.open-right {
-webkit-animation-name: open-right;
-moz-animation-name: open-right;
animation-name: open-right;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
animation-duration: 1s;
}
@-webkit-keyframes open-right {
0% {
opacity: 1;
-webkit-transform-origin: 100% 50%;
-webkit-transform: perspective(800px) rotateY(0deg);
}
100% {
opacity: 0;
-webkit-transform-origin: 100% 50%;
-webkit-transform: perspective(800px) rotateY(-120deg);
}
}
@-moz-keyframes open-right {
0% {
opacity: 1;
-moz-transform-origin: 100% 50%;
-moz-transform: perspective(800px) rotateY(0deg);
}
100% {
opacity: 0;
-moz-transform-origin: 100% 50%;
-moz-transform: perspective(800px) rotateY(-120deg);
}
}
@keyframes open-right {
0% {
opacity: 1;
transform-origin: 100% 50%;
transform: perspective(800px) rotateY(0deg);
}
100% {
opacity: 0;
transform-origin: 100% 50%;
transform: perspective(800px) rotateY(-120deg);
}
}
/* End Open Right */
/* Open Top */
.pageload-overlay.open-top {
-webkit-animation-name: open-top;
-moz-animation-name: open-top;
animation-name: open-top;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
animation-duration: 1s;
}
@-webkit-keyframes open-top {
0% {
opacity: 1;
-webkit-transform-origin: 50% 0;
-webkit-transform: perspective(800px) rotateX(0deg);
}
100% {
opacity: 0;
-webkit-transform-origin: 50% 0;
-webkit-transform: perspective(800px) rotateX(-120deg);
}
}
@-moz-keyframes open-top {
0% {
opacity: 1;
-moz-transform-origin: 50% 0;
-moz-transform: perspective(800px) rotateX(0deg);
}
100% {
opacity: 0;
-moz-transform-origin: 50% 0;
-moz-transform: perspective(800px) rotateX(-120deg);
}
}
@keyframes open-top {
0% {
opacity: 1;
transform-origin: 50% 0;
transform: perspective(800px) rotateX(0deg);
}
100% {
opacity: 0;
transform-origin: 50% 0;
transform: perspective(800px) rotateX(-120deg);
}
}
/* End Open Top */
/* Open Bottom */
.pageload-overlay.open-bottom {
-webkit-animation-name: open-bottom;
-moz-animation-name: open-bottom;
animation-name: open-bottom;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
animation-duration: 1s;
}
@-webkit-keyframes open-bottom {
0% {
opacity: 1;
-webkit-transform-origin: 50% 100%;
-webkit-transform: perspective(800px) rotateX(0deg);
}
100% {
opacity: 0;
-webkit-transform-origin: 50% 100%;
-webkit-transform: perspective(800px) rotateX(120deg);
}
}
@-moz-keyframes open-bottom {
0% {
opacity: 1;
-moz-transform-origin: 50% 100%;
-moz-transform: perspective(800px) rotateX(0deg);
}
100% {
opacity: 0;
-moz-transform-origin: 50% 100%;
-moz-transform: perspective(800px) rotateX(120deg);
}
}
@keyframes open-bottom {
0% {
opacity: 1;
transform-origin: 50% 100%;
transform: perspective(800px) rotateX(0deg);
}
100% {
opacity: 0;
transform-origin: 50% 100%;
transform: perspective(800px) rotateX(120deg);
}
}
/* End Open Bottom */
/* Filling Text */
.pageload-overlay .filling-text-loader {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.pageload-overlay .filling-text-loader:before {
content: attr(data-text);
position: absolute;
left: 0;
top: 0;
overflow: hidden;
-webkit-animation-name: width-max;
-moz-animation-name: width-max;
animation-name: width-max;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-duration: 3s;
-moz-animation-duration: 3s;
animation-duration: 3s;
}
@-webkit-keyframes width-max {
0% { max-width: 0; }
100% { max-width: 100%; }
}
@-moz-keyframes width-max {
0% { max-width: 0; }
100% { max-width: 100%; }
}
@keyframes width-max {
0% { max-width: 0; }
100% { max-width: 100%; }
}
/* End Filling Text */
/* Floating Bullets */
.pageload-overlay .floating-bullets-loader {
position: relative;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.pageload-overlay .floating-bullets-loader span {
border-radius: 50%;
display: block;
height: 10px;
position: absolute;
left: 0;
top: 0;
width: 10px;
}
.pageload-overlay .floating-bullets-loader span:nth-child(1) {
-webkit-animation-delay: .1s;
-moz-animation-delay: .1s;
animation-delay: .1s;
-webkit-animation-duration: 2s, 2s;
-moz-animation-duration: 2s, 2s;
animation-duration: 2s, 2s;
-webkit-animation-name: float1-left, float1-right;
-moz-animation-name: float1-left, float1-right;
animation-name: float1-left, float1-right;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.pageload-overlay .floating-bullets-loader span:nth-child(2) {
-webkit-animation-delay: .2s;
-moz-animation-delay: .2s;
animation-delay: .2s;
-webkit-animation-duration: 2s, 2s;
-moz-animation-duration: 2s, 2s;
animation-duration: 2s, 2s;
-webkit-animation-name: float2-left, float2-right;
-moz-animation-name: float2-left, float2-right;
animation-name: float2-left, float2-right;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.pageload-overlay .floating-bullets-loader span:nth-child(3) {
-webkit-animation-delay: .3s;
-moz-animation-delay: .3s;
animation-delay: .3s;
-webkit-animation-duration: 2s, 2s;
-moz-animation-duration: 2s, 2s;
animation-duration: 2s, 2s;
-webkit-animation-name: float3-left, float3-right;
-moz-animation-name: float3-left, float3-right;
animation-name: float3-left, float3-right;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.pageload-overlay .floating-bullets-loader span:nth-child(4) {
-webkit-animation-delay: .4s;
-moz-animation-delay: .4s;
animation-delay: .4s;
-webkit-animation-duration: 2s, 2s;
-moz-animation-duration: 2s, 2s;
animation-duration: 2s, 2s;
-webkit-animation-name: float4-left, float4-right;
-moz-animation-name: float4-left, float4-right;
animation-name: float4-left, float4-right;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.pageload-overlay .floating-bullets-loader span:nth-child(5) {
-webkit-animation-delay: .5s;
-moz-animation-delay: .5s;
animation-delay: .5s;
-webkit-animation-duration: 2s, 2s;
-moz-animation-duration: 2s, 2s;
animation-duration: 2s, 2s;
-webkit-animation-name: float5-left, float5-right;
-moz-animation-name: float5-left, float5-right;
animation-name: float5-left, float5-right;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@-webkit-keyframes float1-left {
0% { left: -50%; }
50% { left: 52%; }
}
@-moz-keyframes float1-left {
0% { left: -50%; }
50% { left: 52%; }
}
@keyframes float1-left {
0% { left: -50%; }
50% { left: 52%; }
}
@-webkit-keyframes float1-right {
50% { left: 52%; }
100% { left: 150%; }
}
@-moz-keyframes float1-right {
50% { left: 52%; }
100% { left: 150%; }
}
@keyframes float1-right {
50% { left: 52%; }
100% { left: 150%; }
}
@-webkit-keyframes float2-left {
0% { left: -50%; }
50% { left: 51%; }
}
@-moz-keyframes float2-left {
0% { left: -50%; }
50% { left: 51%; }
}
@keyframes float2-left {
0% { left: -50%; }
50% { left: 51%; }
}
@-webkit-keyframes float2-right {
50% { left: 51%; }
100% { left: 150%; }
}
@-moz-keyframes float2-right {
50% { left: 51%; }
100% { left: 150%; }
}
@keyframes float2-right {
50% { left: 51%; }
100% { left: 150%; }
}
@-webkit-keyframes float3-left {
0% { left: -50%; }
50% { left: 50%; }
}
@-moz-keyframes float3-left {
0% { left: -50%; }
50% { left: 50%; }
}
@keyframes float3-left {
0% { left: -50%; }
50% { left: 50%; }
}
@-webkit-keyframes float3-right {
50% { left: 50%; }
100% { left: 150%; }
}
@-moz-keyframes float3-right {
50% { left: 50%; }
100% { left: 150%; }
}
@keyframes float3-right {
50% { left: 50%; }
100% { left: 150%; }
}
@-webkit-keyframes float4-left {
0% { left: -50%; }
50% { left: 49%; }
}
@-moz-keyframes float4-left {
0% { left: -50%; }
50% { left: 49%; }
}
@keyframes float4-left {
0% { left: -50%; }
50% { left: 49%; }
}
@-webkit-keyframes float4-right {
50% { left: 49%; }
100% { left: 150%; }
}
@-moz-keyframes float4-right {
50% { left: 49%; }
100% { left: 150%; }
}
@keyframes float4-right {
50% { left: 49%; }
100% { left: 150%; }
}
@-webkit-keyframes float5-left {
0% { left: -50%; }
50% { left: 48%; }
}
@-moz-keyframes float5-left {
0% { left: -50%; }
50% { left: 48%; }
}
@keyframes float5-left {
0% { left: -50%; }
50% { left: 48%; }
}
@-webkit-keyframes float5-right {
50% { left: 48%; }
100% { left: 150%; }
}
@-moz-keyframes float5-right {
50% { left: 48%; }
100% { left: 150%; }
}
@keyframes float5-right {
50% { left: 48%; }
100% { left: 150%; }
}
/* End Floating Bullets */
/* Circle Notch */
.pageload-overlay .circle-notch-loader {
position: absolute;
top: 50%;
left: 50%;
border-radius: 50%;
width: 30px;
height: 30px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.pageload-overlay .circle-notch-loader:before {
content: "";
width: 18px;
height: 34px;
border-radius: 34px 0 0 34px;
position: absolute;
top: -4px;
left: -4px;
-webkit-transform-origin: 17px 17px;
-moz-transform-origin: 17px 17px;
-ms-transform-origin: 17px 17px;
transform-origin: 17px 17px;
-webkit-animation: spin 2s infinite ease 1.5s;
-moz-animation: spin 2s infinite ease 1.5s;
animation: spin 2s infinite ease 1.5s;
}
.pageload-overlay .circle-notch-loader:after {
content: "";
width: 18px;
height: 34px;
border-radius: 0 34px 34px 0;
position: absolute;
top: -4px;
right: -4px;
-webkit-transform-origin: 0 17px;
-moz-transform-origin: 0 17px;
-ms-transform-origin: 0 17px;
transform-origin: 0 17px;
-webkit-animation: spin 2s infinite ease;
-moz-animation: spin 2s infinite ease;
animation: spin 2s infinite ease;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* End Circle Notch */
/* Fading Bars */
.pageload-overlay .fading-bars-loader {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.pageload-overlay .fading-bars-loader span {
width: 2px;
height: 10px;
position: absolute;
top: -6px;
left: -1px;
opacity: .05;
-webkit-animation: fade 1.1s linear infinite;
-moz-animation: fade 1.1s linear infinite;
animation: fade 1.1s linear infinite;
}
.pageload-overlay .fading-bars-loader span:nth-child(1){
-webkit-transform: rotate(0deg) translate(0, -12px);
-moz-transform: rotate(0deg) translate(0, -12px);
-ms-transform: rotate(0deg) translate(0, -12px);
-o-transform: rotate(0deg) translate(0, -12px);
transform: rotate(0deg) translate(0, -12px);
-webkit-animation-delay: .39s;
-moz-animation-delay: .39s;
animation-delay: .39s;
}
.pageload-overlay .fading-bars-loader span:nth-child(2){
-webkit-transform: rotate(45deg) translate(0, -12px);
-moz-transform: rotate(45deg) translate(0, -12px);
-ms-transform: rotate(45deg) translate(0, -12px);
-o-transform: rotate(45deg) translate(0, -12px);
transform: rotate(45deg) translate(0, -12px);
-webkit-animation-delay: .52s;
-moz-animation-delay: .52s;
animation-delay: .52s;
}
.pageload-overlay .fading-bars-loader span:nth-child(3){
-webkit-transform: rotate(90deg) translate(0, -12px);
-moz-transform: rotate(90deg) translate(0, -12px);
-ms-transform: rotate(90deg) translate(0, -12px);
-o-transform: rotate(90deg) translate(0, -12px);
transform: rotate(90deg) translate(0, -12px);
-webkit-animation-delay: .65s;
-moz-animation-delay: .65s;
animation-delay: .65s;
}
.pageload-overlay .fading-bars-loader span:nth-child(4){
-webkit-transform: rotate(135deg) translate(0, -12px);
-moz-transform: rotate(135deg) translate(0, -12px);
-ms-transform: rotate(135deg) translate(0, -12px);
-o-transform: rotate(135deg) translate(0, -12px);
transform: rotate(135deg) translate(0, -12px);
-webkit-animation-delay: .78s;
-moz-animation-delay: .78s;
animation-delay: .78s;
}
.pageload-overlay .fading-bars-loader span:nth-child(5){
-webkit-transform: rotate(180deg) translate(0, -12px);
-moz-transform: rotate(180deg) translate(0, -12px);
-ms-transform: rotate(180deg) translate(0, -12px);
-o-transform: rotate(180deg) translate(0, -12px);
transform: rotate(180deg) translate(0, -12px);
-webkit-animation-delay: .91s;
-moz-animation-delay: .91s;
animation-delay: .91s;
}
.pageload-overlay .fading-bars-loader span:nth-child(6){
-webkit-transform: rotate(225deg) translate(0, -12px);
-moz-transform: rotate(225deg) translate(0, -12px);
-ms-transform: rotate(225deg) translate(0, -12px);
-o-transform: rotate(225deg) translate(0, -12px);
transform: rotate(225deg) translate(0, -12px);
-webkit-animation-delay: 1.04s;
-moz-animation-delay: 1.04s;
animation-delay: 1.04s;
}
.pageload-overlay .fading-bars-loader span:nth-child(7){
-webkit-transform: rotate(270deg) translate(0, -12px);
-moz-transform: rotate(270deg) translate(0, -12px);
-ms-transform: rotate(270deg) translate(0, -12px);
-o-transform: rotate(270deg) translate(0, -12px);
transform: rotate(270deg) translate(0, -12px);
-webkit-animation-delay: 1.17s;
-moz-animation-delay: 1.17s;
animation-delay: 1.17s;
}
.pageload-overlay .fading-bars-loader span:nth-child(8){
-webkit-transform: rotate(315deg) translate(0, -12px);
-moz-transform: rotate(315deg) translate(0, -12px);
-ms-transform: rotate(315deg) translate(0, -12px);
-o-transform: rotate(315deg) translate(0, -12px);
transform: rotate(315deg) translate(0, -12px);
-webkit-animation-delay: 1.3s;
-moz-animation-delay: 1.3s;
animation-delay: 1.3s;
}
@-webkit-keyframes fade{
0% { opacity: 1; }
100% { opacity: 0; }
}
@-moz-keyframes fade{
0% { opacity: 1; }
100% { opacity: 0; }
}
@keyframes fade {
0% { opacity: 1; }
100% { opacity: 0; }
}
/* End Fading Bars */
/* Spinning Circle */
.pageload-overlay .spinning-circle-loader {
position: absolute;
top: 50%;
left: 50%;
border-radius: 50%;
width: 30px;
height: 30px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.pageload-overlay .spinning-circle-loader:after {
border-radius: 50%;
content: "";
position: absolute;
top: 0;
left: 0;
width: 30px;
height: 30px;
-webkit-animation: spin 1s infinite linear;
-moz-animation: spin 1s infinite linear;
animation: spin 1s infinite linear;
}
/* End Spinning Circle */
/* Bouncing Circle */
.pageload-overlay .bouncing-circle-loader {
position: absolute;
top: 50%;
left: 50%;
width: 30px;
height: 30px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.pageload-overlay .bouncing-circle-loader span {
display: block;
width: 30px;
height: 30px;
border-radius: 50%;
opacity: .55;
position: absolute;
top: 0;
left: 0;
-webkit-animation: bounce 2s infinite ease-in-out;
-moz-animation: bounce 2s infinite ease-in-out;
animation: bounce 2s infinite ease-in-out;
}
.pageload-overlay .bouncing-circle-loader span:nth-child(2) {
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
animation-delay: 1s;
}
@-webkit-keyframes bounce {
0% {
-webkit-transform: scale(0);
}
50% {
-webkit-transform: scale(1);
}
100% {
-webkit-transform: scale(0);
}
}
@-moz-keyframes bounce {
0% {
-moz-transform: scale(0);
}
50% {
-moz-transform: scale(1);
}
100% {
-moz-transform: scale(0);
}
}
@keyframes bounce {
0% {
transform: scale(0);
}
50% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
/* End Bouncing Circle */
/* Fading Bullets */
.pageload-overlay .fading-bullets-loader {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.pageload-overlay .fading-bullets-loader span {
border-radius: 50%;
width: 5px;
height: 5px;
position: absolute;
top: -5px;
left: -1px;
opacity: .05;
-webkit-animation: fade 1.6s linear infinite;
-moz-animation: fade 1.6s linear infinite;
animation: fade 1.6s linear infinite;
}
.pageload-overlay .fading-bullets-loader span:nth-child(1){
-webkit-transform: rotate(0deg) translate(0, -14px);
-moz-transform: rotate(0deg) translate(0, -14px);
-ms-transform: rotate(0deg) translate(0, -14px);
-o-transform: rotate(0deg) translate(0, -14px);
transform: rotate(0deg) translate(0, -14px);
-webkit-animation-delay: .39s;
-moz-animation-delay: .39s;
animation-delay: .39s;
}
.pageload-overlay .fading-bullets-loader span:nth-child(2){
-webkit-transform: rotate(30deg) translate(0, -14px);
-moz-transform: rotate(30deg) translate(0, -14px);
-ms-transform: rotate(30deg) translate(0, -14px);
-o-transform: rotate(30deg) translate(0, -14px);
transform: rotate(30deg) translate(0, -14px);
-webkit-animation-delay: .52s;
-moz-animation-delay: .52s;
animation-delay: .52s;
}
.pageload-overlay .fading-bullets-loader span:nth-child(3){
-webkit-transform: rotate(60deg) translate(0, -14px);
-moz-transform: rotate(60deg) translate(0, -14px);
-ms-transform: rotate(60deg) translate(0, -14px);
-o-transform: rotate(60deg) translate(0, -14px);
transform: rotate(60deg) translate(0, -14px);
-webkit-animation-delay: .65s;
-moz-animation-delay: .65s;
animation-delay: .65s;
}
.pageload-overlay .fading-bullets-loader span:nth-child(4){
-webkit-transform: rotate(90deg) translate(0, -14px);
-moz-transform: rotate(90deg) translate(0, -14px);
-ms-transform: rotate(90deg) translate(0, -14px);
-o-transform: rotate(90deg) translate(0, -14px);
transform: rotate(90deg) translate(0, -14px);
-webkit-animation-delay: .78s;
-moz-animation-delay: .78s;
animation-delay: .78s;
}
.pageload-overlay .fading-bullets-loader span:nth-child(5){
-webkit-transform: rotate(120deg) translate(0, -14px);
-moz-transform: rotate(120deg) translate(0, -14px);
-ms-transform: rotate(120deg) translate(0, -14px);
-o-transform: rotate(120deg) translate(0, -14px);
transform: rotate(120deg) translate(0, -14px);
-webkit-animation-delay: .91s;
-moz-animation-delay: .91s;
animation-delay: .91s;
}
.pageload-overlay .fading-bullets-loader span:nth-child(6){
-webkit-transform: rotate(150deg) translate(0, -14px);
-moz-transform: rotate(150deg) translate(0, -14px);
-ms-transform: rotate(150deg) translate(0, -14px);
-o-transform: rotate(150deg) translate(0, -14px);
transform: rotate(150deg) translate(0, -14px);
-webkit-animation-delay: 1.04s;
-moz-animation-delay: 1.04s;
animation-delay: 1.04s;
}
.pageload-overlay .fading-bullets-loader span:nth-child(7){
-webkit-transform: rotate(180deg) translate(0, -14px);
-moz-transform: rotate(180deg) translate(0, -14px);
-ms-transform: rotate(180deg) translate(0, -14px);
-o-transform: rotate(180deg) translate(0, -14px);
transform: rotate(180deg) translate(0, -14px);
-webkit-animation-delay: 1.17s;
-moz-animation-delay: 1.17s;
animation-delay: 1.17s;
}
.pageload-overlay .fading-bullets-loader span:nth-child(8){
-webkit-transform: rotate(210deg) translate(0, -14px);
-moz-transform: rotate(210deg) translate(0, -14px);
-ms-transform: rotate(210deg) translate(0, -14px);
-o-transform: rotate(210deg) translate(0, -14px);
transform: rotate(210deg) translate(0, -14px);
-webkit-animation-delay: 1.3s;
-moz-animation-delay: 1.3s;
animation-delay: 1.3s;
}
.pageload-overlay .fading-bullets-loader span:nth-child(9){
-webkit-transform: rotate(240deg) translate(0, -14px);
-moz-transform: rotate(240deg) translate(0, -14px);
-ms-transform: rotate(240deg) translate(0, -14px);
-o-transform: rotate(240deg) translate(0, -14px);
transform: rotate(240deg) translate(0, -14px);
-webkit-animation-delay: 1.43s;
-moz-animation-delay: 1.43s;
animation-delay: 1.43s;
}
.pageload-overlay .fading-bullets-loader span:nth-child(10){
-webkit-transform: rotate(270deg) translate(0, -14px);
-moz-transform: rotate(270deg) translate(0, -14px);
-ms-transform: rotate(270deg) translate(0, -14px);
-o-transform: rotate(270deg) translate(0, -14px);
transform: rotate(270deg) translate(0, -14px);
-webkit-animation-delay: 1.56s;
-moz-animation-delay: 1.56s;
animation-delay: 1.56s;
}
.pageload-overlay .fading-bullets-loader span:nth-child(11){
-webkit-transform: rotate(300deg) translate(0, -14px);
-moz-transform: rotate(300deg) translate(0, -14px);
-ms-transform: rotate(300deg) translate(0, -14px);
-o-transform: rotate(300deg) translate(0, -14px);
transform: rotate(300deg) translate(0, -14px);
-webkit-animation-delay: 1.69s;
-moz-animation-delay: 1.69s;
animation-delay: 1.69s;
}
.pageload-overlay .fading-bullets-loader span:nth-child(12){
-webkit-transform: rotate(330deg) translate(0, -14px);
-moz-transform: rotate(330deg) translate(0, -14px);
-ms-transform: rotate(330deg) translate(0, -14px);
-o-transform: rotate(330deg) translate(0, -14px);
transform: rotate(330deg) translate(0, -14px);
-webkit-animation-delay: 1.85s;
-moz-animation-delay: 1.85s;
animation-delay: 1.85s;
}
/* End Fading Bullets */
/* Stretching Bars */
.pageload-overlay .stretching-bars-loader {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.pageload-overlay .stretching-bars-loader span {
display: inline-block;
width: 4px;
height: 16px;
margin: 0 2px 0 0;
-webkit-animation: stretch 1s ease-in-out infinite;
-moz-animation: stretch 1s ease-in-out infinite;
animation: stretch 1s ease-in-out infinite;
}
.pageload-overlay .stretching-bars-loader span:nth-child(1) {
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
animation-delay: 0s;
}
.pageload-overlay .stretching-bars-loader span:nth-child(2) {
-webkit-animation-delay: .1s;
-moz-animation-delay: .1s;
animation-delay: .1s;
}
.pageload-overlay .stretching-bars-loader span:nth-child(3) {
-webkit-animation-delay: .2s;
-moz-animation-delay: .2s;
animation-delay: .2s;
}.pageload-overlay .stretching-bars-loader span:nth-child(4) {
-webkit-animation-delay: .3s;
-moz-animation-delay: .3s;
animation-delay: .3s;
}
.pageload-overlay .stretching-bars-loader span:nth-child(5) {
-webkit-animation-delay: .4s;
-moz-animation-delay: .4s;
animation-delay: .4s;
}
@-webkit-keyframes stretch {
0% {
-webkit-transform: scaleY(1);
}
25% {
-webkit-transform: scaleY(1.8);
}
50% {
-webkit-transform: scaleY(1);
}
100% {
-webkit-transform: scaleY(1);
}
}
@-moz-keyframes stretch {
0% {
-moz-transform: scaleY(1);
}
25% {
-moz-transform: scaleY(1.8);
}
50% {
-moz-transform: scaleY(1);
}
100% {
-moz-transform: scaleY(1);
}
}
@keyframes stretch {
0% {
transform: scaleY(1);
}
25% {
transform: scaleY(1.8);
}
50% {
transform: scaleY(1);
}
100% {
transform: scaleY(1);
}
}
/* End Stretching Bars */
/* Waving Bullets */
.pageload-overlay .waving-bullets-loader {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.pageload-overlay .waving-bullets-loader span {
display: inline-block;
border-radius: 50%;
width: 10px;
height: 10px;
margin: 0 5px 0 0;
-webkit-animation: scaling 1.5s ease-in-out infinite;
-moz-animation: scaling 1.5s ease-in-out infinite;
animation: scaling 1.5s ease-in-out infinite;
}
.pageload-overlay .waving-bullets-loader span:nth-child(1) {
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
animation-delay: 0s;
}
.pageload-overlay .waving-bullets-loader span:nth-child(2) {
-webkit-animation-delay: .25s;
-moz-animation-delay: .25s;
animation-delay: .25s;
}
.pageload-overlay .waving-bullets-loader span:nth-child(3) {
-webkit-animation-delay: .5s;
-moz-animation-delay: .5s;
animation-delay: .5s;
}
@-webkit-keyframes scaling {
0% {
-webkit-transform: scale(0);
}
50% {
-webkit-transform: scale(1);
}
100% {
-webkit-transform: scale(0);
}
}
@-moz-keyframes scaling {
0% {
-moz-transform: scale(0);
}
50% {
-moz-transform: scale(1);
}
100% {
-moz-transform: scale(0);
}
}
@keyframes scaling {
0% {
transform: scale(0);
}
50% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
/* End Waving Bullets */
/* End Preloader */
/* Top */
.rstpl-top-position [class*="span"] {
min-height: 0;
}
.rstpl-top-position .container {
display: table;
height: 100%;
position: relative;
}
.rstpl-top-position .container > .span12 {
display: table-cell;
float: none;
height: 100%;
width: 100%;
vertical-align: middle;
}
.rstpl-top-position .container > .span11 {
display: table-cell;
float: none;
height: 100%;
width: 95%;
vertical-align: middle;
}
.rstpl-top-position .container > .span1 {
display: table-cell;
float: none;
height: 100%;
margin-left: 0;
width: 55px;
vertical-align: middle;
}
.rstpl-top-a.span6, .rstpl-top-b.span6 {
display: inline-block;
float: none;
vertical-align: middle;
width: 49.8142%;
}
.rstpl-top-c {
height: 100%;
width: 100%;
}
.rstpl-top-position p {
margin: 0;
}
.rstpl-top-position a {
font-weight: 100;
}
.rstpl-top-position a:hover, .rstpl-top-position a:focus {
text-decoration: none;
}
.rstpl-top-position .rstpl-menu a[class*="icon-"]:before {
margin-right: .2rem;
font-family: "FontAwesome";
}
.rstpl-top-position .rstpl-menu a[class*="icon-"] {
display: inline;
margin-right: .5rem;
}
.rstpl-top-position .collapse {
position: absolute;
left: 0;
top: 100%;
width: 100%;
z-index: 999;
}
.rstpl-top-position .btn-toggle {
font-family: "FontAwesome";
font-size: 1.25rem;
height: 100%;
height: 55px\0;
min-height: 55px;
margin-bottom: 0;
padding: 0;
position: relative;
width: 100%;
}
.rstpl-top-position .btn-toggle:hover, .rstpl-top-position .btn-toggle:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.rstpl-top-position .btn-toggle:before {
content: "\f00d";
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.rstpl-top-position .btn-toggle.collapsed:before {
content: "\f002";
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
/* End Top */
/* Logo */
.rstpl-logo {
text-shadow: none;
}
.rstpl-logo h1, .rstpl-logo h2, .rstpl-logo h3, .rstpl-logo a, .rstpl-logo a:hover, .rstpl-logo a:focus {
font-family: "NovecentoWideBook";
margin-bottom: 0;
text-decoration: none;
}
/* End Logo */
/* Main Menu */
[class*="span"].rstpl-main-menu {
margin: 0;
}
.navbar-wrapper .container {
margin-bottom: 0;
}
.navbar {
margin-bottom: 0;
padding: 0;
}
.navbar .brand {
margin: 0;
padding: 0;
text-shadow: none;
}
.navbar .brand h1, .navbar .brand h2, .navbar .brand h3 {
font-family: "NovecentoWideBook";
margin: 0;
padding: 5px 0;
}
.navbar .navbar-inner {
font-size: 1rem;
border: none;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-transform: uppercase;
margin: 0;
padding: .5rem 0;
position: relative;
}
.rstpl-main-menu-position .navbar .navbar-inner {
padding: 2.5rem 0;
}
.rstpl-main-menu-full-width-position .navbar .navbar-inner {
padding: 2.5rem 1rem;
}
.rstpl-main-menu-position .navbar .navbar-inner .span9.pull-left, .rstpl-main-menu-full-width-position .navbar .navbar-inner .span9.pull-left {
margin-left: 0;
}
.navbar .nav {
margin: 0;
}
.navbar .nav > li:first-child, .navbar .nav > li:last-child {
margin-right: 0;
}
.navbar .nav > li > a, .navbar .nav > li > a.btn {
border-radius: 0;
display: block;
font-size: 1rem;
font-weight: 700;
margin: 0;
padding: 15px 12px;
text-shadow: none;
-webkit-transition: color .2s linear;
-moz-transition: color .2s linear;
transition: color .2s linear;
}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus, .navbar .nav > li > a:hover, .navbar .nav > li > a:focus, .navbar .nav > .current > a {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
margin: 0;
text-shadow: none;
}
.navbar .nav > .active > a.btn, .navbar .nav > li > a.btn {
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
transition: all .2s linear;
}
.navbar .nav > .active > a.btn:hover, .navbar .nav > li > a.btn:hover {
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
transition: all .2s linear;
}
.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-shadow: none;
}
.navbar .nav > li > .dropdown-menu:before {
border: none;
}
.navbar .nav > li > .dropdown-menu:after {
border-left-width: 10px;
border-top-width: 10px;
border-right-width: 10px;
top: -10px;
}
.navbar .btn, .navbar .btn-group {
margin-top: 0;
}
.navbar-fixed-top {
margin: 0 auto;
}
.nav-header {
display: block;
font-size: 1rem;
font-weight: 400;
line-height: 1;
padding: 15px;
text-shadow: none;
}
.navbar .nav .nav-header {
font-weight: 700;
}
.dropdown .dropdown-menu .nav-header {
font-size: .8rem;
padding: 15px;
}
.dropdown-menu {
border: none;
border-radius: 0;
left: 0;
padding: 0;
}
.dropdown-menu > li > a {
line-height: 1;
padding: 15px;
-webkit-transition: color .2s linear;
-moz-transition: color .2s linear;
transition: color .2s linear;
text-shadow: none;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:active, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
background-image: none;
}
.nav .dropdown-menu {
margin: 0;
padding: 0;
}
.nav .dropdown-menu > li {
margin-bottom: 0;
}
.nav .dropdown-menu > li > a {
font-size: .8rem;
font-weight: 700;
line-height: 1;
}
.nav .dropdown-menu > li.divider {
margin: 0;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
background: none;
filter: none;
}
.dropdown-submenu > a:after {
position: absolute;
right: 26px;
top: 11px;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
transition: all .2s linear;
}
.dropdown-submenu > .dropdown-menu {
border-radius: 0;
margin: 0 0 0 15px;
top: 0;
}
.dropdown-submenu > .dropdown-menu:before {
content: "";
position: absolute;
top: 10px;
left: -10px;
}
.dropdown-submenu > .dropdown-menu li {
padding: 0;
margin: 0;
width: 100%;
}
.navbar .navigation {
font-size: 1.875rem;
font-weight: 400;
margin-top: 15px;
display: none;
float: left;
}
.navbar .btn {
margin: 0;
}
.navbar .btn-navbar {
background-image: none;
padding: 10px;
text-shadow: none;
}
.navbar .btn-navbar .icon-bar {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
width: 22px;
}
.rstpl-main-menu-position .navbar .btn-navbar, .rstpl-main-menu-full-width-position .navbar .btn-navbar {
border: none;
background: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
color: none;
font-size: 1.125rem;
height: 50px;
line-height: 35px;
margin: 10px 10px 10px 0;
padding: 13px;
width: 50px;
vertical-align: top;
text-shadow: none;
}
#first-bar,
#second-bar,
#third-bar {
-webkit-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s;
position: relative;
right: 0;
left: 0;
top: 0;
bottom: 0;
text-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#first-bar.left-bar {
-webkit-transform: rotate(44deg);
-moz-transform: rotate(44deg);
-ms-transform: rotate(44deg);
-o-transform: rotate(44deg);
transform: rotate(44deg);
-webkit-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s;
top: 9px !important;
}
#second-bar.right-bar {
-webkit-transform: rotate(-2024deg);
-moz-transform: rotate(-2024deg);
-ms-transform: rotate(-2024deg);
-o-transform: rotate(-2024deg);
transform: rotate(-2024deg);
-webkit-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s;
top: 1px !important;
}
#third-bar.bottom-bar {
-webkit-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s;
top: 40px !important;
}
.navbar .btn-navbar:hover, .navbar .btn-navbar:focus, .navbar .btn-navbar:active,
.navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] {
border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
outline: none;
text-shadow: none;
}
.nav-pills > li > a, .nav-pills .dropdown-menu {
border-radius: 0;
}
.nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover, .nav > li.dropdown.open.active > a:focus {
border: 0 none;
}
.nav-tabs.nav-stacked > li:first-child > a, .nav-tabs.nav-stacked > li:last-child > a {
border-radius: 0;
}
.nav-pills .dropdown-menu > li {
font-size: 1rem;
}
.rstpl-left-box .menu, .rstpl-right-box .menu {
text-indent: 2rem;
}
.rstpl-left-box.background-primary .rstpl-title, .rstpl-right-box.background-primary .rstpl-title, .rstpl-left-box.background-secondary .rstpl-title, .rstpl-right-box.background-secondary .rstpl-title {
border-bottom: none;
padding: 2rem 0 0 2rem;
}
.rstpl-left-box.background-primary .rstpl-title:after, .rstpl-right-box.background-primary .rstpl-title:after {
display: none;
}
.rstpl-left-box .menu li:last-child, .rstpl-right-box .menu li:last-child, .rstpl-left-box.background-primary .menu li:last-child, .rstpl-right-box.background-primary .menu li:last-child, .rstpl-left-box.background-secondary .menu li:last-child, .rstpl-right-box.background-secondary .menu li:last-child {
border-bottom: none;
}
.rstpl-menu .menu {
margin: 0;
}
.rstpl-menu .menu .nav-inner {
margin: 0;
}
.rstpl-menu .menu a {
font-size: 1rem;
font-weight: 400;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
transition: all .2s linear;
}
.menu a:hover, .menu a:focus {
text-decoration: none;
}
.rstpl-menu .menu .nav-inner > li > a {
padding-left: 15px;
}
.rstpl-menu .menu .nav-inner > li > .nav-inner > li > a {
padding-left: 30px;
}
.rstpl-menu .menu .nav-inner > li > .nav-inner > li > .nav-inner > li > a {
padding-left: 45px;
}
.rstpl-menu .menu .nav-inner > li > .nav-inner > li > .nav-inner > li > .nav-inner > li > a {
padding-left: 60px;
}
.rstpl-menu .menu, .rstpl-menu .menu .nav-inner {
list-style: none;
}
.rstpl-menu .menu li, .rstpl-menu .menu .nav-inner li {
line-height: 2.2rem;
}
.rstpl-menu .menu li a, .rstpl-menu .menu .nav-inner li a {
display: block;
}
/* End Main Menu */
/* Tables */
.rs_clear {
height: 0 !important;
line-height: 0 !important;
}
.rs_table [id*="rscalendarmonth"] {
font-weight: 400;
}
.rs_calendar_arrows_module {
font-size: 1.5rem;
padding: 0 8px !important;
width: 10px;
}
.rs_calendar_arrows_module:hover {
text-decoration: none;
}
/* End Tables */
/* Modal */
.rstpl-tmpl-component h1 {
font-size: 2.75rem;
}
.rstpl-tmpl-component h2 {
font-size: 2.25rem;
}
.rstpl-tmpl-component h3 {
font-size: 1.75rem;
}
/* End Modal */
.rstpl-show-grid {
text-align: center;
}
.rstpl-show-grid [class^="span"],
.rstpl-show-grid [class*=" span"] {
font-weight: 700;
padding-top: 25px;
padding-bottom: 25px;
}
/* End Joomla / Bootstrap Fixes */
/* Content */
.rstpl-article-container .article-img {
border: none;
}
.rstpl-right-box, .rstpl-left-box {
border-radius: 4px;
margin-bottom: 2rem;
padding: 1.5rem;
width: 100%;
}
.rstpl-right-box:last-child, .rstpl-left-box:last-child {
margin-bottom: 0;
}
.rstpl-right-box.rstpl-menu .menu, .rstpl-left-box.rstpl-menu .menu {
padding: 0;
}
.rstpl-right-box.rstpl-triple-border.background-primary, .rstpl-left-box.rstpl-triple-border.background-primary, .rstpl-right-box.rstpl-triple-border.background-secondary, .rstpl-left-box.rstpl-triple-border.background-secondary {
border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
outline: 0;
}
.rstpl-left-box.background-primary a, .rstpl-right-box.background-primary a, .rstpl-left-box.background-secondary a, .rstpl-right-box.background-secondary a {
-webkit-transition: background-color .2s linear;
-moz-transition: background-color .2s linear;
transition: background-color .2s linear;
}
.rstpl-image {
padding: 10px;
}
.rstpl-image.pull-left {
margin: 0 10px 0 0;
}
.rstpl-image.pull-right {
margin: 0 0 10px 0;
}
.rstpl-image.pull-center {
margin: 0 auto 15px;
}
/* End Content */
/* Background Image Box */
.rstpl-box-background-image {
background-position: center center;
background-size: cover;
border-radius: 4px;
overflow: hidden;
}
.rstpl-box-background-image .rstpl-box-content {
position: relative;
}
.rstpl-box-background-image .rstpl-box-content:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
height: 50%;
width: 100%;
-webkit-transition: height .3s linear;
-moz-transition: height .3s linear;
transition: height .3s linear;
}
.rstpl-box-background-image:hover .rstpl-box-content:before {
height: 100%;
}
.rstpl-box-background-image .rstpl-box-top-details {
position: relative;
-webkit-transform: translateY(-180%);
-moz-transform: translateY(-180%);
transform: translateY(-180%);
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
transition: all .3s linear;
}
.rstpl-box-background-image:hover .rstpl-box-top-details {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0);
}
.rstpl-box-background-image .rstpl-box-middle-details {
margin-top: 4.5rem;
position: relative;
-webkit-transform: translateY(150%);
-moz-transform: translateY(150%);
transform: translateY(150%);
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
transition: all .3s linear;
}
.rstpl-box-background-image:hover .rstpl-box-middle-details {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0);
}
.rstpl-box-background-image .rstpl-box-icon {
display: inline-block;
margin-right: 1rem;
}
.rstpl-box-background-image .rstpl-box-details {
display: inline-block;
}
.rstpl-box-background-image .rstpl-box-title {
font-size: 1.3rem;
margin: 1rem 0 0 0;
}
.rstpl-box-background-image .rstpl-box-bottom-details {
display: table;
margin-top: 1.5rem;
padding-top: 1.5rem;
position: relative;
-webkit-transform: translateY(150%);
-moz-transform: translateY(150%);
transform: translateY(150%);
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
transition: all .3s linear;
width: 100%;
}
.rstpl-box-background-image:hover .rstpl-box-bottom-details {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0);
}
.rstpl-box-background-image .rstpl-box-bottom-details > p {
display: table-cell;
font-size: 1.3rem;
font-weight: 700;
margin: 0;
vertical-align: middle;
}
.rstpl-box-background-image .rstpl-box-bottom-details .rstpl-box-more {
display: table-cell;
font-weight: 700;
padding-left: 2rem;
vertical-align: middle;
}
/* End Background Image Box */
/* Vertical Image Box */
.rstpl-box-vertical-image .rstpl-box-image {
position: relative;
overflow: hidden;
}
.rstpl-box-vertical-image .rstpl-box-image:before {
content: '';
display: block;
position: absolute;
top: 0;
left: -75%;
width: 50%;
height: 100%;
-webkit-transform: skewX(-25deg);
-moz-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.rstpl-box-vertical-image:hover .rstpl-box-image:before {
left: 125%;
-webkit-transition: left .75s linear;
-moz-transition: left .75s linear;
transition: left .75s linear;
}
[class*="span"] .rstpl-box-vertical-image .rstpl-box-image img {
width: 100%;
}
.rstpl-box-vertical-image .rstpl-box-title {
margin-bottom: 2px;
}
.rstpl-box-vertical-image .rstpl-box-content {
display: table;
width: 100%;
}
.rstpl-box-vertical-image .rstpl-box-details, .rstpl-box-vertical-image .rstpl-box-details + .btn {
display: table-cell;
}
.rstpl-box-vertical-image .rstpl-box-details + .btn {
padding: 18px;
}
.rstpl-box-vertical-image .rstpl-box-details + .btn i {
font-size: 1.5rem;
height: 1.5rem;
line-height: 1.5rem;
width: 1.5rem;
}
/* End Vertical Image Box */
/* Parallax Image Box */
.rstpl-box-parallax:before {
content: "";
width: 100%;
height: 100%;
opacity: .8;
filter: alpha(opacity=80);
position: absolute;
left: 0;
top: 0;
}
.rstpl-box-parallax {
background-attachment: fixed;
background-position: center top;
background-size: cover;
width: 100%;
height: 400px;
position: relative;
}
.rstpl-box-parallax .rstpl-box-details {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.rstpl-box-parallax .rstpl-box-title {
font-size: 4.2rem;
text-align: center;
text-transform: uppercase;
width: 100%;
}
.rstpl-box-parallax .rstpl-box-content {
line-height: 2.8rem;
text-align: center;
font-size: 2.4rem;
font-weight: 100;
padding: 0 7%;
width: 100%;
}
/* End Parallax Image Box */
/* Horizontal Icon Box */
.rstpl-box-horizontal-icon {
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
transition: all .3s linear;
}
.rstpl-box-horizontal-icon .rstpl-box-heading {
padding: 1.25rem;
}
.rstpl-box-horizontal-icon .rstpl-box-heading i {
font-size: 1.5rem;
height: 1.5rem;
line-height: 1;
margin-right: 5px;
margin-top: 0;
}
.rstpl-box-horizontal-icon .rstpl-box-heading a {
font-size: .9rem;
}
.rstpl-box-horizontal-icon .rstpl-box-title {
display: inline-block;
font-weight: 700;
margin: 0;
}
.rstpl-box-horizontal-icon .rstpl-box-details {
padding: 1rem 1.25rem;
}
/* End Horizontal Icon Box */
/* Vertical Icon Box */
.rstpl-box-vertical-icon {
padding: 2.5rem;
text-align: center;
}
.rstpl-box-vertical-icon .rstpl-box-icon {
border-radius: 50%;
font-size: 2rem;
height: 4.75rem;
margin: 0 auto 1.8rem auto;
width: 4.75rem;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
transition: all .3s linear;
position: relative;
z-index: 0;
}
.rstpl-box-vertical-icon .rstpl-box-icon i {
height: 4.75rem;
line-height: 4.75rem;
}
.rstpl-box-vertical-icon .rstpl-box-title {
display: block;
font-size: 1.4rem;
margin-bottom: 1.6rem;
}
.rstpl-box-vertical-icon .rstpl-box-number {
font-size: 2.5rem;
font-weight: 700;
}
.rstpl-box-vertical-icon .rstpl-box-details {
margin-top: 1.4rem;
}
.rstpl-box-vertical-icon .rstpl-box-icon:before {
border-radius: 50%;
content: '';
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: -2;
}
.rstpl-box-vertical-icon .rstpl-box-icon:after {
border-radius: 50%;
content: '';
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
-webkit-transform: scale(0);
-moz-transform: scale(0);
transform: scale(0);
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
transition: all .3s linear;
z-index: -1;
}
.rstpl-box-vertical-icon:hover .rstpl-box-icon:after {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transform: scale(1.05);
}
/* End Vertical Icon Box */
/* Price Box */
.rstpl-box-pricing {
border-radius: 4px;
}
.rstpl-box-pricing .rstpl-box-pricetag {
border-radius: 50%;
display: block;
font-size: 2.5rem;
font-weight: 700;
height: 170px;
line-height: 170px;
margin: 0 auto;
position: relative;
width: 170px;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
transition: all .3s linear;
z-index: 0;
}
.rstpl-box-pricing .rstpl-box-pricetag:after {
border-radius: 50%;
content: '';
left: 0;
top: 0;
position: absolute;
height: 160px;
width: 160px;
line-height: 160px;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
transition: all .3s linear;
z-index: -1;
}
.rstpl-box-pricing:hover .rstpl-box-pricetag:after {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);
}
.rstpl-box-pricing .rstpl-box-bullets {
font-size: .5rem;
}
.rstpl-box-pricing .rstpl-box-bullets > span {
margin: 0 .25rem;
}
.rstpl-box-pricing .table {
border-collapse: separate;
margin-bottom: 0;
padding: 3rem;
}
.rstpl-box-pricing .table td {
font-size: 1.2rem;
font-weight: 400;
padding: 1.5rem 0;
position: relative;
text-align: center;
}
.rstpl-box-pricing .table tr:first-child > td {
border-top: none;
padding-top: 0;
}
.rstpl-box-pricing .table tr:nth-child(2) > td {
border-top: none;
}
.rstpl-box-pricing .table tr:last-child > td {
border-top: none;
}
.rstpl-box-pricing .rstpl-box-title {
font-size: 2.4rem;
font-weight: 300;
margin: 1.5rem 0 1.5rem 0;
padding-bottom: 0;
}
.rstpl-box-pricing .btn {
margin: 0;
}
/* End Price Box */
/* Tabs */
.nav-tabs {
border-bottom: 0;
margin: 0;
}
.nav-tabs > li {
margin-bottom: 0;
margin-right: 10px;
}
.nav-tabs > li > a {
border: none;
border-radius: 0;
font-size: .9rem;
font-weight: 700;
padding: 1rem;
margin: 0;
-webkit-transition: background-color .2s linear;
-moz-transition: background-color .2s linear;
transition: background-color .2s linear;
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus, .nav-tabs > li > a:active {
border: none;
}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
border: none;
}
.tab-content {
padding: 1.5rem;
}
.tab-content .form-actions {
padding-left: 0;
padding-right: 0;
}
.tab-content .input-append .add-on, .tab-content .input-prepend .add-on {
border: none;
}
.tab-content .rstpl-box-image, .accordion-inner .rstpl-box-image {
float: left;
margin: 0 10px 0 0;
}
.tab-content .rstpl-box-title {
font-size: 1.125rem;
font-weight: 700;
}
.tab-content .rstpl-box-content {
font-weight: 400;
line-height: 1.8rem;
}
/* End Tabs */
/* Accordion */
.accordion {
margin-bottom: 0;
overflow: hidden;
}
.accordion-group {
border-bottom: none 0;
border-left: none 0;
border-right: none 0;
border-radius: 0;
margin-bottom: 0;
}
.accordion-inner {
border-top: 0;
font-weight: 400;
line-height: 1.8rem;
padding: 0 30px 30px 30px;
}
.accordion-inner .form-actions {
padding-left: 0;
padding-right: 0;
}
.accordion-heading .accordion-toggle {
padding: 30px;
}
.accordion-heading > a {
font-size: 1rem;
font-weight: 700;
}
.accordion-heading > a:hover, .accordion-heading > a:focus {
outline: 0 none;
text-decoration: none;
}
.accordion-toggle.collapsed {
text-decoration: none;
}
.accordion-toggle {
position: relative;
text-decoration: none;
}
.accordion-group:first-child {
border-top: none;
}
.accordion .accordion-toggle:before {
content: "\f078";
display: inline-block;
font-family: "FontAwesome";
font-size: .8rem;
margin-right: 10px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
transition: all .2s linear;
}
.accordion .accordion-toggle.collapsed:before {
content: "\f078";
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
transition: all .2s linear;
}
/* End Accordion */
/* Simple Carousel */
.rstpl-simple-carousel .item {
padding:0 20px;
}
.rstpl-simple-carousel .item > [class*="span"] {
margin-top: -20px;
padding: 20px 0;
}
.rstpl-simple-carousel .item > [class*="span"]:not(.span12) .rstpl-carousel-image, .rstpl-simple-carousel .item > [class*="span"]:not(.span12) .rstpl-carousel-content {
width: 100%;
}
.rstpl-simple-carousel .rstpl-item {
border-radius: 4px;
overflow: hidden;
}
.rstpl-simple-carousel .rstpl-carousel-image img {
width: 100%;
}
.rstpl-simple-carousel .span12 .rstpl-carousel-content {
padding-left: 0;
}
.rstpl-simple-carousel .rstpl-carousel-content {
line-height: 1.6;
}
.rstpl-simple-carousel .rstpl-carousel-bottom-details {
display: table;
}
.rstpl-simple-carousel .item > [class*="span"]:not(.span12) .rstpl-carousel-image, .rstpl-simple-carousel .item > [class*="span"]:not(.span12) .rstpl-carousel-content {
margin: 0;
}
.rstpl-simple-carousel .item > [class*="span"]:not(.span12) .rstpl-carousel-details {
width: 100%;
}
.rstpl-simple-carousel .item > [class*="span"]:not(.span12) .rstpl-carousel-bottom-details {
margin: 1.875rem 0 0 0;
padding: 1.875rem 0 0 0;
width: 100%;
}
.rstpl-simple-carousel .item > [class*="span"]:not(.span12) .rstpl-carousel-bottom-details p {
display: table-cell;
}
.rstpl-simple-carousel .item > [class*="span"]:not(.span12) .rstpl-carousel-more {
display: table-cell;
}
.rstpl-simple-carousel .item > .span12 .rstpl-carousel-bottom-details p {
text-align: right;
}
.rstpl-simple-carousel .item > .span12 .rstpl-carousel-more {
display: block;
width: 100%;
}
.rstpl-simple-carousel .rstpl-carousel-bottom-details p {
font-size: 1.5rem;
font-weight: 700;
vertical-align: middle;
}
.rstpl-simple-carousel .rstpl-carousel-more {
font-weight: 700;
vertical-align: middle;
}
.carousel-control {
background: none;
border-radius: 0;
height: 30px;
line-height: 30px;
margin: 0;
opacity: 1;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
width: 30px;
position: absolute;
}
.carousel-control.left {
left: -50px;
}
.carousel-control.right {
right: -50px;
}
/* End Simple Carousel */
/* Roundabout */
.rstpl-roundabout-wrapper {
background-attachment: fixed;
background-position: center top;
background-size: cover;
overflow: hidden;
position: relative;
}
.rstpl-roundabout-wrapper:before {
content: "";
width: 100%;
height: 100%;
opacity: .8;
filter: alpha(opacity=80);
position: absolute;
left: 0;
top: 0;
}
.rstpl-roundabout-wrapper .container {
position: relative;
z-index: 1;
}
.rstpl-roundabout {
list-style: none;
padding: 0;
margin: 0 auto;
height: 400px;
width: 70%;
top: 64px;
}
.rstpl-roundabout img {
padding: 20px;
width: 475px;
}
.rstpl-roundabout-descriptions {
margin: 0 auto;
padding: 5rem 0;
}
.rstpl-roundabout-description {
display: none;
text-align: center;
}
.rstpl-roundabout-description > *:last-child {
margin-bottom: 0;
}
.rstpl-roundabout-title {
line-height: 1.2;
margin-bottom: 1.5rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.rstpl-roundabout-rating-wrapper {
margin-bottom: 1.5rem;
height: 1.25rem;
}
.rstpl-roundabout-rating span {
font-size: 1.25rem;
}
.rstpl-roundabout-publishing, .rstpl-roundabout-author, .rstpl-roundabout-category, .rstpl-roundabout-expiry {
display: inline-block;
font-size: .8rem;
margin: 0 0 1.25rem .6rem;
}
.rstpl-roundabout-publishing [class*="fa fa-"], .rstpl-roundabout-author [class*="fa fa-"], .rstpl-roundabout-category [class*="fa fa-"], .rstpl-roundabout-expiry [class*="fa fa-"] {
margin-right: .4rem;
}
.rstpl-roundabout-big-subtitle > div, .rstpl-roundabout-small-subtitle > div {
line-height: 1.5;
}
.rstpl-roundabout-big-subtitle > h3, .rstpl-roundabout-small-subtitle > h3 {
font-size: 1.25rem;
}
.rstpl-roundabout-price {
font-size: 1.75rem;
font-weight: 700;
margin: 1.5rem 0;
}
.rstpl-roundabout-descriptions > .rstpl-roundabout-description:first-child {
display: block;
}
.rstpl-roundabout-control {
top: 50%;
height: 35px;
width: 30px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
}
.rstpl-roundabout-control.left {
left: 20px;
}
.rstpl-roundabout-control.right {
right: 20px;
}
/* End Roundabout */
/* Main Carousel*/
.rstpl-slideshow-position .rscarousel .carousel-control, .rstpl-slideshow-full-width-position .rscarousel .carousel-control {
position: relative;
}
/* End Main Carousel*/
/* Footer */
.rstpl-footer-fluid-position {
padding: 100px 0;
}
.rstpl-footer-fluid-position .rstpl-title {
border-bottom: none;
font-size: 1.6rem;
font-weight: 700;
padding-bottom: 0;
margin-bottom: 3rem;
}
.rstpl-footer-fluid-position a {
font-weight: 400;
}
.rstpl-footer-fluid-position a:hover, .rstpl-footer-fluid-position a:focus {
text-decoration: none;
}
.rstpl-footer-fluid-position p {
margin-bottom: 25px;
line-height: 1.8rem;
}
.rstpl-footer-fluid-position p:last-child {
margin-bottom: 0;
}
.rstpl-footer-fluid-position .control-group {
overflow: hidden;
}
.rstpl-footer-fluid-position .control-group .controls {
float: left;
width: 100%;
}
.rstpl-footer-fluid-position form .animated-border-container {
display: table;
width: 100%;
}
.rstpl-footer-fluid-position .control-group input, .rstpl-footer-fluid-position .control-group select, .rstpl-footer-fluid-position .control-group textarea {
display: table-cell;
width: 100%;
}
.rstpl-footer-fluid-position .control-group .checkbox input[type="checkbox"], .rstpl-footer-fluid-position .control-group .radio input[type="radio"] {
width: auto;
}
.rstpl-footer-position {
font-size: .9rem;
font-weight: 400;
padding: 2rem 0;
}
.rstpl-footer-position a {
font-weight: 400;
}
.rstpl-footer-position a:hover, .rstpl-footer-position a:focus {
text-decoration: none;
}
.rstpl-footer-position p:last-child {
margin-bottom: 0;
}
.rstpl-footer-position .control-group {
overflow: hidden;
}
.rstpl-footer-position .control-group .controls {
float: left;
width: 100%;
}
.rstpl-footer-position form .animated-border-container {
display: table;
width: 100%;
}
.rstpl-footer-position .control-group input, .rstpl-footer-position .control-group select, .rstpl-footer-position .control-group textarea {
display: table-cell;
width: 100%;
}
.rstpl-footer-position .control-group .checkbox input[type="checkbox"], .rstpl-footer-position .control-group .radio input[type="radio"] {
width: auto;
}
.rstpl-footer-position .container {
display: table;
}
.rstpl-footer-position [class*="span"] {
display: table-cell;
float: none;
margin-left: 0;
vertical-align: middle;
}
.rstpl-footer-position [class*="icon-"] {
margin-right: .5rem;
}
.rstpl-footer-position .menu {
display: inline-block;
list-style: none;
margin: 0;
text-transform: uppercase;
}
.rstpl-footer-position .menu li {
display: inline-block;
}
.rstpl-footer-position .menu li a {
display: block;
font-size: 1rem;
padding: 15px;
}
.rstpl-footer-position .menu li a.btn {
display: none;
}
.rstpl-footer-position .nav-inner {
display: none;
}
/* End Footer */
/* Socials */
.rstpl-social-icons {
font-size: 1rem;
list-style: none;
margin: 0;
padding: 0;
}
.rstpl-social-title {
display: inline-block;
margin: 10px;
}
.rstpl-social-icons {
display: inline-block;
}
.rstpl-social-icons li {
display: inline-block;
margin-left: -5px;
height: 55px;
line-height: 55px;
position: relative;
text-align: center;
text-decoration: none;
vertical-align: middle;
width: 35px;
}
.rstpl-social-icons li a {
display: block;
-webkit-transition: background-color .3s linear;
-moz-transition: background-color .3s linear;
transition: background-color .3s linear;
}
.rstpl-social-icons li a:hover, .rstpl-social-icons li a:focus {
text-decoration: none;
}
.rstpl-social-icons li.rstpl-social-title h4 {
height: 100%;
line-height: 55px;
margin-bottom: 0;
}
.rstpl-social-icons [class*="icon-"] {
font-size: 1.25rem;
margin: 0;
}
/* End Socials */
/* Go Top Button */
.rstpl-go-top {
display: inline-block;
height: 35px;
width: 35px;
position: fixed;
bottom: 35px;
right: 40px;
white-space: nowrap;
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-moz-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s;
z-index: 9;
}
.rstpl-go-top.rstpl-go-top-is-visible, .rstpl-go-top.rstpl-go-top-fade-out, .no-touch .rstpl-go-top:hover {
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
-moz-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s;
}
.rstpl-go-top.rstpl-go-top-is-visible {
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
}
.rstpl-go-top.rstpl-go-top-fade-out {
opacity: .5;
filter: alpha(opacity=50);
}
.rstpl-go-top.rstpl-go-top-fade-out:hover {
opacity: 1;
filter: alpha(opacity=100);
}
/* End Go Top Button */
/* Pagination */
.pagination {
margin: 30px 0 0 0;
}
.pagination-list [class^="icon-"],
.pagination-list [class*=" icon-"] {
font-size: .9rem;
text-align: center;
vertical-align: middle;
}
.pagination ul > li > a, .pagination ul > li > span {
border: none;
padding: 8px 14px;
-webkit-transition: background-color .2s linear;
-moz-transition: background-color .2s linear;
transition: background-color .2s linear;
}
.pagination ul > li:last-child > a, .pagination ul > li:last-child > span,
.pagination ul > li:first-child > a, .pagination ul > li:first-child > span {
border-radius: 0;
}
/* End Pagination */
/* error.php CSS */
.rstpl-error-page .rstpl-read-more-link-all {
font-size: 1.75rem;
}
.rstpl-error-page p {
margin-bottom: 30px;
}
.rstpl-error-page h1 {
border: none;
font-size: 2rem;
margin: 30px 0px;
padding-bottom: 0;
text-align: center;
}
.rstpl-error-reasons {
width: 54%;
margin: 0 auto;
}
.rstpl-error-reasons li {
font-size: 1.25rem;
list-style: none;
margin: 1% 0 1% 20%;
}
.rstpl-error-reasons li:before {
content: "\f101";
font-family: "FontAwesome";
margin-right: 10px;
}
.rstpl-actual-error .label {
border-radius: 4px;
position: relative;
width: 15rem;
height: 15rem;
font-size: 6.5rem;
line-height: 15rem;
padding: 0;
margin: 0 auto;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
transition: all .2s linear;
}
.rstpl-actual-error p {
font-size: 26px;
font-weight: 400;
margin: 3.75rem 0;
line-height: 28px;
}
/* end error.php CSS */
#sbox-window {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
/* News feed */
.newsfeed ol {
counter-reset: rstpl-newsfeed-counter;
list-style: none;
margin-left: 0;
}
.newsfeed ol > li {
border-radius: 4px;
padding: 1rem;
margin-bottom: 3.75rem;
position: relative;
}
.newsfeed ol > li:before {
content: counter(rstpl-newsfeed-counter, decimal) ".";
counter-increment: rstpl-newsfeed-counter;
font-size: 1.5rem;
font-weight: 400;
position: absolute;
top: 1.1rem;
left: 1rem;
}
.newsfeed ol > li:after {
content: "";
position: absolute;
height: 8px;
width: 30px;
top: 100%;
right: 0;
}
.newsfeed ol > li:last-child {
margin-bottom: 0;
}
.newsfeed ol > li > h3{
margin-left: 1.5rem;
}
.newsfeed .feed-item-description p {
margin: 0 0 10px;
}
.newsfeed .feed-item-description img {
border-radius: 4px;
margin-top: 15px !important;
margin-bottom: 15px !important;
padding: 0;
}
/* End News feed */
/* search plugin from RSEventsPro! */
.rsepro_plugin_container .rsepro_plugin_image img {
border-radius: 0px;
}
.rsepro_plugin_container {
border-radius: 0px;
margin: 0px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.rstpl-rsepro-event {
padding: 10px 20px;
}
.rstpl-rsepro-event .rs_event_dates {
font-size: .75rem;
}
.rstpl-rsepro-event .rsepro_plugin_link {
font-weight: 400;
font-size: 22px;
padding: 7px 0px 5px;
display: block;
}
.rsepro_plugin_container .rs_event_details {
padding: 3px 0px;
margin-left: 0.3%;
float: right;
width: 79.3%;
}
.rsepro_plugin_container .rs_event_details > .rs_event_details_list {
margin: 0px;
width: 100%;
}
.rsepro_plugin_container .rs_event_details > .rs_event_details_list span {
display: inline-block;
}
.rsepro_plugin_container .rs_event_details > .rs_event_details_list li {
margin: 0px 0px 4px 0px;
padding: 5px 10px !important;
list-style-type: none;
}
#rscategories, #rslocations, #rsarchive {
width: 100% !important;
}
.rsepro_search_form .rs_date {
text-align:center;
}
.rsepro_search_form .input-append {
text-align: center;
}
.rsepro_search_form .btn {
border-radius: 0 !important;
line-height: 28px;
}
.rsepro_search_form label {
padding: 3px;
font-weight: 400;
font-size: 1rem;
}
.rsepro_search_form > form > div {
margin-bottom: 15px;
}
#rsend, #rsstart {
width: auto;
}
.calendar table {
width: 100%;
}
#rseprosearch, #rs_calendar .rs_search_button {
margin: 0px !important;
}
label.ordering {
display: inline;
}
/* end search plugin from RSEventsPro! */
/* RSComments! */
.rscomments {
border-radius: 4px;
}
.rscomments .rscomment-form {
border: none;
border-radius: 4px;
}
.rscomment-form form input[type="text"], .rscomment-form form input[type="password"], .rscomment-form form input[type="datetime"], .rscomment-form form input[type="datetime-local"], .rscomment-form form input[type="date"], .rscomment-form form input[type="month"], .rscomment-form form input[type="time"], .rscomment-form form input[type="week"], .rscomment-form form input[type="number"], .rscomment-form form input[type="email"], .rscomment-form form input[type="url"], .rscomment-form form input[type="search"], .rscomment-form form input[type="tel"], .rscomment-form form input[type="color"], .rscomment-form form .uneditable-input {
padding: 10px 0;
}
#rscommentsFormMainContainer, #rscommentsFormContainer {
-moz-box-sizing: inherit;
font-weight: 400;
}
.rsc_comment_content, .rsc_subject {
font-weight: 400;
}
#rscommentsForm {
width: 100%;
}
#rscommentsForm textarea {
width: 100% !important;
}
[id*="rscomments-reply-"] .rscomment-form {
padding: 20px;
margin: 20px;
}
#rscommentsForm hr {
height: 0;
margin: 0;
border: none;
}
#rscomments-comment-area .animated-border-container {
display: block;
}
#rscommentsForm #rsc_submit, #rscommentsForm #rsc_reset, #rscommentsForm #rsc_cancel {
margin-top: 20px;
}
div.rsc_cloud_comment, div.rsc_cloud_comment:hover {
background: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-radius: 0;
margin: 0;
width: 100%;
}
.rsc_author {
margin-bottom: 20px;
}
.rsc_avatar_container {
text-align: left !important;
}
.rsc_avatar {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border: none;
border-radius: 0px;
}
.rsc_voting {
float: right;
margin-right: 0px;
padding-bottom: 10px;
}
.rsc_voting span {
float: right;
}
.rsc_comment_options {
margin-right: 15px;
margin-bottom: 5px;
}
.rsc_subject {
font-size: 1.6rem;
font-weight: 700;
padding: 0px;
margin: 0 0 .5rem 0;
width: 66%;
}
.rsc_comment_box {
text-align: justify;
width: 66%;
margin-top: 10px;
}
.rsc_buttons_container {
margin-top: 0px;
padding-top: 0px;
}
/* End RSComments! */
/* content plugin from RSMediaGallery! */
ul.rsmg_content_gallery li div.rsmg_content_container {
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
/* end content plugin from RSMediaGallery! */
/* Ripple Effect */
.ripple {
display: block;
position: absolute;
border-radius: 50%;
}
.ripple:before {
border-radius: 50%;
content: '';
display: block;
height: 100%;
width: 100%;
transform: scale(0);
opacity: 0;
}
.ripple.animated:before {
-webkit-animation: ripple .8s linear;
-moz-animation: ripple .8s linear;
animation: ripple .8s linear;
}
.rippled {
overflow: hidden;
position: relative;
user-select: none;
outline: none;
z-index: 1;
}
@keyframes ripple {
25% {
opacity: 1;
}
75% {
transform: scale(2.5);
opacity: 1;
}
100% {
transform: scale(2.5);
opacity: 0;
}
}
@-moz-keyframes ripple {
25% {
opacity: 1;
}
75% {
-moz-transform: scale(2.5);
opacity: 1;
}
100% {
-moz-transform: scale(2.5);
opacity: 0;
}
}
@-webkit-keyframes ripple {
25% {
opacity: 1;
}
75% {
-webkit-transform: scale(2.5);
opacity: 1;
}
100% {
-webkit-transform: scale(2.5);
opacity: 0;
}
}
/* End Ripple Effect */
/* Animated Border */
.animated-border-container {
display: inline-block;
position: relative;
}
.animated-border-container[class*="span"], .input-append .animated-border-container {
overflow: hidden;
}
.animated-border-container[class*="span"]:first-of-type {
margin-left: 0;
}
.animated-border-container[class*="span"] > input, .animated-border-container[class*="span"] > select, .animated-border-container[class*="span"] > textarea {
width: 100%;
}
.animated-border {
display: block;
height: 1px;
margin-top: -1px;
position: relative;
}
.animated-border:after {
content: "";
position: absolute;
top: 0;
left: 50%;
height: 1px;
width: 0%;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
transition: all .2s linear;
}
input[type="text"]:focus ~ .animated-border:after, input[type="password"]:focus ~ .animated-border:after, input[type="datetime"]:focus ~ .animated-border:after, input[type="datetime-local"]:focus ~ .animated-border:after, input[type="date"]:focus ~ .animated-border:after, input[type="month"]:focus ~ .animated-border:after, input[type="time"]:focus ~ .animated-border:after, input[type="week"]:focus ~ .animated-border:after, input[type="number"]:focus ~ .animated-border:after, input[type="email"]:focus ~ .animated-border:after, input[type="url"]:focus ~ .animated-border:after, input[type="search"]:focus ~ .animated-border:after, input[type="tel"]:focus ~ .animated-border:after, input[type="color"]:focus ~ .animated-border:after, input[type="file"]:focus ~ .animated-border:after, select:focus ~ .animated-border:after, textarea:focus ~ .animated-border:after, select ~ .chzn-with-drop ~ .animated-border:after, .btn-group.open > .animated-border:after, .rstpl-top-position a:hover + .animated-border:after, .rstpl-footer-fluid-position a:hover + .animated-border:after, .rstpl-footer-position a:hover + .animated-border:after {
left: 0;
width: 100% !important;
}
select:not([size]) ~ .animated-border:before, select[size="1"] ~ .animated-border:before {
position: absolute;
right: 0;
-webkit-transition: transform .2s linear;
-moz-transition: transform .2s linear;
transition: transform .2s linear;
top: -25px;
}
select:not([size]):focus ~ .animated-border:before, select[size="1"]:focus ~ .animated-border:before {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
select[size]:not([size="1"]) ~ .animated-border:before, select[multiple] ~ .animated-border:before {
display: none;
}
.input-append .add-on + .animated-border-container > input, .input-prepend .add-on + .animated-border-container > input {
padding-left: 10px;
}
.animated-border-container #categories_chzn {
float: none;
}
/* End Animated Border */
/* Animated Checkbox */
.animated-checkbox {
cursor: pointer;
display: inline-block;
height: 15px;
width: 15px;
position: relative;
float: left;
margin-left: -20px;
margin-top: 3px;
-webkit-transition: border-color .3s linear;
-moz-transition: border-color .3s linear;
transition: border-color .3s linear;
z-index: 0;
}
.animated-checkbox:before, .animated-checkbox:after {
content: "";
display: inline-block;
position: absolute;
height: 0;
width: 3px;
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
-webkit-transition: opacity ease .3s;
-moz-transition: opacity ease .3s;
transition: opacity ease .3s;
}
.animated-checkbox:before {
top: 10px;
left: 8px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.animated-checkbox:after {
top: 6px;
left: 1px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
input[type="checkbox"]:checked + .animated-checkbox:after {
height: 8px;
-webkit-animation: left-check .2s ease 0s forwards;
-moz-animation: left-check .2s ease 0s forwards;
animation: left-check .2s ease 0s forwards;
}
input[type="checkbox"]:checked + .animated-checkbox:before {
height: 15px;
-webkit-animation: right-check .3s ease 0s forwards;
-moz-animation: right-check .3s ease 0s forwards;
animation: right-check .3s ease 0s forwards;
}
.table td > .animated-checkbox, .table th > .animated-checkbox {
margin: -13px 0 0 0;
}
@-webkit-keyframes left-check {
0% { height: 0; }
100% { height: 8px; }
}
@-moz-keyframes left-check {
0% { height: 0; }
100% { height: 8px;}
}
@keyframes left-check {
0% { height: 0; }
100% { height: 8px; }
}
@-webkit-keyframes right-check {
0% { height: 0; }
50% { height: 0; }
100% { height: 15px; }
}
@keyframes right-check {
0% { height: 0; }
50% { height: 0; }
100% { height: 15px; }
}
@-moz-keyframes right-check {
0% { height: 0; }
50% { height: 0; }
100% { height: 15px; }
}
/* End Animated Checkbox */
/* Animated Radio */
.animated-radio {
border-radius: 50%;
cursor: pointer;
height: 15px;
width: 15px;
position: relative;
float: left;
margin-left: -20px;
margin-top: 3px;
-webkit-transition: border-color .3s linear;
-moz-transition: border-color .3s linear;
transition: border-color .3s linear;
z-index: 0;
}
.animated-radio:before {
border-radius: 50%;
content: "";
display: block;
height: 0;
width: 0;
}
input[type="radio"]:checked + .animated-radio:before {
-webkit-animation-name: animate-radio;
-webkit-animation-duration: 300ms;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: linear;
-moz-animation-name: animate-radio;
-moz-animation-duration: 300ms;
-moz-animation-iteration-count: 1;
-moz-animation-timing-function: linear;
animation-name: animate-radio;
animation-duration: 300ms;
animation-iteration-count: 1;
animation-timing-function: linear;
height: 9px;
width: 9px;
margin: 2px;
}
@-webkit-keyframes animate-radio {
0% {
height: 0;
width: 0;
margin: 7px;
}
20% {
height: 9px;
width: 9px;
margin: 2px;
}
40% {
height: 18px;
width: 18px;
margin: -3px;
}
60% {
height: 27px;
width: 27px;
margin: -8px;
}
80% {
height: 18px;
width: 18px;
margin: -3px;
}
100% {
height: 9px;
width: 9px;
margin: 2px;
}
}
@-moz-keyframes animate-radio {
0% {
height: 0;
width: 0;
margin: 7px;
}
20% {
height: 9px;
width: 9px;
margin: 2px;
}
40% {
height: 18px;
width: 18px;
margin: -3px;
}
60% {
height: 27px;
width: 27px;
margin: -8px;
}
80% {
height: 18px;
width: 18px;
margin: -3px;
}
100% {
height: 9px;
width: 9px;
margin: 2px;
}
}
@keyframes animate-radio {
0% {
height: 0;
width: 0;
margin: 7px;
}
20% {
height: 9px;
width: 9px;
margin: 2px;
}
40% {
height: 18px;
width: 18px;
margin: -3px;
}
60% {
height: 27px;
width: 27px;
margin: -8px;
}
80% {
height: 18px;
width: 18px;
margin: -3px;
}
100% {
height: 9px;
width: 9px;
margin: 2px;
}
}
/* End Animated Radio */
@media (max-width: 2048px) and (-webkit-min-device-pixel-ratio: 2) {
.rstpl-box-parallax, .rstpl-roundabout-wrapper {
background-attachment: initial;
}
}
@media (max-width: 1200px) {
body {
font-size: .875rem;
}
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
width: 900px;
}
.rstpl-top-position .span11 {
width: 93.8%;
}
.rstpl-top-a.span6, .rstpl-top-b.span6 {
width: 49.8021%;
}
.rstpl-top-details {
font-size: .8rem;
}
.navbar .nav > li > a, .navbar .nav > li > a.btn {
padding: 12px 10px;
}
.carousel-control.left {
left: -40px;
}
.carousel-control.right {
right: -40px;
}
.rstpl-roundabout {
top: 40px;
width: 60%;
}
.rstpl-roundabout-control.left {
left: 15px;
}
.rstpl-roundabout-control.right {
right: 15px;
}
}
@media (min-width: 979px) {
.navbar .nav,
.navbar .nav > li {
display: inline-block;
*display: inline; /* ie7 fix */
*zoom: 1; /* hasLayout ie7 trigger */
float: none;
vertical-align: top;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
width: 720px;
}
.rstpl-padding {
padding: 1rem;
}
.navbar .brand h1, .navbar .brand h2, .navbar .brand h3 {
padding: 15px 0;
}
.rstpl-view-all {
display: block;
float: none;
text-align: right;
}
.rstpl-top-position .span11 {
width: 91.85%;
}
.rstpl-top-a.span6, .rstpl-top-b.span6 {
width: 49.7526%;
}
.rstpl-top-details {
padding: 5px 0;
}
.rstpl-top-details [class*="icon"] {
width: 100%;
}
.rstpl-logo .textalign-left, .rstpl-logo .textalign-right {
text-align: center;
}
.navbar .brand {
float: none;
}
.nav.menu {
margin-left: 0 !important;
padding: 10px;
}
/* Main Menu */
.rstpl-main-menu-full-width-position .navbar .navbar-inner {
padding: 2.5em 0;
}
.rstpl-main-menu-position .nav.menu, .rstpl-main-menu-full-width-position .nav.menu {
z-index: 999;
}
.rstpl-main-menu-position .btn.btn-toggle, .rstpl-main-menu-full-width-position .btn.btn-toggle {
padding: 13px;
width: 46px;
height: 46px;
}
.rstpl-main-menu-position .btn.btn-toggle .icon-bar, .rstpl-main-menu-full-width-position .btn.btn-toggle .icon-bar {
border-radius: 1px;
display: block;
height: 3px;
line-height: 1;
margin-bottom: 5px;
width: 22px;
}
.rstpl-main-menu-position .rstpl-menu-left-mobile, .rstpl-main-menu-full-width-position .rstpl-menu-left-mobile {
position: absolute;
top: 0;
left: 0;
visibility: hidden;
z-index: 999;
}
.rstpl-main-menu-position .rstpl-menu-left-mobile .btn.btn-toggle, .rstpl-main-menu-full-width-position .rstpl-menu-left-mobile .btn.btn-toggle {
position: absolute !important;
top: 0;
right: -46px;
}
.rstpl-main-menu-position .rstpl-menu-right-mobile, .rstpl-main-menu-full-width-position .rstpl-menu-right-mobile {
position: absolute;
top: 0;
right: 0;
visibility: hidden;
z-index: 999;
}
.rstpl-main-menu-position .rstpl-menu-right-mobile .btn.btn-toggle, .rstpl-main-menu-full-width-position .rstpl-menu-right-mobile .btn.btn-toggle {
position: absolute !important;
top: 0;
left: -46px;
}
.rstpl-main-menu-position .rstpl-menu-top-mobile, .rstpl-main-menu-full-width-position .rstpl-menu-top-mobile {
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
visibility: hidden;
z-index: 999;
}
.rstpl-main-menu-position .rstpl-menu-top-mobile .btn.btn-toggle, .rstpl-main-menu-full-width-position .rstpl-menu-top-mobile .btn.btn-toggle {
position: absolute !important;
bottom: -46px;
right: 0;
}
.rstpl-main-menu-position .nav.menu li, .rstpl-main-menu-full-width-position .nav.menu li {
position: relative;
display: block;
text-align: left;
}
.rstpl-main-menu-position .navbar .nav, .rstpl-main-menu-full-width-position .navbar .nav {
width: auto;
}
.rstpl-main-menu-position .navbar .nav > li, .rstpl-main-menu-full-width-position .navbar .nav > li {
float: none;
}
.rstpl-main-menu-position .nav li.dropdown.parent > a, .rstpl-main-menu-position .nav li.dropdown-submenu.parent > a, .rstpl-main-menu-full-width-position .nav li.dropdown.parent > a, .rstpl-main-menu-full-width-position .nav li.dropdown-submenu.parent > a {
padding: 15px 3rem 15px 15px;
}
.rstpl-main-menu-position .nav li.dropdown.parent:after, .rstpl-main-menu-position .nav li.dropdown-submenu.parent:after, .rstpl-main-menu-full-width-position .nav li.dropdown.parent:after, .rstpl-main-menu-full-width-position .nav li.dropdown-submenu.parent:after {
content: "";
height: 100%;
position: absolute;
top: 0;
right: 2rem;
}
.rstpl-main-menu-position .nav li.dropdown.parent > .dropdown-toggle, .rstpl-main-menu-position .nav li.dropdown-submenu.parent > .dropdown-toggle, .rstpl-main-menu-full-width-position .nav li.dropdown.parent > .dropdown-toggle, .rstpl-main-menu-full-width-position .nav li.dropdown-submenu.parent > .dropdown-toggle {
padding: 0;
position: absolute;
top: 0;
right: 0;
height: 3rem;
line-height: 3rem;
text-align: center;
width: 2rem;
}
.rstpl-main-menu-position .nav li.dropdown.parent > .dropdown-toggle span, .rstpl-main-menu-position .nav li.dropdown-submenu.parent > .dropdown-toggle span, .rstpl-main-menu-full-width-position .nav li.dropdown.parent > .dropdown-toggle span, .rstpl-main-menu-full-width-position .nav li.dropdown-submenu.parent > .dropdown-toggle span {
display: block;
height: 1rem;
line-height: 1rem;
width: 1rem;
margin: 1rem auto;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
transition: all .2s linear;
}
.rstpl-main-menu-position .nav li.dropdown.parent > .dropdown-toggle span:before, .rstpl-main-menu-position .nav li.dropdown-submenu.parent > .dropdown-toggle span:before, .rstpl-main-menu-full-width-position .nav li.dropdown.parent > .dropdown-toggle span:before, .rstpl-main-menu-full-width-position .nav li.dropdown-submenu.parent > .dropdown-toggle span:before {
font-family: "FontAwesome";
font-size: 1rem;
font-weight: 300;
content: "\f054";
}
.rstpl-main-menu-position .nav li.dropdown.parent.dropped > .dropdown-toggle span, .rstpl-main-menu-position .nav li.dropdown-submenu.parent.dropped > .dropdown-toggle span, .rstpl-main-menu-full-width-position .nav li.dropdown.parent.dropped > .dropdown-toggle span, .rstpl-main-menu-full-width-position .nav li.dropdown-submenu.parent.dropped > .dropdown-toggle span {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
transition: all .2s linear;
}
.rstpl-main-menu-position .nav .dropdown-menu, .rstpl-main-menu-full-width-position .nav .dropdown-menu {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
float: none;
max-height: 0;
overflow: hidden;
position: relative;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
transition: all .2s linear;
}
.rstpl-main-menu-position .nav .dropdown-menu.dropped, .rstpl-main-menu-full-width-position .nav .dropdown-menu.dropped {
max-height: 500px;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
transition: all .2s linear;
}
.rstpl-main-menu-position .nav .dropdown-submenu > .dropdown-menu, .rstpl-main-menu-full-width-position .nav .dropdown-submenu > .dropdown-menu {
left: 0;
margin-left: 10px;
}
.rstpl-main-menu-position .nav .dropdown-submenu > .dropdown-menu:before, .rstpl-main-menu-full-width-position .nav .dropdown-submenu > .dropdown-menu:before {
border: none;
}
.rstpl-main-menu-position .rstpl-menu-left-mobile.fixed-mobile, .rstpl-main-menu-position .rstpl-menu-right-mobile.fixed-mobile, .rstpl-main-menu-full-width-position .rstpl-menu-left-mobile.fixed-mobile, .rstpl-main-menu-full-width-position .rstpl-menu-right-mobile.fixed-mobile {
position: fixed;
top: 55px;
}
.rstpl-main-menu-position .rstpl-menu-top-mobile.fixed-mobile, .rstpl-main-menu-full-width-position .rstpl-menu-top-mobile.fixed-mobile {
position: fixed;
top: 0px;
}
/* End Main Menu */
.navbar-wrapper .rstpl-menu-right, .navbar-wrapper .rstpl-menu-left {
margin: 0;
}
.navbar-wrapper .rstpl-menu-left {
float: left;
}
.navbar-wrapper .rstpl-main-menu {
width: 100%;
}
.nav-collapse, .nav-collapse.collapse {
position: inherit;
}
.nav-collapse .dropdown-menu {
margin: 0;
padding: 0 30px;
}
.nav-collapse .nav > li > a {
font-weight: 100;
}
.nav-collapse .dropdown-menu > li > a {
border-radius: 0;
font-weight: 100;
padding: 15px 15px 15px 40px;
}
.nav-collapse .dropdown-submenu > .dropdown-menu > li > a {
padding: 15px 15px 15px 50px;
}
.navbar .navbar-inner {
margin-top: 0;
padding: 0;
}
.navbar .navbar-inner [class*="span"] {
min-height: 0;
width: 100%;
}
.navbar .nav {
width: 100%;
}
.navbar .nav > li {
margin-right: 0;
}
.navbar .nav > li > a {
margin: 0;
}
.navbar .nav .dropdown-menu > li, .navbar .nav .dropdown-menu > li > a {
border-radius: 0;
}
.navbar .nav > li > .dropdown-menu:after {
border: none;
top: 0;
}
.nav .dropdown-menu {
display: block;
padding: 0;
}
.dropdown-submenu > .dropdown-menu:before, .dropdown-submenu > a:after {
border: none;
}
.dropdown-submenu > .dropdown-menu {
padding-left: 0;
margin: 0;
}
.dropdown-submenu > .dropdown-menu li {
padding: 0;
margin: 0;
}
.dropdown-submenu > .dropdown-menu li:first-child {
padding-top: 0;
}
.dropdown-submenu > .dropdown-menu li:last-child {
padding-bottom: 0;
}
.span6.column-left {
width: 60%;
}
.column-left .btn, .column-right .btn {
width: 100%;
}
.rstpl-right-box, .rstpl-left-box {
padding: 1rem;
}
.rstpl-box-pricing {
margin-top: 5rem;
}
.rstpl-box-pricing .rstpl-box-pricetag {
line-height: 120px;
height: 120px;
width: 120px;
}
.rstpl-box-pricing .rstpl-box-pricetag:after {
height: 110px;
width: 110px;
}
.rstpl-box-pricing .rstpl-box-bullets {
font-size: .5rem;
}
.rstpl-box-pricing .rstpl-box-bullets > span {
margin: 0 .25rem;
}
.rstpl-box-pricing .table {
padding: 1.5rem;
}
.rstpl-box-vertical-icon {
padding: 1rem;
}
.rstpl-box-vertical-icon .rstpl-box-icon {
font-size: 1.5rem;
height: 4rem;
width: 4rem;
}
.rstpl-box-vertical-icon .rstpl-box-icon i {
height: 4rem;
line-height: 4rem;
}
.carousel-inner {
margin-left: auto;
margin-right: auto;
width: 98%;
}
.carousel-control, .rstpl-roundabout-control {
height: 30px;
width: 25px;
}
.carousel-control.left {
left: -25px;
}
.carousel-control.right {
right: -25px;
}
.rstpl-roundabout {
height: 315px;
top: 32px;
}
.rstpl-roundabout img {
width: 375px;
}
.rstpl-roundabout-descriptions {
padding: 5rem 1rem;
}
.rstpl-roundabout-control.left {
left: 15px;
}
.rstpl-roundabout-control.right {
right: 15px;
}
.rstpl-box-vertical-icon .rstpl-box-title {
margin-bottom: 1.2rem;
}
.rstpl-box-vertical-icon .rstpl-box-number {
font-size: 2rem;
}
.rstpl-box-vertical-icon .rstpl-box-details {
margin-top: 1rem;
}
.rstpl-show-grid [class^="span"],
.rstpl-show-grid [class*=" span"] {
margin-bottom: 30px;
}
}
@media (min-width: 768px) and (max-width: 979px) and (-webkit-min-device-pixel-ratio: 2) {
.rstpl-box-parallax, .rstpl-roundabout-wrapper {
background-attachment: initial;
}
}
@media (max-width: 767px) {
body {
font-size: 1rem;
}
.row-fluid [class*="span"] {
margin-bottom: 4rem;
}
.row-fluid [class*="span"]:last-child {
margin-bottom: 0;
}
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
width: 95%;
}
.rstpl-slideshow-position, .rstpl-slideshow-full-width-position, .rstpl-breadcrumbs-position, .rstpl-higher-position, .rstpl-higher-fluid-position, .rstpl-higher-full-width-position, .rstpl-before-content-position, .rstpl-all-content-position, .rstpl-after-content-position, .rstpl-middle-position, .rstpl-middle-fluid-position, .rstpl-middle-full-width-position,.rstpl-lower-position, .rstpl-lower-fluid-position, .rstpl-lower-full-width-position, .rstpl-bottom-position, .rstpl-bottom-fluid-position, .rstpl-bottom-full-width-position {
margin-bottom: 4rem;
}
.rstpl-main-menu-position + section:not(.rstpl-slideshow-position):not(.rstpl-slideshow-full-width-position), .rstpl-main-menu-full-width-position + section:not(.rstpl-slideshow-position):not(.rstpl-slideshow-full-width-position) {
margin-top: 4rem;
}
.rstpl-padding {
padding: 1rem;
}
.rstpl-title, .rstpl-title-left, .rstpl-title-center, .rstpl-title-right {
margin-bottom: 2.75rem;
padding-bottom: .875rem;
}
.navbar .brand h1, .navbar .brand h2, .navbar .brand h3 {
padding: 15px 0;
}
.rstpl-top-position .row-fluid [class*="span"], .rstpl-main-menu .row-fluid [class*="span"] {
margin-bottom: 0;
}
.rstpl-top-position .span11 {
width: 92%;
}
.rstpl-top-position .span1 {
display: inline-block;
width: 35px;
}
.rstpl-top-a.span6, .rstpl-top-b.span6 {
width: 49.5437%;
}
.rstpl-top-position .btn-toggle {
width: 35px;
}
.rstpl-top-collapse .container {
padding: 1.8rem 1rem;
}
.rstpl-top-details {
padding: 5px 0;
line-height: 1.5;
}
.navbar .navbar-inner {
margin-top: 0;
padding: 0;
}
.navbar .navbar-inner [class*="span"] {
min-height: 0;
overflow: hidden;
}
.rstpl-logo .textalign-left, .rstpl-logo .textalign-right {
text-align: center;
}
.navbar .brand {
float: none;
}
.nav.menu {
margin-left: 0 !important;
padding: 10px;
}
/* Main Menu */
.rstpl-main-menu-full-width-position .navbar .navbar-inner {
padding: 2.5em 0;
}
.rstpl-main-menu-position .nav.menu, .rstpl-main-menu-full-width-position .nav.menu {
z-index: 999;
}
.rstpl-main-menu-position .btn.btn-toggle, .rstpl-main-menu-full-width-position .btn.btn-toggle {
padding: 13px;
width: 46px;
height: 46px;
}
.rstpl-main-menu-position .btn.btn-toggle .icon-bar, .rstpl-main-menu-full-width-position .btn.btn-toggle .icon-bar {
border-radius: 1px;
display: block;
height: 3px;
line-height: 1;
margin-bottom: 5px;
width: 20px;
}
.rstpl-main-menu-position .rstpl-menu-left-mobile, .rstpl-main-menu-full-width-position .rstpl-menu-left-mobile {
position: absolute;
top: 0;
left: 0;
visibility: hidden;
z-index: 999;
}
.rstpl-main-menu-position .rstpl-menu-left-mobile .btn.btn-toggle, .rstpl-main-menu-full-width-position .rstpl-menu-left-mobile .btn.btn-toggle {
position: absolute !important;
top: 0;
right: -46px;
}
.rstpl-main-menu-position .rstpl-menu-right-mobile, .rstpl-main-menu-full-width-position .rstpl-menu-right-mobile {
position: absolute;
top: 0;
right: 0;
visibility: hidden;
z-index: 999;
}
.rstpl-main-menu-position .rstpl-menu-right-mobile .btn.btn-toggle, .rstpl-main-menu-full-width-position .rstpl-menu-right-mobile .btn.btn-toggle {
position: absolute !important;
top: 0;
left: -46px;
}
.rstpl-main-menu-position .rstpl-menu-top-mobile, .rstpl-main-menu-full-width-position .rstpl-menu-top-mobile {
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
visibility: hidden;
z-index: 999;
}
.rstpl-main-menu-position .rstpl-menu-top-mobile .btn.btn-toggle, .rstpl-main-menu-full-width-position .rstpl-menu-top-mobile .btn.btn-toggle {
position: absolute !important;
bottom: -46px;
right: 0;
}
.rstpl-main-menu-position .nav.menu li, .rstpl-main-menu-full-width-position .nav.menu li {
display: block;
text-align: left;
}
.rstpl-main-menu-position .navbar .nav, .rstpl-main-menu-full-width-position .navbar .nav {
width: auto;
}
.rstpl-main-menu-position .navbar .nav > li, .rstpl-main-menu-full-width-position .navbar .nav > li {
float: none;
}
.rstpl-main-menu-position .nav li.dropdown.parent > a, .rstpl-main-menu-position .nav li.dropdown-submenu.parent > a, .rstpl-main-menu-full-width-position .nav li.dropdown.parent > a, .rstpl-main-menu-full-width-position .nav li.dropdown-submenu.parent > a {
padding: 15px 3rem 15px 15px;
}
.rstpl-main-menu-position .nav li.dropdown.parent:after, .rstpl-main-menu-position .nav li.dropdown-submenu.parent:after, .rstpl-main-menu-full-width-position .nav li.dropdown.parent:after, .rstpl-main-menu-full-width-position .nav li.dropdown-submenu.parent:after {
content: "";
height: 100%;
position: absolute;
top: 0;
right: 2rem;
}
.rstpl-main-menu-position .nav li.dropdown.parent > .dropdown-toggle, .rstpl-main-menu-position .nav li.dropdown-submenu.parent > .dropdown-toggle, .rstpl-main-menu-full-width-position .nav li.dropdown.parent > .dropdown-toggle, .rstpl-main-menu-full-width-position .nav li.dropdown-submenu.parent > .dropdown-toggle {
padding: 0;
position: absolute;
top: 0;
right: 0;
height: 3rem;
line-height: 3rem;
text-align: center;
width: 2rem;
}
.rstpl-main-menu-position .nav li.dropdown.parent > .dropdown-toggle span, .rstpl-main-menu-position .nav li.dropdown-submenu.parent > .dropdown-toggle span, .rstpl-main-menu-full-width-position .nav li.dropdown.parent > .dropdown-toggle span, .rstpl-main-menu-full-width-position .nav li.dropdown-submenu.parent > .dropdown-toggle span {
display: block;
height: 1rem;
line-height: 1rem;
width: 1rem;
margin: 1rem auto;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
transition: all .2s linear;
}
.rstpl-main-menu-position .nav li.dropdown.parent > .dropdown-toggle span:before, .rstpl-main-menu-position .nav li.dropdown-submenu.parent > .dropdown-toggle span:before, .rstpl-main-menu-full-width-position .nav li.dropdown.parent > .dropdown-toggle span:before, .rstpl-main-menu-full-width-position .nav li.dropdown-submenu.parent > .dropdown-toggle span:before {
font-family: "FontAwesome";
font-size: 1rem;
font-weight: 300;
content: "\f054";
}
.rstpl-main-menu-position .nav li.dropdown.parent.dropped > .dropdown-toggle span, .rstpl-main-menu-position .nav li.dropdown-submenu.parent.dropped > .dropdown-toggle span, .rstpl-main-menu-full-width-position .nav li.dropdown.parent.dropped > .dropdown-toggle span, .rstpl-main-menu-full-width-position .nav li.dropdown-submenu.parent.dropped > .dropdown-toggle span {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
transition: all .2s linear;
}
.rstpl-main-menu-position .nav .dropdown-menu, .rstpl-main-menu-full-width-position .nav .dropdown-menu {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
float: none;
max-height: 0;
overflow: hidden;
position: relative;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
transition: all .2s linear;
}
.rstpl-main-menu-position .nav .dropdown-menu.dropped, .rstpl-main-menu-full-width-position .nav .dropdown-menu.dropped {
max-height: 500px;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
transition: all .2s linear;
}
.rstpl-main-menu-position .nav .dropdown-submenu > .dropdown-menu, .rstpl-main-menu-full-width-position .nav .dropdown-submenu > .dropdown-menu {
left: 0;
margin-left: 10px;
}
.rstpl-main-menu-position .nav .dropdown-submenu > .dropdown-menu:before, .rstpl-main-menu-full-width-position .nav .dropdown-submenu > .dropdown-menu:before {
border: none;
}
.rstpl-main-menu-position .rstpl-menu-left-mobile.fixed-mobile, .rstpl-main-menu-position .rstpl-menu-right-mobile.fixed-mobile, .rstpl-main-menu-full-width-position .rstpl-menu-left-mobile.fixed-mobile, .rstpl-main-menu-full-width-position .rstpl-menu-right-mobile.fixed-mobile {
position: fixed;
top: 55px;
}
.rstpl-main-menu-position .rstpl-menu-top-mobile.fixed-mobile, .rstpl-main-menu-full-width-position .rstpl-menu-top-mobile.fixed-mobile {
position: fixed;
top: 0px;
}
/* End Main Menu */
.navbar-wrapper .rstpl-menu-right, .navbar-wrapper .rstpl-menu-left {
margin: 0;
}
.navbar-wrapper .rstpl-menu-left {
float: left;
}
.navbar-wrapper .rstpl-main-menu {
width: 100%;
}
.nav-collapse, .nav-collapse.collapse {
position: inherit;
}
.nav-collapse .dropdown-menu {
margin: 0;
padding: 0 30px;
}
.nav-collapse .nav > li > a {
font-weight: 100;
}
.nav-collapse .dropdown-menu > li > a {
border-radius: 0;
font-weight: 100;
padding: 15px 15px 15px 40px;
}
.nav-collapse .dropdown-submenu > .dropdown-menu > li > a {
padding: 15px 15px 15px 50px;
}
.navbar .navbar-inner {
margin-top: 0;
padding: 0;
}
.navbar .navbar-inner [class*="span"] {
min-height: 0;
}
.navbar .nav {
width: 100%;
}
.navbar .nav > li {
margin-right: 0;
}
.navbar .nav > li > a {
margin: 0;
}
.navbar .nav .dropdown-menu > li, .navbar .nav .dropdown-menu > li > a {
border-radius: 0;
}
.navbar .nav > li > .dropdown-menu:after {
border: none;
top: 0;
}
.nav .dropdown-menu {
display: block;
padding: 0;
}
.dropdown-submenu > .dropdown-menu:before, .dropdown-submenu > a:after {
border: none;
}
.dropdown-submenu > .dropdown-menu {
padding-left: 0;
margin: 0;
}
.dropdown-submenu > .dropdown-menu li {
padding: 0;
margin: 0;
}
.dropdown-submenu > .dropdown-menu li:first-child {
padding-top: 0;
}
.dropdown-submenu > .dropdown-menu li:last-child {
padding-bottom: 0;
}
.rstpl-right-box, .rstpl-left-box {
padding: 1rem;
}
.rstpl-box-vertical-icon {
padding: 2rem;
}
.rstpl-box-parallax .rstpl-box-title {
font-size: 4rem;
}
.rstpl-box-parallax .rstpl-box-content {
line-height: 2.4rem;
font-size: 2rem;
}
.rstpl-box-pricing .rstpl-box-pricetag {
line-height: 150px;
height: 150px;
width: 150px;
}
.rstpl-box-pricing .rstpl-box-pricetag:after {
height: 140px;
width: 140px;
}
.carousel-inner {
margin-left: auto;
margin-right: auto;
width: 95%;
}
.carousel-control, .rstpl-roundabout-control {
height: 25px;
width: 20px;
}
.carousel-control.left {
left: -12px;
}
.carousel-control.right {
right: -12px;
}
.rstpl-roundabout {
height: 230px;
top: 25px;
}
.rstpl-roundabout img {
width: 280px;
}
.rstpl-roundabout-descriptions {
padding: 3rem 1rem;
}
.rstpl-roundabout-control.left {
left: 10px;
}
.rstpl-roundabout-control.right {
right: 10px;
}
.rstpl-footer-fluid-position {
padding: 70px 0;
}
.rstpl-footer-position [class*="span"] {
display: block;
min-height: 0;
margin-bottom: 0;
width: 100%;
}
.rstpl-show-grid [class^="span"],
.rstpl-show-grid [class*=" span"] {
margin-bottom: 30px;
}
}
@media (max-width: 480px) {
.table th, .table td {
padding: .5rem .1rem;
}
.rstpl-top-position .span11 {
width: 88.52%;
}
.rstpl-top-details {
font-size: .75rem;
}
.rstpl-top-position .btn.btn-toggle {
min-height: 35px;
}
.rstpl-top-position .span6 {
float: none;
width: 100%;
}
.rstpl-top-a, .rstpl-top-b {
height: auto;
}
.rstpl-top-a .rstpl-menu, .rstpl-top-b .rstpl-menu {
top: 0;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
/* Main Menu */
.rstpl-main-menu-position .btn.btn-toggle, .rstpl-main-menu-full-width-position .btn.btn-toggle {
padding: 8px;
width: 36px;
height: 36px;
}
.rstpl-main-menu-position .btn.btn-toggle .icon-bar, .rstpl-main-menu-full-width-position .btn.btn-toggle .icon-bar {
width: 20px;
}
.rstpl-main-menu-position .rstpl-menu-left-mobile .btn.btn-toggle, .rstpl-main-menu-full-width-position .rstpl-menu-left-mobile .btn.btn-toggle {
right: -36px;
}
.rstpl-main-menu-position .navbar .rstpl-menu-right-mobile .nav, .rstpl-main-menu-full-width-position .navbar .rstpl-menu-right-mobile .nav {
left: auto;
}
.rstpl-main-menu-position .rstpl-menu-right-mobile .btn.btn-toggle, .rstpl-main-menu-full-width-position .rstpl-menu-right-mobile .btn.btn-toggle {
left: -36px;
}
.rstpl-main-menu-position .rstpl-menu-top-mobile .btn.btn-toggle, .rstpl-main-menu-full-width-position .rstpl-menu-top-mobile .btn.btn-toggle {
bottom: -36px;
}
.rstpl-main-menu-position .rstpl-menu-left-mobile.fixed-mobile, .rstpl-main-menu-position .rstpl-menu-right-mobile.fixed-mobile, .rstpl-main-menu-full-width-position .rstpl-menu-left-mobile.fixed-mobile, .rstpl-main-menu-full-width-position .rstpl-menu-right-mobile.fixed-mobile {
position: fixed;
top: 100px;
}
/* End Main Menu */
.rstpl-box-parallax .rstpl-box-title {
font-size: 3rem;
}
.rstpl-box-parallax .rstpl-box-content {
line-height: 1.8rem;
font-size: 1.6rem;
}
.rstpl-box-pricing .rstpl-box-pricetag {
font-size: 2.2rem;
height: 120px;
line-height: 120px;
width: 120px;
}
.rstpl-box-pricing .rstpl-box-pricetag:after {
height: 110px;
width: 110px;
}
.rstpl-box-pricing .table {
padding: 2rem;
}
.rstpl-box-pricing .table td {
padding: 1.2rem 0;
}
.carousel-control.left {
left: -10px;
}
.carousel-control.right {
right: -10px;
}
.rstpl-roundabout {
height: 170px;
top: 16px;
}
.rstpl-roundabout img {
padding: 10px;
width: 200px;
}
.rstpl-roundabout-descriptions {
padding: 3rem 1.5rem;
}
.rstpl-roundabout-control.left {
left: 5px;
}
.rstpl-roundabout-control.right {
right: 5px;
}
}
@media (max-width: 320px) {
.rstpl-top-position .span11 {
width: 89%;
}
.rstpl-top-position .span1 {
width: 25px;
}
.rstpl-top-details {
font-size: .65rem;
}
.rstpl-main-menu-position .nav li.dropdown.parent > a, .rstpl-main-menu-position .nav li.dropdown-submenu.parent > a, .rstpl-main-menu-full-width-position .nav li.dropdown.parent > a, .rstpl-main-menu-full-width-position .nav li.dropdown-submenu.parent > a {
padding: 10px 2rem 10px 10px;
}
.rstpl-main-menu-position .nav li.dropdown.parent:after, .rstpl-main-menu-position .nav li.dropdown-submenu.parent:after, .rstpl-main-menu-full-width-position .nav li.dropdown.parent:after, .rstpl-main-menu-full-width-position .nav li.dropdown-submenu.parent:after {
right: 1.6rem;
}
.rstpl-main-menu-position .nav li.dropdown.parent > .dropdown-toggle, .rstpl-main-menu-position .nav li.dropdown-submenu.parent > .dropdown-toggle, .rstpl-main-menu-full-width-position .nav li.dropdown.parent > .dropdown-toggle, .rstpl-main-menu-full-width-position .nav li.dropdown-submenu.parent > .dropdown-toggle {
height: 2.8rem;
line-height: 2.8rem;
width: 1.6rem;
}
.rstpl-main-menu-position .nav li.dropdown.parent > .dropdown-toggle span, .rstpl-main-menu-position .nav li.dropdown-submenu.parent > .dropdown-toggle span, .rstpl-main-menu-full-width-position .nav li.dropdown.parent > .dropdown-toggle span, .rstpl-main-menu-full-width-position .nav li.dropdown-submenu.parent > .dropdown-toggle span {
margin: .9rem auto;
}
.rstpl-box-parallax .rstpl-box-title {
font-size: 2.6rem;
}
.rstpl-box-parallax .rstpl-box-content {
line-height: 1.6rem;
font-size: 1.4rem;
}
.carousel-control.left, .rstpl-roundabout-control.left {
left: -8px;
}
.carousel-control.right, .rstpl-roundabout-control.right {
right: -8px;
}
.rstpl-roundabout {
height: 130px;
}
.rstpl-roundabout img {
width: 160px;
}
}
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists