/* Global Declaration */

body {
    margin:0px;
    background:#EDEDED;

}
* {
    transition:0.5s ease;
    -webkit-transition:0.5s ease;
    -moz-transition:0.5s ease;
}


#skrollr-body {
    height:auto!important;
}

a#pull {
    display: none;
}

@font-face
{
    font-family: proxima-nova;
    src: url(../fonts/Proxima-Nova-Regular.woff);
}

@font-face {
    font-family: 'HarvestItal Regular';
    src: url('../fonts/harvestital-regular.ttf');
}

@import url(https://fonts.googleapis.com/css?family=Lato:400,300,400italic,300italic,700,700italic,900,900italic);

*	{
    font-family: 'Lato', sans-serif;
}

.demo-font-title h1,
.demo-font-title h2,
.demo-font-title h3,
.demo-font-title h4,
.demo-font-title h5,
.demo-font-title h6,
.demo-font-title span {
    font-family: 'HarvestItal Regular';
}

.space10 {
    height:10px;
}
.space30 {
    height:30px;
}
.space60 {
    height:60px;
}
.space90 {
    height:90px;
}

.f200 {
    font-weight:200;
}
.f300 {
    font-weight:300;
}
.f400 {
    font-weight:400;
}
.f500 {
    font-weight:500;
}
.f700 {
    font-weight:700;
}

.f800 {
    font-weight:800;
}

.no-pad {
    padding:0px!important;
}
.no-pad-x {
    padding:24px 0px!important;
}
.no-pad-y{
    padding:0px 24px!important;
}
.no-pad-r {
    padding:0 0 0 24px!important;
}
.no-pad-l {
    padding:0 24px 0 0!important;
}
.re-pad-r {
    padding:0 0 0 12px!important;
}
.re-pad-l {
    padding:0 12px 0 0!important;
}

.btn-start {
    background-color: #47A447;
    border-color: #4cae4c;
    color: #fff;
    font-weight:300;
}
.btn-start:hover {
    color:#ffffff;
    background-color:  #5cb85c;
    text-decoration:none;
}
.btn-start-md {
    font-size:24px;
    padding:20px 30px;
}
.btn-start-lg {
    font-size:32px;
    padding:30px 50px;
}
/* header container to slider for mobile jQuery filter*/
header { width:1000px; }

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

    header { width:320px; }

}

/* header */
.content-center {

    margin:0 auto;
    padding:15px;
    text-align:center;
}


#top-header {
    width:100%;
    background-color:#ffffff;
    height:100px;
    padding:10px 0;
}

#first-header {
    width:100%;
    background-color:#666666;
    background: -webkit-linear-gradient(#3F474D, #283036); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#3F474D, #283036); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#3F474D, #283036); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#3F474D, #283036); /* Standard syntax */
    border-bottom:1px solid #000;
    height:35px;
    padding:5px 0;
    color:#ffffff;
}
#first-header a {
    color:#ffffff;
}


#mid-section {
    margin-top:70px;
}


#header-nav ul li  a{
    color:#A6A6A6;
    text-decoration:none;
    padding:0 20px!Important;
    font-weight:normal;
    text-transform:uppercase;

}
#header-nav ul li  a:hover{
    color:#cccccc;

}
#header-nav ul li  a:active {
    color:#444444;
}

#header-nav {
    margin-top:15px;
    padding:0px;
}

h2.tmb-heading {
    color:#000000;
    font-weight:500;
}

h3.grayT {
    color:#7d7d7d;
    font-weight:200;
}


/* General content starts here */
.navigation li {
    border-right:1px solid #666;
}
.navigation li:last-child {
    border-right:0px;
}
.navigation li ul li{
    border-right:0px;
}
#menu-icon a {
    color:#A6A6A6;
    padding:1px 15px!important;
}
#menu-icon a:last-child {
    border-right: 0px;
}

#menu-icon a:hover {
    color:#cccccc;
    text-decoration:none;
}

#menu-search-home {
    position:absolute;
    right:-20px;
    top:15px;
    color:#A6A6A6;
}
#menu-search-home:hover {
    color:#cccccc;
}

.pack-check-green {
    list-style-image:url('../images/4x-custom-checkimg.png');
    font-size:28px;
    margin-top:20px;
    color:#111;
    font-weight:500;
    text-shadow:1px 1px 2px #fff;
}
.pack-check-green li{
    margin:3px 0;
}

/* general content ends here */


/* jquery filter for mobile ends here */


