/*
Author URI: http://webthemez.com/
Note: Licence under Creative Commons Attribution 3.0  
-------------------------------------------------------*/

@import url('http://fonts.googleapis.com/css?family=Noto+Serif:400,400italic,700|Open+Sans:400,600,700'); 
@import url('font-awesome.css');  
@import url('animate.css');

body {
	font-family:'Open Sans', Arial, sans-serif;
	font-weight:300;
	line-height:1.6em;
	color:#656565;
	font-size: 1.4em;
	background: url("#");
	
}
 
/*  button cta ...*/

.button-cta_s 
{
    background-color:#609b4a;
	border: 1px solid #fff;
	padding: 16px 15px;
	font-size: 22px;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	font-weight: 600;
	color:#FFF;
	border-color:#bc8725;
	display: inline-block;
	-webkit-transition: all .4s ease; /* Safari and Chrome */
	-moz-transition: all .5s ease; /* Firefox */
	-o-transition: all .5s ease; /* IE 9 */
	-ms-transition: all .5s ease; /* Opera */
	transition: all .5s ease;
	text-align:center;
	margin-top:180px;
	margin-left:42%;
	position:relative;

}
.button-cta_s:hover {
	color:White;
	background-color:#e8c14c;	
	text-decoration: none;
}

/*--------------------------------------------------------------
# Image
--------------------------------------------------------------*/


.img_body
{
    
   max-width:96%;
   left:4%;
   position:relative;
   
}  
.img
{
   width:220px;
   top:10px;
   left:5px;
   position:relative;
}
.img-a
{
    bottom:0px;
    margin-left:60px;
    top:22px;
    max-width:1250px;
    position:relative;
}
.img p
{
    color: #000;
  margin: 15px 0 0 0;
  font-size: 22px;
  text-align:center;
  margin-top:20px;
  font-weight: 200;
  font-family: "Bell MT";
  width:376%;
  margin-bottom:30px;
  left:68%;
  position:relative;
}
.img h3 {
  color: #000;
  margin: 15px 0 0 0;
  font-size: 22px;
  text-align:center;
  margin-top:-50px;
  font-weight: 700;
  font-family: "Bell MT";
  width:103%;
  margin-bottom:30px;
  left:200%;
  position:relative;
}
.img_div
{
    top:80px;
    margin-left:18%;
    position:relative;
}
.btn_cta {
	border: 1px solid #fff;
	padding: 12px 5px;
	font-size: 12px;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	font-weight: 400;
	width:270px;
	height:40px;
	color:Black;
	border-color:#bc8725;
	display: inline-block;
	-webkit-transition: all .4s ease; /* Safari and Chrome */
	-moz-transition: all .5s ease; /* Firefox */
	-o-transition: all .5s ease; /* IE 9 */
	-ms-transition: all .5s ease; /* Opera */
	transition: all .5s ease;
	margin-bottom:20px;
	margin-top:22%;
	text-align:center;
	margin-left:2%;
	position:relative;
	
}
.btn_cta:hover {
	color:White;
	background-color:#e8c14c;	
	text-decoration: none;
}
.btn_con {
	border: 1px solid #bc8725;
	padding: 12px 5px;
	font-size: 12px;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	font-weight: 400;
	padding: 10px 30px;
	color:#fff;
	background-color:#ed3434;
	display: inline-block;
	-webkit-transition: all .4s ease; /* Safari and Chrome */
	-moz-transition: all .5s ease; /* Firefox */
	-o-transition: all .5s ease; /* IE 9 */
	-ms-transition: all .5s ease; /* Opera */
	transition: all .5s ease;
	position:relative;
	margin-bottom:20px;
	margin-top:1%;
	text-align:center;
	left:1%;

}
.btn_con:hover {
	color:White;
	background-color:#000;	
	text-decoration: none;
}
h1
{
  margin: 5px;
  font-size: 28px;
  font-weight: 700;
  text-align:center;
  padding:0px;
  line-height: 65px;
  color: #000;
  font-family: "Poppins", sans-serif;
}

/*--------------------------------------------------------------
# Service End
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# About Video
--------------------------------------------------------------*/
.about-video .content {
  font-size: 15px;
}

.about-video .content h3 {
  font-weight: 700;
  font-size: 24px;
  color: #124265;
}

.about-video .content ul {
  list-style: none;
  padding: 0;
}

.about-video .content ul li {
  padding-bottom: 10px;
  padding-left: 28px;
  position: relative;
}

.about-video .content ul i {
  font-size: 24px;
  color: #2487ce;
  position: absolute;
  left: 0;
  top: -2px;
}

.about-video .content p:last-child {
  margin-bottom: 0;
}

