/* design by vinay sudan april 2016 */

@font-face {
    font-family: funsize;
    src: url(../fonts/funsize.html);
}

@font-face {
    font-family: cursive;
    src: url(../fonts/comic.html);
}

@font-face {
    font-family: Chiller;
    src: url(../fonts/chiller.html);
}


@font-face {
    font-family: frankb;
    src: url(../fonts/frank.html);
}

@font-face {
    font-family: magnolia;
    src: url(../fonts/magnolia-script.html);
}








/* -------------------------------------footer cloud start here------------------------------------- */

.footer .clouds .li-1 {position: absolute;
left: 100px; width: 100px;
height: 46px;
display: inline-block;background: url(../images/creative/cloud.html) no-repeat;
-webkit-animation: footer-clouds 20s linear 1s infinite alternate; /* Chrome, Safari, Opera */
animation: footer-clouds 20s linear 1s infinite alternate;
}

.footer .clouds .li-2 {position: absolute;
left: 300px; width: 75px;
height: 70px;
display: inline-block;background: url(../images/creative/cloud.html) 100% no-repeat;
-webkit-animation: footer-clouds 15s linear 1s infinite alternate; /* Chrome, Safari, Opera */
animation: footer-clouds 15s linear 1s infinite alternate;
}

.footer .clouds .li-3 {position: relative;
right: 100px; width: 100px;
float: right;
height: 46px;
display: inline-block;background: url(../images/creative/cloud.html) no-repeat;
-webkit-animation: footer-clouds-1 20s linear 1s infinite alternate; /* Chrome, Safari, Opera */
animation: footer-clouds-1 20s linear 1s infinite alternate;
}


.footer .clouds .li-4 {position: relative;
right: 200px; width: 75px;
float: right;
height: 70px;
display: inline-block;background: url(../images/creative/cloud.html) 100% no-repeat;
-webkit-animation: footer-clouds-1 15s linear 1s infinite alternate; /* Chrome, Safari, Opera */
animation: footer-clouds-1 15s linear 1s infinite alternate;
}


@-webkit-keyframes footer-clouds {
    0%   {}
    100% { left:200px;}
}

@keyframes footer-clouds {
    0%   {}
    100% { left:200px;}
}

@-webkit-keyframes footer-clouds-1 {
    0%   { right:100px;}
    100% { right:200px;}
}

@keyframes footer-clouds-1 {
    0%   { right:100px;}
    100% { right:200px;}
}

@-webkit-keyframes footer-train {
    0%   { right:-700px;}
    100% { right:100%;}
}

@keyframes footer-train {
     0%   { right:-700px;}
    100% { right:100%;}
}


@-webkit-keyframes dron {
    0%   { top:0px;}
    100% { top:-20%;}
}

@keyframes dron {
     0%   { top:0px;}
    100% { top:-20%;}
}


/*--------------clouds end here --------------*/

/* -------------------------------------footer cloud end here------------------------------------- */


.footer {width: 100%; display: block; float: left; position: relative; margin-top: 0px; z-index: 1;}
.footer .clouds {display: block; width: 80%; left: 10%; right: 10%; position: absolute; top: 0px;}
.footer .left-services {float: left; height: 569px; width: 270px; background: url(../img/footer.png)no-repeat; position: relative; top: 10px;}
.footer .left-services .services {float: left; width: 100%; display: block; margin-top: 200px; margin-left: 100px;}
.footer .left-services .services .list {float: left; width: 100%; font-size: 13px;}
.footer .left-services .services .list .link {float: left; display: block; color: #fff; padding:7px 0px; }
.footer .left-services .services .list .link:hover {padding-left: 10px;}
.footer .right-services .services .list .link:hover {padding-left: 10px;}

.footer .right-services {float: right; height: 569px; width: 270px; background: url(../img/footer.png)no-repeat right;position: relative; top: 10px;}
.footer .right-services .services {float: left; width: 100%; display: block; margin-top: 200px; margin-left: 100px;}
.footer .right-services .services .list {float: left; width: 100%; font-size: 13px;}
.footer .right-services .services .list .link {float: left; display: block; color: #fff;/* line-height: 30px;*/ padding: 7px 0px; }

.footer .train {width: 100%; background: url(../img/footer-bridge.png)repeat-x; display: block; height: 469px; margin-top: 100px;}
.footer .base-road {padding-bottom: 35px; width: 100%; display: block; background: url(../img/footer-road.png)repeat-x top; position: absolute;bottom: 0px; left: 5%; right: 5%; z-index: 1;}
.footer .base-road:before {background: url(../img/footer-m-stone.html)no-repeat; width: 46px; height: 56px; content: ""; position: absolute;top: -43px; left: 400px;}
.footer .base-road:after {background: url(../img/footer-hut.png)no-repeat; width: 108px; height: 119px; content: ""; position: absolute;top: -110px; right: 650px;}

.footer .train .anim-train {position: relative; z-index: -1; top: 37px; right: -700px; width: auto;float: right; display: block; 
	-webkit-animation: footer-train 35s linear 1s infinite; 
animation: footer-train 35s linear 1s infinite;}
.footer .train .anim-train img {display: block;}

.footer .social-media .heading {width: 100%; clear: both; text-align: center; color: #fff;}
.footer .social-media {display: table; width: 30%; float: left; margin-top: 50px;}
.footer .social-media li{display: table-cell; top: 0px; position: relative; transition:all 0.2s; }
.footer .social-media li a {position: relative; transition:all 0.2s;}
.footer .social-media li:hover a{top: -10px; transition:all 0.2s;}
.footer .social-media .fb a{width: 55px; height: 55px; float: left;  background:url(../imgsocial-media.html)no-repeat 0px 0px;}
.footer .social-media .pr a{width: 55px; height: 55px; float: left;  background:url(../imgsocial-media.html)no-repeat -60px 0px;}
.footer .social-media .twt a{width: 55px; height: 55px; float: left;  background:url(../imgsocial-media.html)no-repeat -130px 0px;}
.footer .social-media .rss a{width: 55px; height: 55px; float: left;  background:url(../imgsocial-media.html)no-repeat -200px 0px;}
.footer .social-media .in a{width: 55px; height: 55px; float: left;  background:url(../imgsocial-media.html)no-repeat -260px 0px;}
.footer .social-media .gp a{width: 55px; height: 55px; float: left;  background:url(../imgsocial-media.html)no-repeat -328px 0px;}

.footer .join-details {float: left; width: 70%; padding-left: 50px; margin: 30px 0px;}
.footer .join-details .list {float: left; display: block; width: 33.3%; color: #fff;}
.footer .join-details .list .heading {width: 100%; display: block; font-size: 14px; font-weight: bold;color: #ccc; margin-bottom: 10px;}
.footer .join-details .list .text {width: 100%; display: block; font-size: 12px; color: #888;}

.footer .copyright {padding: 5px; width: 100%; display: block; text-align: center; float: left; background: url(../img/footer-border.html)repeat-x; position: relative; z-index: 1;}
/* ---------------------------------------about us start here --------------------------------------- */