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


/*************************
*******Typography******
**************************/

body {
  background: url(../images/bg.jpg) no-repeat top center;
font-family: 'Patrick Hand', cursive, sans-serif;
  color:#4e4e4e;
  line-height: 22px;
}


p{ font-size:16px;}
.subpage {
	background: url(../images/bg-sub.jpg) no-repeat top center;
	}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600; 
  font-family: 'Open Sans', sans-serif;
  color:#4e4e4e;
}

h1{
  font-size: 36px;
  color:#fff;
}

h2{
  font-size: 20px;
}

h3{
  font-size: 16px;
  color: #787878;
  font-weight: 400;
  line-height: 24px;
}

h4{
  font-size: 16px;
}

a {
  color: #c52d2f;
  -webkit-transition: color 300ms, background-color 300ms;
  -moz-transition: color 300ms, background-color 300ms;
  -o-transition:  color 300ms, background-color 300ms;
  transition:  color 300ms, background-color 300ms;
}

a:hover, a:focus {
  color: #d43133;
}

hr {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #fff;
}


.btn-primary {
  padding: 8px 20px;
  background: #c52d2f;
  color: #fff;
  border-radius: 4px;
  border:none;
  margin-top: 10px;
}


.btn-primary:hover, 
.btn-primary:focus{
  background: #c52d2f;
  outline: none;
  box-shadow: none;
} 

.btn-transparent {
  border: 3px solid #fff;
  background: transparent;
  color: #fff;
}

.btn-transparent:hover {
  border-color: rgba(255, 255, 255, 0.5);
}

a:hover,
a:focus {
  color: #111;
  text-decoration: none;
  outline: none;
}

.dropdown-menu {
  margin-top: -1px;
  min-width: 180px;
}

.center h2{
  font-size: 36px;
  margin-top: 0;
  margin-bottom: 20px;
}

.media>.pull-left{
  margin-right: 20px;
}

.media>.pull-right{
  margin-left: 20px;
}

body > section {
  padding: 0px 0 70px 0;

  
}

.center {
  text-align: center;
  padding-bottom: 55px;
}

.scaleIn {
  -webkit-animation-name: scaleIn;
  animation-name: scaleIn;
}

.lead{
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.transparent-bg {
  background-color: transparent !important;
  margin-bottom: 0;
}

@-webkit-keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}


/*************************
*******Header******
**************************/

#header .search{
  display: inline-block;
}

.navbar>.container .navbar-brand{
  margin-left: 0;
}

.top-bar {
  padding: 10px 0;
  background:#62c0fd  url(../images/bg-top.png) no-repeat  bottom center;
 
  line-height: 28px;
}

.top-number{
  color: #fff;
}

.top-number p{
  margin: 0
}

.social{
  text-align: right;
}

.social-share{
 display: inline-block;
 list-style: none;
 padding: 0;
 margin: 0;
}

ul.social-share li {
  display: inline-block;
}

ul.social-share li a {
  display: inline-block;
  color: #fff;
  background: #404040;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  border-radius: 2px;
}

ul.social-share li a:hover {
  background: #c52d2f;
  color: #fff;
}

.search i {
  color: #fff;
}

input.search-form{
  background: transparent;
  border: 0 none;
  width: 60px;
  padding: 0 10px;
  color: #FFF;
  -webkit-transition: all 400ms;
  -moz-transition: all 400ms;
  -ms-transition: all 400ms;
  -o-transition: all 400ms;
  transition: all 400ms;
}

input.search-form::-webkit-input-placeholder{
  color: transparent;
}

input.search-form:hover::-webkit-input-placeholder {
  color: #fff;
}

input.search-form:hover {
  width: 180px;
}

.navbar-brand {
  padding: 0;
  margin:0;
}

.navbar {
  border-radius: 0;
  margin-bottom: 0;
 


  padding-bottom: 0;
}

 .navbar-nav{
  margin-top: 12px;
 }

.navbar-nav>li{
  margin-left: 10px;
  padding-bottom: 28px;
}

.navbar-inverse .navbar-nav > li > a {
  padding: 5px ;
  margin: 0;
  border-radius: 3px;
  color: #fff;
  line-height: 24px;
  display: inline-block;
  font-size: 18px;
}

.navbar-inverse .navbar-nav > li > a:hover{
	
  color: #eb9800;
}

.navbar-inverse {
  border: none;
}

.navbar-inverse .navbar-brand {
  font-size: 36px;
  line-height: 50px;
  color: #fff;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #eb9800;
}

