/*

    Theme Name: Company

    Theme URL: http://emeraude-it.com/company-free-html-bootstrap-template/

    Author: Emeraude IT

    Author URL: http://emeraude-it.com

*/



/* ==== Google font ==== */

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

@import url('font-awesome.css');

/* ==== overwrite bootstrap standard ==== */

@import url('animate.css');







body {

	font-family:'Open Sans', Arial, sans-serif;

	font-size:14px;

	font-weight:300;

	line-height:1.6em;

	color:#fff;

	background-color:#fff;

	overflow-x:hidden;

}



h1,h2,h3,h4,h5,h6 {

	color:#000000;

	line-height:1.1em;

}



p {

	color:#000000;

	font-size:13px;

  font-weight: 400;

}

a {

    text-decoration:none;

    transition: all 0.1s ease-in-out;

    -moz-transition: all 0.1s ease-in-out;

    -webkit-transition: all 0.1s ease-in-out;

    -o-transition: all 0.1s ease-in-out;

    outline: none;

	color:#000000;

}

a:hover {

	text-decoration: none;

	color:#eee;

	}



.btn-primary {

  padding: 8px 20px;

  background: #5F9EA0;

  color: #fff;

  border-radius: 4px;

  border:none;

  margin-top: 10px;

}



.text-center h2 {

	margin-bottom:30px;

}



.text-center p {

	margin-bottom:20px;

	color:#000000;

}



.btn-default {

  color: #333;

  background-color: #DEB887	;

  border-color: #fff;

  text-transform:uppercase;

  font-size:18px;

  border-radius:30px;

  margin-left:-10px;

}



#breadcrumb {

	background-color: #5F9EA0;

	margin-top: 0px;

}



.breadcrumb {

  list-style: none;

  background-color: #5F9EA0;

  border-radius: 0px;

  padding:3px 10px;

}



.breadcrumb li {

   text-transform:uppercase;

   margin-top:125px;

   font-weight:600;

}



/*===========================

  Menu and Navigation

============================ */

.navigation  {

	background-color:#fff;

	padding:0;

}



.navbar-brand h1 {

	margin-top:9px;

	padding-top:5px;

	float: left;

	font-size: 25px;

	color:#000000;

	text-transform:uppercase;

	font-weight:900;
	

}

.navbar-brand h1 span {

	color: #5F9EA0;

}



.menu {

	font-size:12px;

	float:right;

	text-transform:uppercase;

	font-weight:700;

}



.menu ul.nav-tabs li {

	color:#000;

}



.nav-tabs {

	border-bottom: 0;

}

.nav-tabs > li {

	float: left;

	margin-bottom: 0;

}

.nav-tabs > li > a {

	border-radius:0;

	color:#333;

	padding:30px;

}



.nav-tabs > li > a:hover {

	color: #5F9EA0;

	border-color: #fff #fff #fff;

	border-radius:0;

	background-color:#fff;

	transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-webkit-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

}

.nav-tabs > li > a.active {

	color: #B8860B;

	border-radius:0;

	transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-webkit-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

}



@media (max-width: 767px) {

	.navbar-brand {

		padding-top: 6px;

	}

	.navbar-brand h1 {

		margin-top: 0;

	}



	.nav-tabs > li {

		float: none;

		display: block;

	}



	.menu {

		position: absolute;

		left: 0;

		right: 0;

		background: #fff;

		height: auto;

	}



	.nav-tabs > li > a {

		padding:15px 15px;

		border-bottom: 1px solid #f3f3f3;

	}



	.nav-tabs > li > a:hover {

		border-color: #f3f3f3;

	}

}



/*===========================

  slider

============================ */

#main-slider {

	margin-top:40px;

}



#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: 140px;

}



#main-slider .carousel h2 {

  color: #fff;

  text-transform:uppercase;

  font-size:50px;

  font-weight:800;

}



#main-slider .carousel h2 span {

  color: #DEB887;

}



#main-slider .carousel h2 span spani {

  color: #000;

}



#main-slider .carousel p {

  color: #ddd;

  font-size:25px;

}



#main-slider .carousel .btn-slide {

  padding: 8px 20px;

  background: #5F9EA0;

  color: #fff;

  border-radius: 4px;

  margin-top: 12px;

  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;

  height: 730px;

  -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;

}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
  #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;
  
    height: 950px;
  
    -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 .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;

}