/* main content area */
.header-bg {
    background:#EEF1F6 url('../images/4x-home-slider-bg.jpg');
    background-position:center center;
    background-size:cover;
}
#slider-content {
    color:#000000;
    font-weight:300;
    padding-top:30px;

}

/* Standard syntax */
#main-content {
    color:#575756;
}

#main-content a:hover {
    color:#000000;
    text-decoration:none;
}


/* Button Style */
.btn-txt-shadow {
    text-shadow:0 0 3px #222222;
}

.btn-custom-anim-home {
    background:#5cb85c;
    color:#ffffff;
    font-size:24px!important;
    border-radius:5px;
    position:relative;
    top:28px;
    z-index:1;
    padding:6px 34px!important;
}

.btn-custom-anim-home:hover {
    color:#ffffff!important;
}

.btn-txt-shadow {
    text-shadow:0 0 3px #222222;
}
.btn-warning2-subtle {
    color: #000;
    background-color:#FFEE9B!important;
    font-weight:800;
}
.btn-warning2-subtle:hover,
.btn-warning2-subtle:focus,
.btn-warning2-subtle:active,
.btn-warning2-subtle.active,
.open .dropdown-toggle.btn-warning2-subtle {
    color: #000;
    background-color: #F4CC02!important;
}
.btn-warning2 {
    color: #000;
    background-color: #FFD800;
    font-weight:800;
}
.btn-warning2:hover,
.btn-warning2:focus,
.btn-warning2:active,
.btn-warning2.active,
.open .dropdown-toggle.btn-warning2 {
    color: #000;
    background-color: #F4CC02;
}
.btn-subtle {
    color: #fff;
    background-color: #bbbbbb;
}
.btn-subtle:hover {
    background:#aaaaaa;
    color:#ffffff;
}

.btn-subtle2 {
    color: #666;
    background: linear-gradient(90deg, rgb(235, 235, 235) 0%, rgb(255, 255, 255) 100%);
    background: -moz-linear-gradient(90deg, rgb(235, 235, 235) 0%, rgb(255, 255, 255) 100%);
    background: -webkit-linear-gradient(90deg, rgb(235, 235, 235) 0%, rgb(255, 255, 255) 100%);
    border:1px solid rgb(204, 204, 204);
}
.btn-subtle2:hover {
    color:#000000;
}
.btn-xl {
    padding:10px 40px!important;
    font-size:21px!important;
    margin-top:15px;
}
.btn-success2 {
    color: #4cae4c;
    background-color: #ffffff;
    border:1px solid #98CD85!important;
    font-weight:800;
}
.btn-success2:hover,
.btn-success2:focus,
.btn-success2:active,
.btn-success2.active,
.open .dropdown-toggle.btn-success2 {
    color: #ffffff!important;
    background-color: #98CD85;
    border:1px solid #5cb85c!important;
}

/* footer */

#footer {
    background:#232B31;
    height:auto;
    color:#9D9D9C;
    border-bottom:2px solid #222222;
    text-shadow: 0 1px 2px #000000;
    position:relative;
    z-index:999999;
    padding:30px 0!important;
}
.footer-title {
    color:#cccccc;
    font-size:32px;
    font-weight:600;
}
#footer a {
    color:#9D9D9C;
    text-shadow: 0 1px 2px #000000;
}
#footer a:hover {
    color:#CCCCCC;
    text-decoration:none;
}
#footer ul {
    list-style:none;
    padding-left:20px;
}
#footer ul li  {
    margin-top:5px;
}

#footer-slider {
    background-image: url(../images/tg-tech-bg.png);
    height: 300px;
    width: 100%;
    position: relative;
}
.footer-links a {
    border-right:1px solid #666;
    font-size:14px;
}

.footer-info a{
    color:#444;
}
.footer-info a:hover{
    color:#47A447;
    text-decoration:none;
}
.social-icons img {
    opacity:0.5;
}
.social-icons img:hover {
    opacity:1;
}

/* frontpage */
.buyer-feature {
    line-height:1.4;
    color:#575756;
}

.buyer-feature  p{
    font-size:16px;
}

.icon {
    border-bottom: 4px solid #98cd85;
    height: 90px;
    margin: auto auto 20px;
    text-align: center;
    width: 200px;
}

.grain-bg {
    background:#EBEBEF url('../images/4xbuyer-grainy-bg.gif') repeat;
}

/* Sidebar enrol form */

.right-sbar-form {
    border: 1px solid #cccccc;
    padding: 15px 10px;
}


