@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,600);

@keyframes color-me-in {
  /* You could think of as "step 1" */
  0% {
    background: #fff;
  }
  /* You could think of as "step 2" */
  100% {
    background: #f2f2f2;
  }
}



/*
 * Start Bootstrap - One Page Wonder (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */


body{
	font-family:'Open Sans', Arial, sans-serif;
	font-weight:300;
	color:#333;
	overflow-x:hidden !important;
	background: #f2f2f2;
    animation: color-me-in 5s; /* other keywords like "infinite alternate" can be useful here */
	margin-top: 20px;
}
h1,h2,h3,h4,h5,h6{
	font-weight:700;
	line-height:1.2em;
	padding-bottom:10px;
}

#map{
	display:inline-block;
	vertical-align:middle;
}

.header-image {
    display: block;
    width: 100%;
    text-align: center;
    background: url('http://placehold.it/1900x500') no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.headline {
    padding: 10px 0;
}

.headline h1 {
    font-size: 30px;
	color:#212b68;
	webkit-animation: fadeInUp 300ms linear 300ms both;
    -moz-animation: fadeInUp 300ms linear 300ms both;
    -o-animation: fadeInUp 300ms linear 300ms both;
    -ms-animation: fadeInUp 300ms linear 300ms both;
    animation: fadeInUp 300ms linear 300ms both;

}

.animated-item-4 {
    -webkit-animation: fadeIn 300ms linear 1200ms both;
    -moz-animation: fadeIn 300ms linear 1200ms both;
    -o-animation: fadeIn 300ms linear 1200ms both;
    -ms-animation: fadeIn 300ms linear 1200ms both;
    animation: fadeIn 300ms linear 1200ms both;
}

.animated-item-5 {
    -webkit-animation: fadeIn 300ms linear 1500ms both;
    -moz-animation: fadeIn 300ms linear 1500ms both;
    -o-animation: fadeIn 300ms linear 1500ms both;
    -ms-animation: fadeIn 300ms linear 1500ms both;
    animation: fadeIn 300ms linear 1500ms both;
}

.animated-item-6 {
    -webkit-animation: fadeIn 300ms linear 1800ms both;
    -moz-animation: fadeIn 300ms linear 1800ms both;
    -o-animation: fadeIn 300ms linear 1800ms both;
    -ms-animation: fadeIn 300ms linear 1800ms both;
    animation: fadeIn 300ms linear 1800ms both;
}

.headline h2 {
    font-size: 77px;
    background: #fff;
}

.headline p{
	font-size:14px;
	font-weight:400;
	line-height:25px;
	text-align:justify;
	-webkit-animation: fadeInUp 300ms linear 600ms both;
    -moz-animation: fadeInUp 300ms linear 600ms both;
    -o-animation: fadeInUp 300ms linear 600ms both;
    -ms-animation: fadeInUp 300ms linear 600ms both;
    animation: fadeInUp 300ms linear 600ms both;
}

.button {
    /*background-color: #4CAF50;  Green */
	border: 1px solid #f15623;
    color: #f15623;
    padding: 8px 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
	font-weight:400;
	webkit-animation: fadeInUp 300ms linear 900ms both;
    -moz-animation: fadeInUp 300ms linear 900ms both;
    -o-animation: fadeInUp 300ms linear 900ms both;
    -ms-animation: fadeInUp 300ms linear 900ms both;
    animation: fadeInUp 300ms linear 900ms both;
}

.button a:hover{
	color: #f15623 !Important;
}

.featurette-divider {
    margin: 80px 0;
}

.featurette {
    overflow: hidden;
}

.featurette-image.pull-left {
    margin-right: 40px;
}

.featurette-image.pull-right {
    margin-left: 40px;
}

.featurette-image.pull-right > img{
	width:100%;
}

.featurette-heading {
    font-size: 50px;
}

footer {
    margin: 50px 0;
}

@media(max-width:1200px) {
    

    .featurette-divider {
        margin: 50px 0;
    }

    .featurette-image.pull-left {
        margin-right: 20px;
    }

    .featurette-image.pull-right {
        margin-left: 20px;
    }

    .featurette-heading {
        font-size: 35px;
    }
}

@media(max-width:991px) {
  

    .featurette-divider {
        margin: 40px 0;
    }

    .featurette-image {
        max-width: 50%;
    }

    .featurette-image.pull-left {
        margin-right: 10px;
    }

    .featurette-image.pull-right {
        margin-left: 10px;
    }

    .featurette-heading {
        font-size: 30px;
    }
}

@media(max-width:768px) {
    .container {
        margin: 0 15px;
    }

    .featurette-divider {
        margin: 40px 0;
    }

    .featurette-heading {
        font-size: 25px;
    }
}

@media(max-width:668px) {
  

    .featurette-divider {
        margin: 30px 0;
    }
}

@media(max-width:640px) {
    .headline {
        padding: 75px 0 25px 0;
    }

    .headline h1 {
        font-size: 30px;
    }

    .headline h2 {
        font-size: 30px;
    }
}

@media(max-width:1024px) {
    .headline {
        padding: 10px 0 25px 0;
    }

    .headline h1 {
        font-size: 30px;
    }

    .headline h2 {
        font-size: 30px;
    }
}

@media(max-width:375px) {
    .featurette-divider {
        margin: 10px 0;
    }

    .featurette-image {
        max-width: 100%;
    }

    .featurette-image.pull-left {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .featurette-image.pull-right {
        margin-bottom: 10px;
        margin-left: 0;
    }
}

.map-wrapper{
	position:relative;
	width:100%;
	margin:10px 0;
}

.map-wrapper .marker-one{
	position:absolute;
	 top: 300px;
    right: 120px
}

.map-wrapper .location1 {
    position: absolute;
    max-width: 200px;
    top: 60%;
    left: 73%;
    color: #FFF;
    padding: 5px 10px;
}

.map-wrapper .location2 {
    position: absolute;
    max-width: 200px;
    top: 15%;
    left: 55%;
    color: #FFF;
    padding: 5px 10px;
}

.v-counter .count-number {
    font-size: 50px;
    font-weight: 500;
    color: #4a4a4a;
}

.v-counter .count-divider {
    width: 100%;
    text-align: center;
    height: 1px;
    margin-top: 15px;
    margin-bottom: 20px;
}

.v-counter .count-divider span {
    background: #e4e4e4;
    width: 0px;
    height: 3px;
    display: inline-block;
}


@media (min-width: 768px) {
#shiva
	{
	  width: 200px;
	  height: 95px;
	 /*border:1px solid #ed5625;
	  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	  border-radius: 3px;*/
	  float:left;
	  margin:5px;
	  text-align:center;
	}
}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
#shiva
	{
	  width: 140px;
	  height: 95px;
	 /*border:1px solid #ed5625;
	  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	  border-radius: 3px;*/
	  float:left;
	  margin:5px;
	  text-align:center;
}
}


.count
{
 
  color:#ed5625;
  font-weight:400;

  /*margin-left:30px;*/
  font-size:36px;
}
#talkbubble {
   width: 120px;
   height: 80px;
   background: red;
   position: relative;
   -moz-border-radius:    10px;
   -webkit-border-radius: 10px;
   border-radius:         10px;
  float:left;
  margin:20px;
}
#talkbubble:before {
   content:"";
   position: absolute;
   right: 100%;
   top: 26px;
   width: 0;
   height: 0;
   border-top: 13px solid transparent;
   border-right: 26px solid red;
   border-bottom: 13px solid transparent;
}

.linker
{
  font-size : 20px;
  font-color: black;
}