.navback
{
  
    height:30px;
    }

.borderright
{
    border-left: 1px solid gray;
}
.marginright
{
    padding-right: 10px;
}
.lblfooter
{
    color: White !important;
}
.lblfooter:hover
{
    margin-right: 7px;
    color: #fecdfb;
    -moz-transition-property: color; /* FF4+ */
    -moz-transition-duration: 1s;
    -webkit-transition-property: color; /* Saf3.2+, Chrome */
    -webkit-transition-duration: 1s;
    -o-transition-property: color; /* Opera 10.5+ */
    -o-transition-duration: 1s;
    -ms-transition-property: color; /* IE10? */
    -ms-transition-duration: 1s;
    transition-property: color; /* Standard */
    transition-duration: 1s;
}


.backAbout
{
    background: rgba(212,228,239,1);
    background: -moz-linear-gradient(45deg, rgba(212,228,239,1) 0%, rgba(237,211,235,1) 26%, rgba(222,165,188,1) 59%, rgba(240,218,227,1) 84%, rgba(193,207,217,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(212,228,239,1)), color-stop(26%, rgba(237,211,235,1)), color-stop(59%, rgba(222,165,188,1)), color-stop(84%, rgba(240,218,227,1)), color-stop(100%, rgba(193,207,217,1)));
    background: -webkit-linear-gradient(45deg, rgba(212,228,239,1) 0%, rgba(237,211,235,1) 26%, rgba(222,165,188,1) 59%, rgba(240,218,227,1) 84%, rgba(193,207,217,1) 100%);
    background: -o-linear-gradient(45deg, rgba(212,228,239,1) 0%, rgba(237,211,235,1) 26%, rgba(222,165,188,1) 59%, rgba(240,218,227,1) 84%, rgba(193,207,217,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(212,228,239,1) 0%, rgba(237,211,235,1) 26%, rgba(222,165,188,1) 59%, rgba(240,218,227,1) 84%, rgba(193,207,217,1) 100%);
    background: linear-gradient(45deg, rgba(212,228,239,1) 0%, rgba(237,211,235,1) 26%, rgba(222,165,188,1) 59%, rgba(240,218,227,1) 84%, rgba(193,207,217,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e4ef', endColorstr='#c1cfd9', GradientType=1 );
}

.center
{
    margin-right: auto;
    margin-left: auto;
    vertical-align: middle;
    text-align: center;
}
.backImg
{
    background-image: url("../images/rp-homebg1.jpg");
    background-repeat: inherit;
    background-position: center;
    padding: 80px;
    width: 100% !important;
}
.img-block
{
    margin-top: -60px;
}
.img-block:hover
{
    transform: rotate(-7deg); /* CSS3 */
    -moz-transform: rotate(-7deg); /* Firefox */
    -webkit-transform: rotate(-7deg); /* Webkit */
    -o-transform: rotate(-7deg); /* Opera */
    -ms-transform: rotate(-7deg); /* IE 9 */
}

.circleabout
{
    width: 100px;
    height: 100px;
    background-color: gray;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    z-index: 999;
    position: absolute;
}
.backgray
{
    background-color: #4a4949;
}
.backblack
{
    background-color: #555758;
}
.fontblack
{
    color: Black;
}
.imgShadow
{
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
}

.marginbotton20
{
    margin-bottom: 20px;
}
.margintop20
{
    margin-top: 20px;
}
.marginright20
{
    margin-right: 20px;
}



.justify
{
    text-align: justify;
}


.textWhite
{
    color: White !important;
}
.font15
{
    font-size: 15px;
}
.sizefooter
{
    padding: 40px;
}
.lablefooter
{
    color: #e3e3e3;
    text-align: center;
}
.linefooter
{
}
.fontblock
{
    color: Black;
}
.fontblock:hover
{
    color: #782A9D;
    -moz-transition-property: color; /* FF4+ */
    -moz-transition-duration: 1s;
    -webkit-transition-property: color; /* Saf3.2+, Chrome */
    -webkit-transition-duration: 1s;
    -o-transition-property: color; /* Opera 10.5+ */
    -o-transition-duration: 1s;
    -ms-transition-property: color; /* IE10? */
    -ms-transition-duration: 1s;
    transition-property: color; /* Standard */
    transition-duration: 1s;
}

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

    .sc_image img
    {
        display: none;
    }

}

.font20
{
    font-size: 20px;
}
.fontwhite
{
    color: White;
}
.fontwhite:hover
{
    color: #e3e3e3;
}
@media screen and (max-width: 600px){
.desplaynone
{
      display: none;
    }
}
/*effectblock*/
.grid {
	max-width: 69em;
	list-style: none;
	margin: 30px auto;
	padding: 0;
}

.grid li {
	display: block;
	float: left;
	padding: 7px;
	opacity: 0;
}

.grid li.shown,
.no-js .grid li,
.no-cssanimations .grid li {
	opacity: 1;
}

.grid li a,
.grid li img {
	outline: none;
	border: none;
	display: block;
	max-width: 100%;
}

/* Effect 1: opacity */
.grid.effect-1 li.animate {
	-webkit-animation: fadeIn 0.65s ease forwards;
	animation: fadeIn 0.65s ease forwards;
}

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

@keyframes fadeIn {
	0% { }
	100% { opacity: 1; }
}

/* Effect 2: Move Up */
.grid.effect-2 li.animate {
	-webkit-transform: translateY(200px);
	transform: translateY(200px);
	-webkit-animation: moveUp 0.65s ease forwards;
	animation: moveUp 0.65s ease forwards;
}

@-webkit-keyframes moveUp {
	0% { }
	100% { -webkit-transform: translateY(0); opacity: 1; }
}

@keyframes moveUp {
	0% { }
	100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
}

/* Effect 3: Scale up */
.grid.effect-3 li.animate {
	-webkit-transform: scale(0.6);
	transform: scale(0.6);
	-webkit-animation: scaleUp 0.65s ease-in-out forwards;
	animation: scaleUp 0.65s ease-in-out forwards;
}

@-webkit-keyframes scaleUp {
	0% { }
	100% { -webkit-transform: scale(1); opacity: 1; }
}

@keyframes scaleUp {
	0% { }
	100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
}

/* Effect 4: fall perspective */
.grid.effect-4 {
	-webkit-perspective: 1300px;
	perspective: 1300px;
}

.grid.effect-4 li.animate {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(400px) translateY(300px) rotateX(-90deg);
	transform: translateZ(400px) translateY(300px) rotateX(-90deg);
	-webkit-animation: fallPerspective .8s ease-in-out forwards;
	animation: fallPerspective .8s ease-in-out forwards;
}

@-webkit-keyframes fallPerspective {
	0% { }
	100% { -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
}

@keyframes fallPerspective {
	0% { }
	100% { -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg); transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
}

/* Effect 5: fly (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.grid.effect-5 {
	-webkit-perspective: 1300px;
	perspective: 1300px;
}

.grid.effect-5 li.animate {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 50% 50% -300px;
	transform-origin: 50% 50% -300px;
	-webkit-transform: rotateX(-180deg);
	transform: rotateX(-180deg);
	-webkit-animation: fly .8s ease-in-out forwards;
	animation: fly .8s ease-in-out forwards;
}

@-webkit-keyframes fly {
	0% { }
	100% { -webkit-transform: rotateX(0deg); opacity: 1; }
}

@keyframes fly {
	0% { }
	100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; }
}

/* Effect 6: flip (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.grid.effect-6 {
	-webkit-perspective: 1300px;
	perspective: 1300px;
}

.grid.effect-6 li.animate {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	-webkit-transform: rotateX(-80deg);
	transform: rotateX(-80deg);
	-webkit-animation: flip .8s ease-in-out forwards;
	animation: flip .8s ease-in-out forwards;
}

@-webkit-keyframes flip {
	0% { }
	100% { -webkit-transform: rotateX(0deg); opacity: 1; }
}

@keyframes flip {
	0% { }
	100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; }
}

/* Effect 7: helix (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.grid.effect-7 {
	-webkit-perspective: 1300px;
	perspective: 1300px;
}

.grid.effect-7 li.animate {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
	-webkit-animation: helix .8s ease-in-out forwards;
	animation: helix .8s ease-in-out forwards;
}

@-webkit-keyframes helix {
	0% { }
	100% { -webkit-transform: rotateY(0deg); opacity: 1; }
}

@keyframes helix {
	0% { }
	100% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; }
}

/* Effect 8:  */
.grid.effect-8 {
	-webkit-perspective: 1300px;
	perspective: 1300px;
}

.grid.effect-8 li.animate {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: scale(0.4);
	transform: scale(0.4);
	-webkit-animation: popUp .8s ease-in forwards;
	animation: popUp .8s ease-in forwards;
}

@-webkit-keyframes popUp {
	0% { }
	70% { -webkit-transform: scale(1.1); opacity: .8; -webkit-animation-timing-function: ease-out; }
	100% { -webkit-transform: scale(1); opacity: 1; }
}

@keyframes popUp {
	0% { }
	70% { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: .8; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
	100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
}

@media screen and (max-width: 900px) {
	.grid li {
		width: 50%;
	}
}

@media screen and (max-width: 400px) {
	.grid li {
		width: 100%;
	}
}

/*effectblock*/
/*menu*/
.dropdowns nav, .dropdowns ul, .dropdowns li, .dropdowns a
{
    margin: 0;
    padding: 0;
}

.dropdowns a
{
    text-decoration: none;
}

.toggleMenu
{
    display: none;
}
.nav
{
    list-style: none;
}
.nav:before, .nav:after
{
    content: " ";
    display: table;
}
.nav:after
{
    clear: both;
}
.nav ul
{
    list-style: none;
}
.nav a
{
    padding: 10px;
}
.nav li
{
    position: relative;
}
.nav > li
{
    float: right;
}
.nav > li > .parent
{
    background-repeat: no-repeat;
    background-position: right;
}
.nav > li > a
{
    display: block;
}
.nav li ul
{
    position: absolute;
    right: -9999px;
}
.nav > li.hover > ul
{
    right: 0;
}
.nav li li.hover ul
{
    right: 100%;
    top: 0;
}
.nav li li a
{
    display: block;
    position: relative;
    z-index: 100;
}
.nav li li li a
{
    z-index: 200;
}

@media screen and (max-width: 768px)
{
    .active
    {
        display: block;
    }
    .nav > li
    {
        float: none;
    }
    .nav > li > .parent
    {
        background-position: 95% 50%;
    }
    .nav li li .parent
    {
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul
    {
        display: block;
        width: 100%;
    }
    .nav > li.hover > ul, .nav li li.hover ul
    {
        position: static;
    }

}


/* togle menu button for narrow screens */
.toggleMenu
{
    background: #000;
    color: #fff;
}

/* general navigation background colors */
.nav
{
    background: #000;
    color: White;
    opacity:.8;
    
}

/* general navigation link font color */
.nav a
{
    color: #fff;
}

/* first level items borders */
.nav > li
{
}

/* navigation hover colors */
.nav a:hover
{
    background-color: #000;
    color:black;
}

/* second level navigation colors */
.nav li li a
{
    background: gray;
    border-bottom:1px solid #e3e3e3;
}

/* third level navigation colors */
.nav li li li a
{
    background: #000;
}

/* ---------------- */
/*      layout      */
/* -----------------*/

/* main div */
.dropdowns
{
    width: auto;
}

/* small screens menu button */
a.toggleMenu
{
    padding: 10px 0;
    width: 100%;
    text-align: center;
}

/* second and third level menus */
.nav ul
{
    width: 9em;
}

/* general paddings and other stuff */
.nav a
{
    padding: 15px 15px;
}

/* parents that have submenus */
.nav > li > .parent
{
    padding-right: 25px;
    background-position: 90% 50%;
}

/* small screen adjustments*/
@media screen and (max-width: 768px)
{
    .nav ul
    {
        width: 100%;
    }
}

/* layout */
.dropdowns
{
    width: 100% !important;
    margin: 10px auto;
}

a.toggleMenu
{
    padding: 10px 15px;
}

.nav ul
{
    width: 10em;
}
/*effect*/
@media ( min-width:1000px )
{
    .submenu
    {
        left: 0;
        max-height: 0;
        position: absolute;
        top: 100%;
        z-index: 0;
        -webkit-perspective: 400px;
        -moz-perspective: 400px;
        -ms-perspective: 400px;
        -o-perspective: 400px;
        perspective: 400px;
    }
    .submenu li
    {
        opacity: 0;
        -webkit-transform: rotateY(90deg);
        -moz-transform: rotateY(90deg);
        -ms-transform: rotateY(90deg);
        -o-transform: rotateY(90deg);
        transform: rotateY(90deg);
        -webkit-transition: opacity .4s, -webkit-transform .5s;
        -moz-transition: opacity .4s, -moz-transform .5s;
        -ms-transition: opacity .4s, -ms-transform .5s;
        -o-transition: opacity .4s, -o-transform .5s;
        transition: opacity .4s, transform .5s;
    }
    .menu .submenu li:hover a
    {
        color: #ffffff;
    }
    .menu > li:hover .submenu, .menu > li:focus .submenu
    {
        max-height: 2000px;
        z-index: 10;
    }
    .menu > li:hover .submenu li, .menu > li:focus .submenu li
    {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    /* CSS3 delays for transition effects */
    .menu li:hover .submenu li:nth-child(1)
    {
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        -ms-transition-delay: 0s;
        -o-transition-delay: 0s;
        transition-delay: 0s;
    }
    .menu li:hover .submenu li:nth-child(2)
    {
        -webkit-transition-delay: 50ms;
        -moz-transition-delay: 50ms;
        -ms-transition-delay: 50ms;
        -o-transition-delay: 50ms;
        transition-delay: 50ms;
    }
    .menu li:hover .submenu li:nth-child(3)
    {
        -webkit-transition-delay: 100ms;
        -moz-transition-delay: 100ms;
        -ms-transition-delay: 100ms;
        -o-transition-delay: 100ms;
        transition-delay: 100ms;
    }
    .menu li:hover .submenu li:nth-child(4)
    {
        -webkit-transition-delay: 150ms;
        -moz-transition-delay: 150ms;
        -ms-transition-delay: 150ms;
        -o-transition-delay: 150ms;
        transition-delay: 150ms;
    }
    .menu li:hover .submenu li:nth-child(5)
    {
        -webkit-transition-delay: 200ms;
        -moz-transition-delay: 200ms;
        -ms-transition-delay: 200ms;
        -o-transition-delay: 200ms;
        transition-delay: 200ms;
    }
    .menu li:hover .submenu li:nth-child(6)
    {
        -webkit-transition-delay: 250ms;
        -moz-transition-delay: 250ms;
        -ms-transition-delay: 250ms;
        -o-transition-delay: 250ms;
        transition-delay: 250ms;
    }
    .menu li:hover .submenu li:nth-child(7)
    {
        -webkit-transition-delay: 300ms;
        -moz-transition-delay: 300ms;
        -ms-transition-delay: 300ms;
        -o-transition-delay: 300ms;
        transition-delay: 300ms;
    }
    .menu li:hover .submenu li:nth-child(8)
    {
        -webkit-transition-delay: 350ms;
        -moz-transition-delay: 350ms;
        -ms-transition-delay: 350ms;
        -o-transition-delay: 350ms;
        transition-delay: 350ms;
    }

    .submenu li:nth-child(1)
    {
        -webkit-transition-delay: 350ms;
        -moz-transition-delay: 350ms;
        -ms-transition-delay: 350ms;
        -o-transition-delay: 350ms;
        transition-delay: 350ms;
    }
    .submenu li:nth-child(2)
    {
        -webkit-transition-delay: 300ms;
        -moz-transition-delay: 300ms;
        -ms-transition-delay: 300ms;
        -o-transition-delay: 300ms;
        transition-delay: 300ms;
    }
    .submenu li:nth-child(3)
    {
        -webkit-transition-delay: 250ms;
        -moz-transition-delay: 250ms;
        -ms-transition-delay: 250ms;
        -o-transition-delay: 250ms;
        transition-delay: 250ms;
    }
    .submenu li:nth-child(4)
    {
        -webkit-transition-delay: 200ms;
        -moz-transition-delay: 200ms;
        -ms-transition-delay: 200ms;
        -o-transition-delay: 200ms;
        transition-delay: 200ms;
    }
    .submenu li:nth-child(5)
    {
        -webkit-transition-delay: 150ms;
        -moz-transition-delay: 150ms;
        -ms-transition-delay: 150ms;
        -o-transition-delay: 150ms;
        transition-delay: 150ms;
    }
    .submenu li:nth-child(6)
    {
        -webkit-transition-delay: 100ms;
        -moz-transition-delay: 100ms;
        -ms-transition-delay: 100ms;
        -o-transition-delay: 100ms;
        transition-delay: 100ms;
    }
    .submenu li:nth-child(7)
    {
        -webkit-transition-delay: 50ms;
        -moz-transition-delay: 50ms;
        -ms-transition-delay: 50ms;
        -o-transition-delay: 50ms;
        transition-delay: 50ms;
    }
    .submenu li:nth-child(8)
    {
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        -ms-transition-delay: 0s;
        -o-transition-delay: 0s;
        transition-delay: 0s;
    }




/*menu*/