/* Demo styling - march 22,2016 */



#top-header-demo {
    width:100%;
    background-color:#272727;
    border-bottom:1px solid #000;
    box-shadow:2px 0 5px #666;
    height:50px;
    position:fixed;
    z-index:99999;
}

.demo-container {
    width:80%;
    display:block;
    margin:0 auto;
}
.pricing-container {
    width:85%;
    display:block;
    margin:0 auto;
}

@media screen and (max-width: 1366px) {
    .pricing-container {
        width:100%;
    }
}

#footer-demo {
    background: none repeat scroll 0 0 #272727;
    border-top:1px solid #000;
    box-shadow:-2px 0 5px #666;
    bottom: 0;
    font-weight: 500;
    height: auto;
    padding: 0 30px;
    position: fixed;
    width: 100%;
    z-index: 11;
}
.main-text-blue {
    color: #2C7A90;
}
.main-text-orange {
    color: #FF9D00;
}
.main-btn-orange {
    color: #fff;
    background-color: #FF9D00;
    border-color: #DB6600;
}
.main-btn-orange:hover ,
.main-btn-orange:active,
.main-btn-orange:focus{
    color: #fff!important;
}
.main-btn-blue {
    color: #fff;
    background-color: #277B90;
}
.main-btn-blue:hover ,
.main-btn-blue:active,
.main-btn-blue:focus{
    color: #fff!important;
}

#frame-cap {
    height:880px;
    margin:10px;
}

#pricing-language-content {
    color:#666666;
}

.active-panel {
    background:#2C7A90!important;
    color:#fff!important;
}
.active-panel .pricing-panel-title,
.active-panel .pricing-price {
    color:#fff!important;
}

.pricing-panel-title {
    font-weight:300;
    color:#F39200;
    font-size:34px;
}
.pricing-panel-title-active {
    font-weight:300;
    color:#ffffff;
    font-size:50px;
}
.subtitle {
    font-size:14px;
}
.pricing-price {
    font-weight:300;
    color:#F39200;
    font-size:20px;
}
.pricing-amount {
    font-size:60px;
}
.pricing-amount-solo {
    font-size:55px;
}
.pricing-dollar {
    position:relative;
    top:-25px;
}
.pricing-dollar-solo {
    position:relative;
    top:-25px;
}

.price-cut {
    position:absolute;
    top:-30px;
    color:#666!important;
}
.price-cut-solo {
    position:absolute;
    top:-16px;
    font-size:12px!important;
    left:6px;
    color:#666!important;
}
.price-cut-high {
    position:absolute;
    top:-30px;
    color:#fff;
}
.pricing-solo-cap {
    color:#888888!important;
    font-size:10px;
}
.rs-sololabel {
    position: relative;
    left: 0px;
    top: 0px;
    float:left
}
.btn-round-sm {
    border-radius:3px!important;
}
.btn-round-md {
    border-radius:5px!important;
}
.btn-round-lg {
    border-radius:8px!important;
}
.pricing-web-support {
    color:#aaaaaa;
    position:relative;
    top:-10px;
    font-size:16px;
    cursor:pointer;
}

.active-panel  .popular{
    position:absolute;
    top:-7px;
    right:-6px;
    width:40%!important;
}

#solo-panel {
    background:#ffffff;
    box-shadow:0 0 10px #ccc;
    padding:0px!important;
}
.solo-button-cap {
    font-size: 10px;
    position: relative;
    top: -3px;
}

#liveChat a {
    color:#333333;
}

#liveChat > li + li {
    margin-top:0px!important;
    border-top:1px solid #cccccc;
}
#liveChat-inner a {
    color:#333333;
}

#liveChat-inner > li + li {
    margin-top:0px!important;
}
.Base-Color {
    width:15px;
    height:15px;
    border-radius:50px;
    float:left;
    margin:5px;
}
.Base-Color1 {
    background:#B72A32 ;
}
.Base-Color2 {
    background:#FC9B00;
}
.Base-Color3 {
    background:#aaaaaa;
}
.Base-Color4 {
    background:#95C11F;
}
.Base-Color5 {
    background:#36A9E1;
}
.Base-Color6 {
    background:#951B81;
}
.Base-Color7 {
    background:#B17F4A;
}
.Base-Color8 {
    background:#00A19A;
}


