/*!
 * Start Bootstrap - Shop Homepage HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
   background-color:#ffff00;
}

.leftplen {
   background: url(../images/leftmetro.png) no-repeat; 
	text-align:left;
}
.rightplen {
   background: url(../images/rightmetro.png) no-repeat; 
 	float:right;
}




.slide-image {
    width: 100%;
}

.carousel-holder {
    margin-bottom: 30px;
}

.carousel-control,
.item {
    border-radius: 4px;
}

.caption {
    height: 130px;
    overflow: hidden;
}

.caption h4 {
    white-space: nowrap;
}

.thumbnail img {
    width: 100%;
}

.ratings {
    padding-right: 10px;
    padding-left: 10px;
    color: #d17581;
}

.thumbnail {
    padding: 0;
}

.thumbnail .caption-full {
    padding: 9px;
    color: #333;
}

footer {
    margin: 50px 0;
}

.feature-wrap span {
	font-size:100px;
    height: 400px;
    width: 400px;
    margin-left: 30px;
    border-radius: 100%;
    text-align: center;
    background: rgba(255, 255, 255, 0.90);
    color: rgba(21, 21, 21, 0.77);
    border: 30px solid rgba(255, 255, 255, 0.18);
    -webkit-transition: 500ms;
    -moz-transition: 500ms;
    -o-transition: 500ms;
    transition: 500ms;
    margin-right: 25px;
}
.feature-wrap1 span {
	font-size:100px;
    height: 400px;
    width: 400px;
    margin: 3px;
    border-radius: 100%;
    text-align: center;
    background: rgba(214, 85, 85, 0.9);
	
    color: #FFF;
    border: 30px solid rgba(210, 102, 102, 0.18);
    -webkit-transition: 500ms;
    -moz-transition: 500ms;
    -o-transition: 500ms;
    transition: 500ms;
    margin-right: 25px;
}
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }

.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(http://smallenvelop.com/wp-content/uploads/2014/08/Preloader_9.gif) center no-repeat #fff;
}

.main_header1 {
	background: rgba(255, 255, 255, 0.25 ) ;
    border: 1px solid #d5d5d5;
	color:#333;
	text-align:center;
	padding: 2px ;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
 border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
border-top-right-radius: 10px;
 

}


.main_header {
	background: /*rgba(255, 255, 255, 0.25) ; background: #3f76eb;*/   url(../images/flag.png) 50% 100% no-repeat;
    border: 1px solid #d5d5d5;
	color:#333;
	text-align:center;
	/*padding: 10px 40px;*/
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
 border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
border-top-right-radius: 10px;
color:#fff;
 text-shadow: 1px 1px #1D1D1D;

}



.header_two{
	    background: #83210b;
    border: 1px solid #83210b;
	color:#fff;
	text-align:center;
	padding: 10px 40px;
	-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
 border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
border-top-right-radius: 5px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
border-bottom-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
border-bottom-left-radius: 10px;
}




.box1 {
	background:#fff;
	border:1px solid #d5d5d5;
	height:400px;
}



.header h2{
	font-size:35px;
}





/*Animation start from here*/