@media (max-width: 767px) {

	#main-slider .carousel .carousel-content {

	  margin-top: 40px;

		text-align: center;

	}



	#main-slider .carousel .slide-margin{

	  margin-top: 40px;

	}



	#main-slider .carousel p {

	  color: #fff;

	  font-size:18px;

		line-height: 24px;

	}



}



.feature {

	padding:10px;

}



.text-center i {

	font-size:40px;

	margin-top:70px;

	margin-bottom:30px;

	color:#fff;

	padding:50px;

	background:#5F9EA0;

	border-radius:50%;

}



.text-center h2 {

	margin-top:20px;

	margin-bottom:20px;

	text-transform:uppercase;
	
	font-weight: bold;
	
	font-size:15px;
	
	color: #13404d;
	
	font-family: "Montserrat", Helvetica, Arial, sans-serif;

}

.text-center h1 {

	margin-top:20px;

	margin-bottom:20px;

	/*text-transform:uppercase;*/
	font-weight: bold;

	font-size:30px;

	color: #000000;
	
	font-family: "Montserrat", Helvetica, Arial, sans-serif;

}



.hi-icon-effect i.fa:hover {

	background:#fff;

	color: #5F9EA0;

	-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;

}



#partner {

  background: url(../images/partners/partner_bg.jpg) 50% 50% no-repeat;

  background-size: cover;

}



#partner {

  color: #fff;

  text-align: center;

  padding:100px;

}



#partner h2 {

  color: #fff;

  font-size:20px;

  font-weight:600;

}



#partner p {

  color: #fff;

  font-size: 12px;

}



.partners ul {

  list-style: none;

  margin: 0;

  padding: 0;

}



.partners ul li{

  display: inline-block;

  float: left;

  width: 25%;

}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
  #partner {

    color: #fff;
  
    text-align: center;
  
    padding-left: 20px;

    padding-right: 20px;
  
  }
  .partners ul li{

    display: inline-block;
  
    float: left;

    width: 100%;
  
  }
}




.partners ul li a img {

	margin-top:50px;

}



#conatcat-info{

  background: #fff url(../images/contact.png) no-repeat 90% 0;

  padding: 30px 0;

}

#contact-training{

  /* background: #fff url(../images/2.jpg) no-repeat 90% 0; */
  background: #fff url(../images/contact.png) no-repeat 90% 0;
  padding: 30px 0;

}

#made-training{
  color:#000;
  width: 70%;
  margin-left: 10vw;
}



.contact-info i{

  width: 60px;

  height: 60px;

  font-size: 40px;

  line-height: 60px;

  color: #fff;

  background: #000;

  text-align: center;

  border-radius: 6px;

}



.contact-info h2{

  margin-top: 0;

  color: #000;

}



.contact-info{

  color:#000;

}



/* --- about us --- */

.aboutus {

	padding:10px;

}



.aboutus img {

	border-radius:6px;

}



.aboutus h3 {

	margin-bottom:30px;

	font-weight:800;

}



.aboutus h4 {

	margin-top:30px;

	margin-bottom:30px;

	font-weight:700;

}



.skill h2{

	margin-top:-10px;

	margin-bottom: 25px;

}



.progress-wrap{

  position: relative;

}



.progress .color1,

.progress .color1 .bar-width{

  background: #2d7da4;

}



.progress .color2,

.progress .color2 .bar-width{

  background: #6aa42f;

}



.progress .color3,

.progress .color3 .bar-width{

  background: #ffcc33;

}



.progress .color4,

.progress .color4 .bar-width{

  background: #db3615;

}



.progress,

.progress-bar {

  height: 15px;

  line-height: 15px;

  background: #e6e6e6;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

  border-radius: 0;

  overflow: visible;

  text-align: right;

}



.progress{

  position: relative;

}



.progress .bar-width{

  position: absolute;

  width: 40px;

  height: 20px;

  line-height: 20px;

  text-align: center;

  font-size: 12px;

  font-weight: 700;

  top: -30px;

  border-radius: 2px;

  margin-left: -30px;

}



.progress span{

  position: relative;

}



.progress span:before{

  content: " ";

  position: absolute;

  width: auto;

  height: auto;

  border-width: 8px 5px;

  border-style: solid;

  bottom: -15px;

  right: 8px;

}



.progress .color1 span:before{

  border-color: #2d7da4 transparent transparent transparent;

}



.progress .color2 span:before{

  border-color: #6aa42f transparent transparent transparent;

}