input[type=range] {
    -webkit-appearance: none;
    margin: 10px 0;
    width: 100%;
}
input[type=range]:focus {
    outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    animate: 0.2s;
    background: #efefef;
    border-radius: 1.3px;
}
input[type=range]::-webkit-slider-thumb {
    border: 2px solid #aaaaaa;
    border-radius:50px;
    height: 20px;
    width: 20px;
    background: #ffffff;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -8px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
    background: #aaaaaa;
}
input[type=range]::-moz-range-track {
    width: 100%;
    height: 8.4px;
    cursor: pointer;
    animate: 0.2s;
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
    background: #3071a9;
    border-radius: 1.3px;
    border: 0.2px solid #010101;
}
input[type=range]::-moz-range-thumb {
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
    border: 1px solid #000000;
    height: 36px;
    width: 16px;
    border-radius: 3px;
    background: #ffffff;
    cursor: pointer;
}
input[type=range]::-ms-track {
    width: 100%;
    height: 8.4px;
    cursor: pointer;
    animate: 0.2s;
    background: transparent;
    border-color: transparent;
    border-width: 16px 0;
    color: transparent;
}
input[type=range]::-ms-fill-lower {
    background: #2a6495;
    border: 0.2px solid #010101;
    border-radius: 2.6px;
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
    background: #3071a9;
    border: 0.2px solid #010101;
    border-radius: 2.6px;
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-thumb {
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
    border: 1px solid #000000;
    height: 36px;
    width: 16px;
    border-radius: 3px;
    background: #ffffff;
    cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
    background: #3071a9;
}
input[type=range]:focus::-ms-fill-upper {
    background: #367ebd;
}

/* LIVE CHAT STYLING STARTS HERE */

#live-chat-content label,
#live-chat-content input[type="radio"],
#live-chat-content input[type="checkbox"] {
    cursor:pointer;
}
#live-chat-content input[type="radio"],
#live-chat-content input[type="checkbox"] {
    transform:scale(1.2,1.2)
}

#panel-editor {
    position:fixed;top:45px;;z-index:11;
}

#LiveChat {
    width:420px;

}
.LiveChat-bleft {
    position:fixed;left:10%; bottom:-420px;z-index:11;
    transition:bottom 0.5s ease;
}
.LiveChat-bright {
    position:fixed;right:10%; bottom:-420px;z-index:11;
    transition:bottom 0.5s ease;
}
.LiveChat-left {
    position:fixed;left:-100%;top:20%;z-index:11;
    transition:left 0.5s ease;
}
.LiveChat-right {
    position:fixed;right:-100%;top:20%;z-index:11;
    transition:right 0.5s ease;
}


.Indicator-bleft {
    position:fixed;left:10%; bottom:70px;z-index:11;
    transition:bottom 0.5s ease;
    text-align:center;
}
.Indicator-bright {
    position:fixed;right:10%; bottom:62px;z-index:11;
    transition:bottom 0.5s ease;
    text-align:center;
}
.Indicator-left {
    position:fixed;left:0%;top:20%;z-index:11;
    transition:left 0.5s ease;
}
.Indicator-right {
    position:fixed;right:0%;top:20%;z-index:11;
    transition:right 0.5s ease;
}
#LiveChatMain {
    min-width:300px;height:375px;border-radius:9px 9px 0 0;
}
#LiveChatMain a {
    color:#ffffff;
}
#LiveChatMain a:hover,
#LiveChatMain a:active,
#LiveChatMain a:focus {
    color:#efefef;
    text-decoration:none;
}
#ChatTitle a {
    padding:0 3px;
    font-size:21px;
}

#LiveChatFooter {
    background:#575756;min-with:300px;min-height:40px;padding:8px 0 0;color:#9D9D9C;
}


/* Base styling here */

.default {
    padding:10px 15px!important;
}
.wide {
    padding:10px 0px!important;

}

#ChatTopContainer {
    color:#ffffff;font-size:18px;font-weight:bold;
}


::-webkit-input-placeholder {
    color: #aaaaaa;
}

:-moz-placeholder { /* Firefox 18- */
    color: #aaaaaa;
}

::-moz-placeholder {  /* Firefox 19+ */
    color: #aaaaaa;
}

:-ms-input-placeholder  {
    color: #aaaaaa;
}

#chat-box ::-webkit-input-placeholder {
    color: #888888;
}
#chat-box :-moz-placeholder { /* Firefox 18- */
    color: #888888;
}
#chat-box ::-moz-placeholder {  /* Firefox 19+ */
    color: #888888;
}
#chat-box :-ms-input-placeholder  {
    color: #888888;
}