.navbar-inverse .navbar-nav .dropdown-menu {
  background-color: rgba(0,0,0,.85);
  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
  border: 0;
  padding: 0;
  margin-top: 0;
  border-top: 0;
  border-radius: 0;
  left: 0;
}

.navbar-inverse .navbar-nav .dropdown-menu:before{
  position: absolute;
  top:0;
}

.navbar-inverse .navbar-nav .dropdown-menu > li > a {
  padding: 8px 15px;
  color: #fff;
}

.navbar-inverse .navbar-nav .dropdown-menu > li:hover > a,
.navbar-inverse .navbar-nav .dropdown-menu > li:focus > a,
.navbar-inverse .navbar-nav .dropdown-menu > li.active > a {
  background-color: #c52d2f;
  color: #fff;
}

.navbar-inverse .navbar-nav .dropdown-menu > li:last-child > a {
  border-radius: 0 0 3px 3px;
}

.navbar-inverse .navbar-nav .dropdown-menu > li.divider {
  background-color: transparent;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-top: 0;
  padding-bottom: 0;
}


/*************************
*******Home Page******
**************************/


#main-slider {
  position: relative;
}

.no-margin {
  margin: 0;
  padding: 0;
}

#main-slider .carousel .carousel-content {
  margin-top: 150px;
}

#main-slider .carousel .slide-margin{
  margin-top:51px;

margin-bottom:70px;
}

#main-slider .carousel h2 {
  color: #fff;
}

#main-slider .carousel .btn-slide {
  padding: 8px 20px;
  background: #c52d2f;
  color: #fff;
  border-radius: 4px;
  margin-top: 25px;
  display: inline-block;
}

#main-slider .carousel .slider-img{
/*<!--  text-align: right;
  position: absolute;-->*/
}


#main-slider .carousel .item {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  left: 0 !important;
  opacity: 0;
  top: 0;
  position: absolute;
  width: 100%;
  display: block !important;

  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
}

#main-slider .carousel .item:first-child {
  top: auto;
  position: relative;
}

#main-slider .carousel .item.active {
  opacity: 1;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
  z-index: 1;
}

#main-slider .prev,
#main-slider .next {
  position: absolute;
  top: 50%;
  background-color: #c52d2f;
  color: #fff;
  display: inline-block;
  margin-top: -25px;
  height: 40px;
  line-height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 4px;
  z-index: 5;
}

#main-slider .prev:hover,
#main-slider .next:hover {
  background-color: #000;
}

#main-slider .prev {
  left: 10px;
}

#main-slider .next {
  right: 10px;
}

#main-slider .carousel-indicators li {
  width: 10px;
  height: 10px;
  background-color: #fff;
  margin: 0 15px 0 0;
  position: relative;
}

#main-slider .carousel-indicators li:after {
 
}

#main-slider .carousel-indicators .active{
  width: 10px;
  height: 10px;
  background-color: #c52d2f;
   margin: 0 15px 0 0;
   border: 1px solid #c52d2f;
   position: relative;
}

#main-slider .carousel-indicators .active:after {
  
}

#main-slider .active .animation.animated-item-1 {
  -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;
}

#main-slider .active .animation.animated-item-2 {
  -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;
}

#main-slider .active .animation.animated-item-3 {
  -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;
}

#main-slider .active .animation.animated-item-4 {
  -webkit-animation: fadeInUp 300ms linear 1200ms both;
  -moz-animation: fadeInUp 300ms linear 1200ms both;
  -o-animation: fadeInUp 300ms linear 1200ms both;
  -ms-animation: fadeInUp 300ms linear 1200ms both;
  animation: fadeInUp 300ms linear 1200ms both;
}