.progress .color3 span:before{

  border-color: #ffcc33 transparent transparent transparent;

}



.progress .color4 span:before{

  border-color: #db3615 transparent transparent transparent;

}





.about {

	background:#eee;

	padding:10px;

}



.about h2 {

	margin-bottom:30px;

}



.about img {

	margin-bottom:30px;

	border-radius:6px;

}



.our-team {

	padding:50px;

	background:#ddd;

}



.our-team h3 {

	margin-bottom:30px;

	font-weight:800;

}



.our-team h4 {

	margin-top:20px;

	margin-bottom:20px;

	font-weight:600;

}



.our-team img{

	border-radius:6px;

	margin-top:30px;

}



.lates {

	padding:50px;

}



.lates h2 {

	font-size:20px;

	font-weight:600;

	color:#333;

}



.lates img {

	margin-top:30px;

	border-radius:5px;

}



/* --- footer --- */

.footer {

	background:#5F9EA0;

	/*#5F9EA0;*/

	padding:15px 22px;

}



ul.social-network {

	list-style:none;

	margin-top:20px;

	padding:10px;

	transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

}



ul.social-network li {

	display:inline;

	margin: 0 18px;

	font-size:25px;

}



ul.social-network li a {

	color:#d0d0d0;

}

.social-network li:hover .fa-twitter {

  color: #00abf0;

}

.social-network li:hover .fa-facebook {

  color: #39579a;

}

.social-network li:hover .fa-google-plus {

  color: #eb8984;

}

.social-network li:hover .fa-pinterest {

  color: #c9171e;

}

.social-network li:hover .fa-linkedin {

  color: #0077b5;

}

.social-network li:hover .fa-youtube-play {

  color: #C84941;

}

.social-network li:hover .fa-dribbble {

  color: #EA4C89 ;

}

.social-network li:hover .fa-pinterest-square {

  color: #EA4B49;

}



.copyright {

	margin-top:30px;

  text-align: right;

}



.copyright a {

	color:#fff;

	font-weight:600;

	font-size:12px;

	text-shadow:none;

}

.specific-footer {
  font-weight:100;

	font-size:10px;

}
.specific-footer a {

	color:#fff;

	font-weight:100;

	font-size:10px;

	text-shadow:none;

}



/* --- services --- */

.services {

	padding:50px;

}



.services h3 {

	margin-bottom:30px;

	font-weight:800;

}



.services img {

	border-radius:6px;

}



.sub-services img {

	border-radius:6px;

}



.services p {

	margin-top:30px;

	font-size:13px;

}



.sub-services {

	padding:50px;

	background:#ddd;

}



.sub-services p {

	margin-top:30px;

	font-size:13px;

}



.media-body p {

	margin-bottom:30px;

}



.media ul li {

	list-style:none;

}



.media i {

	color:#5F9EA0;

	font-size:50px;

}



.media h4 {

	font-size:20px;

	font-weight:600;

	color:#5F9EA0;

}



/* --- portfolio --- */



#portfolio .center p {

	margin-top:50px;

	margin-bottom:50px;

	font-size:18px;

}



.portfolio-items,

.portfolio-filter {

  list-style: none outside none;

  margin: 0 0 40px 0;

  padding: 0;

}



.portfolio-filter > li {

  display: inline-block;

}



.portfolio-filter > li a {

  background: none repeat scroll 0 0 #FFFFFF;

  font-size: 14px;

  font-weight: 400;

  margin-right: 20px;

  text-transform: uppercase;

  transition: all 0.9s ease 0s;

  -moz-transition: all 0.9s ease 0s;

  -webkit-transition: all 0.9s ease 0s;

  -o-transition: all 0.9s ease 0s;

  border: 1px solid #F2F2F2;

  outline: none;

  border-radius: 3px;

}



.portfolio-filter > li a:hover,

.portfolio-filter > li a.active{

  color:#fff;

  background: #5F9EA0;

  border: 1px solid #5F9EA0;

  box-shadow: none;

  -webkit-box-shadow: none;

}



.portfolio-items > li {

  float: left;

  padding: 0;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}



.portfolio-item {

	margin: 0;

	padding:0;

}



.overlay {

	margin-bottom:20px;

}



.overlay a:hover {

	color: #5F9EA0;

}



/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {

  z-index: 2;

}



.isotope-hidden.isotope-item {

  pointer-events: none;

  z-index: 1;

}



