Connect

[cs_content][cs_element_section _id=”1″ ][cs_element_row _id=”2″ ][cs_element_column _id=”3″ ][cs_element_layout_row _id=”4″ ][cs_element_layout_column _id=”5″ ][cs_element_text _id=”6″ ][/cs_element_layout_column][cs_element_layout_column _id=”7″ ][cs_element_text _id=”8″ ][/cs_element_layout_column][cs_element_layout_column _id=”9″ ][cs_element_text _id=”10″ ][/cs_element_layout_column][/cs_element_layout_row][cs_element_layout_row _id=”11″ ][cs_element_layout_column _id=”12″ ][cs_element_image _id=”13″ ][/cs_element_layout_column][cs_element_layout_column _id=”14″ ][cs_element_image _id=”15″ ][/cs_element_layout_column][cs_element_layout_column _id=”16″ ][cs_element_image _id=”17″ ][/cs_element_layout_column][/cs_element_layout_row][/cs_element_column][/cs_element_row][/cs_element_section][cs_element_section _id=”18″ ][cs_element_row _id=”19″ ][cs_element_column _id=”20″ ][cs_element_layout_row _id=”21″ ][cs_element_layout_column _id=”22″ ][cs_element_text _id=”23″ ][/cs_element_layout_column][/cs_element_layout_row][/cs_element_column][/cs_element_row][/cs_element_section][cs_element_section _id=”24″ ][cs_element_row _id=”25″ ][cs_element_column _id=”26″ ][cs_element_layout_row _id=”27″ ][cs_element_layout_column _id=”28″ ][cs_element_text _id=”29″ ][cs_element_content_area _id=”30″ ][cs_element_text _id=”31″ ][cs_element_content_area _id=”32″ ][cs_element_text _id=”33″ ][cs_element_content_area _id=”34″ ][cs_element_text _id=”35″ ][cs_element_content_area _id=”36″ ][cs_element_text _id=”37″ ][cs_element_content_area _id=”38″ ][/cs_element_layout_column][/cs_element_layout_row][/cs_element_column][/cs_element_row][/cs_element_section][/cs_content][cs_content_seo]NEWS

CALENDAR

CONTACT

Recent Videos

BrewHouse: Faith Talks

