@charset "utf-8";
/*----------intial declartaion of css----------*/

* {
 padding: 0;
 margin: 0;
}

* {
 margin: 0;
 padding: 0;
 box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, select, input, option {  margin: 0;  padding: 0;  border: 0;  outline: 0;  font-size: 100%; }

html { -webkit-text-size-adjust: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {  display: block; }
audio, canvas, video {  display: inline-block; }
audio:not([controls]) { display: none; height: 0;}
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word}
q { quotes: none}
q:before,q:after { content: ''; content: none}
small { font-size: 80%}
sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline}
sup { top: -0.5em;}
sub { bottom: -0.25em}
nav ul,nav ol { list-style: none; list-style-image: none;}
button,input,select,textarea { font-size: 100%; margin: 0; vertical-align: baseline;}
textarea { overflow: auto; vertical-align: top}
table { border-collapse: collapse; border-spacing: 0}
button,html input[type="button"],input[type="reset"],input[type="submit"] { -webkit-appearance: none; cursor: pointer;}
/* remember to define focus styles! */


/* For modern browsers */

.cf:before,.cf:after { content: ""; display: table}
.cf:after { clear: both;}
.cf { *zoom: 1;}

section {    padding: 50px 0;    margin: 0 auto;}
.container { width: 1200px; margin: 0 auto}
div.cf {    margin-bottom: 30px;}

/* 728x90 Ads Start*/
.width728x90 { width: 728px; height: 90px;     border: 1px solid #1d2576;    position: relative;    vertical-align: top;    display: inline-block;}
.width728x90 .rapid-bt {  display: inline-block;  background-size: cover;background-repeat: no-repeat; background-position: 100% 20%; width: 11%; height: 88px;}
.width728x90 .rapid-title {
    display: inline-block;
    vertical-align: top;
    width: 87%;
    margin-top: 18px;
    padding-right: 19px;
    padding-left: 10px;
}
.width728x90 .rapid-title h2 {color: #fff;      font-size: 24px;    font-family: "proxima-nova", sans-serif;    line-height: 1.18;    font-weight: 300;    letter-spacing: -0.021em;}
.width728x90 .rapid-fn {    width: 31%;    background-color: #fff;    padding: 32px 13px 16px 63px;    display: inline-block;    vertical-align: top;}
.width728x90 .rapid-fn img {    max-width: 148px;    width: 100%;    display: block;}
.btn { color: #fff; background: #00abc5; padding: 5px 9px 5px; border-radius: 9px; font-weight: 900; text-transform: uppercase; border: 1px solid #00abc5; font-size: 12px;
 letter-spacing: 0.01em; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;   display: inline-block; font-family: "proxima-nova", sans-serif;     text-decoration: none;}
 .width728x90 .rapid-inner-t sup {    font-size: 26px;}

.width728x90 .btn-postion {    position: absolute;    bottom: 29px;    left: inherit;    right: 184px;    opacity: 1;    transition: all 0.5s ease-in-out;    -webkit-transition: all 0.5s ease-in-out;    -moz-transition: all 0.5s ease-in-out;    -ms-transition: all 0.5s ease-in-out;}
/*
.width728x90 .load-btn{animation: btn-animation 5s ease forwards;  animation-delay: 4s;  opacity: 0; }

@keyframes btn-animation {
 0% {
  opacity: 0;
 }
 100% {
  opacity: 0.3;
 }
}

@-webkit-keyframes btn-animation {
 0% {
  opacity: 0;
 }
 100% {
  opacity: 0.3;
 }
}
.width728x90 .btn-postion:hover{opacity: 1;}
*/

.width728x90 .rapid-cover-color {
	
 background-image: linear-gradient(-180deg, rgba(141, 104, 147, 1) 0%, rgba(46, 39, 93, 1) 100%);
 background-size: 100% 100%;
 -webkit-animation: Gradient 7s ease infinite;
 -moz-animation: Gradient 7s ease infinite;
 animation: Gradient 7s ease infinite;
 background-repeat: no-repeat;
 background-image: -webkit-linear-gradient(-180deg, rgba(141, 104, 147, 1) 0%, rgba(46, 39, 93, 1) 100%);
 background-image: -o-linear-gradient(-180deg, rgba(141, 104, 147, 1) 0%, rgba(46, 39, 93, 1) 100%);
 background-image: -ms-linear-gradient(-180deg, rgba(141, 104, 147, 1) 0%, rgba(46, 39, 93, 1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8d6893', endColorstr='#2e275d', GradientType=1);
 width: 68%; display: inline-block; vertical-align: top; height: 89px;
 }
 /*
 @keyframes Gradient {
 0% {
  background-position: 0% 50%
 }
 50% {
  background-position: 100% 50%
 }
 100% {
  background-position: 0% 50%
 }
}
@-webkit-keyframes Gradient {
 0% {
  background-position: 0% 50%
 }
 50% {
  background-position: 100% 50%
 }
 100% {
  background-position: 0% 50%
 }
}
*/
.width728x90 .title-anima h2 strong { animation: title-animation 3s ease forwards; animation-delay: 0.3s; opacity: 0;}
@keyframes title-animation {
 0% {
  opacity: 0;
 }
 100% {
  opacity: 1;
 }
}

@-webkit-keyframes title-animation {
 0% {
  opacity: 0;
 }
 100% {
  opacity: 1;
 }
} 
/* 728x90 Ads End*/