/**** Isotope CSS3 transitions ****/

.isotope,

.isotope .isotope-item {

  -webkit-transition-duration: 0.8s;

  -moz-transition-duration: 0.8s;

  -ms-transition-duration: 0.8s;

  -o-transition-duration: 0.8s;

  transition-duration: 0.8s;

}



.isotope {

  -webkit-transition-property: height, width;

  -moz-transition-property: height, width;

  -ms-transition-property: height, width;

  -o-transition-property: height, width;

  transition-property: height, width;

}



.isotope .isotope-item {

  -webkit-transition-property: -webkit-transform, opacity;

  -moz-transition-property: -moz-transform, opacity;

  -ms-transition-property: -ms-transform, opacity;

  -o-transition-property: -o-transform, opacity;

  transition-property: transform, opacity;

}



/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,

.isotope.no-transition .isotope-item,

.isotope .isotope-item.no-transition {

  -webkit-transition-duration: 0s;

  -moz-transition-duration: 0s;

  -ms-transition-duration: 0s;

  -o-transition-duration: 0s;

  transition-duration: 0s;

}



/* End: Recommended Isotope styles */

/* disable CSS transitions for containers with infinite scrolling*/

.isotope.infinite-scrolling {

  -webkit-transition: none;

  -moz-transition: none;

  -ms-transition: none;

  -o-transition: none;

  transition: none;

}





/* --- Map --- */

.map{

	position:relative;

	margin-bottom:40px;

}



/* google map */

#google-map{

	position:relative;

	margin-top:10px;

    height: 400px;

    width: 100%;

}



/* --- blog --- */

#blog {

	margin-top:50px;

}



a.btn-primary:hover {

	background-color:#ddd;

	color:#5F9EA0;

}



.widget {

  margin-bottom: 60px;

  padding-left: 0;

}



.single_comments {

  margin-bottom: 20px;

}



.single_comments img {

  float: left;

  margin-right: 10px;

  margin-top: 5px;

}



.single_comments p {

  margin-bottom: 0;

}



.widget .entry-meta span {

  display: inline-block;

  margin-right: 10px;

  color:#333;

}



.widget .entry-meta span a:hover {

	color:#5F9EA0;

}



.widget h3 {

  color: #000;

  text-transform: uppercase;

  margin-bottom: 20px;

}



.blog_category{

  list-style:none;

  margin:0;

  padding:0;

}



.blog_category li{

  float:none;

  margin-bottom:20px;

}



.blog_category li a {

  background:#fff;

  border-radius: 4px;

  color: #888;

  display: inline-block;

  padding: 5px 15px;

}



.blog_category li a:hover{

  background:#5F9EA0;

  color: #fff;

}



 .badge:before {

  border-color: transparent transparent transparent #5F9EA0;

  border-style: solid;

  border-width: 10px;

  bottom: -8px;

  content: "";

  height: 0;

  left: 5px;

  position: absolute;

  z-index: -99999;

}



.badge {

  background-color: #5F9EA0;

  border-radius: 5px;

  color: #fff;

  padding: 8px;

  position: relative;

  left: 60px;

  top: -18px;

  font-weight: normal;

}



.blog_archieve {

  list-style: none outside none;

  margin: 0;

  padding: 0;

}



.blog_archieve li {

  padding: 10px 0;

  border-bottom: 1px solid #f5f5f5;

}



ul.blog_archieve li a:hover{

	color:#5F9EA0;

}



.blog_archieve li:first-child {

  padding-top: 0;

}



ul.gallery {

  list-style: none;

  padding: 0;

  margin: 0;

}



ul.gallery li {

  display: block;

  width: 60px;

  padding: 0;

  margin: 0 4px 4px 0;

  float: left;

}



ul.faq {

  list-style: none;

  margin: 0;

}



ul.faq li {

  margin-top: 30px;

}



ul.faq li:first-child {

  margin-top: 0;

}



ul.faq li span.number {

  display: block;

  float: left;

  width: 50px;

  height: 50px;

  line-height: 50px;

  text-align: center;

  background: #34495e;

  color: #fff;

  font-size: 24px;

}



ul.faq li > div {

  margin-left: 70px;

}



ul.faq li > div h3 {

  margin-top: 0;

}



.embed-container {

  position: relative;

  padding-bottom: 56.25%;

  padding-top: 30px;

  height: 0;

  overflow: hidden;

}



.embed-container iframe,

.embed-container object,