.rs-form-wide-sm {
    border:0px;
    font-size:14px;
    font-weight:500;
    padding:8px;
    min-height: 72px;
    display: block;
    width: 100%;
    line-height: 1.42857143;
    color: #666666!important;
    background-color: #fff;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.rs-form-wide-sm:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}


.rs-form-wide {
    border:0px;
    font-size:20px;
    font-weight:700;
    padding:15px;
    display: block;
    width: 100%;
    line-height: 1.42857143;
    color: #666666!important;
    background-color: #fff;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.rs-form-wide:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

#send-btn {
    padding:10px 5px!important;
    border-radius:0 3px 3px 0;
}


#chat-box textarea {
    resize:none;
}

.feedback-icons a {
    padding:0 5px 0 2px;
    border-right:1px solid #cccccc;

}
.feedback-icons a:last-child {
    border-right:0px;
}

.feedback-icons a b {
    color:#cccccc;
}
.feedback-icons a b:hover {
    color:#aaaaaa;
}

/* skin color */

.bg-red {
    background:#B72A32 ;
}
.bg-orange {
    background:#FC9B00;
}
.bg-gray {
    background:#aaaaaa;
}
.bg-green {
    background:#95C11F;
}
.bg-blue {
    background:#1D71B8;
}
.bg-violet {
    background:#951B81;
}
.bg-brown {
    background:#B17F4A;
}
.bg-emerald {
    background:#00A19A;
}

.btn-red {
    background:#7C0A18;
}
.btn-red:hover {
    background:#600B19;
}
.btn-orange {
    background:#E94E1B;
}
.btn-orange:hover {
    background:#C43008;
}
.btn-gray {
    background:#666666;
}
.btn-gray:hover {
    background:#333333;
}
.btn-green {
    background:#749316;
}
.btn-green:hover {
    background:#5A7211;
}
.btn-blue {
    background:#135C8E;
}
.btn-blue:hover {
    background:#0D496B;
}
.btn-violet {
    background:#700F65;
}
.btn-violet:hover {
    background:#5B0C55;
}
.btn-brown {
    background:#96571E;
}
.btn-brown:hover {
    background:#703C11;
}
.btn-emerald {
    background:#00776E;
}
.btn-emerald:hover {
    background:#005149;
}

/* Border radius */

.border-sm {
    border-radius:3px;
}
.border-md {
    border-radius:6px;
}
.border-lg {
    border-radius:9px;
}

.border-top-sm {
    border-radius:3px 3px 0 0;
}
.border-right-sm {
    border-radius:0 3px 3px 0;
}
.border-bottom-sm {
    border-radius:0 0 3px 3px;
}.border-left-sm {
     border-radius:3px 0 0 3px;
 }

.border-top-md {
    border-radius:6px 6px 0 0;
}
.border-right-md {
    border-radius:0 6px 6px 0;
}
.border-bottom-md {
    border-radius:0 0 6px 6px;
}.border-left-md {
     border-radius:6px 0 0 6px;
 }

.border-top-lg {
    border-radius:9px 9px 0 0;
}
.border-right-lg {
    border-radius:0 9px 9px 0;
}
.border-bottom-lg {
    border-radius:0 0 9px 9px;
}.border-left-lg {
     border-radius:9px 0 0 9px;
 }

/* Chat Indicator*/

.chat-classic {
    padding:5px 15px;
    color:#ffffff;
    font-size:18px;
}
.chat-classic:hover,
.chat-classic:focus,
.chat-classic:active {
    color:#efefef;
    text-decoration:none;
}
/*
#chattop-indicator img {
	margin-bottom:5px;
	 -webkit-animation: fade_in 2s 1;
    animation: fade_in 2s 1;
	animation-delay:1s;
	-webkit-animation-delay:1s;
	opacity:1;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;

}

@-webkit-keyframes fade_in {
    0% {
        opacity: 0;

    }
    60% {
        opacity: 0;
		-webkit-transform: translate3d(0,-60px,0);
        transform: translate3d(0,-60px,0);
    }

    90% {
        -webkit-transform: translate3d(0,0px, 0);
        transform: translate3d(0,0px, 0);
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes fade_in {
     0% {
        opacity: 0;

    }
    60% {
        opacity: 0;
		-webkit-transform: translate3d(0,-60px,0);
        transform: translate3d(0,-60px,0);
    }

    90% {
        -webkit-transform: translate3d(0,0px, 0);
        transform: translate3d(0,0px, 0);
    }
    100% {
        opacity: 1;
    }
}*/