.box {
	 background:  url(../images/pot.png) no-repeat; 
 
  margin-left:35px;
  width: 100%;
  height: 300px;
  position: relative;
  border-radius: 5px;
}
.box abbr {
   display: block;
    width: 50px;
    height: 50px;
    font-size: 35px;
    font-weight: bold;
    border-radius: 50%;
    background: radial-gradient(circle at 25px 25px, #FF00BF, #999);
    background-color: rgba(193, 95, 12, 0.82);
    box-shadow: inset -12px -4px 5px rgba(0, 0, 0, 0.15), 5px 5px 2px rgba(0,0,0,.04);
    position: absolute;
  -webkit-animation: moveX 2.05s linear 0s infinite alternate, moveY 7.6s linear 0s infinite alternate;
  -moz-animation: moveX 2.05s linear 0s infinite alternate, moveY 6.3s linear 0s infinite alternate;
  -o-animation: moveX 2.05s linear 0s infinite alternate, moveY 12.6s linear 0s infinite alternate;
  animation: moveX 2.05s linear 0s infinite alternate, moveY 8.4s linear 0s infinite alternate;
}


.box p {
   display: block;
    width: 50px;
    height: 50px;
    font-size: 35px;
    font-weight: bold;
    border-radius: 50%;
    background: radial-gradient(circle at 25px 25px, #2E2EFE, #999);
    background-color: rgba(193, 95, 12, 0.82);
    box-shadow: inset -12px -4px 5px rgba(0, 0, 0, 0.15), 5px 5px 2px rgba(0,0,0,.04);
    position: absolute;
  -webkit-animation: moveX 2.80s linear 0s infinite alternate, moveY 8.5s linear 0s infinite alternate;
  -moz-animation: moveX 2.80s linear 0s infinite alternate, moveY 3.6s linear 0s infinite alternate;
  -o-animation: moveX 2.80s linear 0s infinite alternate, moveY 5.2s linear 0s infinite alternate;
  animation: moveX 2.80s linear 0s infinite alternate, moveY 5.9s linear 0s infinite alternate;
}

.box p1 {
     display: block;
    width: 50px;
    height: 50px;
    font-size: 35px;
    font-weight: bold;
    border-radius: 50%;
    background: radial-gradient(circle at 25px 25px, #58FA58, #999);
    background-color: rgba(193, 95, 12, 0.82);
    box-shadow: inset -12px -4px 5px rgba(0, 0, 0, 0.15), 5px 5px 2px rgba(0,0,0,.04);
    position: absolute;
    -webkit-animation: moveX 2.10s linear 0s infinite alternate, moveY 4.1s linear 0s infinite alternate;
    -moz-animation: moveX 2.10s linear 0s infinite alternate, moveY 2.5s linear 0s infinite alternate;
    -o-animation: moveX 2.10s linear 0s infinite alternate, moveY 3.8s linear 0s infinite alternate;
    animation: moveX 2.10s linear 0s infinite alternate, moveY 3.4s linear 0s infinite alternate;
}

.box p2 {
  display: block;
    width: 50px;
    height: 50px;
    font-size: 35px;
    font-weight: bold;
    border-radius: 50%;
    background: radial-gradient(circle at 25px 25px, #a784ec, #999);
    background-color: rgba(193, 95, 12, 0.82);
    box-shadow: inset -12px -4px 5px rgba(0, 0, 0, 0.15), 5px 5px 2px rgba(0,0,0,.04);
    position: absolute;
  -webkit-animation: moveX 1.09s linear 0s infinite alternate, moveY 6.8s linear 0s infinite alternate;
  -moz-animation: moveX 1.09s linear 0s infinite alternate, moveY 8.9s linear 0s infinite alternate;
  -o-animation: moveX 1.09s linear 0s infinite alternate, moveY 8.6s linear 0s infinite alternate;
  animation: moveX 1.09s linear 0s infinite alternate, moveY 7.2s linear 0s infinite alternate;
}
.box p3 {
  display: block;
    width: 50px;
    height: 50px;
    font-size: 35px;
    font-weight: bold;
    border-radius: 50%;
    background: radial-gradient(circle at 25px 25px, #CC6, #09F);
    background-color: rgba(193, 95, 12, 0.82);
    box-shadow: inset -12px -4px 5px rgba(0, 0, 0, 0.15), 5px 5px 2px rgba(0,0,0,.04);
    position: absolute;
  -webkit-animation: moveX 2.09s linear 0s infinite alternate, moveY 7.8s linear 0s infinite alternate;
  -moz-animation: moveX 2.09s linear 0s infinite alternate, moveY 8.9s linear 0s infinite alternate;
  -o-animation: moveX 2.09s linear 0s infinite alternate, moveY 9.6s linear 0s infinite alternate;
  animation: moveX 2.09s linear 0s infinite alternate, moveY 10.2s linear 0s infinite alternate;
}
.box p4 {
  display: block;
    width: 50px;
    height: 50px;
    font-size: 35px;
    font-weight: bold;
    border-radius: 50%;
    background: radial-gradient(circle at 25px 25px, #393, #999);
    background-color: rgba(193, 95, 12, 0.82);
    box-shadow: inset -12px -4px 5px rgba(0, 0, 0, 0.15), 5px 5px 2px rgba(0,0,0,.04);
    position: absolute;
  -webkit-animation: moveX 1.9s linear 0s infinite alternate, moveY 1.8s linear 0s infinite alternate;
  -moz-animation: moveX 1.9s linear 0s infinite alternate, moveY 4.9s linear 0s infinite alternate;
  -o-animation: moveX 1.9s linear 0s infinite alternate, moveY 5.6s linear 0s infinite alternate;
  animation: moveX 1.9s linear 0s infinite alternate, moveY 8.2s linear 0s infinite alternate;
}
.box p5 {
  display: block;
    width: 50px;
    height: 50px;
    font-size: 35px;
    font-weight: bold;
    border-radius: 50%;
    background: radial-gradient(circle at 25px 25px, #FF0, #999);
    background-color: rgba(193, 95, 12, 0.82);
    box-shadow: inset -12px -4px 5px rgba(0, 0, 0, 0.15), 5px 5px 2px rgba(0,0,0,.04);
    position: absolute;
  -webkit-animation: moveX 0.9s linear 0s infinite alternate, moveY 12.8s linear 0s infinite alternate;
  -moz-animation: moveX 0.9s linear 0s infinite alternate, moveY 13.9s linear 0s infinite alternate;
  -o-animation: moveX 0.9s linear 0s infinite alternate, moveY 14.6s linear 0s infinite alternate;
  animation: moveX 0.9s linear 0s infinite alternate, moveY 9.2s linear 0s infinite alternate;
}

.box p6 {
  display: block;
    width: 50px;
    height: 50px;
    font-size: 35px;
    font-weight: bold;
    border-radius: 50%;
    background: radial-gradient(circle at 25px 25px, #F30, #999);
    background-color: rgba(193, 95, 12, 0.82);
    box-shadow: inset -12px -4px 5px rgba(0, 0, 0, 0.15), 5px 5px 2px rgba(0,0,0,.04);
    position: absolute;
  -webkit-animation: moveX 3.9s linear 0s infinite alternate, moveY 12.8s linear 0s infinite alternate;
  -moz-animation: moveX 3.9s linear 0s infinite alternate, moveY 13.9s linear 0s infinite alternate;
  -o-animation: moveX 3.9s linear 0s infinite alternate, moveY 14.6s linear 0s infinite alternate;
  animation: moveX 3.9s linear 0s infinite alternate, moveY 9.2s linear 0s infinite alternate;
}
.box p7 {
   display: block;
    width: 50px;
    height: 50px;
    font-size: 35px;
	color:#CCC;
    font-weight: bold;
    border-radius: 50%;
    background: radial-gradient(circle at 25px 25px, #30C, #3FF);
    background-color: rgba(193, 95, 12, 0.82);
    box-shadow: inset -12px -4px 5px rgba(0, 0, 0, 0.15), 5px 5px 2px rgba(0,0,0,.04);
    position: absolute;
  -webkit-animation: moveX 1.9s linear 0s infinite alternate, moveY 4.8s linear 0s infinite alternate;
  -moz-animation: moveX 1.9s linear 0s infinite alternate, moveY 3.9s linear 0s infinite alternate;
  -o-animation: moveX 1.9s linear 0s infinite alternate, moveY 2.6s linear 0s infinite alternate;
  animation: moveX 1.9s linear 0s infinite alternate, moveY 5.2s linear 0s infinite alternate;
}
.box p8 {
 display: block;
    width: 50px;
    height: 50px;
    font-size: 35px;
	color:#F00;
    font-weight: bold;
    border-radius: 50%;
    background: radial-gradient(circle at 25px 25px, #FFF, #3FF);
    background-color: rgba(193, 95, 12, 0.82);
    box-shadow: inset -12px -4px 5px rgba(0, 0, 0, 0.15), 5px 5px 2px rgba(0,0,0,.04);
    position: absolute;
  -webkit-animation: moveX 7.9s linear 0s infinite alternate, moveY 0.8s linear 0s infinite alternate;
  -moz-animation: moveX 6.9s linear 0s infinite alternate, moveY 3.9s linear 0s infinite alternate;
  -o-animation: moveX 5.9s linear 0s infinite alternate, moveY 2.6s linear 0s infinite alternate;
  animation: moveX 2.9s linear 0s infinite alternate, moveY 8.2s linear 0s infinite alternate;
}

@-webkit-keyframes moveX {
  from { left: 50px; } to { left: 220px; }
}
@-moz-keyframes moveX {
  from { left: 50px; } to { left: 220px; }
}
@-o-keyframes moveX {
  from { left: 50px; } to { left: 220px; }
}
@keyframes moveX {
  from { left: 50px; } to { left: 220px; }
}


@-webkit-keyframes moveY {
  from { top: 35px; } to { top: 170px; }
}
@-moz-keyframes moveY {
  from { top: 35px; } to { top: 170px; }
}
@-o-keyframes moveY {
  from { top: 35px; } to { top: 170px; }
}
@keyframes moveY {
  from { top: 35px; } to { top: 170px; }
}
/*Animation End  here*/

.movetop{ margin-top: -200px;}