.mail-logo{ background:#62c0fd;}

.left{ margin:0px 15px 0px 15px; padding:5px; text-align:left; }
.left h1{ display:block; color:#417f12; font-size:28px; padding:5px 5px 5px 5px; text-align:center;  font-family: 'Patrick Hand', cursive; background:url(../images/bg-h21.png) no-repeat center center } 
.left .roundcv{  margin-left:0px;  }
.left .roundcv img{ display:block; margin-left:15px; margin-bottom:10px; }
.left .roundcv p{ color:#525252; font-family: 'Patrick Hand', cursive;}
.left .roundcv a{ text-decoration:none; color:#417f12; display:block; padding:15px 20px 10px 29px;  margin:10px 5px 2px 55px;  background: url(../images/bg-green.png) no-repeat; width:140px; }
.left .roundcv  a:hover{ text-decoration:underline;}
.mid{ margin: 0px 0px 0px 0px;  padding:5px 5px 0px 5px;  text-align:left;}
.mid h1{ display:block; color:#ff6f27; font-size:27px; padding:5px 5px 5px 5px; text-align:center;  font-family: 'Patrick Hand', cursive; background:url(../images/bg-h22.png) no-repeat center center; } 
.mid .roundcv{  margin-left:0px;  }
.mid .roundcv img{ display:block; margin-left:15px; margin-bottom:10px; }
.mid .roundcv p{ color:#525252; font-family: 'Patrick Hand', cursive;}
.mid .roundcv a{ text-decoration:none; color:#ff6f27; display:block; padding:15px 20px 10px 15px;  margin:10px 5px 2px 91px;  background: url(../images/bg-orange.png) no-repeat;width:113px;  }
.mid .roundcv  a:hover{ text-decoration:underline;}
.right { margin:0px 15px 0px 0px; padding-bottom:15px;   padding:5px;  color:#fff; text-align:left;}
.right h1{ display:block; color:#1a4cad; font-size:27px; padding:5px 5px 5px 5px; text-align:center;  font-family: 'Patrick Hand', cursive; background:url(../images/bg-h23.png) no-repeat center center } 
.right .roundcv{  margin-left:0px;  }
.right .roundcv img{ display:block; margin-left:15px; margin-bottom:10px; }
.right .roundcv p{ color:#525252; font-family: 'Patrick Hand', cursive; margin-left:20px;}
.right .roundcv a{ text-decoration:none; color:#1a4cad; display:block; padding:15px 20px 10px 15px;  margin:10px 5px 2px 92px;  background: url(../images/bg-blue.png) no-repeat;width:113px; }
.right .roundcv  a:hover{ text-decoration:underline;}
.h4-style{ margin-left:40px; background:url(../images/bg-h23.png) no-repeat  0px 14px; padding-left:20px; margin-top:20px; margin-bottom:20px; font-size:28px; clear:both; text-align:left; font-family: 'Patrick Hand', cursive; }
.adv-left{   margin:0px 18px 0px 10px; padding:5px; text-align:left; }
.adv-mid{   margin:0px 18px 0px 0px; padding:5px; text-align:left; }
.adv-right{  margin:0px 18px 0px 0px; padding:5px; text-align:left; }
 h3{ text-align:left; margin-top:5px; margin-bottom:5px;  font-family: 'Patrick Hand', cursive; font-size:18px; color:##555555;}
 
.subtitle { margin-left:40px; background: url(../images/bg-h23.png) no-repeat 0px 14px; padding-left:0px; margin-top:20px; margin-bottom: 20px; font-size: 28px; color:#555555; font-family: 'Patrick Hand', cursive; margin-left:20px;}
.subpage-new  ul{ margin-left:0px; margin-top:10px; padding:10px; margin-bottom:20px;}
.subpage-new  ul li{ background:url(../images/right.png) no-repeat ; padding-left:30px; list-style:none; margin-top:5px; margin-bottom:5px; overflow:hidden}
.subpage-new h3{ text-align:left; color:#555555; margin-top:20px; margin-bottom:20px; }
.subpage-new h4{ text-align:left; color:#555555; margin-top:30px; margin-bottom:5px; font-family: 'Patrick Hand', cursive; }


.form-new{ display:block; text-align:left; }
.form label{ display:block; margin-top:0px; }
.form input[type="text"]{width:350px; background-color:#fff; border:solid 1px #a7a7a7; color:#999; padding:2px; font-size:14px; }
.form input[type="submit"]{ display:block; margin:24px 0px 0px 150px;  cursor:pointer;  color:#fff; text-align:center; font-size:20px; background:#5a7f02; border-radius:5px; border:none; padding:5px 10px; }
.form select{width:370px; background-color:#fff; border:solid 1px #a7a7a7; color:#999; padding:2px; font-size:14px; }
.form textarea{width:350px; background-color:#fff; border:solid 1px #a7a7a7; color:#999; padding:2px; font-size:14px; height:100px }

 
#fotter-bg{ }
#footer{ background:url(../images/bg-footer.png) no-repeat center bottom ; padding:6px 0px 0px 0px ; overflow:hidden; color:#333; font-size:12px;   margin:auto;  border-radius:10px; text-align:center; font-size:14px; background-size:95%;}
#footer a{ color:#333; text-decoration:none; padding:5px 4px;}
#footer p{ padding-left:5px;}
#footer a:hover{ text-decoration:underline;}