.about-video .play-btn {
  width: 94px;
  height: 94px;
  background: radial-gradient(#2487ce 50%, rgba(36, 135, 206, 0.4) 52%);
  border-radius: 50%;
  display: block;
  position: absolute;
  left: calc(50% - 47px);
  top: calc(50% - 47px);
  overflow: hidden;
}

.about-video .play-btn::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-40%) translateY(-50%);
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #fff;
  z-index: 100;
  transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.about-video .play-btn::before {
  content: '';
  position: absolute;
  width: 120px;
  height: 120px;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation: pulsate-btn 2s;
  animation: pulsate-btn 2s;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: steps;
  animation-timing-function: steps;
  opacity: 1;
  border-radius: 50%;
  border: 5px solid rgba(36, 135, 206, 0.7);
  top: -15%;
  left: -15%;
  background: rgba(198, 16, 0, 0);
}

.about-video .play-btn:hover::after {
  border-left: 15px solid #2487ce;
  transform: scale(20);
}

.about-video .play-btn:hover::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-40%) translateY(-50%);
  width: 0;
  height: 0;
  border: none;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #fff;
  z-index: 200;
  -webkit-animation: none;
  animation: none;
  border-radius: 0;
}

@media all and (min-width: 351px) and (max-width: 1024px)
{
     .img_body
{
   max-width:94%;
   left:-8%;
   position:relative;
} 
	.img
{
   width:380px;
   top:4px;
   left:32%;
   bottom:5px;
  position:relative;
    
}

.img-a
{
    margin-bottom:5px;
    left:10%;
    top:21px;
    position:relative;
}
 .img p
{
    color: #000;
  margin: 15px 0 0 0;
  font-size: 22px;
  text-align:center;
  margin-top:20px;
  font-weight: 200;
  font-family: "Bell MT";
  width:88%;
  margin-bottom:30px;
  left:-28%;
  position:relative;
}
.img h3 {
  color: #000;
  margin: 15px 0 0 0;
  font-size: 22px;
  text-align:center;
  margin-top:-50px;
  font-weight: 700;
  font-family: "Bell MT";
  max-width:103%;
  margin-bottom:30px;
  left:-36%;
  position:relative;
}
.img_div
{
    position:relative;
    top:80px;
    margin-left:12%;
}
.btn_cta {
	border: 1px solid #fff;
	padding: 12px 5px;
	font-size: 12px;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	font-weight: 400;
	max-width:248px;
	height:40px;
	color:Black;
	border-color:#bc8725;
	display: inline-block;
	-webkit-transition: all .4s ease; /* Safari and Chrome */
	-moz-transition: all .5s ease; /* Firefox */
	-o-transition: all .5s ease; /* IE 9 */
	-ms-transition: all .5s ease; /* Opera */
	transition: all .5s ease;
	position:relative;
	margin-bottom:20px;
	margin-top:10%;
	text-align:center;
	margin-left:-6%;

}
.btn_cta:hover {
	color:White;
	background-color:#e8c14c;	
	text-decoration: none;
}
h1
{
   margin: 5px;
  font-size: 28px;
  font-weight: 700;
  text-align:center;
  padding:0px;
  line-height: 65px;
  color: #000;
  font-family: "Poppins", sans-serif;
}
}
/*--------------------------------------------------------------
# Service End
--------------------------------------------------------------*/

@media screen and (max-width:471px),(max-width:999px){
 
   .img_body
{
    max-width:96%;
    margin-left:16%;
} 
  
.img_a
{
    margin-bottom:5px;
    margin-left:25%;
    top:32px;
    position:relative;
}
.img_div
{
    position:relative;
    top:80px;
    margin-left:12%;
}
.btn_cta {
	border: 1px solid #fff;
	padding: 12px 5px;
	font-size: 12px;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	font-weight: 400;
	width:250px;
	height:35px;
	color:Black;
	border-color:#bc8725;
	display: inline-block;
	-webkit-transition: all .4s ease; /* Safari and Chrome */
	-moz-transition: all .5s ease; /* Firefox */
	-o-transition: all .5s ease; /* IE 9 */
	-ms-transition: all .5s ease; /* Opera */
	transition: all .5s ease;
	position:relative;
	margin-bottom:20px;
	margin-top:10%;
	text-align:center;
	margin-left:5%;

}
.btn_cta:hover {
	color:White;
	background-color:#e8c14c;	
	text-decoration: none;
}
h1
{
   margin: 5px;
  font-size: 28px;
  font-weight: 700;
  text-align:center;
  padding:0px;
  line-height: 65px;
  color: #000;
  font-family: "Poppins", sans-serif;
}
}