/*#chat-indicator:hover > #chattop-indicator img,*/
#chattop-indicator img
{
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
    opacity:1;

}
@-webkit-keyframes bounce {

    0% {
        -webkit-transform:translateY(0px);
        transform:translateY(0px);
    }

    50% {
        -webkit-transform:translateY(-5px);
        transform:translateY(-5px);
    }
    1000% {
        -webkit-transform:translateY(0px);
        transform:translateY(0px);
    }
}
@-moz-keyframes bounce {
    0% {
        -webkit-transform:translateY(0px);
        transform:translateY(0px);
    }

    50% {
        -webkit-transform:translateY(-5px);
        transform:translateY(-5px);
    }
    1000% {
        -webkit-transform:translateY(0px);
        transform:translateY(0px);
    }
}

#classicmain-base {
    color:#ffffff;
    font-size:18px;
    padding:5px 15px;
    border-radius: 3px 3px 0 0;
}
#classicmain-base:hover,
#classicmain-base:active,
#classicmain-base:focus {
    text-decoration:none;
}
#bubblemain-base{
    padding:15px;
    width: 150px;
    margin: 0 auto;
}
#bubble-chat{
    color:#ffffff;
    font-size:24px;
    padding:10px;
    border-radius: 50px;
}
#bubblemain-base:hover,
#bubblemain-base:active,
#bubblemain-base:focus {
    text-decoration:none;
}
#bubble-chat-sm{
    color:#ffffff;
    font-size:14px;
    padding:5px 7px;
    border-radius: 50px;
    position:relative;
    bottom:-7px;
}

.indicator-pagination {
    margin-top:15px;
}

#indicator-color .active .Base-Color {
    border:2px solid #cccccc;
    transform:scale(1.3,1.3);
}
#box-color .active .Base-Color {
    border:2px solid #cccccc;
    transform:scale(1.3,1.3);
}

.opaque {
    background:rgba(255,255,255,0.9)!important;
}
/*
#indicator-preset-list .active {
	-webkit-filter: contrast(30%);
	filter: contrast(30%);
	-webkit-animation: pulse 1s infinite;
    animation: pulse 1s infinite;
}*/
@-webkit-keyframes pulse {
    0% {
        -webkit-transform:scale(1,1);
        transform:scale(1,1);
    }

    50% {
        -webkit-transform:scale(1.2,1.2);
        transform:scale(1,1);
    }
    1000% {
        -webkit-transform:scale(1,1);
        transform:scale(1,1);
    }
}
@-moz-keyframes pulse {
    0% {
        -webkit-transform:scale(1,1);
        transform:scale(1,1);
    }

    50% {
        -webkit-transform:scale(1.2,1.2);
        transform:scale(1,1);
    }
    1000% {
        -webkit-transform:scale(1,1);
        transform:scale(1,1);
    }
}

#help-button:hover,
#help-button:active,
#help-button:focus {
    color:#ffffff!important;
    transition:color 0s ease;
}

.atfront {
    box-shadow:0 0 10px 5px #ffffff;
}

#chat-indicator,#LiveChat {
    z-index:11;
    visibility: visible;
    position:fixed;
}
#Pagination {
    position: fixed;
    top: 55%;
    width: 100%;
    z-index:100;
}
#prev-arrow {
    color:#aaaaaa;
    font-size: 50px;
    color: #000;
    opacity: 0.3;
    margin: 20px;
    float: left;
}
#next-arrow {
    color:#aaaaaa;
    font-size: 50px;
    color: #000;
    opacity: 0.3;
    margin: 20px;
    float: right;
}
#prev-arrow:hover, #next-arrow:hover {
    color:#bbbbbb;
}

.btn-rs-dark {
    background-color: #277B90;
    border-color: #115566;
    color: #fff;
    font-weight:500;
    border-radius:3px;
    color:#ffffff!important;
    font-size:16px!important;
}
.btn-rs-light {
    background-color: #F9B233;
    color: #fff;
    font-weight:500;
    border-radius:3px;
    color:#ffffff!important;
    font-size:16px!important;
}
.btn-rs-light:hover {

}

.bg-rs-dark {
    background-color: #277B90;
    border-color: #115566;
    color: #fff;
    font-weight:500;
    color:#ffffff!important;
    font-size:18px!important;
}