.center_content3 {
position:absolute;
overflow:visible;
top:50%;
left:50%;
width:100%;
transform:translateY(-50%) translateX(-50%);
-webkit-transform:translateY(-50%) translateX(-50%);
-ms-transform:translateY(-50%) translateX(-50%);
-moz-transform:translateY(-50%) translateX(-50%);
-o-transform:translateY(-50%) translateX(-50%);
}
#RW_Load_Horizontal_Navigation3 {
position:relative;
margin:20px auto !important;
background-color:#ffffff !important;
z-index:2;
width:100%;
padding-bottom:40%;
max-width:100% !important;
}
.RW_Loader_Frame_Navigation3 { width:45px !important; height:45px !important; }
.loader_Navigation13 {
border-top: 3px solid #dd9933 !important;
border-bottom: 3px solid #dd9933 !important;
}
.loader_Navigation23 {
border-top: 3px solid #dd9933 !important;
border-bottom: 3px solid #dd9933 !important;
}
.loader_Navigation33 {
border-top:12px solid #dd3333 !important;
border-bottom:12px solid #dd3333 !important;
border-right:12px solid #dd3333 !important;
width:50% !important;
height:50% !important;
}
.RW_Loader_Frame_Navigation
{
position:relative;
left:50%;
width:80px;
height:80px;
transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-o-transform:translateX(-50%);
}
.RW_Loader_Text_Navigation3 {
position:relative;
text-align:center;
margin-top:10px;
font-size: 23px !important;
font-family:Calibri !important;
color: #000000 !important;
}
.loader_Navigation1,.loader_Navigation2,.loader_Navigation3,.loader_Navigation4 { position:absolute; border:5px solid transparent; border-radius:50%; }
.loader_Navigation13 {
box-sizing:border-box;
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
}
.loader_Navigation23 {
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
top:50%;
left:50%;
transform:translateY(-50%) translateX(-50%);
-webkit-transform:translateY(-50%) translateX(-50%);
-ms-transform:translateY(-50%) translateX(-50%);
-moz-transform:translateY(-50%) translateX(-50%);
-o-transform:translateY(-50%) translateX(-50%);
}
.loader_Navigation33 {
width:60%;
height:60%;
top:50%;
left:50%;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
transform:translateY(-50%) translateX(-50%);
-webkit-transform:translateY(-50%) translateX(-50%);
-ms-transform:translateY(-50%) translateX(-50%);
-moz-transform:translateY(-50%) translateX(-50%);
-o-transform:translateY(-50%) translateX(-50%);
animation:clockLoadingmin 1s linear 500;
-webkit-animation:clockLoadingmin 1s linear 500;
-ms-animation:clockLoadingmin 1s linear 500;
-moz-animation:clockLoadingmin 1s linear 500;
-o-animation:clockLoadingmin 1s linear 500;
}
.loader_Navigation1
{
width:100%;
height:100%;
animation:clockLoading 1s linear 500;
-webkit-animation:clockLoading 1s linear 500;
-ms-animation:clockLoading 1s linear 500;
-moz-animation:clockLoading 1s linear 500;
-o-animation:clockLoading 1s linear 500;
}
.loader_Navigation2
{
width:80%;
height:80%;
animation:anticlockLoading 1s linear 500;
-webkit-animation:anticlockLoading 1s linear 500;
-ms-animation:anticlockLoading 1s linear 500;
-moz-animation:anticlockLoading 1s linear 500;
-o-animation:anticlockLoading 1s linear 500;
}
@keyframes clockLoading
{
from{transform:rotate(0deg);-webkit-transform:-webkit-rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);}
to{transform:rotate(360deg);-webkit-transform:-webkit-rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);}
}
@keyframes anticlockLoading
{
from{transform:translateY(-50%) translateX(-50%) rotate(0deg);-webkit-transform:-webkit-translateY(-50%) -webkit-translateX(-50%) -webkit-rotate(0deg);-ms-transform:translateY(-50%) translateX(-50%) rotate(0deg);-moz-transform:translateY(-50%) translateX(-50%) rotate(0deg);-o-transform:translateY(-50%) translateX(-50%) rotate(0deg);}
to{transform:translateY(-50%) translateX(-50%) rotate(-360deg);-webkit-transform:-webkit-translateY(-50%) -webkit-translateX(-50%) -webkit-rotate(-360deg);-ms-transform:translateY(-50%) translateX(-50%) rotate(-360deg);-moz-transform:translateY(-50%) translateX(-50%) rotate(-360deg);-o-transform:translateY(-50%) translateX(-50%) rotate(-360deg);}
}
@keyframes clockLoadingmin
{
from{transform:translateY(-50%) translateX(-50%) rotate(0deg);-webkit-transform:-webkit-translateY(-50%) -webkit-translateX(-50%) -webkit-rotate(0deg);-ms-transform:translateY(-50%) translateX(-50%) rotate(0deg);-moz-transform:translateY(-50%) translateX(-50%) rotate(0deg);-o-transform:translateY(-50%) translateX(-50%) rotate(0deg);}
to{transform:translateY(-50%) translateX(-50%) rotate(360deg);-webkit-transform:-webkit-translateY(-50%) -webkit-translateX(-50%) -webkit-rotate(360deg);-ms-transform:translateY(-50%) translateX(-50%) rotate(360deg);-moz-transform:translateY(-50%) translateX(-50%) rotate(360deg);-o-transform:translateY(-50%) translateX(-50%) rotate(360deg);}
}
/*Second Loader*/
.overlay-loader3 { display: block; margin: auto; width: 97px; height: 60px; position: relative; top: 0; left: 0; right: 0; bottom: 0; }
.overlay-loader3 { height: 40px !important; }
.loader3 { width: 49px !important; height: 49px !important; }
.loader3 div:nth-child(2) { width: 3px !important; height: 3px !important; }
.loader3 div:nth-child(3) { width: 9px !important; height: 9px !important; }
.loader3 div:nth-child(4) { width: 14px !important; height: 14px !important; }
.loader3 div:nth-child(5) { width: 19px !important; height: 19px !important; }
.loader3 div:nth-child(6) { width: 24px !important; height: 24px !important; }
.loader3 div:nth-child(7) { width: 28px !important; height: 28px !important; }
.loader3 {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 97px;
height: 97px;
animation-name: rotateAnim;
-o-animation-name: rotateAnim;
-ms-animation-name: rotateAnim;
-webkit-animation-name: rotateAnim;
-moz-animation-name: rotateAnim;
animation-duration: 0.4s;
-o-animation-duration: 0.4s;
-ms-animation-duration: 0.4s;
-webkit-animation-duration: 0.4s;
-moz-animation-duration: 0.4s;
animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-timing-function: linear;
-o-animation-timing-function: linear;
-ms-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
}
.loader3 div
{
width: 8px;
height: 8px;
border-radius: 50%;
border: 1px solid #b1ba09;
position: absolute;
top: 2px;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.loader3 div:nth-child(odd) { border-top: none; border-left: none; }
.loader3 div:nth-child(even) { border-bottom: none; border-right: none; }
.loader3 div:nth-child(2) { border-width: 2px; left: 0px; top: -4px; width: 12px; height: 12px; }
.loader3 div:nth-child(3) { border-width: 2px; left: -1px; top: 3px; width: 18px; height: 18px; }
.loader3 div:nth-child(4) { border-width: 3px; left: -1px; top: -4px; width: 23px; height: 23px; }
.loader3 div:nth-child(5) { border-width: 3px; left: -1px; top: 4px; width: 31px; height: 31px; }
.loader3 div:nth-child(6) { border-width: 4px; left: 0px; top: -4px; width: 39px; height: 39px; }
.loader3 div:nth-child(7) { border-width: 4px; left: 0px; top: 6px; width: 49px; height: 49px; }
@keyframes rotateAnim { from { transform: rotate(360deg); } to { transform: rotate(0deg); } }
@-o-keyframes rotateAnim { from { -o-transform: rotate(360deg); } to { -o-transform: rotate(0deg); } }
@-ms-keyframes rotateAnim { from { -ms-transform: rotate(360deg); } to { -ms-transform: rotate(0deg); } }
@-webkit-keyframes rotateAnim { from { -webkit-transform: rotate(360deg); } to { -webkit-transform: rotate(0deg); } }
@-moz-keyframes rotateAnim { from { -moz-transform: rotate(360deg); } to { -moz-transform: rotate(0deg); } }
/*Third Loader*/
.windows83 { width: 45px !important; height:45px !important; }
.windows83 .wBall { width: 42px !important; height: 42px !important; }
.windows83 { position: relative; width: 78px; height:78px; margin:auto; }
.windows83 .wBall
{
position: absolute;
width: 74px;
height: 74px;
opacity: 0;
transform: rotate(225deg);
-o-transform: rotate(225deg);
-ms-transform: rotate(225deg);
-webkit-transform: rotate(225deg);
-moz-transform: rotate(225deg);
animation: orbit 6.96s infinite;
-o-animation: orbit 6.96s infinite;
-ms-animation: orbit 6.96s infinite;
-webkit-animation: orbit 6.96s infinite;
-moz-animation: orbit 6.96s infinite;
}
.windows83 .wBall .wInnerBall
{
position: absolute;
width: 10px;
height: 10px;
background: #b1ba09;
left:0px;
top:0px;
border-radius: 10px;
}
.windows83 #wBall_1
{
animation-delay: 1.52s;
-o-animation-delay: 1.52s;
-ms-animation-delay: 1.52s;
-webkit-animation-delay: 1.52s;
-moz-animation-delay: 1.52s;
}
.windows83 #wBall_2
{
animation-delay: 0.3s;
-o-animation-delay: 0.3s;
-ms-animation-delay: 0.3s;
-webkit-animation-delay: 0.3s;
-moz-animation-delay: 0.3s;
}
.windows83 #wBall_3
{
animation-delay: 0.61s;
-o-animation-delay: 0.61s;
-ms-animation-delay: 0.61s;
-webkit-animation-delay: 0.61s;
-moz-animation-delay: 0.61s;
}
.windows83 #wBall_4
{
animation-delay: 0.91s;
-o-animation-delay: 0.91s;
-ms-animation-delay: 0.91s;
-webkit-animation-delay: 0.91s;
-moz-animation-delay: 0.91s;
}
.windows83 #wBall_5
{
animation-delay: 1.22s;
-o-animation-delay: 1.22s;
-ms-animation-delay: 1.22s;
-webkit-animation-delay: 1.22s;
-moz-animation-delay: 1.22s;
}
@keyframes orbit
{
0% { opacity: 1; z-index:99; transform: rotate(180deg); animation-timing-function: ease-out; }
7% { opacity: 1; transform: rotate(300deg); animation-timing-function: linear; transform-origin:0%; }
30% { opacity: 1; transform: rotate(410deg); animation-timing-function: ease-in-out; transform-origin:7%; }
39% { opacity: 1; transform: rotate(645deg); animation-timing-function: linear; transform-origin:30%; }
70% { opacity: 1; transform: rotate(770deg); animation-timing-function: ease-out; transform-origin:39%; }
75% { opacity: 1; transform: rotate(900deg); animation-timing-function: ease-out; transform-origin:70%; }
76% { opacity: 0; transform: rotate(900deg); }
100% { opacity: 0; transform: rotate(900deg); }
}
@-o-keyframes orbit
{
0% { opacity: 1; z-index:99; -o-transform: rotate(180deg); -o-animation-timing-function: ease-out; }
7% { opacity: 1; -o-transform: rotate(300deg); -o-animation-timing-function: linear; -o-transform-origin:0%; }
30% { opacity: 1; -o-transform: rotate(410deg); -o-animation-timing-function: ease-in-out; -o-transform-origin:7%; }
39% { opacity: 1; -o-transform: rotate(645deg); -o-animation-timing-function: linear; -o-transform-origin:30%; }
70% { opacity: 1; -o-transform: rotate(770deg); -o-animation-timing-function: ease-out; -o-transform-origin:39%; }
75% { opacity: 1; -o-transform: rotate(900deg); -o-animation-timing-function: ease-out; -o-transform-origin:70%; }
76% { opacity: 0; -o-transform: rotate(900deg); }
100% { opacity: 0; -o-transform: rotate(900deg); }
}
@-ms-keyframes orbit
{
0% { opacity: 1; z-index:99; -ms-transform: rotate(180deg); -ms-animation-timing-function: ease-out; }
7% { opacity: 1; -ms-transform: rotate(300deg); -ms-animation-timing-function: linear; -ms-transform-origin:0%; }
30% { opacity: 1; -ms-transform: rotate(410deg); -ms-animation-timing-function: ease-in-out; -ms-transform-origin:7%; }
39% { opacity: 1; -ms-transform: rotate(645deg); -ms-animation-timing-function: linear; -ms-transform-origin:30%; }
70% { opacity: 1; -ms-transform: rotate(770deg); -ms-animation-timing-function: ease-out; -ms-transform-origin:39%; }
75% { opacity: 1; -ms-transform: rotate(900deg); -ms-animation-timing-function: ease-out; -ms-transform-origin:70%; }
76% { opacity: 0; -ms-transform:rotate(900deg); }
100% { opacity: 0; -ms-transform: rotate(900deg); }
}
@-webkit-keyframes orbit
{
0% { opacity: 1; z-index:99; -webkit-transform: rotate(180deg); -webkit-animation-timing-function: ease-out; }
7% { opacity: 1; -webkit-transform: rotate(300deg); -webkit-animation-timing-function: linear; -webkit-transform-origin:0%; }
30% { opacity: 1; -webkit-transform: rotate(410deg); -webkit-animation-timing-function: ease-in-out; -webkit-transform-origin:7%; }
39% { opacity: 1; -webkit-transform: rotate(645deg); -webkit-animation-timing-function: linear; -webkit-transform-origin:30%; }
70% { opacity: 1; -webkit-transform: rotate(770deg); -webkit-animation-timing-function: ease-out; -webkit-transform-origin:39%; }
75% { opacity: 1; -webkit-transform: rotate(900deg); -webkit-animation-timing-function: ease-out; -webkit-transform-origin:70%; }
76% { opacity: 0; -webkit-transform: rotate(900deg); }
100% { opacity: 0; -webkit-transform: rotate(900deg); }
}
@-moz-keyframes orbit
{
0% { opacity: 1; z-index:99; -moz-transform: rotate(180deg); -moz-animation-timing-function: ease-out; }
7% { opacity: 1; -moz-transform: rotate(300deg); -moz-animation-timing-function: linear; -moz-transform-origin:0%; }
30% { opacity: 1; -moz-transform: rotate(410deg); -moz-animation-timing-function: ease-in-out; -moz-transform-origin:7%; }
39% { opacity: 1; -moz-transform: rotate(645deg); -moz-animation-timing-function: linear; -moz-transform-origin:30%; }
70% { opacity: 1; -moz-transform: rotate(770deg); -moz-animation-timing-function: ease-out; -moz-transform-origin:39%; }
75% { opacity: 1; -moz-transform: rotate(900deg); -moz-animation-timing-function: ease-out; -moz-transform-origin:70%; }
76% { opacity: 0; -moz-transform: rotate(900deg); }
100% { opacity: 0; -moz-transform: rotate(900deg); }
}
/*Fourth loader*/
.cssload-thecube3 { width: 30px !important; height: 30px !important; }
.cssload-thecube3 {
width: 50px;
height: 50px;
margin: 20px auto;
position: relative;
transform: rotateZ(45deg);
-o-transform: rotateZ(45deg);
-ms-transform: rotateZ(45deg);
-webkit-transform: rotateZ(45deg);
-moz-transform: rotateZ(45deg);
}
.cssload-thecube3 .cssload-cube
{
position: relative;
transform: rotateZ(45deg);
-o-transform: rotateZ(45deg);
-ms-transform: rotateZ(45deg);
-webkit-transform: rotateZ(45deg);
-moz-transform: rotateZ(45deg);
}
.cssload-thecube3 .cssload-cube
{
float: left;
width: 50%;
height: 50%;
position: relative;
transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
}
.cssload-thecube3 .cssload-cube:before
{
content: “”;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #b1ba09;
animation: cssload-fold-thecube 2.76s infinite linear both;
-o-animation: cssload-fold-thecube 2.76s infinite linear both;
-ms-animation: cssload-fold-thecube 2.76s infinite linear both;
-webkit-animation: cssload-fold-thecube 2.76s infinite linear both;
-moz-animation: cssload-fold-thecube 2.76s infinite linear both;
transform-origin: 100% 100%;
-o-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
-webkit-transform-origin: 100% 100%;
-moz-transform-origin: 100% 100%;
}
.cssload-thecube3 .cssload-c2
{
transform: scale(1.1) rotateZ(90deg);
-o-transform: scale(1.1) rotateZ(90deg);
-ms-transform: scale(1.1) rotateZ(90deg);
-webkit-transform: scale(1.1) rotateZ(90deg);
-moz-transform: scale(1.1) rotateZ(90deg);
}
.cssload-thecube3 .cssload-c3
{
transform: scale(1.1) rotateZ(180deg);
-o-transform: scale(1.1) rotateZ(180deg);
-ms-transform: scale(1.1) rotateZ(180deg);
-webkit-transform: scale(1.1) rotateZ(180deg);
-moz-transform: scale(1.1) rotateZ(180deg);
}
.cssload-thecube3 .cssload-c4
{
transform: scale(1.1) rotateZ(270deg);
-o-transform: scale(1.1) rotateZ(270deg);
-ms-transform: scale(1.1) rotateZ(270deg);
-webkit-transform: scale(1.1) rotateZ(270deg);
-moz-transform: scale(1.1) rotateZ(270deg);
}
.cssload-thecube3 .cssload-c2:before
{
animation-delay: 0.35s;
-o-animation-delay: 0.35s;
-ms-animation-delay: 0.35s;
-webkit-animation-delay: 0.35s;
-moz-animation-delay: 0.35s;
}
.cssload-thecube3 .cssload-c3:before
{
animation-delay: 0.69s;
-o-animation-delay: 0.69s;
-ms-animation-delay: 0.69s;
-webkit-animation-delay: 0.69s;
-moz-animation-delay: 0.69s;
}
.cssload-thecube3 .cssload-c4:before
{
animation-delay: 1.04s;
-o-animation-delay: 1.04s;
-ms-animation-delay: 1.04s;
-webkit-animation-delay: 1.04s;
-moz-animation-delay: 1.04s;
}
@keyframes cssload-fold-thecube
{
0%, 10% { transform: perspective(136px) rotateX(-180deg); opacity: 0; }
25%, 75% { transform: perspective(136px) rotateX(0deg); opacity: 1; }
90%, 100% { transform: perspective(136px) rotateY(180deg); opacity: 0; }
}
@-o-keyframes cssload-fold-thecube
{
0%, 10% { -o-transform: perspective(136px) rotateX(-180deg); opacity: 0; }
25%, 75% { -o-transform: perspective(136px) rotateX(0deg); opacity: 1; }
90%, 100% { -o-transform: perspective(136px) rotateY(180deg); opacity: 0; }
}
@-ms-keyframes cssload-fold-thecube
{
0%, 10% { -ms-transform: perspective(136px) rotateX(-180deg); opacity: 0; }
25%, 75% { -ms-transform: perspective(136px) rotateX(0deg); opacity: 1; }
90%, 100% { -ms-transform: perspective(136px) rotateY(180deg); opacity: 0; }
}
@-webkit-keyframes cssload-fold-thecube
{
0%, 10% { -webkit-transform: perspective(136px) rotateX(-180deg); opacity: 0; }
25%, 75% { -webkit-transform: perspective(136px) rotateX(0deg); opacity: 1; }
90%, 100% { -webkit-transform: perspective(136px) rotateY(180deg); opacity: 0; }
}
@-moz-keyframes cssload-fold-thecube
{
0%, 10% { -moz-transform: perspective(136px) rotateX(-180deg); opacity: 0; }
25%, 75% { -moz-transform: perspective(136px) rotateX(0deg); opacity: 1; }
90%, 100% { -moz-transform: perspective(136px) rotateY(180deg); opacity: 0; }
}
/*First Text*/
.cssload-loader3 {
width: 244px;
height: 49px;
line-height: 49px;
text-align: center;
position: relative;
left: 50%;
transform: translate(-50%, 0%);
-o-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-webkit-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
font-family: Calibri !important;
text-transform: none !important;
font-weight: 900;
font-size:23px !important;
color: #000000 !important;
letter-spacing: 0.2em;
margin-top:10px;
}
.cssload-loader3::before, .cssload-loader3::after
{
content: “”;
display: block;
width: 15px;
height: 15px;
background: rgba(30,115,190,0.54) !important;
position: absolute;
animation: cssload-load 0.81s infinite alternate ease-in-out;
-o-animation: cssload-load 0.81s infinite alternate ease-in-out;
-ms-animation: cssload-load 0.81s infinite alternate ease-in-out;
-webkit-animation: cssload-load 0.81s infinite alternate ease-in-out;
-moz-animation: cssload-load 0.81s infinite alternate ease-in-out;
}
.cssload-loader3::before { top: 0; }
.cssload-loader3::after { bottom: 0; }
@keyframes cssload-load { 0% { left: 0; height: 29px; width: 15px; } 50% { height: 8px; width: 39px; } 100% { left: 229px; height: 29px; width: 15px; } }
@-o-keyframes cssload-load { 0% { left: 0; height: 29px; width: 15px; } 50% { height: 8px; width: 39px; } 100% { left: 229px; height: 29px; width: 15px; } }
@-ms-keyframes cssload-load { 0% { left: 0; height: 29px; width: 15px; } 50% { height: 8px; width: 39px; } 100% { left: 229px; height: 29px; width: 15px; } }
@-moz-keyframes cssload-load { 0% { left: 0; height: 29px; width: 15px; } 50% { height: 8px; width: 39px; } 100% { left: 229px; height: 29px; width: 15px; } }
@-webkit-keyframes cssload-load { 0% { left: 0; height: 29px; width: 15px; } 50% { height: 8px; width: 39px; } 100% { left: 229px; height: 29px; width: 15px; } }
/*Second*/
#inTurnFadingTextG3 { width:100%; margin:auto; text-align:center; }
.inTurnFadingTextG3 {
font-size: 23px !important;
font-family:Calibri !important;
color: #000000 !important;
text-decoration:none;
font-weight:normal;
font-style:normal;
display:inline-block;
animation-name:bounce_inTurnFadingTextG;
-o-animation-name:bounce_inTurnFadingTextG;
-ms-animation-name:bounce_inTurnFadingTextG;
-webkit-animation-name:bounce_inTurnFadingTextG;
-moz-animation-name:bounce_inTurnFadingTextG;
animation-duration:2.09s;
-o-animation-duration:2.09s;
-ms-animation-duration:2.09s;
-webkit-animation-duration:2.09s;
-moz-animation-duration:2.09s;
animation-iteration-count:infinite;
-o-animation-iteration-count:infinite;
-ms-animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite;
animation-direction:normal;
-o-animation-direction:normal;
-ms-animation-direction:normal;
-webkit-animation-direction:normal;
-moz-animation-direction:normal;
}
#inTurnFadingTextG3_1 {
animation-delay:0.75s !important;
-o-animation-delay:0.75s !important;
-ms-animation-delay:0.75s !important;
-webkit-animation-delay:0.75s !important;
-moz-animation-delay:0.75s !important;
}
#inTurnFadingTextG3_2 {
animation-delay:0.9s !important;
-o-animation-delay:0.9s !important;
-ms-animation-delay:0.9s !important;
-webkit-animation-delay:0.9s !important;
-moz-animation-delay:0.9s !important;
}
#inTurnFadingTextG3_3 {
animation-delay:1.05s !important;
-o-animation-delay:1.05s !important;
-ms-animation-delay:1.05s !important;
-webkit-animation-delay:1.05s !important;
-moz-animation-delay:1.05s !important;
}
#inTurnFadingTextG3_4 {
animation-delay:1.2s !important;
-o-animation-delay:1.2s !important;
-ms-animation-delay:1.2s !important;
-webkit-animation-delay:1.2s !important;
-moz-animation-delay:1.2s !important;
}
#inTurnFadingTextG3_5 {
animation-delay:1.35s !important;
-o-animation-delay:1.35s !important;
-ms-animation-delay:1.35s !important;
-webkit-animation-delay:1.35s !important;
-moz-animation-delay:1.35s !important;
}
#inTurnFadingTextG3_6 {
animation-delay:1.5s !important;
-o-animation-delay:1.5s !important;
-ms-animation-delay:1.5s !important;
-webkit-animation-delay:1.5s !important;
-moz-animation-delay:1.5s !important;
}
#inTurnFadingTextG3_7 {
animation-delay:1.65s !important;
-o-animation-delay:1.65s !important;
-ms-animation-delay:1.65s !important;
-webkit-animation-delay:1.65s !important;
-moz-animation-delay:1.65s !important;
}
@keyframes bounce_inTurnFadingTextG
{
0% { color:#ffffff; }
100% { color:#000000 !important; }
}
@-o-keyframes bounce_inTurnFadingTextG
{
0% { color:#ffffff; }
100% { color:#000000 !important; }
}
@-ms-keyframes bounce_inTurnFadingTextG
{
0% { color:#ffffff; }
100% { color:#000000 !important; }
}
@-webkit-keyframes bounce_inTurnFadingTextG
{
0% { color:#ffffff; }
100% { color:#000000 !important; }
}
@-moz-keyframes bounce_inTurnFadingTextG
{
0% { color:#ffffff; }
100% { color:#000000 !important; }
}
/*Third text*/
.cssload-preloader3 { position: relative; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 10; }
.cssload-preloader3 > .cssload-preloader3-box
{
position: relative;
display:inline-block;
margin-left:10px;
margin-top:20px;
height: 29px;
left:50%;
transform:translateX(-50%) !important;
-webkit-transform:translateX(-50%) !important;
-ms-transform:translateX(-50%) !important;
-moz-transform:translateX(-50%) !important;
-o-transform:translateX(-50%) !important;
perspective: 195px;
-o-perspective: 195px;
-ms-perspective: 195px;
-webkit-perspective: 195px;
-moz-perspective: 195px;
}
.cssload-preloader3 .cssload-preloader3-box > div
{
position: relative;
width: 46px;
height: 46px;
background: rgb(204,204,204);
float: left;
text-align: center;
line-height: 2;
font-size: 23px !important;
font-family:Calibri !important;
color: #000000 !important;
}
.cssload-preloader3 .cssload-preloader3-box > div:nth-child(1)
{
background: #dd3333 !important;
margin-right: 23px !important;
animation: cssload-movement3 690ms ease 0ms infinite alternate;
-o-animation: cssload-movement3 690ms ease 0ms infinite alternate;
-ms-animation: cssload-movement3 690ms ease 0ms infinite alternate;
-webkit-animation: cssload-movement3 690ms ease 0ms infinite alternate;
-moz-animation: cssload-movement3 690ms ease 0ms infinite alternate;
}
.cssload-preloader3 .cssload-preloader3-box > div:nth-child(2)
{
background: #dd3333 !important;
margin-right: 23px !important;
animation: cssload-movement3 690ms ease 86.25ms infinite alternate;
-o-animation: cssload-movement3 690ms ease 86.25ms infinite alternate;
-ms-animation: cssload-movement3 690ms ease 86.25ms infinite alternate;
-webkit-animation: cssload-movement3 690ms ease 86.25ms infinite alternate;
-moz-animation: cssload-movement3 690ms ease 86.25ms infinite alternate;
}
.cssload-preloader3 .cssload-preloader3-box > div:nth-child(3)
{
background: #dd3333 !important;
margin-right: 23px !important;
animation: cssload-movement3 690ms ease 172.5ms infinite alternate;
-o-animation: cssload-movement3 690ms ease 172.5ms infinite alternate;
-ms-animation: cssload-movement3 690ms ease 172.5ms infinite alternate;
-webkit-animation: cssload-movement3 690ms ease 172.5ms infinite alternate;
-moz-animation: cssload-movement3 690ms ease 172.5ms infinite alternate;
}
.cssload-preloader3 .cssload-preloader3-box > div:nth-child(4)
{
background: #dd3333 !important;
margin-right: 23px !important;
animation: cssload-movement3 690ms ease 258.75ms infinite alternate;
-o-animation: cssload-movement3 690ms ease 258.75ms infinite alternate;
-ms-animation: cssload-movement3 690ms ease 258.75ms infinite alternate;
-webkit-animation: cssload-movement3 690ms ease 258.75ms infinite alternate;
-moz-animation: cssload-movement3 690ms ease 258.75ms infinite alternate;
}
.cssload-preloader3 .cssload-preloader3-box > div:nth-child(5)
{
background: #dd3333 !important;
margin-right: 23px !important;
animation: cssload-movement3 690ms ease 345ms infinite alternate;
-o-animation: cssload-movement3 690ms ease 345ms infinite alternate;
-ms-animation: cssload-movement3 690ms ease 345ms infinite alternate;
-webkit-animation: cssload-movement3 690ms ease 345ms infinite alternate;
-moz-animation: cssload-movement3 690ms ease 345ms infinite alternate;
}
.cssload-preloader3 .cssload-preloader3-box > div:nth-child(6)
{
background: #dd3333 !important;
margin-right: 23px !important;
animation: cssload-movement3 690ms ease 431.25ms infinite alternate;
-o-animation: cssload-movement3 690ms ease 431.25ms infinite alternate;
-ms-animation: cssload-movement3 690ms ease 431.25ms infinite alternate;
-webkit-animation: cssload-movement3 690ms ease 431.25ms infinite alternate;
-moz-animation: cssload-movement3 690ms ease 431.25ms infinite alternate;
}
.cssload-preloader3 .cssload-preloader3-box > div:nth-child(7)
{
background: #dd3333 !important;
margin-right: 23px !important;
animation: cssload-movement3 690ms ease 517.5ms infinite alternate;
-o-animation: cssload-movement3 690ms ease 517.5ms infinite alternate;
-ms-animation: cssload-movement3 690ms ease 517.5ms infinite alternate;
-webkit-animation: cssload-movement3 690ms ease 517.5ms infinite alternate;
-moz-animation: cssload-movement3 690ms ease 517.5ms infinite alternate;
}
@keyframes cssload-movement3 {
from { transform: scale(1.0) translateY(0px) rotateX(0deg); box-shadow: 0 0 0 rgba(0,0,0,0); }
to {
transform: scale(1.5) translateY(-24px) rotateX(45deg);
box-shadow: 0 24px 39px #dd3333;
background: #dd3333 !important;
}
}
@-o-keyframes cssload-movement3 {
from { -o-transform: scale(1.0) translateY(0px) rotateX(0deg); -o-box-shadow: 0 0 0 rgba(0,0,0,0); }
to {
-o-transform: scale(1.5) translateY(-24px) rotateX(45deg);
-o-box-shadow: 0 24px 39px #dd3333;
background: #dd3333 !important;
}
}
@-ms-keyframes cssload-movement3 {
from { -ms-transform: scale(1.0) translateY(0px) rotateX(0deg); -ms-box-shadow: 0 0 0 rgba(0,0,0,0); }
to {
-ms-transform: scale(1.5) translateY(-24px) rotateX(45deg);
-ms-box-shadow: 0 24px 39px #dd3333;
background: #dd3333 !important;
}
}
@-webkit-keyframes cssload-movement3 {
from { -webkit-transform: scale(1.0) translateY(0px) rotateX(0deg); -webkit-box-shadow: 0 0 0 rgba(0,0,0,0); }
to {
-webkit-transform: scale(1.5) translateY(-24px) rotateX(45deg);
-webkit-box-shadow: 0 24px 39px #dd3333;
background: #dd3333 !important;
}
}
@-moz-keyframes cssload-movement3 {
from { -moz-transform: scale(1.0) translateY(0px) rotateX(0deg); -moz-box-shadow: 0 0 0 rgba(0,0,0,0); }
to {
-moz-transform: scale(1.5) translateY(-24px) rotateX(45deg);
-moz-box-shadow: 0 24px 39px #dd3333;
background: #dd3333 !important;
}
}
#Rich_Web_VS_HPS33 {
display: block;
max-width: 100%;
min-width: 180px;
margin: 25px auto;
font-size: 62.5%;
line-height: 1;
padding: 0px 4px;
overflow:hidden;
}
.crsl-items3 { display: block; padding: 4px; overflow: visible !important;}
.crsl-item3 { padding: 8px; margin-bottom: 15px;}
.crsl-item3 .thumbnail { display: block; position: relative; margin-bottom: 10px; cursor: pointer; }
.crsl-item3 .thumbnail img
{
display: block;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.crsl-item3 h3 { line-height: 1; margin-bottom: 12px; text-transform:none !important; letter-spacing: inherit !important; }
.crsl-item3 .postdate
{
display: block;
position: absolute;
bottom: 0;
right: 0;
padding: 6px;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.crsl-item3 p.readmore a { display: block; float: right; text-decoration: none; border: none !important; }
.Rich_Web_VS_HPS33_Nav { display: block; text-align: center; margin-bottom: 5px; }
.Rich_Web_VS_HPS33_Nav a { display: inline-block; padding: 5px 10px; margin-right: 8px; text-decoration: none; outline:none !important; }
@media screen and (max-width: 660px) { h1 { font-size: 2.4em; line-height: 1.2em; } .crsl-item3 h3 { font-size: 1.65em; } }
@media (min-width: 0) and (max-width: 600px)
{
.Rich_Web_VS_HPS33_Iframe_Div { width: 94% !important; left: 3% !important; top: 10% !important; }
}
.Rich_Web_VS_HPS33_clearfix:after { content: “.”; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.Rich_Web_VS_HPS33_clearfix { display: inline-block; }
.Rich_Web_VS_HPS33_Nav a
{
color: #6d6d6d;
background-color: #ffffff;
font-size: 20px;
font-family: Gabriola;
border: 1px solid #6d6d6d;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: none !important;
-ms-box-shadow: none !important;
-moz-box-shadow: none !important;
-o-box-shadow: none !important;
box-shadow: none !important;
}
.Rich_Web_VS_HPS33_Nav a:hover
{
color: #000000;
background-color: #ffffff;
}
.crsl-item3 {
background: #ffffff;
-webkit-box-shadow: 0px 0px 3px #6d6d6d;
-moz-box-shadow: 0px 0px 3px #6d6d6d;
box-shadow: 0px 0px 3px #6d6d6d;
box-sizing:border-box !important;
-moz-box-sizing:border-box !important;
-webkit-box-sizing:border-box !important;
}
.crsl-item3 .thumbnail img
{
-webkit-filter: none;
filter: none;
cursor: pointer;
}
.crsl-item3 .thumbnail:hover img
{
-webkit-filter: drop-shadow(0px 0px 5px #9e9e9e);
filter:drop-shadow(0px 0px 5px #9e9e9e);
}
.crsl-item3 h3
{
color: #000000;
font-size: 24px;
font-family: Vijaya;
}
.crsl-item3 p
{
line-height: 1.2 !important;
margin: 5px 0 !important;
padding: 0 !important;
}
.crsl-item3 p.readmore a
{
color: #000000;
font-size: 18px;
font-family: Vijaya;
}
.crsl-item3 p.readmore a:hover
{
color: #6d6d6d;
}
.crsl-item3 .postdate
{
background: #000000 !important;
color: #ffffff;
font-size: 13px;
font-family: Arial;
}
.crsl-item3 .postdate:hover
{
background-color: #383838;
color: #ffffff;
}
.Rich_Web_VS_HPS33_Overlay
{
position: fixed;
height: 100%;
width: 100%;
background-color: rgba(0,0,0,0.5);
top: 0;
left: 0;
z-index: 9999999999;
cursor: pointer;
display: none;
}
.Rich_Web_VS_HPS33_Iframe_Div1 { position: relative; width: 100%; padding-top: 56.25%; }
.Rich_Web_VS_HPS33_Iframe_Text
{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
text-align: center;
font-size: 20px;
color: white;
}
.Rich_Web_VS_HPS33_Iframe_Div
{
position: fixed;
width: 50%;
top: 25%;
left: 25%;
z-index: 9999999999;
border: nonepx solid rgba(0,144,170,0.5);
box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
-webkit-box-sizing: border-box !important;
display: none;
-webkit-box-shadow: 0 30px 19px -18px rgba(0,0,0,0.59);
-moz-box-shadow: 0 30px 19px -18px rgba(0,0,0,0.59);
box-shadow: 0 30px 19px -18px rgba(0,0,0,0.59);
}
#Rich_Web_VS_HPS33_Iframe { width: 100%; height: 100%; }
.Rich_Web_VS_HPS33_Overlay_Close
{
z-index: 99999999;
color: rgba(255,255,255,0.8);
font-size: 35px;
position: absolute;
top: 5px;
right: 5px;
cursor: pointer;
}
.Rich_Web_VS_HPS33_Overlay_Close:hover { opacity: 0.8; }
.crsl-items3{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
@media screen and (max-width: 820px){
.crsl-item3 .thumbnail { cursor: default !important; }
}

Loading

Prev
Next

Watch Video …

Watch Video …

Watch Video …

Watch Video …

var array_horizontal3=[];
jQuery(“.rw_img_sld3”).each(function(){
if( jQuery(this).attr(“src”) != “” ) {
array_horizontal3.push(jQuery(this).attr(“src”));
}
})
var y_horizontal3=0;
for(i=0;i=n.total){n.autoRotate=false;e(“#”+n.navigation).hide()}else{e(“#”+n.navigation).show()}}};r.equalHeights=function(){if(n.itemEqualHeight!==false){var t=0;e(r).find(“.crsl-item3″).each(function(){e(this).css({height:”auto”});if(e(this).outerHeight()>t){t=e(this).outerHeight()}});e(r).find(“.crsl-item3″).css({height:t+”px”})}return true};r.initRotate=function(){if(n.autoRotate!==false){r.rotateTime=window.setInterval(function(){r.rotate()},(n.speed+2000))}};r.triggerNavs=function(){e(“#”+n.navigation).delegate(“.previous3, .next3″,”click”,function(t){t.preventDefault();r.prepareExecute();if(e(this).hasClass(“previous3”)&&r.testprevious3(r.itemActive)){r.previous3()}else if(e(this).hasClass(“next3”)&&r.testNext()){r.next()}else{return}})};jQuery(“.crsl-item3 .thumbnail”).click(function(){if(n.autoRotate!==false){clearInterval(r.rotateTime)}});jQuery(“.Rich_Web_VS_HPS33_Overlay,.Rich_Web_VS_HPS33_Overlay_Close”).click(function(){if(n.autoRotate!==false){r.rotateTime=window.setInterval(function(){r.rotate()},(n.speed+2000))}});r.prepareExecute=function(){if(n.autoRotate){clearInterval(r.rotateTime)};r.preventAnimateEvent();r.itemActive=e(r).find(“.crsl-item3.”+n.itemClassActive);if(n.autoRotate!==false){r.rotateTime=window.setInterval(function(){r.rotate()},(n.speed+2000))};return true};r.preventAnimateEvent=function(){if(e(r).find(“.crsl-wrap3:animated”).length>0){return false}};r.rotate=function(){r.preventAnimateEvent();r.itemActive=e(r).find(“.crsl-item3.”+n.itemClassActive);r.next();return true};r.testprevious3=function(t){return e(“.crsl-wrap3”,r).find(“.crsl-item3”).index(t)>0};r.testNext=function(){return!n.infinite&&r.wrapWidth>=(n.itemWidth+n.itemMargin)*(n.visible+1)-r.wrapMargin||n.infinite};r.previous3=function(){r.prepareExecute();r.wrapMargin=n.infinite?r.wrapMarginDefault+e(r.itemActive).outerWidth(true):r.wrapMargin+e(r.itemActive).outerWidth(true);var t=e(r.itemActive).index();var i=e(r.itemActive).prev(“.crsl-item3″);var s=”previous3”;e(r).trigger(“beginCarousel”,[n,r,s]);e(r).find(“.crsl-wrap3″).animate({marginLeft:r.wrapMargin+”px”},n.speed,function(){e(r.itemActive).removeClass(n.itemClassActive);e(i).addClass(n.itemClassActive);if(n.infinite){e(this).css({marginLeft:r.wrapMarginDefault}).find(“.crsl-item3:first-child”).before(e(“.crsl-item3:last-child”,r))}else{if(r.testprevious3(i)===false)e(“#”+n.navigation).find(“.previous3”).addClass(“previous3-inactive”);if(r.testNext())e(“#”+n.navigation).find(“.next3”).removeClass(“next3-inactive”)}e(this).trigger(“endCarousel”,[n,r,s])})};r.next=function(){r.wrapMargin=n.infinite?r.wrapMarginDefault-e(r.itemActive).outerWidth(true):r.wrapMargin-e(r.itemActive).outerWidth(true);var t=e(r.itemActive).index();var i=e(r.itemActive).next(“.crsl-item3″);var s=”next3”;e(r).trigger(“beginCarousel”,[n,r,s]);e(r).find(“.crsl-wrap3″).animate({marginLeft:r.wrapMargin+”px”},n.speed,function(){e(r.itemActive).removeClass(n.itemClassActive);e(i).addClass(n.itemClassActive);if(n.infinite){e(this).css({marginLeft:r.wrapMarginDefault}).find(“.crsl-item3:last-child”).after(e(“.crsl-item3:first-child”,r))}else{if(r.testprevious3(i))e(“#”+n.navigation).find(“.previous3”).removeClass(“previous3-inactive”);if(r.testNext()===false)e(“#”+n.navigation).find(“.next3”).addClass(“next3-inactive”)}e(this).trigger(“endCarousel”,[n,r,s])})};var i=false,s;e(window).on(“mouseleave”,function(t){if(t.target)s=t.target;else if(t.srcElement)s=t.srcElement;if(e(r).attr(“id”)&&e(s).parents(“.crsl-items3”).attr(“id”)===e(r).attr(“id”)||e(s).parents(“.crsl-items3”).data(“navigation”)===e(r).data(“navigation”)){i=true}else{i=false}return false});e(window).on(“keydown”,function(e){if(i===true){if(e.keyCode===37){r.prepareExecute();r.previous3()}else if(e.keyCode===39){r.prepareExecute();r.next()}}return});e(r).on(“loadedCarousel loadedImagesCarousel”,function(){r.equalHeights()});e(window).on(“carouselResizeEnd”,function(){if(n.itemWidth!==e(r).outerWidth())r.config()});e(window).ready(function(){e(r).trigger(“prepareCarousel”,[n,r]);r.init();e(window).on(“resize”,function(){if(this.carouselResizeTo)clearTimeout(this.carouselResizeTo);this.carouselResizeTo=setTimeout(function(){e(this).trigger(“carouselResizeEnd”)},10)})});e(window).load(function(){r.testPreload();r.config()})})}})(jQuery)

jQuery(function(){
setTimeout(function(){
jQuery(‘.crsl-items3’).carousel_RW3({
infinite: true,
visible: 3,
speed: 3000,
autoRotate: false,
itemMinWidth:180,
itemEqualHeight: true,
itemMargin: 20,
carousel: true })
},100)
})

Current Sermon Series

.center_content1 {
position:absolute;
overflow:visible;
top:50%;
left:50%;
width:100%;
transform:translateY(-50%) translateX(-50%);
-webkit-transform:translateY(-50%) translateX(-50%);
-ms-transform:translateY(-50%) translateX(-50%);
-moz-transform:translateY(-50%) translateX(-50%);
-o-transform:translateY(-50%) translateX(-50%);
}
#RW_Load_Horizontal_Navigation1 {
position:relative;
margin:20px auto !important;
background-color:#ffffff !important;
z-index:2;
width:100%;
padding-bottom:40%;
max-width:100% !important;
}
.RW_Loader_Frame_Navigation1 { width:45px !important; height:45px !important; }
.loader_Navigation11 {
border-top: 3px solid #dd9933 !important;
border-bottom: 3px solid #dd9933 !important;
}
.loader_Navigation21 {
border-top: 3px solid #dd9933 !important;
border-bottom: 3px solid #dd9933 !important;
}
.loader_Navigation31 {
border-top:12px solid #dd3333 !important;
border-bottom:12px solid #dd3333 !important;
border-right:12px solid #dd3333 !important;
width:50% !important;
height:50% !important;
}
.RW_Loader_Frame_Navigation
{
position:relative;
left:50%;
width:80px;
height:80px;
transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-o-transform:translateX(-50%);
}
.RW_Loader_Text_Navigation1 {
position:relative;
text-align:center;
margin-top:10px;
font-size: 23px !important;
font-family:Calibri !important;
color: #000000 !important;
}
.loader_Navigation1,.loader_Navigation2,.loader_Navigation3,.loader_Navigation4 { position:absolute; border:5px solid transparent; border-radius:50%; }
.loader_Navigation11 {
box-sizing:border-box;
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
}
.loader_Navigation21 {
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
top:50%;
left:50%;
transform:translateY(-50%) translateX(-50%);
-webkit-transform:translateY(-50%) translateX(-50%);
-ms-transform:translateY(-50%) translateX(-50%);
-moz-transform:translateY(-50%) translateX(-50%);
-o-transform:translateY(-50%) translateX(-50%);
}
.loader_Navigation31 {
width:60%;
height:60%;
top:50%;
left:50%;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
transform:translateY(-50%) translateX(-50%);
-webkit-transform:translateY(-50%) translateX(-50%);
-ms-transform:translateY(-50%) translateX(-50%);
-moz-transform:translateY(-50%) translateX(-50%);
-o-transform:translateY(-50%) translateX(-50%);
animation:clockLoadingmin 1s linear 500;
-webkit-animation:clockLoadingmin 1s linear 500;
-ms-animation:clockLoadingmin 1s linear 500;
-moz-animation:clockLoadingmin 1s linear 500;
-o-animation:clockLoadingmin 1s linear 500;
}
.loader_Navigation1
{
width:100%;
height:100%;
animation:clockLoading 1s linear 500;
-webkit-animation:clockLoading 1s linear 500;
-ms-animation:clockLoading 1s linear 500;
-moz-animation:clockLoading 1s linear 500;
-o-animation:clockLoading 1s linear 500;
}
.loader_Navigation2
{
width:80%;
height:80%;
animation:anticlockLoading 1s linear 500;
-webkit-animation:anticlockLoading 1s linear 500;
-ms-animation:anticlockLoading 1s linear 500;
-moz-animation:anticlockLoading 1s linear 500;
-o-animation:anticlockLoading 1s linear 500;
}
@keyframes clockLoading
{
from{transform:rotate(0deg);-webkit-transform:-webkit-rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);}
to{transform:rotate(360deg);-webkit-transform:-webkit-rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);}
}
@keyframes anticlockLoading
{
from{transform:translateY(-50%) translateX(-50%) rotate(0deg);-webkit-transform:-webkit-translateY(-50%) -webkit-translateX(-50%) -webkit-rotate(0deg);-ms-transform:translateY(-50%) translateX(-50%) rotate(0deg);-moz-transform:translateY(-50%) translateX(-50%) rotate(0deg);-o-transform:translateY(-50%) translateX(-50%) rotate(0deg);}
to{transform:translateY(-50%) translateX(-50%) rotate(-360deg);-webkit-transform:-webkit-translateY(-50%) -webkit-translateX(-50%) -webkit-rotate(-360deg);-ms-transform:translateY(-50%) translateX(-50%) rotate(-360deg);-moz-transform:translateY(-50%) translateX(-50%) rotate(-360deg);-o-transform:translateY(-50%) translateX(-50%) rotate(-360deg);}
}
@keyframes clockLoadingmin
{
from{transform:translateY(-50%) translateX(-50%) rotate(0deg);-webkit-transform:-webkit-translateY(-50%) -webkit-translateX(-50%) -webkit-rotate(0deg);-ms-transform:translateY(-50%) translateX(-50%) rotate(0deg);-moz-transform:translateY(-50%) translateX(-50%) rotate(0deg);-o-transform:translateY(-50%) translateX(-50%) rotate(0deg);}
to{transform:translateY(-50%) translateX(-50%) rotate(360deg);-webkit-transform:-webkit-translateY(-50%) -webkit-translateX(-50%) -webkit-rotate(360deg);-ms-transform:translateY(-50%) translateX(-50%) rotate(360deg);-moz-transform:translateY(-50%) translateX(-50%) rotate(360deg);-o-transform:translateY(-50%) translateX(-50%) rotate(360deg);}
}
/*Second Loader*/
.overlay-loader1 { display: block; margin: auto; width: 97px; height: 60px; position: relative; top: 0; left: 0; right: 0; bottom: 0; }
.overlay-loader1 { height: 40px !important; }
.loader1 { width: 49px !important; height: 49px !important; }
.loader1 div:nth-child(2) { width: 3px !important; height: 3px !important; }
.loader1 div:nth-child(3) { width: 9px !important; height: 9px !important; }
.loader1 div:nth-child(4) { width: 14px !important; height: 14px !important; }
.loader1 div:nth-child(5) { width: 19px !important; height: 19px !important; }
.loader1 div:nth-child(6) { width: 24px !important; height: 24px !important; }
.loader1 div:nth-child(7) { width: 28px !important; height: 28px !important; }
.loader1 {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 97px;
height: 97px;
animation-name: rotateAnim;
-o-animation-name: rotateAnim;
-ms-animation-name: rotateAnim;
-webkit-animation-name: rotateAnim;
-moz-animation-name: rotateAnim;
animation-duration: 0.4s;
-o-animation-duration: 0.4s;
-ms-animation-duration: 0.4s;
-webkit-animation-duration: 0.4s;
-moz-animation-duration: 0.4s;
animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-timing-function: linear;
-o-animation-timing-function: linear;
-ms-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
}
.loader1 div
{
width: 8px;
height: 8px;
border-radius: 50%;
border: 1px solid #b1ba09;
position: absolute;
top: 2px;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.loader1 div:nth-child(odd) { border-top: none; border-left: none; }
.loader1 div:nth-child(even) { border-bottom: none; border-right: none; }
.loader1 div:nth-child(2) { border-width: 2px; left: 0px; top: -4px; width: 12px; height: 12px; }
.loader1 div:nth-child(3) { border-width: 2px; left: -1px; top: 3px; width: 18px; height: 18px; }
.loader1 div:nth-child(4) { border-width: 3px; left: -1px; top: -4px; width: 23px; height: 23px; }
.loader1 div:nth-child(5) { border-width: 3px; left: -1px; top: 4px; width: 31px; height: 31px; }
.loader1 div:nth-child(6) { border-width: 4px; left: 0px; top: -4px; width: 39px; height: 39px; }
.loader1 div:nth-child(7) { border-width: 4px; left: 0px; top: 6px; width: 49px; height: 49px; }
@keyframes rotateAnim { from { transform: rotate(360deg); } to { transform: rotate(0deg); } }
@-o-keyframes rotateAnim { from { -o-transform: rotate(360deg); } to { -o-transform: rotate(0deg); } }
@-ms-keyframes rotateAnim { from { -ms-transform: rotate(360deg); } to { -ms-transform: rotate(0deg); } }
@-webkit-keyframes rotateAnim { from { -webkit-transform: rotate(360deg); } to { -webkit-transform: rotate(0deg); } }
@-moz-keyframes rotateAnim { from { -moz-transform: rotate(360deg); } to { -moz-transform: rotate(0deg); } }
/*Third Loader*/
.windows81 { width: 45px !important; height:45px !important; }
.windows81 .wBall { width: 42px !important; height: 42px !important; }
.windows81 { position: relative; width: 78px; height:78px; margin:auto; }
.windows81 .wBall
{
position: absolute;
width: 74px;
height: 74px;
opacity: 0;
transform: rotate(225deg);
-o-transform: rotate(225deg);
-ms-transform: rotate(225deg);
-webkit-transform: rotate(225deg);
-moz-transform: rotate(225deg);
animation: orbit 6.96s infinite;
-o-animation: orbit 6.96s infinite;
-ms-animation: orbit 6.96s infinite;
-webkit-animation: orbit 6.96s infinite;
-moz-animation: orbit 6.96s infinite;
}
.windows81 .wBall .wInnerBall
{
position: absolute;
width: 10px;
height: 10px;
background: #b1ba09;
left:0px;
top:0px;
border-radius: 10px;
}
.windows81 #wBall_1
{
animation-delay: 1.52s;
-o-animation-delay: 1.52s;
-ms-animation-delay: 1.52s;
-webkit-animation-delay: 1.52s;
-moz-animation-delay: 1.52s;
}
.windows81 #wBall_2
{
animation-delay: 0.3s;
-o-animation-delay: 0.3s;
-ms-animation-delay: 0.3s;
-webkit-animation-delay: 0.3s;
-moz-animation-delay: 0.3s;
}
.windows81 #wBall_3
{
animation-delay: 0.61s;
-o-animation-delay: 0.61s;
-ms-animation-delay: 0.61s;
-webkit-animation-delay: 0.61s;
-moz-animation-delay: 0.61s;
}
.windows81 #wBall_4
{
animation-delay: 0.91s;
-o-animation-delay: 0.91s;
-ms-animation-delay: 0.91s;
-webkit-animation-delay: 0.91s;
-moz-animation-delay: 0.91s;
}
.windows81 #wBall_5
{
animation-delay: 1.22s;
-o-animation-delay: 1.22s;
-ms-animation-delay: 1.22s;
-webkit-animation-delay: 1.22s;
-moz-animation-delay: 1.22s;
}
@keyframes orbit
{
0% { opacity: 1; z-index:99; transform: rotate(180deg); animation-timing-function: ease-out; }
7% { opacity: 1; transform: rotate(300deg); animation-timing-function: linear; transform-origin:0%; }
30% { opacity: 1; transform: rotate(410deg); animation-timing-function: ease-in-out; transform-origin:7%; }
39% { opacity: 1; transform: rotate(645deg); animation-timing-function: linear; transform-origin:30%; }
70% { opacity: 1; transform: rotate(770deg); animation-timing-function: ease-out; transform-origin:39%; }
75% { opacity: 1; transform: rotate(900deg); animation-timing-function: ease-out; transform-origin:70%; }
76% { opacity: 0; transform: rotate(900deg); }
100% { opacity: 0; transform: rotate(900deg); }
}
@-o-keyframes orbit
{
0% { opacity: 1; z-index:99; -o-transform: rotate(180deg); -o-animation-timing-function: ease-out; }
7% { opacity: 1; -o-transform: rotate(300deg); -o-animation-timing-function: linear; -o-transform-origin:0%; }
30% { opacity: 1; -o-transform: rotate(410deg); -o-animation-timing-function: ease-in-out; -o-transform-origin:7%; }
39% { opacity: 1; -o-transform: rotate(645deg); -o-animation-timing-function: linear; -o-transform-origin:30%; }
70% { opacity: 1; -o-transform: rotate(770deg); -o-animation-timing-function: ease-out; -o-transform-origin:39%; }
75% { opacity: 1; -o-transform: rotate(900deg); -o-animation-timing-function: ease-out; -o-transform-origin:70%; }
76% { opacity: 0; -o-transform: rotate(900deg); }
100% { opacity: 0; -o-transform: rotate(900deg); }
}
@-ms-keyframes orbit
{
0% { opacity: 1; z-index:99; -ms-transform: rotate(180deg); -ms-animation-timing-function: ease-out; }
7% { opacity: 1; -ms-transform: rotate(300deg); -ms-animation-timing-function: linear; -ms-transform-origin:0%; }
30% { opacity: 1; -ms-transform: rotate(410deg); -ms-animation-timing-function: ease-in-out; -ms-transform-origin:7%; }
39% { opacity: 1; -ms-transform: rotate(645deg); -ms-animation-timing-function: linear; -ms-transform-origin:30%; }
70% { opacity: 1; -ms-transform: rotate(770deg); -ms-animation-timing-function: ease-out; -ms-transform-origin:39%; }
75% { opacity: 1; -ms-transform: rotate(900deg); -ms-animation-timing-function: ease-out; -ms-transform-origin:70%; }
76% { opacity: 0; -ms-transform:rotate(900deg); }
100% { opacity: 0; -ms-transform: rotate(900deg); }
}
@-webkit-keyframes orbit
{
0% { opacity: 1; z-index:99; -webkit-transform: rotate(180deg); -webkit-animation-timing-function: ease-out; }
7% { opacity: 1; -webkit-transform: rotate(300deg); -webkit-animation-timing-function: linear; -webkit-transform-origin:0%; }
30% { opacity: 1; -webkit-transform: rotate(410deg); -webkit-animation-timing-function: ease-in-out; -webkit-transform-origin:7%; }
39% { opacity: 1; -webkit-transform: rotate(645deg); -webkit-animation-timing-function: linear; -webkit-transform-origin:30%; }
70% { opacity: 1; -webkit-transform: rotate(770deg); -webkit-animation-timing-function: ease-out; -webkit-transform-origin:39%; }
75% { opacity: 1; -webkit-transform: rotate(900deg); -webkit-animation-timing-function: ease-out; -webkit-transform-origin:70%; }
76% { opacity: 0; -webkit-transform: rotate(900deg); }
100% { opacity: 0; -webkit-transform: rotate(900deg); }
}
@-moz-keyframes orbit
{
0% { opacity: 1; z-index:99; -moz-transform: rotate(180deg); -moz-animation-timing-function: ease-out; }
7% { opacity: 1; -moz-transform: rotate(300deg); -moz-animation-timing-function: linear; -moz-transform-origin:0%; }
30% { opacity: 1; -moz-transform: rotate(410deg); -moz-animation-timing-function: ease-in-out; -moz-transform-origin:7%; }
39% { opacity: 1; -moz-transform: rotate(645deg); -moz-animation-timing-function: linear; -moz-transform-origin:30%; }
70% { opacity: 1; -moz-transform: rotate(770deg); -moz-animation-timing-function: ease-out; -moz-transform-origin:39%; }
75% { opacity: 1; -moz-transform: rotate(900deg); -moz-animation-timing-function: ease-out; -moz-transform-origin:70%; }
76% { opacity: 0; -moz-transform: rotate(900deg); }
100% { opacity: 0; -moz-transform: rotate(900deg); }
}
/*Fourth loader*/
.cssload-thecube1 { width: 30px !important; height: 30px !important; }
.cssload-thecube1 {
width: 50px;
height: 50px;
margin: 20px auto;
position: relative;
transform: rotateZ(45deg);
-o-transform: rotateZ(45deg);
-ms-transform: rotateZ(45deg);
-webkit-transform: rotateZ(45deg);
-moz-transform: rotateZ(45deg);
}
.cssload-thecube1 .cssload-cube
{
position: relative;
transform: rotateZ(45deg);
-o-transform: rotateZ(45deg);
-ms-transform: rotateZ(45deg);
-webkit-transform: rotateZ(45deg);
-moz-transform: rotateZ(45deg);
}
.cssload-thecube1 .cssload-cube
{
float: left;
width: 50%;
height: 50%;
position: relative;
transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
}
.cssload-thecube1 .cssload-cube:before
{
content: “”;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #b1ba09;
animation: cssload-fold-thecube 2.76s infinite linear both;
-o-animation: cssload-fold-thecube 2.76s infinite linear both;
-ms-animation: cssload-fold-thecube 2.76s infinite linear both;
-webkit-animation: cssload-fold-thecube 2.76s infinite linear both;
-moz-animation: cssload-fold-thecube 2.76s infinite linear both;
transform-origin: 100% 100%;
-o-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
-webkit-transform-origin: 100% 100%;
-moz-transform-origin: 100% 100%;
}
.cssload-thecube1 .cssload-c2
{
transform: scale(1.1) rotateZ(90deg);
-o-transform: scale(1.1) rotateZ(90deg);
-ms-transform: scale(1.1) rotateZ(90deg);
-webkit-transform: scale(1.1) rotateZ(90deg);
-moz-transform: scale(1.1) rotateZ(90deg);
}
.cssload-thecube1 .cssload-c3
{
transform: scale(1.1) rotateZ(180deg);
-o-transform: scale(1.1) rotateZ(180deg);
-ms-transform: scale(1.1) rotateZ(180deg);
-webkit-transform: scale(1.1) rotateZ(180deg);
-moz-transform: scale(1.1) rotateZ(180deg);
}
.cssload-thecube1 .cssload-c4
{
transform: scale(1.1) rotateZ(270deg);
-o-transform: scale(1.1) rotateZ(270deg);
-ms-transform: scale(1.1) rotateZ(270deg);
-webkit-transform: scale(1.1) rotateZ(270deg);
-moz-transform: scale(1.1) rotateZ(270deg);
}
.cssload-thecube1 .cssload-c2:before
{
animation-delay: 0.35s;
-o-animation-delay: 0.35s;
-ms-animation-delay: 0.35s;
-webkit-animation-delay: 0.35s;
-moz-animation-delay: 0.35s;
}
.cssload-thecube1 .cssload-c3:before
{
animation-delay: 0.69s;
-o-animation-delay: 0.69s;
-ms-animation-delay: 0.69s;
-webkit-animation-delay: 0.69s;
-moz-animation-delay: 0.69s;
}
.cssload-thecube1 .cssload-c4:before
{
animation-delay: 1.04s;
-o-animation-delay: 1.04s;
-ms-animation-delay: 1.04s;
-webkit-animation-delay: 1.04s;
-moz-animation-delay: 1.04s;
}
@keyframes cssload-fold-thecube
{
0%, 10% { transform: perspective(136px) rotateX(-180deg); opacity: 0; }
25%, 75% { transform: perspective(136px) rotateX(0deg); opacity: 1; }
90%, 100% { transform: perspective(136px) rotateY(180deg); opacity: 0; }
}
@-o-keyframes cssload-fold-thecube
{
0%, 10% { -o-transform: perspective(136px) rotateX(-180deg); opacity: 0; }
25%, 75% { -o-transform: perspective(136px) rotateX(0deg); opacity: 1; }
90%, 100% { -o-transform: perspective(136px) rotateY(180deg); opacity: 0; }
}
@-ms-keyframes cssload-fold-thecube
{
0%, 10% { -ms-transform: perspective(136px) rotateX(-180deg); opacity: 0; }
25%, 75% { -ms-transform: perspective(136px) rotateX(0deg); opacity: 1; }
90%, 100% { -ms-transform: perspective(136px) rotateY(180deg); opacity: 0; }
}
@-webkit-keyframes cssload-fold-thecube
{
0%, 10% { -webkit-transform: perspective(136px) rotateX(-180deg); opacity: 0; }
25%, 75% { -webkit-transform: perspective(136px) rotateX(0deg); opacity: 1; }
90%, 100% { -webkit-transform: perspective(136px) rotateY(180deg); opacity: 0; }
}
@-moz-keyframes cssload-fold-thecube
{
0%, 10% { -moz-transform: perspective(136px) rotateX(-180deg); opacity: 0; }
25%, 75% { -moz-transform: perspective(136px) rotateX(0deg); opacity: 1; }
90%, 100% { -moz-transform: perspective(136px) rotateY(180deg); opacity: 0; }
}
/*First Text*/
.cssload-loader1 {
width: 244px;
height: 49px;
line-height: 49px;
text-align: center;
position: relative;
left: 50%;
transform: translate(-50%, 0%);
-o-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-webkit-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
font-family: Calibri !important;
text-transform: none !important;
font-weight: 900;
font-size:23px !important;
color: #000000 !important;
letter-spacing: 0.2em;
margin-top:10px;
}
.cssload-loader1::before, .cssload-loader1::after
{
content: “”;
display: block;
width: 15px;
height: 15px;
background: rgba(30,115,190,0.54) !important;
position: absolute;
animation: cssload-load 0.81s infinite alternate ease-in-out;
-o-animation: cssload-load 0.81s infinite alternate ease-in-out;
-ms-animation: cssload-load 0.81s infinite alternate ease-in-out;
-webkit-animation: cssload-load 0.81s infinite alternate ease-in-out;
-moz-animation: cssload-load 0.81s infinite alternate ease-in-out;
}
.cssload-loader1::before { top: 0; }
.cssload-loader1::after { bottom: 0; }
@keyframes cssload-load { 0% { left: 0; height: 29px; width: 15px; } 50% { height: 8px; width: 39px; } 100% { left: 229px; height: 29px; width: 15px; } }
@-o-keyframes cssload-load { 0% { left: 0; height: 29px; width: 15px; } 50% { height: 8px; width: 39px; } 100% { left: 229px; height: 29px; width: 15px; } }
@-ms-keyframes cssload-load { 0% { left: 0; height: 29px; width: 15px; } 50% { height: 8px; width: 39px; } 100% { left: 229px; height: 29px; width: 15px; } }
@-moz-keyframes cssload-load { 0% { left: 0; height: 29px; width: 15px; } 50% { height: 8px; width: 39px; } 100% { left: 229px; height: 29px; width: 15px; } }
@-webkit-keyframes cssload-load { 0% { left: 0; height: 29px; width: 15px; } 50% { height: 8px; width: 39px; } 100% { left: 229px; height: 29px; width: 15px; } }
/*Second*/
#inTurnFadingTextG1 { width:100%; margin:auto; text-align:center; }
.inTurnFadingTextG1 {
font-size: 23px !important;
font-family:Calibri !important;
color: #000000 !important;
text-decoration:none;
font-weight:normal;
font-style:normal;
display:inline-block;
animation-name:bounce_inTurnFadingTextG;
-o-animation-name:bounce_inTurnFadingTextG;
-ms-animation-name:bounce_inTurnFadingTextG;
-webkit-animation-name:bounce_inTurnFadingTextG;
-moz-animation-name:bounce_inTurnFadingTextG;
animation-duration:2.09s;
-o-animation-duration:2.09s;
-ms-animation-duration:2.09s;
-webkit-animation-duration:2.09s;
-moz-animation-duration:2.09s;
animation-iteration-count:infinite;
-o-animation-iteration-count:infinite;
-ms-animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite;
animation-direction:normal;
-o-animation-direction:normal;
-ms-animation-direction:normal;
-webkit-animation-direction:normal;
-moz-animation-direction:normal;
}
#inTurnFadingTextG1_1 {
animation-delay:0.75s !important;
-o-animation-delay:0.75s !important;
-ms-animation-delay:0.75s !important;
-webkit-animation-delay:0.75s !important;
-moz-animation-delay:0.75s !important;
}
#inTurnFadingTextG1_2 {
animation-delay:0.9s !important;
-o-animation-delay:0.9s !important;
-ms-animation-delay:0.9s !important;
-webkit-animation-delay:0.9s !important;
-moz-animation-delay:0.9s !important;
}
#inTurnFadingTextG1_3 {
animation-delay:1.05s !important;
-o-animation-delay:1.05s !important;
-ms-animation-delay:1.05s !important;
-webkit-animation-delay:1.05s !important;
-moz-animation-delay:1.05s !important;
}
#inTurnFadingTextG1_4 {
animation-delay:1.2s !important;
-o-animation-delay:1.2s !important;
-ms-animation-delay:1.2s !important;
-webkit-animation-delay:1.2s !important;
-moz-animation-delay:1.2s !important;
}
#inTurnFadingTextG1_5 {
animation-delay:1.35s !important;
-o-animation-delay:1.35s !important;
-ms-animation-delay:1.35s !important;
-webkit-animation-delay:1.35s !important;
-moz-animation-delay:1.35s !important;
}
#inTurnFadingTextG1_6 {
animation-delay:1.5s !important;
-o-animation-delay:1.5s !important;
-ms-animation-delay:1.5s !important;
-webkit-animation-delay:1.5s !important;
-moz-animation-delay:1.5s !important;
}
#inTurnFadingTextG1_7 {
animation-delay:1.65s !important;
-o-animation-delay:1.65s !important;
-ms-animation-delay:1.65s !important;
-webkit-animation-delay:1.65s !important;
-moz-animation-delay:1.65s !important;
}
@keyframes bounce_inTurnFadingTextG
{
0% { color:#ffffff; }
100% { color:#000000 !important; }
}
@-o-keyframes bounce_inTurnFadingTextG
{
0% { color:#ffffff; }
100% { color:#000000 !important; }
}
@-ms-keyframes bounce_inTurnFadingTextG
{
0% { color:#ffffff; }
100% { color:#000000 !important; }
}
@-webkit-keyframes bounce_inTurnFadingTextG
{
0% { color:#ffffff; }
100% { color:#000000 !important; }
}
@-moz-keyframes bounce_inTurnFadingTextG
{
0% { color:#ffffff; }
100% { color:#000000 !important; }
}
/*Third text*/
.cssload-preloader1 { position: relative; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 10; }
.cssload-preloader1 > .cssload-preloader1-box
{
position: relative;
display:inline-block;
margin-left:10px;
margin-top:20px;
height: 29px;
left:50%;
transform:translateX(-50%) !important;
-webkit-transform:translateX(-50%) !important;
-ms-transform:translateX(-50%) !important;
-moz-transform:translateX(-50%) !important;
-o-transform:translateX(-50%) !important;
perspective: 195px;
-o-perspective: 195px;
-ms-perspective: 195px;
-webkit-perspective: 195px;
-moz-perspective: 195px;
}
.cssload-preloader1 .cssload-preloader1-box > div
{
position: relative;
width: 46px;
height: 46px;
background: rgb(204,204,204);
float: left;
text-align: center;
line-height: 2;
font-size: 23px !important;
font-family:Calibri !important;
color: #000000 !important;
}
.cssload-preloader1 .cssload-preloader1-box > div:nth-child(1)
{
background: #dd3333 !important;
margin-right: 23px !important;
animation: cssload-movement1 690ms ease 0ms infinite alternate;
-o-animation: cssload-movement1 690ms ease 0ms infinite alternate;
-ms-animation: cssload-movement1 690ms ease 0ms infinite alternate;
-webkit-animation: cssload-movement1 690ms ease 0ms infinite alternate;
-moz-animation: cssload-movement1 690ms ease 0ms infinite alternate;
}
.cssload-preloader1 .cssload-preloader1-box > div:nth-child(2)
{
background: #dd3333 !important;
margin-right: 23px !important;
animation: cssload-movement1 690ms ease 86.25ms infinite alternate;
-o-animation: cssload-movement1 690ms ease 86.25ms infinite alternate;
-ms-animation: cssload-movement1 690ms ease 86.25ms infinite alternate;
-webkit-animation: cssload-movement1 690ms ease 86.25ms infinite alternate;
-moz-animation: cssload-movement1 690ms ease 86.25ms infinite alternate;
}
.cssload-preloader1 .cssload-preloader1-box > div:nth-child(3)
{
background: #dd3333 !important;
margin-right: 23px !important;
animation: cssload-movement1 690ms ease 172.5ms infinite alternate;
-o-animation: cssload-movement1 690ms ease 172.5ms infinite alternate;
-ms-animation: cssload-movement1 690ms ease 172.5ms infinite alternate;
-webkit-animation: cssload-movement1 690ms ease 172.5ms infinite alternate;
-moz-animation: cssload-movement1 690ms ease 172.5ms infinite alternate;
}
.cssload-preloader1 .cssload-preloader1-box > div:nth-child(4)
{
background: #dd3333 !important;
margin-right: 23px !important;
animation: cssload-movement1 690ms ease 258.75ms infinite alternate;
-o-animation: cssload-movement1 690ms ease 258.75ms infinite alternate;
-ms-animation: cssload-movement1 690ms ease 258.75ms infinite alternate;
-webkit-animation: cssload-movement1 690ms ease 258.75ms infinite alternate;
-moz-animation: cssload-movement1 690ms ease 258.75ms infinite alternate;
}
.cssload-preloader1 .cssload-preloader1-box > div:nth-child(5)
{
background: #dd3333 !important;
margin-right: 23px !important;
animation: cssload-movement1 690ms ease 345ms infinite alternate;
-o-animation: cssload-movement1 690ms ease 345ms infinite alternate;
-ms-animation: cssload-movement1 690ms ease 345ms infinite alternate;
-webkit-animation: cssload-movement1 690ms ease 345ms infinite alternate;
-moz-animation: cssload-movement1 690ms ease 345ms infinite alternate;
}
.cssload-preloader1 .cssload-preloader1-box > div:nth-child(6)
{
background: #dd3333 !important;
margin-right: 23px !important;
animation: cssload-movement1 690ms ease 431.25ms infinite alternate;
-o-animation: cssload-movement1 690ms ease 431.25ms infinite alternate;
-ms-animation: cssload-movement1 690ms ease 431.25ms infinite alternate;
-webkit-animation: cssload-movement1 690ms ease 431.25ms infinite alternate;
-moz-animation: cssload-movement1 690ms ease 431.25ms infinite alternate;
}
.cssload-preloader1 .cssload-preloader1-box > div:nth-child(7)
{
background: #dd3333 !important;
margin-right: 23px !important;
animation: cssload-movement1 690ms ease 517.5ms infinite alternate;
-o-animation: cssload-movement1 690ms ease 517.5ms infinite alternate;
-ms-animation: cssload-movement1 690ms ease 517.5ms infinite alternate;
-webkit-animation: cssload-movement1 690ms ease 517.5ms infinite alternate;
-moz-animation: cssload-movement1 690ms ease 517.5ms infinite alternate;
}
@keyframes cssload-movement1 {
from { transform: scale(1.0) translateY(0px) rotateX(0deg); box-shadow: 0 0 0 rgba(0,0,0,0); }
to {
transform: scale(1.5) translateY(-24px) rotateX(45deg);
box-shadow: 0 24px 39px #dd3333;
background: #dd3333 !important;
}
}
@-o-keyframes cssload-movement1 {
from { -o-transform: scale(1.0) translateY(0px) rotateX(0deg); -o-box-shadow: 0 0 0 rgba(0,0,0,0); }
to {
-o-transform: scale(1.5) translateY(-24px) rotateX(45deg);
-o-box-shadow: 0 24px 39px #dd3333;
background: #dd3333 !important;
}
}
@-ms-keyframes cssload-movement1 {
from { -ms-transform: scale(1.0) translateY(0px) rotateX(0deg); -ms-box-shadow: 0 0 0 rgba(0,0,0,0); }
to {
-ms-transform: scale(1.5) translateY(-24px) rotateX(45deg);
-ms-box-shadow: 0 24px 39px #dd3333;
background: #dd3333 !important;
}
}
@-webkit-keyframes cssload-movement1 {
from { -webkit-transform: scale(1.0) translateY(0px) rotateX(0deg); -webkit-box-shadow: 0 0 0 rgba(0,0,0,0); }
to {
-webkit-transform: scale(1.5) translateY(-24px) rotateX(45deg);
-webkit-box-shadow: 0 24px 39px #dd3333;
background: #dd3333 !important;
}
}
@-moz-keyframes cssload-movement1 {
from { -moz-transform: scale(1.0) translateY(0px) rotateX(0deg); -moz-box-shadow: 0 0 0 rgba(0,0,0,0); }
to {
-moz-transform: scale(1.5) translateY(-24px) rotateX(45deg);
-moz-box-shadow: 0 24px 39px #dd3333;
background: #dd3333 !important;
}
}
#Rich_Web_VS_HPS11 {
display: block;
max-width: 100%;
min-width: 180px;
margin: 25px auto;
font-size: 62.5%;
line-height: 1;
padding: 0px 4px;
overflow:hidden;
}
.crsl-items1 { display: block; padding: 4px; overflow: visible !important;}
.crsl-item1 { padding: 8px; margin-bottom: 15px;}
.crsl-item1 .thumbnail { display: block; position: relative; margin-bottom: 10px; cursor: pointer; }
.crsl-item1 .thumbnail img
{
display: block;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.crsl-item1 h3 { line-height: 1; margin-bottom: 12px; text-transform:none !important; letter-spacing: inherit !important; }
.crsl-item1 .postdate
{
display: block;
position: absolute;
bottom: 0;
right: 0;
padding: 6px;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.crsl-item1 p.readmore a { display: block; float: right; text-decoration: none; border: none !important; }
.Rich_Web_VS_HPS11_Nav { display: block; text-align: center; margin-bottom: 5px; }
.Rich_Web_VS_HPS11_Nav a { display: inline-block; padding: 5px 10px; margin-right: 8px; text-decoration: none; outline:none !important; }
@media screen and (max-width: 660px) { h1 { font-size: 2.4em; line-height: 1.2em; } .crsl-item1 h3 { font-size: 1.65em; } }
@media (min-width: 0) and (max-width: 600px)
{
.Rich_Web_VS_HPS11_Iframe_Div { width: 94% !important; left: 3% !important; top: 10% !important; }
}
.Rich_Web_VS_HPS11_clearfix:after { content: “.”; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.Rich_Web_VS_HPS11_clearfix { display: inline-block; }
.Rich_Web_VS_HPS11_Nav a
{
color: #6d6d6d;
background-color: #ffffff;
font-size: 20px;
font-family: Gabriola;
border: 1px solid #6d6d6d;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: none !important;
-ms-box-shadow: none !important;
-moz-box-shadow: none !important;
-o-box-shadow: none !important;
box-shadow: none !important;
}
.Rich_Web_VS_HPS11_Nav a:hover
{
color: #000000;
background-color: #ffffff;
}
.crsl-item1 {
background: #ffffff;
-webkit-box-shadow: 0px 0px 3px #6d6d6d;
-moz-box-shadow: 0px 0px 3px #6d6d6d;
box-shadow: 0px 0px 3px #6d6d6d;
box-sizing:border-box !important;
-moz-box-sizing:border-box !important;
-webkit-box-sizing:border-box !important;
}
.crsl-item1 .thumbnail img
{
-webkit-filter: none;
filter: none;
cursor: pointer;
}
.crsl-item1 .thumbnail:hover img
{
-webkit-filter: drop-shadow(0px 0px 5px #9e9e9e);
filter:drop-shadow(0px 0px 5px #9e9e9e);
}
.crsl-item1 h3
{
color: #000000;
font-size: 24px;
font-family: Vijaya;
}
.crsl-item1 p
{
line-height: 1.2 !important;
margin: 5px 0 !important;
padding: 0 !important;
}
.crsl-item1 p.readmore a
{
color: #000000;
font-size: 18px;
font-family: Vijaya;
}
.crsl-item1 p.readmore a:hover
{
color: #6d6d6d;
}
.crsl-item1 .postdate
{
background: #000000 !important;
color: #ffffff;
font-size: 13px;
font-family: Arial;
}
.crsl-item1 .postdate:hover
{
background-color: #383838;
color: #ffffff;
}
.Rich_Web_VS_HPS11_Overlay
{
position: fixed;
height: 100%;
width: 100%;
background-color: rgba(0,0,0,0.5);
top: 0;
left: 0;
z-index: 9999999999;
cursor: pointer;
display: none;
}
.Rich_Web_VS_HPS11_Iframe_Div1 { position: relative; width: 100%; padding-top: 56.25%; }
.Rich_Web_VS_HPS11_Iframe_Text
{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
text-align: center;
font-size: 20px;
color: white;
}
.Rich_Web_VS_HPS11_Iframe_Div
{
position: fixed;
width: 50%;
top: 25%;
left: 25%;
z-index: 9999999999;
border: nonepx solid rgba(0,144,170,0.5);
box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
-webkit-box-sizing: border-box !important;
display: none;
-webkit-box-shadow: 0 30px 19px -18px rgba(0,0,0,0.59);
-moz-box-shadow: 0 30px 19px -18px rgba(0,0,0,0.59);
box-shadow: 0 30px 19px -18px rgba(0,0,0,0.59);
}
#Rich_Web_VS_HPS11_Iframe { width: 100%; height: 100%; }
.Rich_Web_VS_HPS11_Overlay_Close
{
z-index: 99999999;
color: rgba(255,255,255,0.8);
font-size: 35px;
position: absolute;
top: 5px;
right: 5px;
cursor: pointer;
}
.Rich_Web_VS_HPS11_Overlay_Close:hover { opacity: 0.8; }
.crsl-items1{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
@media screen and (max-width: 820px){
.crsl-item1 .thumbnail { cursor: default !important; }
}

Loading

Prev
Next

Watch Video …

var array_horizontal1=[];
jQuery(“.rw_img_sld1”).each(function(){
if( jQuery(this).attr(“src”) != “” ) {
array_horizontal1.push(jQuery(this).attr(“src”));
}
})
var y_horizontal1=0;
for(i=0;i=n.total){n.autoRotate=false;e(“#”+n.navigation).hide()}else{e(“#”+n.navigation).show()}}};r.equalHeights=function(){if(n.itemEqualHeight!==false){var t=0;e(r).find(“.crsl-item1″).each(function(){e(this).css({height:”auto”});if(e(this).outerHeight()>t){t=e(this).outerHeight()}});e(r).find(“.crsl-item1″).css({height:t+”px”})}return true};r.initRotate=function(){if(n.autoRotate!==false){r.rotateTime=window.setInterval(function(){r.rotate()},(n.speed+2000))}};r.triggerNavs=function(){e(“#”+n.navigation).delegate(“.previous1, .next1″,”click”,function(t){t.preventDefault();r.prepareExecute();if(e(this).hasClass(“previous1”)&&r.testprevious1(r.itemActive)){r.previous1()}else if(e(this).hasClass(“next1”)&&r.testNext()){r.next()}else{return}})};jQuery(“.crsl-item1 .thumbnail”).click(function(){if(n.autoRotate!==false){clearInterval(r.rotateTime)}});jQuery(“.Rich_Web_VS_HPS11_Overlay,.Rich_Web_VS_HPS11_Overlay_Close”).click(function(){if(n.autoRotate!==false){r.rotateTime=window.setInterval(function(){r.rotate()},(n.speed+2000))}});r.prepareExecute=function(){if(n.autoRotate){clearInterval(r.rotateTime)};r.preventAnimateEvent();r.itemActive=e(r).find(“.crsl-item1.”+n.itemClassActive);if(n.autoRotate!==false){r.rotateTime=window.setInterval(function(){r.rotate()},(n.speed+2000))};return true};r.preventAnimateEvent=function(){if(e(r).find(“.crsl-wrap1:animated”).length>0){return false}};r.rotate=function(){r.preventAnimateEvent();r.itemActive=e(r).find(“.crsl-item1.”+n.itemClassActive);r.next();return true};r.testprevious1=function(t){return e(“.crsl-wrap1”,r).find(“.crsl-item1”).index(t)>0};r.testNext=function(){return!n.infinite&&r.wrapWidth>=(n.itemWidth+n.itemMargin)*(n.visible+1)-r.wrapMargin||n.infinite};r.previous1=function(){r.prepareExecute();r.wrapMargin=n.infinite?r.wrapMarginDefault+e(r.itemActive).outerWidth(true):r.wrapMargin+e(r.itemActive).outerWidth(true);var t=e(r.itemActive).index();var i=e(r.itemActive).prev(“.crsl-item1″);var s=”previous1”;e(r).trigger(“beginCarousel”,[n,r,s]);e(r).find(“.crsl-wrap1″).animate({marginLeft:r.wrapMargin+”px”},n.speed,function(){e(r.itemActive).removeClass(n.itemClassActive);e(i).addClass(n.itemClassActive);if(n.infinite){e(this).css({marginLeft:r.wrapMarginDefault}).find(“.crsl-item1:first-child”).before(e(“.crsl-item1:last-child”,r))}else{if(r.testprevious1(i)===false)e(“#”+n.navigation).find(“.previous1”).addClass(“previous1-inactive”);if(r.testNext())e(“#”+n.navigation).find(“.next1”).removeClass(“next1-inactive”)}e(this).trigger(“endCarousel”,[n,r,s])})};r.next=function(){r.wrapMargin=n.infinite?r.wrapMarginDefault-e(r.itemActive).outerWidth(true):r.wrapMargin-e(r.itemActive).outerWidth(true);var t=e(r.itemActive).index();var i=e(r.itemActive).next(“.crsl-item1″);var s=”next1”;e(r).trigger(“beginCarousel”,[n,r,s]);e(r).find(“.crsl-wrap1″).animate({marginLeft:r.wrapMargin+”px”},n.speed,function(){e(r.itemActive).removeClass(n.itemClassActive);e(i).addClass(n.itemClassActive);if(n.infinite){e(this).css({marginLeft:r.wrapMarginDefault}).find(“.crsl-item1:last-child”).after(e(“.crsl-item1:first-child”,r))}else{if(r.testprevious1(i))e(“#”+n.navigation).find(“.previous1”).removeClass(“previous1-inactive”);if(r.testNext()===false)e(“#”+n.navigation).find(“.next1”).addClass(“next1-inactive”)}e(this).trigger(“endCarousel”,[n,r,s])})};var i=false,s;e(window).on(“mouseleave”,function(t){if(t.target)s=t.target;else if(t.srcElement)s=t.srcElement;if(e(r).attr(“id”)&&e(s).parents(“.crsl-items1”).attr(“id”)===e(r).attr(“id”)||e(s).parents(“.crsl-items1”).data(“navigation”)===e(r).data(“navigation”)){i=true}else{i=false}return false});e(window).on(“keydown”,function(e){if(i===true){if(e.keyCode===37){r.prepareExecute();r.previous1()}else if(e.keyCode===39){r.prepareExecute();r.next()}}return});e(r).on(“loadedCarousel loadedImagesCarousel”,function(){r.equalHeights()});e(window).on(“carouselResizeEnd”,function(){if(n.itemWidth!==e(r).outerWidth())r.config()});e(window).ready(function(){e(r).trigger(“prepareCarousel”,[n,r]);r.init();e(window).on(“resize”,function(){if(this.carouselResizeTo)clearTimeout(this.carouselResizeTo);this.carouselResizeTo=setTimeout(function(){e(this).trigger(“carouselResizeEnd”)},10)})});e(window).load(function(){r.testPreload();r.config()})})}})(jQuery)

jQuery(function(){
setTimeout(function(){
jQuery(‘.crsl-items1’).carousel_RW1({
infinite: true,
visible: 3,
speed: 3000,
autoRotate: false,
itemMinWidth:180,
itemEqualHeight: true,
itemMargin: 20,
carousel: true })
},100)
})

Previous Sermon Series

.center_content2 {
position:absolute;
overflow:visible;
top:50%;
left:50%;
width:100%;
transform:translateY(-50%) translateX(-50%);
-webkit-transform:translateY(-50%) translateX(-50%);
-ms-transform:translateY(-50%) translateX(-50%);
-moz-transform:translateY(-50%) translateX(-50%);
-o-transform:translateY(-50%) translateX(-50%);
}
#RW_Load_Horizontal_Navigation2 {
position:relative;
margin:20px auto !important;
background-color:#ffffff !important;
z-index:2;
width:100%;
padding-bottom:40%;
max-width:100% !important;
}
.RW_Loader_Frame_Navigation2 { width:45px !important; height:45px !important; }
.loader_Navigation12 {
border-top: 3px solid #dd9933 !important;
border-bottom: 3px solid #dd9933 !important;
}
.loader_Navigation22 {
border-top: 3px solid #dd9933 !important;
border-bottom: 3px solid #dd9933 !important;
}
.loader_Navigation32 {
border-top:12px solid #dd3333 !important;
border-bottom:12px solid #dd3333 !important;
border-right:12px solid #dd3333 !important;
width:50% !important;
height:50% !important;
}
.RW_Loader_Frame_Navigation
{
position:relative;
left:50%;
width:80px;
height:80px;
transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-o-transform:translateX(-50%);
}
.RW_Loader_Text_Navigation2 {
position:relative;
text-align:center;
margin-top:10px;
font-size: 23px !important;
font-family:Calibri !important;
color: #000000 !important;
}
.loader_Navigation1,.loader_Navigation2,.loader_Navigation3,.loader_Navigation4 { position:absolute; border:5px solid transparent; border-radius:50%; }
.loader_Navigation12 {
box-sizing:border-box;
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
}
.loader_Navigation22 {
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
top:50%;
left:50%;
transform:translateY(-50%) translateX(-50%);
-webkit-transform:translateY(-50%) translateX(-50%);
-ms-transform:translateY(-50%) translateX(-50%);
-moz-transform:translateY(-50%) translateX(-50%);
-o-transform:translateY(-50%) translateX(-50%);
}
.loader_Navigation32 {
width:60%;
height:60%;
top:50%;
left:50%;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
transform:translateY(-50%) translateX(-50%);
-webkit-transform:translateY(-50%) translateX(-50%);
-ms-transform:translateY(-50%) translateX(-50%);
-moz-transform:translateY(-50%) translateX(-50%);
-o-transform:translateY(-50%) translateX(-50%);
animation:clockLoadingmin 1s linear 500;
-webkit-animation:clockLoadingmin 1s linear 500;
-ms-animation:clockLoadingmin 1s linear 500;
-moz-animation:clockLoadingmin 1s linear 500;
-o-animation:clockLoadingmin 1s linear 500;
}
.loader_Navigation1
{
width:100%;
height:100%;
animation:clockLoading 1s linear 500;
-webkit-animation:clockLoading 1s linear 500;
-ms-animation:clockLoading 1s linear 500;
-moz-animation:clockLoading 1s linear 500;
-o-animation:clockLoading 1s linear 500;
}
.loader_Navigation2
{
width:80%;
height:80%;
animation:anticlockLoading 1s linear 500;
-webkit-animation:anticlockLoading 1s linear 500;
-ms-animation:anticlockLoading 1s linear 500;
-moz-animation:anticlockLoading 1s linear 500;
-o-animation:anticlockLoading 1s linear 500;
}
@keyframes clockLoading
{
from{transform:rotate(0deg);-webkit-transform:-webkit-rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);}
to{transform:rotate(360deg);-webkit-transform:-webkit-rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);}
}
@keyframes anticlockLoading
{
from{transform:translateY(-50%) translateX(-50%) rotate(0deg);-webkit-transform:-webkit-translateY(-50%) -webkit-translateX(-50%) -webkit-rotate(0deg);-ms-transform:translateY(-50%) translateX(-50%) rotate(0deg);-moz-transform:translateY(-50%) translateX(-50%) rotate(0deg);-o-transform:translateY(-50%) translateX(-50%) rotate(0deg);}
to{transform:translateY(-50%) translateX(-50%) rotate(-360deg);-webkit-transform:-webkit-translateY(-50%) -webkit-translateX(-50%) -webkit-rotate(-360deg);-ms-transform:translateY(-50%) translateX(-50%) rotate(-360deg);-moz-transform:translateY(-50%) translateX(-50%) rotate(-360deg);-o-transform:translateY(-50%) translateX(-50%) rotate(-360deg);}
}
@keyframes clockLoadingmin
{
from{transform:translateY(-50%) translateX(-50%) rotate(0deg);-webkit-transform:-webkit-translateY(-50%) -webkit-translateX(-50%) -webkit-rotate(0deg);-ms-transform:translateY(-50%) translateX(-50%) rotate(0deg);-moz-transform:translateY(-50%) translateX(-50%) rotate(0deg);-o-transform:translateY(-50%) translateX(-50%) rotate(0deg);}
to{transform:translateY(-50%) translateX(-50%) rotate(360deg);-webkit-transform:-webkit-translateY(-50%) -webkit-translateX(-50%) -webkit-rotate(360deg);-ms-transform:translateY(-50%) translateX(-50%) rotate(360deg);-moz-transform:translateY(-50%) translateX(-50%) rotate(360deg);-o-transform:translateY(-50%) translateX(-50%) rotate(360deg);}
}
/*Second Loader*/
.overlay-loader2 { display: block; margin: auto; width: 97px; height: 60px; position: relative; top: 0; left: 0; right: 0; bottom: 0; }
.overlay-loader2 { height: 40px !important; }
.loader2 { width: 49px !important; height: 49px !important; }
.loader2 div:nth-child(2) { width: 3px !important; height: 3px !important; }
.loader2 div:nth-child(3) { width: 9px !important; height: 9px !important; }
.loader2 div:nth-child(4) { width: 14px !important; height: 14px !important; }
.loader2 div:nth-child(5) { width: 19px !important; height: 19px !important; }
.loader2 div:nth-child(6) { width: 24px !important; height: 24px !important; }
.loader2 div:nth-child(7) { width: 28px !important; height: 28px !important; }
.loader2 {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 97px;
height: 97px;
animation-name: rotateAnim;
-o-animation-name: rotateAnim;
-ms-animation-name: rotateAnim;
-webkit-animation-name: rotateAnim;
-moz-animation-name: rotateAnim;
animation-duration: 0.4s;
-o-animation-duration: 0.4s;
-ms-animation-duration: 0.4s;
-webkit-animation-duration: 0.4s;
-moz-animation-duration: 0.4s;
animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-timing-function: linear;
-o-animation-timing-function: linear;
-ms-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
}
.loader2 div
{
width: 8px;
height: 8px;
border-radius: 50%;
border: 1px solid #b1ba09;
position: absolute;
top: 2px;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.loader2 div:nth-child(odd) { border-top: none; border-left: none; }
.loader2 div:nth-child(even) { border-bottom: none; border-right: none; }
.loader2 div:nth-child(2) { border-width: 2px; left: 0px; top: -4px; width: 12px; height: 12px; }
.loader2 div:nth-child(3) { border-width: 2px; left: -1px; top: 3px; width: 18px; height: 18px; }
.loader2 div:nth-child(4) { border-width: 3px; left: -1px; top: -4px; width: 23px; height: 23px; }
.loader2 div:nth-child(5) { border-width: 3px; left: -1px; top: 4px; width: 31px; height: 31px; }
.loader2 div:nth-child(6) { border-width: 4px; left: 0px; top: -4px; width: 39px; height: 39px; }
.loader2 div:nth-child(7) { border-width: 4px; left: 0px; top: 6px; width: 49px; height: 49px; }
@keyframes rotateAnim { from { transform: rotate(360deg); } to { transform: rotate(0deg); } }
@-o-keyframes rotateAnim { from { -o-transform: rotate(360deg); } to { -o-transform: rotate(0deg); } }
@-ms-keyframes rotateAnim { from { -ms-transform: rotate(360deg); } to { -ms-transform: rotate(0deg); } }
@-webkit-keyframes rotateAnim { from { -webkit-transform: rotate(360deg); } to { -webkit-transform: rotate(0deg); } }
@-moz-keyframes rotateAnim { from { -moz-transform: rotate(360deg); } to { -moz-transform: rotate(0deg); } }
/*Third Loader*/
.windows82 { width: 45px !important; height:45px !important; }
.windows82 .wBall { width: 42px !important; height: 42px !important; }
.windows82 { position: relative; width: 78px; height:78px; margin:auto; }
.windows82 .wBall
{
position: absolute;
width: 74px;
height: 74px;
opacity: 0;
transform: rotate(225deg);
-o-transform: rotate(225deg);
-ms-transform: rotate(225deg);
-webkit-transform: rotate(225deg);
-moz-transform: rotate(225deg);
animation: orbit 6.96s infinite;
-o-animation: orbit 6.96s infinite;
-ms-animation: orbit 6.96s infinite;
-webkit-animation: orbit 6.96s infinite;
-moz-animation: orbit 6.96s infinite;
}
.windows82 .wBall .wInnerBall
{
position: absolute;
width: 10px;
height: 10px;
background: #b1ba09;
left:0px;
top:0px;
border-radius: 10px;
}
.windows82 #wBall_1
{
animation-delay: 1.52s;
-o-animation-delay: 1.52s;
-ms-animation-delay: 1.52s;
-webkit-animation-delay: 1.52s;
-moz-animation-delay: 1.52s;
}
.windows82 #wBall_2
{
animation-delay: 0.3s;
-o-animation-delay: 0.3s;
-ms-animation-delay: 0.3s;
-webkit-animation-delay: 0.3s;
-moz-animation-delay: 0.3s;
}
.windows82 #wBall_3
{
animation-delay: 0.61s;
-o-animation-delay: 0.61s;
-ms-animation-delay: 0.61s;
-webkit-animation-delay: 0.61s;
-moz-animation-delay: 0.61s;
}
.windows82 #wBall_4
{
animation-delay: 0.91s;
-o-animation-delay: 0.91s;
-ms-animation-delay: 0.91s;
-webkit-animation-delay: 0.91s;
-moz-animation-delay: 0.91s;
}
.windows82 #wBall_5
{
animation-delay: 1.22s;
-o-animation-delay: 1.22s;
-ms-animation-delay: 1.22s;
-webkit-animation-delay: 1.22s;
-moz-animation-delay: 1.22s;
}
@keyframes orbit
{
0% { opacity: 1; z-index:99; transform: rotate(180deg); animation-timing-function: ease-out; }
7% { opacity: 1; transform: rotate(300deg); animation-timing-function: linear; transform-origin:0%; }
30% { opacity: 1; transform: rotate(410deg); animation-timing-function: ease-in-out; transform-origin:7%; }
39% { opacity: 1; transform: rotate(645deg); animation-timing-function: linear; transform-origin:30%; }
70% { opacity: 1; transform: rotate(770deg); animation-timing-function: ease-out; transform-origin:39%; }
75% { opacity: 1; transform: rotate(900deg); animation-timing-function: ease-out; transform-origin:70%; }
76% { opacity: 0; transform: rotate(900deg); }
100% { opacity: 0; transform: rotate(900deg); }
}
@-o-keyframes orbit
{
0% { opacity: 1; z-index:99; -o-transform: rotate(180deg); -o-animation-timing-function: ease-out; }
7% { opacity: 1; -o-transform: rotate(300deg); -o-animation-timing-function: linear; -o-transform-origin:0%; }
30% { opacity: 1; -o-transform: rotate(410deg); -o-animation-timing-function: ease-in-out; -o-transform-origin:7%; }
39% { opacity: 1; -o-transform: rotate(645deg); -o-animation-timing-function: linear; -o-transform-origin:30%; }
70% { opacity: 1; -o-transform: rotate(770deg); -o-animation-timing-function: ease-out; -o-transform-origin:39%; }
75% { opacity: 1; -o-transform: rotate(900deg); -o-animation-timing-function: ease-out; -o-transform-origin:70%; }
76% { opacity: 0; -o-transform: rotate(900deg); }
100% { opacity: 0; -o-transform: rotate(900deg); }
}
@-ms-keyframes orbit
{
0% { opacity: 1; z-index:99; -ms-transform: rotate(180deg); -ms-animation-timing-function: ease-out; }
7% { opacity: 1; -ms-transform: rotate(300deg); -ms-animation-timing-function: linear; -ms-transform-origin:0%; }
30% { opacity: 1; -ms-transform: rotate(410deg); -ms-animation-timing-function: ease-in-out; -ms-transform-origin:7%; }
39% { opacity: 1; -ms-transform: rotate(645deg); -ms-animation-timing-function: linear; -ms-transform-origin:30%; }
70% { opacity: 1; -ms-transform: rotate(770deg); -ms-animation-timing-function: ease-out; -ms-transform-origin:39%; }
75% { opacity: 1; -ms-transform: rotate(900deg); -ms-animation-timing-function: ease-out; -ms-transform-origin:70%; }
76% { opacity: 0; -ms-transform:rotate(900deg); }
100% { opacity: 0; -ms-transform: rotate(900deg); }
}
@-webkit-keyframes orbit
{
0% { opacity: 1; z-index:99; -webkit-transform: rotate(180deg); -webkit-animation-timing-function: ease-out; }
7% { opacity: 1; -webkit-transform: rotate(300deg); -webkit-animation-timing-function: linear; -webkit-transform-origin:0%; }
30% { opacity: 1; -webkit-transform: rotate(410deg); -webkit-animation-timing-function: ease-in-out; -webkit-transform-origin:7%; }
39% { opacity: 1; -webkit-transform: rotate(645deg); -webkit-animation-timing-function: linear; -webkit-transform-origin:30%; }
70% { opacity: 1; -webkit-transform: rotate(770deg); -webkit-animation-timing-function: ease-out; -webkit-transform-origin:39%; }
75% { opacity: 1; -webkit-transform: rotate(900deg); -webkit-animation-timing-function: ease-out; -webkit-transform-origin:70%; }
76% { opacity: 0; -webkit-transform: rotate(900deg); }
100% { opacity: 0; -webkit-transform: rotate(900deg); }
}
@-moz-keyframes orbit
{
0% { opacity: 1; z-index:99; -moz-transform: rotate(180deg); -moz-animation-timing-function: ease-out; }
7% { opacity: 1; -moz-transform: rotate(300deg); -moz-animation-timing-function: linear; -moz-transform-origin:0%; }
30% { opacity: 1; -moz-transform: rotate(410deg); -moz-animation-timing-function: ease-in-out; -moz-transform-origin:7%; }
39% { opacity: 1; -moz-transform: rotate(645deg); -moz-animation-timing-function: linear; -moz-transform-origin:30%; }
70% { opacity: 1; -moz-transform: rotate(770deg); -moz-animation-timing-function: ease-out; -moz-transform-origin:39%; }
75% { opacity: 1; -moz-transform: rotate(900deg); -moz-animation-timing-function: ease-out; -moz-transform-origin:70%; }
76% { opacity: 0; -moz-transform: rotate(900deg); }
100% { opacity: 0; -moz-transform: rotate(900deg); }
}
/*Fourth loader*/
.cssload-thecube2 { width: 30px !important; height: 30px !important; }
.cssload-thecube2 {
width: 50px;
height: 50px;
margin: 20px auto;
position: relative;
transform: rotateZ(45deg);
-o-transform: rotateZ(45deg);
-ms-transform: rotateZ(45deg);
-webkit-transform: rotateZ(45deg);
-moz-transform: rotateZ(45deg);
}
.cssload-thecube2 .cssload-cube
{
position: relative;
transform: rotateZ(45deg);
-o-transform: rotateZ(45deg);
-ms-transform: rotateZ(45deg);
-webkit-transform: rotateZ(45deg);
-moz-transform: rotateZ(45deg);
}
.cssload-thecube2 .cssload-cube
{
float: left;
width: 50%;
height: 50%;
position: relative;
transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
}
.cssload-thecube2 .cssload-cube:before
{
content: “”;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #b1ba09;
animation: cssload-fold-thecube 2.76s infinite linear both;
-o-animation: cssload-fold-thecube 2.76s infinite linear both;
-ms-animation: cssload-fold-thecube 2.76s infinite linear both;
-webkit-animation: cssload-fold-thecube 2.76s infinite linear both;
-moz-animation: cssload-fold-thecube 2.76s infinite linear both;
transform-origin: 100% 100%;
-o-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
-webkit-transform-origin: 100% 100%;
-moz-transform-origin: 100% 100%;
}
.cssload-thecube2 .cssload-c2
{
transform: scale(1.1) rotateZ(90deg);
-o-transform: scale(1.1) rotateZ(90deg);
-ms-transform: scale(1.1) rotateZ(90deg);
-webkit-transform: scale(1.1) rotateZ(90deg);
-moz-transform: scale(1.1) rotateZ(90deg);
}
.cssload-thecube2 .cssload-c3
{
transform: scale(1.1) rotateZ(180deg);
-o-transform: scale(1.1) rotateZ(180deg);
-ms-transform: scale(1.1) rotateZ(180deg);
-webkit-transform: scale(1.1) rotateZ(180deg);
-moz-transform: scale(1.1) rotateZ(180deg);
}
.cssload-thecube2 .cssload-c4
{
transform: scale(1.1) rotateZ(270deg);
-o-transform: scale(1.1) rotateZ(270deg);
-ms-transform: scale(1.1) rotateZ(270deg);
-webkit-transform: scale(1.1) rotateZ(270deg);
-moz-transform: scale(1.1) rotateZ(270deg);
}
.cssload-thecube2 .cssload-c2:before
{
animation-delay: 0.35s;
-o-animation-delay: 0.35s;
-ms-animation-delay: 0.35s;
-webkit-animation-delay: 0.35s;
-moz-animation-delay: 0.35s;
}
.cssload-thecube2 .cssload-c3:before
{
animation-delay: 0.69s;
-o-animation-delay: 0.69s;
-ms-animation-delay: 0.69s;
-webkit-animation-delay: 0.69s;
-moz-animation-delay: 0.69s;
}
.cssload-thecube2 .cssload-c4:before
{
animation-delay: 1.04s;
-o-animation-delay: 1.04s;
-ms-animation-delay: 1.04s;
-webkit-animation-delay: 1.04s;
-moz-animation-delay: 1.04s;
}
@keyframes cssload-fold-thecube
{
0%, 10% { transform: perspective(136px) rotateX(-180deg); opacity: 0; }
25%, 75% { transform: perspective(136px) rotateX(0deg); opacity: 1; }
90%, 100% { transform: perspective(136px) rotateY(180deg); opacity: 0; }
}
@-o-keyframes cssload-fold-thecube
{
0%, 10% { -o-transform: perspective(136px) rotateX(-180deg); opacity: 0; }
25%, 75% { -o-transform: perspective(136px) rotateX(0deg); opacity: 1; }
90%, 100% { -o-transform: perspective(136px) rotateY(180deg); opacity: 0; }
}
@-ms-keyframes cssload-fold-thecube
{
0%, 10% { -ms-transform: perspective(136px) rotateX(-180deg); opacity: 0; }
25%, 75% { -ms-transform: perspective(136px) rotateX(0deg); opacity: 1; }
90%, 100% { -ms-transform: perspective(136px) rotateY(180deg); opacity: 0; }
}
@-webkit-keyframes cssload-fold-thecube
{
0%, 10% { -webkit-transform: perspective(136px) rotateX(-180deg); opacity: 0; }
25%, 75% { -webkit-transform: perspective(136px) rotateX(0deg); opacity: 1; }
90%, 100% { -webkit-transform: perspective(136px) rotateY(180deg); opacity: 0; }
}
@-moz-keyframes cssload-fold-thecube
{
0%, 10% { -moz-transform: perspective(136px) rotateX(-180deg); opacity: 0; }
25%, 75% { -moz-transform: perspective(136px) rotateX(0deg); opacity: 1; }
90%, 100% { -moz-transform: perspective(136px) rotateY(180deg); opacity: 0; }
}
/*First Text*/
.cssload-loader2 {
width: 244px;
height: 49px;
line-height: 49px;
text-align: center;
position: relative;
left: 50%;
transform: translate(-50%, 0%);
-o-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-webkit-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
font-family: Calibri !important;
text-transform: none !important;
font-weight: 900;
font-size:23px !important;
color: #000000 !important;
letter-spacing: 0.2em;
margin-top:10px;
}
.cssload-loader2::before, .cssload-loader2::after
{
content: “”;
display: block;
width: 15px;
height: 15px;
background: rgba(30,115,190,0.54) !important;
position: absolute;
animation: cssload-load 0.81s infinite alternate ease-in-out;
-o-animation: cssload-load 0.81s infinite alternate ease-in-out;
-ms-animation: cssload-load 0.81s infinite alternate ease-in-out;
-webkit-animation: cssload-load 0.81s infinite alternate ease-in-out;
-moz-animation: cssload-load 0.81s infinite alternate ease-in-out;
}
.cssload-loader2::before { top: 0; }
.cssload-loader2::after { bottom: 0; }
@keyframes cssload-load { 0% { left: 0; height: 29px; width: 15px; } 50% { height: 8px; width: 39px; } 100% { left: 229px; height: 29px; width: 15px; } }
@-o-keyframes cssload-load { 0% { left: 0; height: 29px; width: 15px; } 50% { height: 8px; width: 39px; } 100% { left: 229px; height: 29px; width: 15px; } }
@-ms-keyframes cssload-load { 0% { left: 0; height: 29px; width: 15px; } 50% { height: 8px; width: 39px; } 100% { left: 229px; height: 29px; width: 15px; } }
@-moz-keyframes cssload-load { 0% { left: 0; height: 29px; width: 15px; } 50% { height: 8px; width: 39px; } 100% { left: 229px; height: 29px; width: 15px; } }
@-webkit-keyframes cssload-load { 0% { left: 0; height: 29px; width: 15px; } 50% { height: 8px; width: 39px; } 100% { left: 229px; height: 29px; width: 15px; } }
/*Second*/
#inTurnFadingTextG2 { width:100%; margin:auto; text-align:center; }
.inTurnFadingTextG2 {
font-size: 23px !important;
font-family:Calibri !important;
color: #000000 !important;
text-decoration:none;
font-weight:normal;
font-style:normal;
display:inline-block;
animation-name:bounce_inTurnFadingTextG;
-o-animation-name:bounce_inTurnFadingTextG;
-ms-animation-name:bounce_inTurnFadingTextG;
-webkit-animation-name:bounce_inTurnFadingTextG;
-moz-animation-name:bounce_inTurnFadingTextG;
animation-duration:2.09s;
-o-animation-duration:2.09s;
-ms-animation-duration:2.09s;
-webkit-animation-duration:2.09s;
-moz-animation-duration:2.09s;
animation-iteration-count:infinite;
-o-animation-iteration-count:infinite;
-ms-animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite;
animation-direction:normal;
-o-animation-direction:normal;
-ms-animation-direction:normal;
-webkit-animation-direction:normal;
-moz-animation-direction:normal;
}
#inTurnFadingTextG2_1 {
animation-delay:0.75s !important;
-o-animation-delay:0.75s !important;
-ms-animation-delay:0.75s !important;
-webkit-animation-delay:0.75s !important;
-moz-animation-delay:0.75s !important;
}
#inTurnFadingTextG2_2 {
animation-delay:0.9s !important;
-o-animation-delay:0.9s !important;
-ms-animation-delay:0.9s !important;
-webkit-animation-delay:0.9s !important;
-moz-animation-delay:0.9s !important;
}
#inTurnFadingTextG2_3 {
animation-delay:1.05s !important;
-o-animation-delay:1.05s !important;
-ms-animation-delay:1.05s !important;
-webkit-animation-delay:1.05s !important;
-moz-animation-delay:1.05s !important;
}
#inTurnFadingTextG2_4 {
animation-delay:1.2s !important;
-o-animation-delay:1.2s !important;
-ms-animation-delay:1.2s !important;
-webkit-animation-delay:1.2s !important;
-moz-animation-delay:1.2s !important;
}
#inTurnFadingTextG2_5 {
animation-delay:1.35s !important;
-o-animation-delay:1.35s !important;
-ms-animation-delay:1.35s !important;
-webkit-animation-delay:1.35s !important;
-moz-animation-delay:1.35s !important;
}
#inTurnFadingTextG2_6 {
animation-delay:1.5s !important;
-o-animation-delay:1.5s !important;
-ms-animation-delay:1.5s !important;
-webkit-animation-delay:1.5s !important;
-moz-animation-delay:1.5s !important;
}
#inTurnFadingTextG2_7 {
animation-delay:1.65s !important;
-o-animation-delay:1.65s !important;
-ms-animation-delay:1.65s !important;
-webkit-animation-delay:1.65s !important;
-moz-animation-delay:1.65s !important;
}
@keyframes bounce_inTurnFadingTextG
{
0% { color:#ffffff; }
100% { color:#000000 !important; }
}
@-o-keyframes bounce_inTurnFadingTextG
{
0% { color:#ffffff; }
100% { color:#000000 !important; }
}
@-ms-keyframes bounce_inTurnFadingTextG
{
0% { color:#ffffff; }
100% { color:#000000 !important; }
}
@-webkit-keyframes bounce_inTurnFadingTextG
{
0% { color:#ffffff; }
100% { color:#000000 !important; }
}
@-moz-keyframes bounce_inTurnFadingTextG
{
0% { color:#ffffff; }
100% { color:#000000 !important; }
}
/*Third text*/
.cssload-preloader2 { position: relative; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 10; }
.cssload-preloader2 > .cssload-preloader2-box
{
position: relative;
display:inline-block;
margin-left:10px;
margin-top:20px;
height: 29px;
left:50%;
transform:translateX(-50%) !important;
-webkit-transform:translateX(-50%) !important;
-ms-transform:translateX(-50%) !important;
-moz-transform:translateX(-50%) !important;
-o-transform:translateX(-50%) !important;
perspective: 195px;
-o-perspective: 195px;
-ms-perspective: 195px;
-webkit-perspective: 195px;
-moz-perspective: 195px;
}
.cssload-preloader2 .cssload-preloader2-box > div
{
position: relative;
width: 46px;
height: 46px;
background: rgb(204,204,204);
float: left;
text-align: center;
line-height: 2;
font-size: 23px !important;
font-family:Calibri !important;
color: #000000 !important;
}
.cssload-preloader2 .cssload-preloader2-box > div:nth-child(1)
{
background: #dd3333 !important;
margin-right: 23px !important;
animation: cssload-movement2 690ms ease 0ms infinite alternate;
-o-animation: cssload-movement2 690ms ease 0ms infinite alternate;
-ms-animation: cssload-movement2 690ms ease 0ms infinite alternate;
-webkit-animation: cssload-movement2 690ms ease 0ms infinite alternate;
-moz-animation: cssload-movement2 690ms ease 0ms infinite alternate;
}
.cssload-preloader2 .cssload-preloader2-box > div:nth-child(2)
{
background: #dd3333 !important;
margin-right: 23px !important;
animation: cssload-movement2 690ms ease 86.25ms infinite alternate;
-o-animation: cssload-movement2 690ms ease 86.25ms infinite alternate;
-ms-animation: cssload-movement2 690ms ease 86.25ms infinite alternate;
-webkit-animation: cssload-movement2 690ms ease 86.25ms infinite alternate;
-moz-animation: cssload-movement2 690ms ease 86.25ms infinite alternate;
}
.cssload-preloader2 .cssload-preloader2-box > div:nth-child(3)
{
background: #dd3333 !important;
margin-right: 23px !important;
animation: cssload-movement2 690ms ease 172.5ms infinite alternate;
-o-animation: cssload-movement2 690ms ease 172.5ms infinite alternate;
-ms-animation: cssload-movement2 690ms ease 172.5ms infinite alternate;
-webkit-animation: cssload-movement2 690ms ease 172.5ms infinite alternate;
-moz-animation: cssload-movement2 690ms ease 172.5ms infinite alternate;
}
.cssload-preloader2 .cssload-preloader2-box > div:nth-child(4)
{
background: #dd3333 !important;
margin-right: 23px !important;
animation: cssload-movement2 690ms ease 258.75ms infinite alternate;
-o-animation: cssload-movement2 690ms ease 258.75ms infinite alternate;
-ms-animation: cssload-movement2 690ms ease 258.75ms infinite alternate;
-webkit-animation: cssload-movement2 690ms ease 258.75ms infinite alternate;
-moz-animation: cssload-movement2 690ms ease 258.75ms infinite alternate;
}
.cssload-preloader2 .cssload-preloader2-box > div:nth-child(5)
{
background: #dd3333 !important;
margin-right: 23px !important;
animation: cssload-movement2 690ms ease 345ms infinite alternate;
-o-animation: cssload-movement2 690ms ease 345ms infinite alternate;
-ms-animation: cssload-movement2 690ms ease 345ms infinite alternate;
-webkit-animation: cssload-movement2 690ms ease 345ms infinite alternate;
-moz-animation: cssload-movement2 690ms ease 345ms infinite alternate;
}
.cssload-preloader2 .cssload-preloader2-box > div:nth-child(6)
{
background: #dd3333 !important;
margin-right: 23px !important;
animation: cssload-movement2 690ms ease 431.25ms infinite alternate;
-o-animation: cssload-movement2 690ms ease 431.25ms infinite alternate;
-ms-animation: cssload-movement2 690ms ease 431.25ms infinite alternate;
-webkit-animation: cssload-movement2 690ms ease 431.25ms infinite alternate;
-moz-animation: cssload-movement2 690ms ease 431.25ms infinite alternate;
}
.cssload-preloader2 .cssload-preloader2-box > div:nth-child(7)
{
background: #dd3333 !important;
margin-right: 23px !important;
animation: cssload-movement2 690ms ease 517.5ms infinite alternate;
-o-animation: cssload-movement2 690ms ease 517.5ms infinite alternate;
-ms-animation: cssload-movement2 690ms ease 517.5ms infinite alternate;
-webkit-animation: cssload-movement2 690ms ease 517.5ms infinite alternate;
-moz-animation: cssload-movement2 690ms ease 517.5ms infinite alternate;
}
@keyframes cssload-movement2 {
from { transform: scale(1.0) translateY(0px) rotateX(0deg); box-shadow: 0 0 0 rgba(0,0,0,0); }
to {
transform: scale(1.5) translateY(-24px) rotateX(45deg);
box-shadow: 0 24px 39px #dd3333;
background: #dd3333 !important;
}
}
@-o-keyframes cssload-movement2 {
from { -o-transform: scale(1.0) translateY(0px) rotateX(0deg); -o-box-shadow: 0 0 0 rgba(0,0,0,0); }
to {
-o-transform: scale(1.5) translateY(-24px) rotateX(45deg);
-o-box-shadow: 0 24px 39px #dd3333;
background: #dd3333 !important;
}
}
@-ms-keyframes cssload-movement2 {
from { -ms-transform: scale(1.0) translateY(0px) rotateX(0deg); -ms-box-shadow: 0 0 0 rgba(0,0,0,0); }
to {
-ms-transform: scale(1.5) translateY(-24px) rotateX(45deg);
-ms-box-shadow: 0 24px 39px #dd3333;
background: #dd3333 !important;
}
}
@-webkit-keyframes cssload-movement2 {
from { -webkit-transform: scale(1.0) translateY(0px) rotateX(0deg); -webkit-box-shadow: 0 0 0 rgba(0,0,0,0); }
to {
-webkit-transform: scale(1.5) translateY(-24px) rotateX(45deg);
-webkit-box-shadow: 0 24px 39px #dd3333;
background: #dd3333 !important;
}
}
@-moz-keyframes cssload-movement2 {
from { -moz-transform: scale(1.0) translateY(0px) rotateX(0deg); -moz-box-shadow: 0 0 0 rgba(0,0,0,0); }
to {
-moz-transform: scale(1.5) translateY(-24px) rotateX(45deg);
-moz-box-shadow: 0 24px 39px #dd3333;
background: #dd3333 !important;
}
}
#Rich_Web_VS_HPS22 {
display: block;
max-width: 100%;
min-width: 180px;
margin: 25px auto;
font-size: 62.5%;
line-height: 1;
padding: 0px 4px;
overflow:hidden;
}
.crsl-items2 { display: block; padding: 4px; overflow: visible !important;}
.crsl-item2 { padding: 8px; margin-bottom: 15px;}
.crsl-item2 .thumbnail { display: block; position: relative; margin-bottom: 10px; cursor: pointer; }
.crsl-item2 .thumbnail img
{
display: block;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.crsl-item2 h3 { line-height: 1; margin-bottom: 12px; text-transform:none !important; letter-spacing: inherit !important; }
.crsl-item2 .postdate
{
display: block;
position: absolute;
bottom: 0;
right: 0;
padding: 6px;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.crsl-item2 p.readmore a { display: block; float: right; text-decoration: none; border: none !important; }
.Rich_Web_VS_HPS22_Nav { display: block; text-align: center; margin-bottom: 5px; }
.Rich_Web_VS_HPS22_Nav a { display: inline-block; padding: 5px 10px; margin-right: 8px; text-decoration: none; outline:none !important; }
@media screen and (max-width: 660px) { h1 { font-size: 2.4em; line-height: 1.2em; } .crsl-item2 h3 { font-size: 1.65em; } }
@media (min-width: 0) and (max-width: 600px)
{
.Rich_Web_VS_HPS22_Iframe_Div { width: 94% !important; left: 3% !important; top: 10% !important; }
}
.Rich_Web_VS_HPS22_clearfix:after { content: “.”; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.Rich_Web_VS_HPS22_clearfix { display: inline-block; }
.Rich_Web_VS_HPS22_Nav a
{
color: #6d6d6d;
background-color: #ffffff;
font-size: 20px;
font-family: Gabriola;
border: 1px solid #6d6d6d;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: none !important;
-ms-box-shadow: none !important;
-moz-box-shadow: none !important;
-o-box-shadow: none !important;
box-shadow: none !important;
}
.Rich_Web_VS_HPS22_Nav a:hover
{
color: #000000;
background-color: #ffffff;
}
.crsl-item2 {
background: #ffffff;
-webkit-box-shadow: 0px 0px 3px #6d6d6d;
-moz-box-shadow: 0px 0px 3px #6d6d6d;
box-shadow: 0px 0px 3px #6d6d6d;
box-sizing:border-box !important;
-moz-box-sizing:border-box !important;
-webkit-box-sizing:border-box !important;
}
.crsl-item2 .thumbnail img
{
-webkit-filter: none;
filter: none;
cursor: pointer;
}
.crsl-item2 .thumbnail:hover img
{
-webkit-filter: drop-shadow(0px 0px 5px #9e9e9e);
filter:drop-shadow(0px 0px 5px #9e9e9e);
}
.crsl-item2 h3
{
color: #000000;
font-size: 24px;
font-family: Vijaya;
}
.crsl-item2 p
{
line-height: 1.2 !important;
margin: 5px 0 !important;
padding: 0 !important;
}
.crsl-item2 p.readmore a
{
color: #000000;
font-size: 18px;
font-family: Vijaya;
}
.crsl-item2 p.readmore a:hover
{
color: #6d6d6d;
}
.crsl-item2 .postdate
{
background: #000000 !important;
color: #ffffff;
font-size: 13px;
font-family: Arial;
}
.crsl-item2 .postdate:hover
{
background-color: #383838;
color: #ffffff;
}
.Rich_Web_VS_HPS22_Overlay
{
position: fixed;
height: 100%;
width: 100%;
background-color: rgba(0,0,0,0.5);
top: 0;
left: 0;
z-index: 9999999999;
cursor: pointer;
display: none;
}
.Rich_Web_VS_HPS22_Iframe_Div1 { position: relative; width: 100%; padding-top: 56.25%; }
.Rich_Web_VS_HPS22_Iframe_Text
{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
text-align: center;
font-size: 20px;
color: white;
}
.Rich_Web_VS_HPS22_Iframe_Div
{
position: fixed;
width: 50%;
top: 25%;
left: 25%;
z-index: 9999999999;
border: nonepx solid rgba(0,144,170,0.5);
box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
-webkit-box-sizing: border-box !important;
display: none;
-webkit-box-shadow: 0 30px 19px -18px rgba(0,0,0,0.59);
-moz-box-shadow: 0 30px 19px -18px rgba(0,0,0,0.59);
box-shadow: 0 30px 19px -18px rgba(0,0,0,0.59);
}
#Rich_Web_VS_HPS22_Iframe { width: 100%; height: 100%; }
.Rich_Web_VS_HPS22_Overlay_Close
{
z-index: 99999999;
color: rgba(255,255,255,0.8);
font-size: 35px;
position: absolute;
top: 5px;
right: 5px;
cursor: pointer;
}
.Rich_Web_VS_HPS22_Overlay_Close:hover { opacity: 0.8; }
.crsl-items2{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
@media screen and (max-width: 820px){
.crsl-item2 .thumbnail { cursor: default !important; }
}

Loading

Prev
Next

Watch Video …

Watch Video …

Watch Video …

Watch Video …

Watch Video …

Watch Video …

Watch Video …

var array_horizontal2=[];
jQuery(“.rw_img_sld2”).each(function(){
if( jQuery(this).attr(“src”) != “” ) {
array_horizontal2.push(jQuery(this).attr(“src”));
}
})
var y_horizontal2=0;
for(i=0;i=n.total){n.autoRotate=false;e(“#”+n.navigation).hide()}else{e(“#”+n.navigation).show()}}};r.equalHeights=function(){if(n.itemEqualHeight!==false){var t=0;e(r).find(“.crsl-item2″).each(function(){e(this).css({height:”auto”});if(e(this).outerHeight()>t){t=e(this).outerHeight()}});e(r).find(“.crsl-item2″).css({height:t+”px”})}return true};r.initRotate=function(){if(n.autoRotate!==false){r.rotateTime=window.setInterval(function(){r.rotate()},(n.speed+2000))}};r.triggerNavs=function(){e(“#”+n.navigation).delegate(“.previous2, .next2″,”click”,function(t){t.preventDefault();r.prepareExecute();if(e(this).hasClass(“previous2”)&&r.testprevious2(r.itemActive)){r.previous2()}else if(e(this).hasClass(“next2”)&&r.testNext()){r.next()}else{return}})};jQuery(“.crsl-item2 .thumbnail”).click(function(){if(n.autoRotate!==false){clearInterval(r.rotateTime)}});jQuery(“.Rich_Web_VS_HPS22_Overlay,.Rich_Web_VS_HPS22_Overlay_Close”).click(function(){if(n.autoRotate!==false){r.rotateTime=window.setInterval(function(){r.rotate()},(n.speed+2000))}});r.prepareExecute=function(){if(n.autoRotate){clearInterval(r.rotateTime)};r.preventAnimateEvent();r.itemActive=e(r).find(“.crsl-item2.”+n.itemClassActive);if(n.autoRotate!==false){r.rotateTime=window.setInterval(function(){r.rotate()},(n.speed+2000))};return true};r.preventAnimateEvent=function(){if(e(r).find(“.crsl-wrap2:animated”).length>0){return false}};r.rotate=function(){r.preventAnimateEvent();r.itemActive=e(r).find(“.crsl-item2.”+n.itemClassActive);r.next();return true};r.testprevious2=function(t){return e(“.crsl-wrap2”,r).find(“.crsl-item2”).index(t)>0};r.testNext=function(){return!n.infinite&&r.wrapWidth>=(n.itemWidth+n.itemMargin)*(n.visible+1)-r.wrapMargin||n.infinite};r.previous2=function(){r.prepareExecute();r.wrapMargin=n.infinite?r.wrapMarginDefault+e(r.itemActive).outerWidth(true):r.wrapMargin+e(r.itemActive).outerWidth(true);var t=e(r.itemActive).index();var i=e(r.itemActive).prev(“.crsl-item2″);var s=”previous2”;e(r).trigger(“beginCarousel”,[n,r,s]);e(r).find(“.crsl-wrap2″).animate({marginLeft:r.wrapMargin+”px”},n.speed,function(){e(r.itemActive).removeClass(n.itemClassActive);e(i).addClass(n.itemClassActive);if(n.infinite){e(this).css({marginLeft:r.wrapMarginDefault}).find(“.crsl-item2:first-child”).before(e(“.crsl-item2:last-child”,r))}else{if(r.testprevious2(i)===false)e(“#”+n.navigation).find(“.previous2”).addClass(“previous2-inactive”);if(r.testNext())e(“#”+n.navigation).find(“.next2”).removeClass(“next2-inactive”)}e(this).trigger(“endCarousel”,[n,r,s])})};r.next=function(){r.wrapMargin=n.infinite?r.wrapMarginDefault-e(r.itemActive).outerWidth(true):r.wrapMargin-e(r.itemActive).outerWidth(true);var t=e(r.itemActive).index();var i=e(r.itemActive).next(“.crsl-item2″);var s=”next2”;e(r).trigger(“beginCarousel”,[n,r,s]);e(r).find(“.crsl-wrap2″).animate({marginLeft:r.wrapMargin+”px”},n.speed,function(){e(r.itemActive).removeClass(n.itemClassActive);e(i).addClass(n.itemClassActive);if(n.infinite){e(this).css({marginLeft:r.wrapMarginDefault}).find(“.crsl-item2:last-child”).after(e(“.crsl-item2:first-child”,r))}else{if(r.testprevious2(i))e(“#”+n.navigation).find(“.previous2”).removeClass(“previous2-inactive”);if(r.testNext()===false)e(“#”+n.navigation).find(“.next2”).addClass(“next2-inactive”)}e(this).trigger(“endCarousel”,[n,r,s])})};var i=false,s;e(window).on(“mouseleave”,function(t){if(t.target)s=t.target;else if(t.srcElement)s=t.srcElement;if(e(r).attr(“id”)&&e(s).parents(“.crsl-items2”).attr(“id”)===e(r).attr(“id”)||e(s).parents(“.crsl-items2”).data(“navigation”)===e(r).data(“navigation”)){i=true}else{i=false}return false});e(window).on(“keydown”,function(e){if(i===true){if(e.keyCode===37){r.prepareExecute();r.previous2()}else if(e.keyCode===39){r.prepareExecute();r.next()}}return});e(r).on(“loadedCarousel loadedImagesCarousel”,function(){r.equalHeights()});e(window).on(“carouselResizeEnd”,function(){if(n.itemWidth!==e(r).outerWidth())r.config()});e(window).ready(function(){e(r).trigger(“prepareCarousel”,[n,r]);r.init();e(window).on(“resize”,function(){if(this.carouselResizeTo)clearTimeout(this.carouselResizeTo);this.carouselResizeTo=setTimeout(function(){e(this).trigger(“carouselResizeEnd”)},10)})});e(window).load(function(){r.testPreload();r.config()})})}})(jQuery)

jQuery(function(){
setTimeout(function(){
jQuery(‘.crsl-items2’).carousel_RW2({
infinite: true,
visible: 3,
speed: 3000,
autoRotate: false,
itemMinWidth:180,
itemEqualHeight: true,
itemMargin: 20,
carousel: true })
},100)
})

Tunes w/ Tony

.center_content4 {
position:absolute;
overflow:visible;
top:50%;
left:50%;
width:100%;
transform:translateY(-50%) translateX(-50%);
-webkit-transform:translateY(-50%) translateX(-50%);
-ms-transform:translateY(-50%) translateX(-50%);
-moz-transform:translateY(-50%) translateX(-50%);
-o-transform:translateY(-50%) translateX(-50%);
}
#RW_Load_Horizontal_Navigation4 {
position:relative;
margin:20px auto !important;
background-color:#ffffff !important;
z-index:2;
width:100%;
padding-bottom:40%;
max-width:100% !important;
}
.RW_Loader_Frame_Navigation4 { width:45px !important; height:45px !important; }
.loader_Navigation14 {
border-top: 3px solid #dd9933 !important;
border-bottom: 3px solid #dd9933 !important;
}
.loader_Navigation24 {
border-top: 3px solid #dd9933 !important;
border-bottom: 3px solid #dd9933 !important;
}
.loader_Navigation34 {
border-top:12px solid #dd3333 !important;
border-bottom:12px solid #dd3333 !important;
border-right:12px solid #dd3333 !important;
width:50% !important;
height:50% !important;
}
.RW_Loader_Frame_Navigation
{
position:relative;
left:50%;
width:80px;
height:80px;
transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-o-transform:translateX(-50%);
}
.RW_Loader_Text_Navigation4 {
position:relative;
text-align:center;
margin-top:10px;
font-size: 23px !important;
font-family:Calibri !important;
color: #000000 !important;
}
.loader_Navigation1,.loader_Navigation2,.loader_Navigation3,.loader_Navigation4 { position:absolute; border:5px solid transparent; border-radius:50%; }
.loader_Navigation14 {
box-sizing:border-box;
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
}
.loader_Navigation24 {
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
top:50%;
left:50%;
transform:translateY(-50%) translateX(-50%);
-webkit-transform:translateY(-50%) translateX(-50%);
-ms-transform:translateY(-50%) translateX(-50%);
-moz-transform:translateY(-50%) translateX(-50%);
-o-transform:translateY(-50%) translateX(-50%);
}
.loader_Navigation34 {
width:60%;
height:60%;
top:50%;
left:50%;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
transform:translateY(-50%) translateX(-50%);
-webkit-transform:translateY(-50%) translateX(-50%);
-ms-transform:translateY(-50%) translateX(-50%);
-moz-transform:translateY(-50%) translateX(-50%);
-o-transform:translateY(-50%) translateX(-50%);
animation:clockLoadingmin 1s linear 500;
-webkit-animation:clockLoadingmin 1s linear 500;
-ms-animation:clockLoadingmin 1s linear 500;
-moz-animation:clockLoadingmin 1s linear 500;
-o-animation:clockLoadingmin 1s linear 500;
}
.loader_Navigation1
{
width:100%;
height:100%;
animation:clockLoading 1s linear 500;
-webkit-animation:clockLoading 1s linear 500;
-ms-animation:clockLoading 1s linear 500;
-moz-animation:clockLoading 1s linear 500;
-o-animation:clockLoading 1s linear 500;
}
.loader_Navigation2
{
width:80%;
height:80%;
animation:anticlockLoading 1s linear 500;
-webkit-animation:anticlockLoading 1s linear 500;
-ms-animation:anticlockLoading 1s linear 500;
-moz-animation:anticlockLoading 1s linear 500;
-o-animation:anticlockLoading 1s linear 500;
}
@keyframes clockLoading
{
from{transform:rotate(0deg);-webkit-transform:-webkit-rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);}
to{transform:rotate(360deg);-webkit-transform:-webkit-rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);}
}
@keyframes anticlockLoading
{
from{transform:translateY(-50%) translateX(-50%) rotate(0deg);-webkit-transform:-webkit-translateY(-50%) -webkit-translateX(-50%) -webkit-rotate(0deg);-ms-transform:translateY(-50%) translateX(-50%) rotate(0deg);-moz-transform:translateY(-50%) translateX(-50%) rotate(0deg);-o-transform:translateY(-50%) translateX(-50%) rotate(0deg);}
to{transform:translateY(-50%) translateX(-50%) rotate(-360deg);-webkit-transform:-webkit-translateY(-50%) -webkit-translateX(-50%) -webkit-rotate(-360deg);-ms-transform:translateY(-50%) translateX(-50%) rotate(-360deg);-moz-transform:translateY(-50%) translateX(-50%) rotate(-360deg);-o-transform:translateY(-50%) translateX(-50%) rotate(-360deg);}
}
@keyframes clockLoadingmin
{
from{transform:translateY(-50%) translateX(-50%) rotate(0deg);-webkit-transform:-webkit-translateY(-50%) -webkit-translateX(-50%) -webkit-rotate(0deg);-ms-transform:translateY(-50%) translateX(-50%) rotate(0deg);-moz-transform:translateY(-50%) translateX(-50%) rotate(0deg);-o-transform:translateY(-50%) translateX(-50%) rotate(0deg);}
to{transform:translateY(-50%) translateX(-50%) rotate(360deg);-webkit-transform:-webkit-translateY(-50%) -webkit-translateX(-50%) -webkit-rotate(360deg);-ms-transform:translateY(-50%) translateX(-50%) rotate(360deg);-moz-transform:translateY(-50%) translateX(-50%) rotate(360deg);-o-transform:translateY(-50%) translateX(-50%) rotate(360deg);}
}
/*Second Loader*/
.overlay-loader4 { display: block; margin: auto; width: 97px; height: 60px; position: relative; top: 0; left: 0; right: 0; bottom: 0; }
.overlay-loader4 { height: 40px !important; }
.loader4 { width: 49px !important; height: 49px !important; }
.loader4 div:nth-child(2) { width: 3px !important; height: 3px !important; }
.loader4 div:nth-child(3) { width: 9px !important; height: 9px !important; }
.loader4 div:nth-child(4) { width: 14px !important; height: 14px !important; }
.loader4 div:nth-child(5) { width: 19px !important; height: 19px !important; }
.loader4 div:nth-child(6) { width: 24px !important; height: 24px !important; }
.loader4 div:nth-child(7) { width: 28px !important; height: 28px !important; }
.loader4 {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 97px;
height: 97px;
animation-name: rotateAnim;
-o-animation-name: rotateAnim;
-ms-animation-name: rotateAnim;
-webkit-animation-name: rotateAnim;
-moz-animation-name: rotateAnim;
animation-duration: 0.4s;
-o-animation-duration: 0.4s;
-ms-animation-duration: 0.4s;
-webkit-animation-duration: 0.4s;
-moz-animation-duration: 0.4s;
animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-timing-function: linear;
-o-animation-timing-function: linear;
-ms-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
}
.loader4 div
{
width: 8px;
height: 8px;
border-radius: 50%;
border: 1px solid #b1ba09;
position: absolute;
top: 2px;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.loader4 div:nth-child(odd) { border-top: none; border-left: none; }
.loader4 div:nth-child(even) { border-bottom: none; border-right: none; }
.loader4 div:nth-child(2) { border-width: 2px; left: 0px; top: -4px; width: 12px; height: 12px; }
.loader4 div:nth-child(3) { border-width: 2px; left: -1px; top: 3px; width: 18px; height: 18px; }
.loader4 div:nth-child(4) { border-width: 3px; left: -1px; top: -4px; width: 23px; height: 23px; }
.loader4 div:nth-child(5) { border-width: 3px; left: -1px; top: 4px; width: 31px; height: 31px; }
.loader4 div:nth-child(6) { border-width: 4px; left: 0px; top: -4px; width: 39px; height: 39px; }
.loader4 div:nth-child(7) { border-width: 4px; left: 0px; top: 6px; width: 49px; height: 49px; }
@keyframes rotateAnim { from { transform: rotate(360deg); } to { transform: rotate(0deg); } }
@-o-keyframes rotateAnim { from { -o-transform: rotate(360deg); } to { -o-transform: rotate(0deg); } }
@-ms-keyframes rotateAnim { from { -ms-transform: rotate(360deg); } to { -ms-transform: rotate(0deg); } }
@-webkit-keyframes rotateAnim { from { -webkit-transform: rotate(360deg); } to { -webkit-transform: rotate(0deg); } }
@-moz-keyframes rotateAnim { from { -moz-transform: rotate(360deg); } to { -moz-transform: rotate(0deg); } }
/*Third Loader*/
.windows84 { width: 45px !important; height:45px !important; }
.windows84 .wBall { width: 42px !important; height: 42px !important; }
.windows84 { position: relative; width: 78px; height:78px; margin:auto; }
.windows84 .wBall
{
position: absolute;
width: 74px;
height: 74px;
opacity: 0;
transform: rotate(225deg);
-o-transform: rotate(225deg);
-ms-transform: rotate(225deg);
-webkit-transform: rotate(225deg);
-moz-transform: rotate(225deg);
animation: orbit 6.96s infinite;
-o-animation: orbit 6.96s infinite;
-ms-animation: orbit 6.96s infinite;
-webkit-animation: orbit 6.96s infinite;
-moz-animation: orbit 6.96s infinite;
}
.windows84 .wBall .wInnerBall
{
position: absolute;
width: 10px;
height: 10px;
background: #b1ba09;
left:0px;
top:0px;
border-radius: 10px;
}
.windows84 #wBall_1
{
animation-delay: 1.52s;
-o-animation-delay: 1.52s;
-ms-animation-delay: 1.52s;
-webkit-animation-delay: 1.52s;
-moz-animation-delay: 1.52s;
}
.windows84 #wBall_2
{
animation-delay: 0.3s;
-o-animation-delay: 0.3s;
-ms-animation-delay: 0.3s;
-webkit-animation-delay: 0.3s;
-moz-animation-delay: 0.3s;
}
.windows84 #wBall_3
{
animation-delay: 0.61s;
-o-animation-delay: 0.61s;
-ms-animation-delay: 0.61s;
-webkit-animation-delay: 0.61s;
-moz-animation-delay: 0.61s;
}
.windows84 #wBall_4
{
animation-delay: 0.91s;
-o-animation-delay: 0.91s;
-ms-animation-delay: 0.91s;
-webkit-animation-delay: 0.91s;
-moz-animation-delay: 0.91s;
}
.windows84 #wBall_5
{
animation-delay: 1.22s;
-o-animation-delay: 1.22s;
-ms-animation-delay: 1.22s;
-webkit-animation-delay: 1.22s;
-moz-animation-delay: 1.22s;
}
@keyframes orbit
{
0% { opacity: 1; z-index:99; transform: rotate(180deg); animation-timing-function: ease-out; }
7% { opacity: 1; transform: rotate(300deg); animation-timing-function: linear; transform-origin:0%; }
30% { opacity: 1; transform: rotate(410deg); animation-timing-function: ease-in-out; transform-origin:7%; }
39% { opacity: 1; transform: rotate(645deg); animation-timing-function: linear; transform-origin:30%; }
70% { opacity: 1; transform: rotate(770deg); animation-timing-function: ease-out; transform-origin:39%; }
75% { opacity: 1; transform: rotate(900deg); animation-timing-function: ease-out; transform-origin:70%; }
76% { opacity: 0; transform: rotate(900deg); }
100% { opacity: 0; transform: rotate(900deg); }
}
@-o-keyframes orbit
{
0% { opacity: 1; z-index:99; -o-transform: rotate(180deg); -o-animation-timing-function: ease-out; }
7% { opacity: 1; -o-transform: rotate(300deg); -o-animation-timing-function: linear; -o-transform-origin:0%; }
30% { opacity: 1; -o-transform: rotate(410deg); -o-animation-timing-function: ease-in-out; -o-transform-origin:7%; }
39% { opacity: 1; -o-transform: rotate(645deg); -o-animation-timing-function: linear; -o-transform-origin:30%; }
70% { opacity: 1; -o-transform: rotate(770deg); -o-animation-timing-function: ease-out; -o-transform-origin:39%; }
75% { opacity: 1; -o-transform: rotate(900deg); -o-animation-timing-function: ease-out; -o-transform-origin:70%; }
76% { opacity: 0; -o-transform: rotate(900deg); }
100% { opacity: 0; -o-transform: rotate(900deg); }
}
@-ms-keyframes orbit
{
0% { opacity: 1; z-index:99; -ms-transform: rotate(180deg); -ms-animation-timing-function: ease-out; }
7% { opacity: 1; -ms-transform: rotate(300deg); -ms-animation-timing-function: linear; -ms-transform-origin:0%; }
30% { opacity: 1; -ms-transform: rotate(410deg); -ms-animation-timing-function: ease-in-out; -ms-transform-origin:7%; }
39% { opacity: 1; -ms-transform: rotate(645deg); -ms-animation-timing-function: linear; -ms-transform-origin:30%; }
70% { opacity: 1; -ms-transform: rotate(770deg); -ms-animation-timing-function: ease-out; -ms-transform-origin:39%; }
75% { opacity: 1; -ms-transform: rotate(900deg); -ms-animation-timing-function: ease-out; -ms-transform-origin:70%; }
76% { opacity: 0; -ms-transform:rotate(900deg); }
100% { opacity: 0; -ms-transform: rotate(900deg); }
}
@-webkit-keyframes orbit
{
0% { opacity: 1; z-index:99; -webkit-transform: rotate(180deg); -webkit-animation-timing-function: ease-out; }
7% { opacity: 1; -webkit-transform: rotate(300deg); -webkit-animation-timing-function: linear; -webkit-transform-origin:0%; }
30% { opacity: 1; -webkit-transform: rotate(410deg); -webkit-animation-timing-function: ease-in-out; -webkit-transform-origin:7%; }
39% { opacity: 1; -webkit-transform: rotate(645deg); -webkit-animation-timing-function: linear; -webkit-transform-origin:30%; }
70% { opacity: 1; -webkit-transform: rotate(770deg); -webkit-animation-timing-function: ease-out; -webkit-transform-origin:39%; }
75% { opacity: 1; -webkit-transform: rotate(900deg); -webkit-animation-timing-function: ease-out; -webkit-transform-origin:70%; }
76% { opacity: 0; -webkit-transform: rotate(900deg); }
100% { opacity: 0; -webkit-transform: rotate(900deg); }
}
@-moz-keyframes orbit
{
0% { opacity: 1; z-index:99; -moz-transform: rotate(180deg); -moz-animation-timing-function: ease-out; }
7% { opacity: 1; -moz-transform: rotate(300deg); -moz-animation-timing-function: linear; -moz-transform-origin:0%; }
30% { opacity: 1; -moz-transform: rotate(410deg); -moz-animation-timing-function: ease-in-out; -moz-transform-origin:7%; }
39% { opacity: 1; -moz-transform: rotate(645deg); -moz-animation-timing-function: linear; -moz-transform-origin:30%; }
70% { opacity: 1; -moz-transform: rotate(770deg); -moz-animation-timing-function: ease-out; -moz-transform-origin:39%; }
75% { opacity: 1; -moz-transform: rotate(900deg); -moz-animation-timing-function: ease-out; -moz-transform-origin:70%; }
76% { opacity: 0; -moz-transform: rotate(900deg); }
100% { opacity: 0; -moz-transform: rotate(900deg); }
}
/*Fourth loader*/
.cssload-thecube4 { width: 30px !important; height: 30px !important; }
.cssload-thecube4 {
width: 50px;
height: 50px;
margin: 20px auto;
position: relative;
transform: rotateZ(45deg);
-o-transform: rotateZ(45deg);
-ms-transform: rotateZ(45deg);
-webkit-transform: rotateZ(45deg);
-moz-transform: rotateZ(45deg);
}
.cssload-thecube4 .cssload-cube
{
position: relative;
transform: rotateZ(45deg);
-o-transform: rotateZ(45deg);
-ms-transform: rotateZ(45deg);
-webkit-transform: rotateZ(45deg);
-moz-transform: rotateZ(45deg);
}
.cssload-thecube4 .cssload-cube
{
float: left;
width: 50%;
height: 50%;
position: relative;
transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
}
.cssload-thecube4 .cssload-cube:before
{
content: “”;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #b1ba09;
animation: cssload-fold-thecube 2.76s infinite linear both;
-o-animation: cssload-fold-thecube 2.76s infinite linear both;
-ms-animation: cssload-fold-thecube 2.76s infinite linear both;
-webkit-animation: cssload-fold-thecube 2.76s infinite linear both;
-moz-animation: cssload-fold-thecube 2.76s infinite linear both;
transform-origin: 100% 100%;
-o-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
-webkit-transform-origin: 100% 100%;
-moz-transform-origin: 100% 100%;
}
.cssload-thecube4 .cssload-c2
{
transform: scale(1.1) rotateZ(90deg);
-o-transform: scale(1.1) rotateZ(90deg);
-ms-transform: scale(1.1) rotateZ(90deg);
-webkit-transform: scale(1.1) rotateZ(90deg);
-moz-transform: scale(1.1) rotateZ(90deg);
}
.cssload-thecube4 .cssload-c3
{
transform: scale(1.1) rotateZ(180deg);
-o-transform: scale(1.1) rotateZ(180deg);
-ms-transform: scale(1.1) rotateZ(180deg);
-webkit-transform: scale(1.1) rotateZ(180deg);
-moz-transform: scale(1.1) rotateZ(180deg);
}
.cssload-thecube4 .cssload-c4
{
transform: scale(1.1) rotateZ(270deg);
-o-transform: scale(1.1) rotateZ(270deg);
-ms-transform: scale(1.1) rotateZ(270deg);
-webkit-transform: scale(1.1) rotateZ(270deg);
-moz-transform: scale(1.1) rotateZ(270deg);
}
.cssload-thecube4 .cssload-c2:before
{
animation-delay: 0.35s;
-o-animation-delay: 0.35s;
-ms-animation-delay: 0.35s;
-webkit-animation-delay: 0.35s;
-moz-animation-delay: 0.35s;
}
.cssload-thecube4 .cssload-c3:before
{
animation-delay: 0.69s;
-o-animation-delay: 0.69s;
-ms-animation-delay: 0.69s;
-webkit-animation-delay: 0.69s;
-moz-animation-delay: 0.69s;
}
.cssload-thecube4 .cssload-c4:before
{
animation-delay: 1.04s;
-o-animation-delay: 1.04s;
-ms-animation-delay: 1.04s;
-webkit-animation-delay: 1.04s;
-moz-animation-delay: 1.04s;
}
@keyframes cssload-fold-thecube
{
0%, 10% { transform: perspective(136px) rotateX(-180deg); opacity: 0; }
25%, 75% { transform: perspective(136px) rotateX(0deg); opacity: 1; }
90%, 100% { transform: perspective(136px) rotateY(180deg); opacity: 0; }
}
@-o-keyframes cssload-fold-thecube
{
0%, 10% { -o-transform: perspective(136px) rotateX(-180deg); opacity: 0; }
25%, 75% { -o-transform: perspective(136px) rotateX(0deg); opacity: 1; }
90%, 100% { -o-transform: perspective(136px) rotateY(180deg); opacity: 0; }
}
@-ms-keyframes cssload-fold-thecube
{
0%, 10% { -ms-transform: perspective(136px) rotateX(-180deg); opacity: 0; }
25%, 75% { -ms-transform: perspective(136px) rotateX(0deg); opacity: 1; }
90%, 100% { -ms-transform: perspective(136px) rotateY(180deg); opacity: 0; }
}
@-webkit-keyframes cssload-fold-thecube
{
0%, 10% { -webkit-transform: perspective(136px) rotateX(-180deg); opacity: 0; }
25%, 75% { -webkit-transform: perspective(136px) rotateX(0deg); opacity: 1; }
90%, 100% { -webkit-transform: perspective(136px) rotateY(180deg); opacity: 0; }
}
@-moz-keyframes cssload-fold-thecube
{
0%, 10% { -moz-transform: perspective(136px) rotateX(-180deg); opacity: 0; }
25%, 75% { -moz-transform: perspective(136px) rotateX(0deg); opacity: 1; }
90%, 100% { -moz-transform: perspective(136px) rotateY(180deg); opacity: 0; }
}
/*First Text*/
.cssload-loader4 {
width: 244px;
height: 49px;
line-height: 49px;
text-align: center;
position: relative;
left: 50%;
transform: translate(-50%, 0%);
-o-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-webkit-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
font-family: Calibri !important;
text-transform: none !important;
font-weight: 900;
font-size:23px !important;
color: #000000 !important;
letter-spacing: 0.2em;
margin-top:10px;
}
.cssload-loader4::before, .cssload-loader4::after
{
content: “”;
display: block;
width: 15px;
height: 15px;
background: rgba(30,115,190,0.54) !important;
position: absolute;
animation: cssload-load 0.81s infinite alternate ease-in-out;
-o-animation: cssload-load 0.81s infinite alternate ease-in-out;
-ms-animation: cssload-load 0.81s infinite alternate ease-in-out;
-webkit-animation: cssload-load 0.81s infinite alternate ease-in-out;
-moz-animation: cssload-load 0.81s infinite alternate ease-in-out;
}
.cssload-loader4::before { top: 0; }
.cssload-loader4::after { bottom: 0; }
@keyframes cssload-load { 0% { left: 0; height: 29px; width: 15px; } 50% { height: 8px; width: 39px; } 100% { left: 229px; height: 29px; width: 15px; } }
@-o-keyframes cssload-load { 0% { left: 0; height: 29px; width: 15px; } 50% { height: 8px; width: 39px; } 100% { left: 229px; height: 29px; width: 15px; } }
@-ms-keyframes cssload-load { 0% { left: 0; height: 29px; width: 15px; } 50% { height: 8px; width: 39px; } 100% { left: 229px; height: 29px; width: 15px; } }
@-moz-keyframes cssload-load { 0% { left: 0; height: 29px; width: 15px; } 50% { height: 8px; width: 39px; } 100% { left: 229px; height: 29px; width: 15px; } }
@-webkit-keyframes cssload-load { 0% { left: 0; height: 29px; width: 15px; } 50% { height: 8px; width: 39px; } 100% { left: 229px; height: 29px; width: 15px; } }
/*Second*/
#inTurnFadingTextG4 { width:100%; margin:auto; text-align:center; }
.inTurnFadingTextG4 {
font-size: 23px !important;
font-family:Calibri !important;
color: #000000 !important;
text-decoration:none;
font-weight:normal;
font-style:normal;
display:inline-block;
animation-name:bounce_inTurnFadingTextG;
-o-animation-name:bounce_inTurnFadingTextG;
-ms-animation-name:bounce_inTurnFadingTextG;
-webkit-animation-name:bounce_inTurnFadingTextG;
-moz-animation-name:bounce_inTurnFadingTextG;
animation-duration:2.09s;
-o-animation-duration:2.09s;
-ms-animation-duration:2.09s;
-webkit-animation-duration:2.09s;
-moz-animation-duration:2.09s;
animation-iteration-count:infinite;
-o-animation-iteration-count:infinite;
-ms-animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite;
animation-direction:normal;
-o-animation-direction:normal;
-ms-animation-direction:normal;
-webkit-animation-direction:normal;
-moz-animation-direction:normal;
}
#inTurnFadingTextG4_1 {
animation-delay:0.75s !important;
-o-animation-delay:0.75s !important;
-ms-animation-delay:0.75s !important;
-webkit-animation-delay:0.75s !important;
-moz-animation-delay:0.75s !important;
}
#inTurnFadingTextG4_2 {
animation-delay:0.9s !important;
-o-animation-delay:0.9s !important;
-ms-animation-delay:0.9s !important;
-webkit-animation-delay:0.9s !important;
-moz-animation-delay:0.9s !important;
}
#inTurnFadingTextG4_3 {
animation-delay:1.05s !important;
-o-animation-delay:1.05s !important;
-ms-animation-delay:1.05s !important;
-webkit-animation-delay:1.05s !important;
-moz-animation-delay:1.05s !important;
}
#inTurnFadingTextG4_4 {
animation-delay:1.2s !important;
-o-animation-delay:1.2s !important;
-ms-animation-delay:1.2s !important;
-webkit-animation-delay:1.2s !important;
-moz-animation-delay:1.2s !important;
}
#inTurnFadingTextG4_5 {
animation-delay:1.35s !important;
-o-animation-delay:1.35s !important;
-ms-animation-delay:1.35s !important;
-webkit-animation-delay:1.35s !important;
-moz-animation-delay:1.35s !important;
}
#inTurnFadingTextG4_6 {
animation-delay:1.5s !important;
-o-animation-delay:1.5s !important;
-ms-animation-delay:1.5s !important;
-webkit-animation-delay:1.5s !important;
-moz-animation-delay:1.5s !important;
}
#inTurnFadingTextG4_7 {
animation-delay:1.65s !important;
-o-animation-delay:1.65s !important;
-ms-animation-delay:1.65s !important;
-webkit-animation-delay:1.65s !important;
-moz-animation-delay:1.65s !important;
}
@keyframes bounce_inTurnFadingTextG
{
0% { color:#ffffff; }
100% { color:#000000 !important; }
}
@-o-keyframes bounce_inTurnFadingTextG
{
0% { color:#ffffff; }
100% { color:#000000 !important; }
}
@-ms-keyframes bounce_inTurnFadingTextG
{
0% { color:#ffffff; }
100% { color:#000000 !important; }
}
@-webkit-keyframes bounce_inTurnFadingTextG
{
0% { color:#ffffff; }
100% { color:#000000 !important; }
}
@-moz-keyframes bounce_inTurnFadingTextG
{
0% { color:#ffffff; }
100% { color:#000000 !important; }
}
/*Third text*/
.cssload-preloader4 { position: relative; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 10; }
.cssload-preloader4 > .cssload-preloader4-box
{
position: relative;
display:inline-block;
margin-left:10px;
margin-top:20px;
height: 29px;
left:50%;
transform:translateX(-50%) !important;
-webkit-transform:translateX(-50%) !important;
-ms-transform:translateX(-50%) !important;
-moz-transform:translateX(-50%) !important;
-o-transform:translateX(-50%) !important;
perspective: 195px;
-o-perspective: 195px;
-ms-perspective: 195px;
-webkit-perspective: 195px;
-moz-perspective: 195px;
}
.cssload-preloader4 .cssload-preloader4-box > div
{
position: relative;
width: 46px;
height: 46px;
background: rgb(204,204,204);
float: left;
text-align: center;
line-height: 2;
font-size: 23px !important;
font-family:Calibri !important;
color: #000000 !important;
}
.cssload-preloader4 .cssload-preloader4-box > div:nth-child(1)
{
background: #dd3333 !important;
margin-right: 23px !important;
animation: cssload-movement4 690ms ease 0ms infinite alternate;
-o-animation: cssload-movement4 690ms ease 0ms infinite alternate;
-ms-animation: cssload-movement4 690ms ease 0ms infinite alternate;
-webkit-animation: cssload-movement4 690ms ease 0ms infinite alternate;
-moz-animation: cssload-movement4 690ms ease 0ms infinite alternate;
}
.cssload-preloader4 .cssload-preloader4-box > div:nth-child(2)
{
background: #dd3333 !important;
margin-right: 23px !important;
animation: cssload-movement4 690ms ease 86.25ms infinite alternate;
-o-animation: cssload-movement4 690ms ease 86.25ms infinite alternate;
-ms-animation: cssload-movement4 690ms ease 86.25ms infinite alternate;
-webkit-animation: cssload-movement4 690ms ease 86.25ms infinite alternate;
-moz-animation: cssload-movement4 690ms ease 86.25ms infinite alternate;
}
.cssload-preloader4 .cssload-preloader4-box > div:nth-child(3)
{
background: #dd3333 !important;
margin-right: 23px !important;
animation: cssload-movement4 690ms ease 172.5ms infinite alternate;
-o-animation: cssload-movement4 690ms ease 172.5ms infinite alternate;
-ms-animation: cssload-movement4 690ms ease 172.5ms infinite alternate;
-webkit-animation: cssload-movement4 690ms ease 172.5ms infinite alternate;
-moz-animation: cssload-movement4 690ms ease 172.5ms infinite alternate;
}
.cssload-preloader4 .cssload-preloader4-box > div:nth-child(4)
{
background: #dd3333 !important;
margin-right: 23px !important;
animation: cssload-movement4 690ms ease 258.75ms infinite alternate;
-o-animation: cssload-movement4 690ms ease 258.75ms infinite alternate;
-ms-animation: cssload-movement4 690ms ease 258.75ms infinite alternate;
-webkit-animation: cssload-movement4 690ms ease 258.75ms infinite alternate;
-moz-animation: cssload-movement4 690ms ease 258.75ms infinite alternate;
}
.cssload-preloader4 .cssload-preloader4-box > div:nth-child(5)
{
background: #dd3333 !important;
margin-right: 23px !important;
animation: cssload-movement4 690ms ease 345ms infinite alternate;
-o-animation: cssload-movement4 690ms ease 345ms infinite alternate;
-ms-animation: cssload-movement4 690ms ease 345ms infinite alternate;
-webkit-animation: cssload-movement4 690ms ease 345ms infinite alternate;
-moz-animation: cssload-movement4 690ms ease 345ms infinite alternate;
}
.cssload-preloader4 .cssload-preloader4-box > div:nth-child(6)
{
background: #dd3333 !important;
margin-right: 23px !important;
animation: cssload-movement4 690ms ease 431.25ms infinite alternate;
-o-animation: cssload-movement4 690ms ease 431.25ms infinite alternate;
-ms-animation: cssload-movement4 690ms ease 431.25ms infinite alternate;
-webkit-animation: cssload-movement4 690ms ease 431.25ms infinite alternate;
-moz-animation: cssload-movement4 690ms ease 431.25ms infinite alternate;
}
.cssload-preloader4 .cssload-preloader4-box > div:nth-child(7)
{
background: #dd3333 !important;
margin-right: 23px !important;
animation: cssload-movement4 690ms ease 517.5ms infinite alternate;
-o-animation: cssload-movement4 690ms ease 517.5ms infinite alternate;
-ms-animation: cssload-movement4 690ms ease 517.5ms infinite alternate;
-webkit-animation: cssload-movement4 690ms ease 517.5ms infinite alternate;
-moz-animation: cssload-movement4 690ms ease 517.5ms infinite alternate;
}
@keyframes cssload-movement4 {
from { transform: scale(1.0) translateY(0px) rotateX(0deg); box-shadow: 0 0 0 rgba(0,0,0,0); }
to {
transform: scale(1.5) translateY(-24px) rotateX(45deg);
box-shadow: 0 24px 39px #dd3333;
background: #dd3333 !important;
}
}
@-o-keyframes cssload-movement4 {
from { -o-transform: scale(1.0) translateY(0px) rotateX(0deg); -o-box-shadow: 0 0 0 rgba(0,0,0,0); }
to {
-o-transform: scale(1.5) translateY(-24px) rotateX(45deg);
-o-box-shadow: 0 24px 39px #dd3333;
background: #dd3333 !important;
}
}
@-ms-keyframes cssload-movement4 {
from { -ms-transform: scale(1.0) translateY(0px) rotateX(0deg); -ms-box-shadow: 0 0 0 rgba(0,0,0,0); }
to {
-ms-transform: scale(1.5) translateY(-24px) rotateX(45deg);
-ms-box-shadow: 0 24px 39px #dd3333;
background: #dd3333 !important;
}
}
@-webkit-keyframes cssload-movement4 {
from { -webkit-transform: scale(1.0) translateY(0px) rotateX(0deg); -webkit-box-shadow: 0 0 0 rgba(0,0,0,0); }
to {
-webkit-transform: scale(1.5) translateY(-24px) rotateX(45deg);
-webkit-box-shadow: 0 24px 39px #dd3333;
background: #dd3333 !important;
}
}
@-moz-keyframes cssload-movement4 {
from { -moz-transform: scale(1.0) translateY(0px) rotateX(0deg); -moz-box-shadow: 0 0 0 rgba(0,0,0,0); }
to {
-moz-transform: scale(1.5) translateY(-24px) rotateX(45deg);
-moz-box-shadow: 0 24px 39px #dd3333;
background: #dd3333 !important;
}
}
#Rich_Web_VS_HPS44 {
display: block;
max-width: 100%;
min-width: 180px;
margin: 25px auto;
font-size: 62.5%;
line-height: 1;
padding: 0px 4px;
overflow:hidden;
}
.crsl-items4 { display: block; padding: 4px; overflow: visible !important;}
.crsl-item4 { padding: 8px; margin-bottom: 15px;}
.crsl-item4 .thumbnail { display: block; position: relative; margin-bottom: 10px; cursor: pointer; }
.crsl-item4 .thumbnail img
{
display: block;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.crsl-item4 h3 { line-height: 1; margin-bottom: 12px; text-transform:none !important; letter-spacing: inherit !important; }
.crsl-item4 .postdate
{
display: block;
position: absolute;
bottom: 0;
right: 0;
padding: 6px;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.crsl-item4 p.readmore a { display: block; float: right; text-decoration: none; border: none !important; }
.Rich_Web_VS_HPS44_Nav { display: block; text-align: center; margin-bottom: 5px; }
.Rich_Web_VS_HPS44_Nav a { display: inline-block; padding: 5px 10px; margin-right: 8px; text-decoration: none; outline:none !important; }
@media screen and (max-width: 660px) { h1 { font-size: 2.4em; line-height: 1.2em; } .crsl-item4 h3 { font-size: 1.65em; } }
@media (min-width: 0) and (max-width: 600px)
{
.Rich_Web_VS_HPS44_Iframe_Div { width: 94% !important; left: 3% !important; top: 10% !important; }
}
.Rich_Web_VS_HPS44_clearfix:after { content: “.”; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.Rich_Web_VS_HPS44_clearfix { display: inline-block; }
.Rich_Web_VS_HPS44_Nav a
{
color: #6d6d6d;
background-color: #ffffff;
font-size: 20px;
font-family: Gabriola;
border: 1px solid #6d6d6d;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: none !important;
-ms-box-shadow: none !important;
-moz-box-shadow: none !important;
-o-box-shadow: none !important;
box-shadow: none !important;
}
.Rich_Web_VS_HPS44_Nav a:hover
{
color: #000000;
background-color: #ffffff;
}
.crsl-item4 {
background: #ffffff;
-webkit-box-shadow: 0px 0px 3px #6d6d6d;
-moz-box-shadow: 0px 0px 3px #6d6d6d;
box-shadow: 0px 0px 3px #6d6d6d;
box-sizing:border-box !important;
-moz-box-sizing:border-box !important;
-webkit-box-sizing:border-box !important;
}
.crsl-item4 .thumbnail img
{
-webkit-filter: none;
filter: none;
cursor: pointer;
}
.crsl-item4 .thumbnail:hover img
{
-webkit-filter: drop-shadow(0px 0px 5px #9e9e9e);
filter:drop-shadow(0px 0px 5px #9e9e9e);
}
.crsl-item4 h3
{
color: #000000;
font-size: 24px;
font-family: Vijaya;
}
.crsl-item4 p
{
line-height: 1.2 !important;
margin: 5px 0 !important;
padding: 0 !important;
}
.crsl-item4 p.readmore a
{
color: #000000;
font-size: 18px;
font-family: Vijaya;
}
.crsl-item4 p.readmore a:hover
{
color: #6d6d6d;
}
.crsl-item4 .postdate
{
background: #000000 !important;
color: #ffffff;
font-size: 13px;
font-family: Arial;
}
.crsl-item4 .postdate:hover
{
background-color: #383838;
color: #ffffff;
}
.Rich_Web_VS_HPS44_Overlay
{
position: fixed;
height: 100%;
width: 100%;
background-color: rgba(0,0,0,0.5);
top: 0;
left: 0;
z-index: 9999999999;
cursor: pointer;
display: none;
}
.Rich_Web_VS_HPS44_Iframe_Div1 { position: relative; width: 100%; padding-top: 56.25%; }
.Rich_Web_VS_HPS44_Iframe_Text
{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
text-align: center;
font-size: 20px;
color: white;
}
.Rich_Web_VS_HPS44_Iframe_Div
{
position: fixed;
width: 50%;
top: 25%;
left: 25%;
z-index: 9999999999;
border: nonepx solid rgba(0,144,170,0.5);
box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
-webkit-box-sizing: border-box !important;
display: none;
-webkit-box-shadow: 0 30px 19px -18px rgba(0,0,0,0.59);
-moz-box-shadow: 0 30px 19px -18px rgba(0,0,0,0.59);
box-shadow: 0 30px 19px -18px rgba(0,0,0,0.59);
}
#Rich_Web_VS_HPS44_Iframe { width: 100%; height: 100%; }
.Rich_Web_VS_HPS44_Overlay_Close
{
z-index: 99999999;
color: rgba(255,255,255,0.8);
font-size: 35px;
position: absolute;
top: 5px;
right: 5px;
cursor: pointer;
}
.Rich_Web_VS_HPS44_Overlay_Close:hover { opacity: 0.8; }
.crsl-items4{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
@media screen and (max-width: 820px){
.crsl-item4 .thumbnail { cursor: default !important; }
}

Loading

Prev
Next

Watch Video …

Watch Video …

Watch Video …

Watch Video …

Watch Video …

Watch Video …

Watch Video …

Watch Video …

Watch Video …

var array_horizontal4=[];
jQuery(“.rw_img_sld4”).each(function(){
if( jQuery(this).attr(“src”) != “” ) {
array_horizontal4.push(jQuery(this).attr(“src”));
}
})
var y_horizontal4=0;
for(i=0;i=n.total){n.autoRotate=false;e(“#”+n.navigation).hide()}else{e(“#”+n.navigation).show()}}};r.equalHeights=function(){if(n.itemEqualHeight!==false){var t=0;e(r).find(“.crsl-item4″).each(function(){e(this).css({height:”auto”});if(e(this).outerHeight()>t){t=e(this).outerHeight()}});e(r).find(“.crsl-item4″).css({height:t+”px”})}return true};r.initRotate=function(){if(n.autoRotate!==false){r.rotateTime=window.setInterval(function(){r.rotate()},(n.speed+2000))}};r.triggerNavs=function(){e(“#”+n.navigation).delegate(“.previous4, .next4″,”click”,function(t){t.preventDefault();r.prepareExecute();if(e(this).hasClass(“previous4”)&&r.testprevious4(r.itemActive)){r.previous4()}else if(e(this).hasClass(“next4”)&&r.testNext()){r.next()}else{return}})};jQuery(“.crsl-item4 .thumbnail”).click(function(){if(n.autoRotate!==false){clearInterval(r.rotateTime)}});jQuery(“.Rich_Web_VS_HPS44_Overlay,.Rich_Web_VS_HPS44_Overlay_Close”).click(function(){if(n.autoRotate!==false){r.rotateTime=window.setInterval(function(){r.rotate()},(n.speed+2000))}});r.prepareExecute=function(){if(n.autoRotate){clearInterval(r.rotateTime)};r.preventAnimateEvent();r.itemActive=e(r).find(“.crsl-item4.”+n.itemClassActive);if(n.autoRotate!==false){r.rotateTime=window.setInterval(function(){r.rotate()},(n.speed+2000))};return true};r.preventAnimateEvent=function(){if(e(r).find(“.crsl-wrap4:animated”).length>0){return false}};r.rotate=function(){r.preventAnimateEvent();r.itemActive=e(r).find(“.crsl-item4.”+n.itemClassActive);r.next();return true};r.testprevious4=function(t){return e(“.crsl-wrap4”,r).find(“.crsl-item4”).index(t)>0};r.testNext=function(){return!n.infinite&&r.wrapWidth>=(n.itemWidth+n.itemMargin)*(n.visible+1)-r.wrapMargin||n.infinite};r.previous4=function(){r.prepareExecute();r.wrapMargin=n.infinite?r.wrapMarginDefault+e(r.itemActive).outerWidth(true):r.wrapMargin+e(r.itemActive).outerWidth(true);var t=e(r.itemActive).index();var i=e(r.itemActive).prev(“.crsl-item4″);var s=”previous4”;e(r).trigger(“beginCarousel”,[n,r,s]);e(r).find(“.crsl-wrap4″).animate({marginLeft:r.wrapMargin+”px”},n.speed,function(){e(r.itemActive).removeClass(n.itemClassActive);e(i).addClass(n.itemClassActive);if(n.infinite){e(this).css({marginLeft:r.wrapMarginDefault}).find(“.crsl-item4:first-child”).before(e(“.crsl-item4:last-child”,r))}else{if(r.testprevious4(i)===false)e(“#”+n.navigation).find(“.previous4”).addClass(“previous4-inactive”);if(r.testNext())e(“#”+n.navigation).find(“.next4”).removeClass(“next4-inactive”)}e(this).trigger(“endCarousel”,[n,r,s])})};r.next=function(){r.wrapMargin=n.infinite?r.wrapMarginDefault-e(r.itemActive).outerWidth(true):r.wrapMargin-e(r.itemActive).outerWidth(true);var t=e(r.itemActive).index();var i=e(r.itemActive).next(“.crsl-item4″);var s=”next4”;e(r).trigger(“beginCarousel”,[n,r,s]);e(r).find(“.crsl-wrap4″).animate({marginLeft:r.wrapMargin+”px”},n.speed,function(){e(r.itemActive).removeClass(n.itemClassActive);e(i).addClass(n.itemClassActive);if(n.infinite){e(this).css({marginLeft:r.wrapMarginDefault}).find(“.crsl-item4:last-child”).after(e(“.crsl-item4:first-child”,r))}else{if(r.testprevious4(i))e(“#”+n.navigation).find(“.previous4”).removeClass(“previous4-inactive”);if(r.testNext()===false)e(“#”+n.navigation).find(“.next4”).addClass(“next4-inactive”)}e(this).trigger(“endCarousel”,[n,r,s])})};var i=false,s;e(window).on(“mouseleave”,function(t){if(t.target)s=t.target;else if(t.srcElement)s=t.srcElement;if(e(r).attr(“id”)&&e(s).parents(“.crsl-items4”).attr(“id”)===e(r).attr(“id”)||e(s).parents(“.crsl-items4”).data(“navigation”)===e(r).data(“navigation”)){i=true}else{i=false}return false});e(window).on(“keydown”,function(e){if(i===true){if(e.keyCode===37){r.prepareExecute();r.previous4()}else if(e.keyCode===39){r.prepareExecute();r.next()}}return});e(r).on(“loadedCarousel loadedImagesCarousel”,function(){r.equalHeights()});e(window).on(“carouselResizeEnd”,function(){if(n.itemWidth!==e(r).outerWidth())r.config()});e(window).ready(function(){e(r).trigger(“prepareCarousel”,[n,r]);r.init();e(window).on(“resize”,function(){if(this.carouselResizeTo)clear