.embed-container embed {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}



.blog-item {

  border-radius: 0;

  overflow: hidden;

  margin-bottom: 50px;

}



.blog .blog-item .img-blog {

  border-radius: 5px;

  margin-bottom: 45px;

}



.blog .blog-item .blog-content {

  padding-bottom: 25px;

}



.blog .blog-item .blog-content h2 {

  margin-top: 0;

  font-size: 30px;

}



.readmore{

  margin-top: 0;

}



.blog .blog-item .blog-content h4 {

	margin-bottom: 40px;

	font-weight: 600

 }



.blog .blog-item .blog-content p {

	font-size: 13px;

}



.blog .blog-item .entry-meta {

  border-radius: 5px;

  overflow: hidden;

}



.blog .blog-item .entry-meta > span {

  background: #f5f5f5;

  border-top: 1px solid #fff;

  display: block;

  font-size: 12px;

  overflow: hidden;

  padding: 5px;

  text-align: left;

}



#publish_date {

  background: #5F9EA0;

  border-bottom: 5px solid #4e4e4e;

  color: #fff;

  padding: 5px 0;

  text-align: center;

}



.blog .blog-item .entry-meta > span {

  color: #ccc;

}



.blog .blog-item .entry-meta > span a {

  font-size: 12px;

  margin-left: 3px;

  font-weight: 300;

  color: #888;

}



ul.pagination > li > a {

  border: 1px solid #F1F1F1;

  margin-right:5px;

  border-radius: 5px;

  font-size: 16px;

  padding: 5px 14px;

  color:#5F9EA0;

}



ul.pagination > li > a i{

  margin-left:5px;

  margin-right:5px;

}



ul.pagination > li.active > a,

ul.pagination > li:hover > a {

  background-color: #5F9EA0 !important;

  border-color: #5F9EA0 !important;

  color: #fff;

}



.search_box {

  background-position: 314px 15px;

  background-repeat: no-repeat;

  border-color: #DEDEDE;

  height: 48px;

  outline: medium none;

  box-shadow: none;

}



.form-control:focus {

  box-shadow:none;

  outline: 0 none;

}



ul.tag-cloud,

ul.sidebar-gallery {

  list-style: none;

  padding: 0;

  margin: 0;

}



.tag-cloud li{

    display: inline-block;

    margin-bottom: 3px;

}



.tag-cloud li a {

  background: #f5f5f5;

  color: #888;

  border: 0;

  border-radius: 4px;

  padding: 8px 15px;

}



.tag-cloud li a:hover{

  background:#5F9EA0;

  color: #fff;

}



.sidebar-gallery li{

  display: inline-block;

  margin: 0 10px 10px 0;

}



.sidebar-gallery li a {

  border-radius: 4px;

  display: inline-block;

}



/* --- contact --- */

#contact-page{

  padding-top: 0;

  background:#fff;

  margin-bottom:50px;

}



#contact-page .contact-form

.form-group label {

  color: #4E4E4E;

  font-size: 14px;

  font-weight: 300;

}



.form-group .form-control {

  padding: 7px 12px;

  border-color:#f2f2f2;

  box-shadow: none;

}





.validation {

    color: red;

    display:none;

    margin: 0 0 20px;

    font-weight:400;

    font-size:13px;

}



#sendmessage {

    color: green;

    border:1px solid green;

    display:none;

    text-align:center;

    padding:15px;

    font-weight:600;

    margin-bottom:15px;

}



#errormessage {

    color: red;

    display:none;

    border:1px solid red;

    text-align:center;

    padding:15px;

    font-weight:600;

    margin-bottom:15px;

}



#sendmessage.show, #errormessage.show, .show {

	display:block;

}



#contact-page .contact-wrap {

  margin-top: 20px;

}



.center h2{

  font-size: 36px;

  margin-top: 0;

  margin-bottom: 20px;

  text-align:center;

}

.center p{

   text-align:center;

}



.btn-lg:hover {

	color:#5F9EA0;

	background:#ddd;

}



a.scrollup{

    color:#fff;

	height:40px;

	width:40px;

	font-size:12px;

	line-height:30px;

	text-align:center;

	text-decoration:none;

	position:fixed;

	bottom:30px;

	right:40px;

	opacity:0,5;

	border-radius:50%;

	z-index:999;

}

a.scrollup:hover{

	opacity:1;

	background-color:#ddd;

	color:#5F9EA0;

}