.nav-rs {
    font-weight:bold;
    padding:10px 0;
    margin:20px 0;
}
.nav-rs li {
    border-right:1px solid #aaaaaa;
}
.nav-rs li:last-child {
    border:0px!important;
}

#rs-2016-container {
    background:url('../images/rs-home-bg-2016.jpg');
    background-position:90%;
    background-size:cover;
    width:100%;
    height:740px;
    color:#ffffff;
}

.m-top-lg {
     margin-top:60px;
 }
.m-top-md {
    margin-top:40px;
}
.m-top-sm {
    margin-top:20px;
}
.m-bottom-lg {
    margin-bottom:60px;
}
.m-bottom-md {
    margin-bottom:40px;
}
.m-bottom-sm {
    margin-bottom:20px;
}

#home-content h1 {
    font-size: 58px;
    text-shadow:1px 1px 2px #000000;
    font-weight:500;
}
#home-content h2 {
    font-size: 24px;
    text-shadow:1px 1px 2px #000000;
    line-height:1.6;
}
.btn-rs-main1 {
    background:#287B90;
    padding:15px 25px!important;
    font-size:24px!important;
    color:#ffffff;
    box-shadow:0px 3px 3px #126F97;
    border-radius:5px;
}
.btn-rs-main1:hover {
    color:#ffffff!important;
    background:#175766;
}

.home-vid iframe {
    border:20px solid #ffffff;
    border-radius:5px;
}

#demo-capt-container {
    padding:12px;
    background:rgba(0,0,0,0.2);
    border-radius:5px;
}

.text-rs {
    color:#F0791F;
}
.fade10 {
    -webkit-animation: FadeIn10sec 3s; /* Chrome, Safari, Opera */
    animation: FadeIn10sec 3s;
    -webkit-animation-delay: 10s; /* Safari 4.0 - 8.0 */
    animation-delay: 10s;
    opacity:0;
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    animation-fill-mode: forwards;
}

@-webkit-keyframes FadeIn10sec {
    0% {opacity:0;}
    50% {opacity:0;}
    100% {opacity:1;}

}

/* Standard syntax */
@keyframes FadeIn10sec {
    0% {opacity:0;}
    50% {opacity:0;}
    100% {opacity:1;}
}
.fade20 {
    -webkit-animation: FadeIn20sec 3s; /* Chrome, Safari, Opera */
    animation: FadeIn20sec 3s;
    -webkit-animation-delay: 20s; /* Safari 4.0 - 8.0 */
    animation-delay: 20s;
    opacity:0;
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    animation-fill-mode: forwards;
}

@-webkit-keyframes FadeIn20sec {
    0% {opacity:0;}
    50% {opacity:0;}
    100% {opacity:1;}

}

/* Standard syntax */
@keyframes FadeIn20sec {
    0% {opacity:0;}
    50% {opacity:0;}
    100% {opacity:1;}
}
.fade30 {
    -webkit-animation: FadeIn30sec 3s; /* Chrome, Safari, Opera */
    animation: FadeIn30sec 3s;
    -webkit-animation-delay: 30s; /* Safari 4.0 - 8.0 */
    animation-delay: 30s;
    opacity:0;
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    animation-fill-mode: forwards;
}

@-webkit-keyframes FadeIn30sec {
    0% {opacity:0;}
    50% {opacity:0;}
    100% {opacity:1;}

}

/* Standard syntax */
@keyframes FadeIn30sec {
    0% {opacity:0;}
    50% {opacity:0;}
    100% {opacity:1;}
}

.content-switch-livechat {
    -webkit-animation: FadeOut40sec 1s; /* Chrome, Safari, Opera */
    animation: FadeOut40sec 1s;
    -webkit-animation-delay: 42s; /* Safari 4.0 - 8.0 */
    animation-delay: 42s;
    opacity:1;
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    animation-fill-mode: forwards;
}
@-webkit-keyframes FadeOut40sec {
    0% {opacity:1;position:relative;}
    100% {opacity:0;position:absolute;}

}

/* Standard syntax */
@keyframes FadeOut40sec {
    0% {opacity:1;position:relative;}
    100% {opacity:0;position:absolute;}
}

.content-switch-livechat2 {
    -webkit-animation: FadeIn40sec 1s; /* Chrome, Safari, Opera */
    animation: FadeIn40sec 1s;
    -webkit-animation-delay: 42s; /* Safari 4.0 - 8.0 */
    animation-delay: 42s;
    opacity:0;
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    animation-fill-mode: forwards;
}
@-webkit-keyframes FadeIn40sec {
    0% {opacity:0;}
    100% {opacity:1;}
}

/* Standard syntax */
@keyframes FadeIn40sec {
    0% {opacity:0;}
    100% {opacity:1;}
}

.invert-orange {
    color: #fff;
    background: #F39200;
    padding: 5px;
}

.h1-page-title {
    font-size:44px;
}
#clock2 {
    font-size: 27px;
    margin: 0 auto;
    display: block;
    width: 250px;
}
#clock2 .timer {
    width:23%;
    float:left;
    background:linear-gradient(#444,#222 49%, #111111 50%);
    background: #333333; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#444,#222 49%, #111111 50%);
    background: -o-linear-gradient(#444,#222 49%, #111111 50%);
    background: -moz-linear-gradient(#444,#222 49%, #111111 50%);
    box-shadow:0 0 3px 0px #333;
    border-radius:3px;
    margin:0 5px;
    padding:20px 10px;
    color:#ffffff;
    text-shadow:0 0 10px #000;
}

.invisible {
    opacity:0;
}
.blow-up {
    position: absolute;
    text-align: center;
    display: block;
    margin: 0 auto;
    width: 210px;
    font-size: 24px;
    margin-top: -5px;
}
.close-custom {
    background: none repeat scroll 0 0 #000!important;
    border: 3px inset #fff!important;
    border-radius: 50px;
    color: #fff!important;
    opacity: 1!important;
    padding: 5px 10px!important;
    position: relative;
    right: -25px;
    top: -20px;
    z-index: 2;
}
.close-custom:hover {
    background:#fff!important;
    color:#000!important;
    border: 3px inset #000!important;
}
.close-custom:focus {
    background:#333333!important;
}

.caps {
    text-transform:capitalize;
}

#fadeon5 {
    -webkit-animation: fadeon5 1s;
    animation: fadeon5 1s;
    opacity:0;
    animation-delay: 4.5s;
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    animation-fill-mode: forwards;

}
@-webkit-keyframes fadeon5 {
    0% {
        opacity:0;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
@-moz-keyframes fadeon5 {
    0% {
        opacity:0;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

.strikethrough {
    display: inline-block;
    position: relative;
    transition: all  0.5s cubic-bezier(.55, 0, .1, 1);
}

.strikethrough:after {
    opacity:0;
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    box-shadow: 0 1px rgba(255,255,255,0.6);
    margin-top: -0.7em;
    background: red;
    transform-origin: center left;
    animation: strikethrough 1s 0.5s cubic-bezier(.55, 0, .1, 1) 1;
    -webkit-transition-delay: 4.5s; /* Safari */
    -moz-animation-delay: 4.5s;
    animation-delay: 4.5s;
    animation-fill-mode: forwards;
}

/* Keyframes for initial animation */

@keyframes strikethrough {
    from {
        transform: scaleX(0);
        opacity:0;
    }
    to {
        transform: scaleX(1);
        opacity:1;
    }
}
#checkout-container {
    background: url('../images/rs-top-bg.png') no-repeat;
    height:177px;
    width:100%;
    position:relative;
    top:-20px;
}

#checkout-head-left,
#checkout-head-right {
    color:#ffffff;
}
#chk-form,
.chk-title {

}
#check-form-left label {
    margin:10px 0;
}
#reg-form-left label,
#reg-form-right label {
    margin:10px 0;
}
.pad-r-md {
    padding-right:10px!Important;
}
.pad-l-md {
    padding-left:10px!Important;
}
#checkout-panel-form h1,
#checkout-panel-form h2,
#checkout-panel-form h3,
#checkout-panel-form h4,
#checkout-panel-form h5,
#checkout-panel-form h6 {
    margin:2px 0px;
}
#checkout-panel-form {
    background:#F5F5F5;
    border-radius:3px;
    border:1px solid #cccccc;
    padding:10px;
}
#checkout-panel-form hr {
    border-color:#cccccc;
    margin:10px 0;
}
#terms-text {
    font-size:10px;
}
.panel-pay-selection {
    background:#FFFFFF;
    border-radius:3px;
    border:1px solid #cccccc;
    padding:10px;
    cursor:pointer;
}
#check-form-left .active {
    box-shadow:0 0 3px 1px #F47221;
}

#accountTitle {
    outline: none;
    color: #666;
    padding: 5px;
    width:200px;
    font-size:24px;
}

#rs-stamp-offer {
    position:absolute;

}