@import url('animate.min.css');
@import url('bootstrap.css');
@import url('font-awesome.min.css');
@import 'https://fonts.googleapis.com/css?family=Oswald|Varela+Round';

body{
	font-size:14px;
	font-family:'Open Sans', sans-serif;
	color: #fff;
	line-height: 23px;
  width:100%;
  min-height: 100%;
  /*border:5px solid #440000;*/
  /*padding:20px;*/
  background:url(../images/bg01.png) no-repeat 50% 50% #222;
  /*background-attachment: fixed;*/
  background-size: cover;
}


.padding-all{
  padding-top:20px; 
  padding-bottom:20px;  
}
.margin-top{
  margin-top:10px;
}
.margin-top-high{
  margin-top:40px;
}

.margin-top-low{
  margin-top:30px;
}

.margin-bottom-low{
  margin-bottom:10px ! important;
}

.white{
  color:#fff !important;
}
.black{
  color:#000 !important;
}
.gray{
  color:#666 !important;
}
/*////////////////////////*/

.logo{
  /*max-width:120px;*/
  text-decoration: none;
}

.logo:hover{
 /*opacity:0.8;*/
}
.v_line{
  border-left:1px solid #888;
}

/*background*/
.header{
  padding:50px 100px;
  /*border:1px solid #000;*/
}
.sec_1{
  padding:0px;
  margin: 0px;
  /*border:1px solid #000;*/
}

.contents{

}
.contents img{
  max-height: 700px;
}
.social{
  padding: 10px ;
}
.social a{
  text-decoration:none;
  /*border:1px red solid;*/
  display:inline-block;
  color: #fff;
  margin:0 10px 0 0;
}
.social a img{
  color: #fff;
  width:20px;
  height:20px;
}
.end{
  color:#fff;
  text-align:center;
  font-family:"Poppins";
  font-weight: normal;
  /*font-size: 24px;*/
  padding:0;
  margin: 15px 0;
  letter-spacing:1pt;
}
.end span{
  color:#ffe614;
}
/*
nav{
  
  background: #478ee5;
  background: -moz-linear-gradient(top,  #478ee5 0%, #054aaa 100%);
  background: -webkit-linear-gradient(top,  #478ee5 0%,#054aaa 100%);
  background: linear-gradient(to bottom,  #478ee5 0%,#054aaa 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#478ee5', endColorstr='#054aaa',GradientType=0 );
}
*/
.title{
  margin:0px 10px;
}
.title h1{
  color:#ffe614;
  padding:0;
  margin:0 0 0px 0;
  /*line-height:1.52;*/
  font-size:60px;
  font-weight:bold;
}
.title h1 span{
  color:#888;
  padding:0;
  margin:0 0 0px 0;
  line-height:1.52;
  font-size:32px;
}
.title h2{
  color:#ffe614;
  padding:0;
  margin:0 0 0px 0;
  font-size:70px;
  line-height:1.52;
  /*text-shadow:1px 1px 1px #666;*/
  font-weight:bold;
  font-family:"Bebas Neue";
  text-align:right;
}

.title h3{
  color:#fff;
  padding:0;
  margin:0 0 0px 0;
  line-height:1.52;
  font-size:32px;
  font-family:"Poppins";
  text-align:right;

}
.title h2 a{
  color:#ffe614;
  text-decoration:none;
  /*font-size:8px;*/
}

.text h1{
  color:#119eb7;
  padding:0;
  margin:0 0 10px 0;
  line-height:1.52;
  font-size:40px;
}
.text h4{
  color:#888;
  margin:0 0 20px 0;
  padding:0;
  font-size:14px;
  letter-spacing:3px;
  font-weight:bold;
}
.text h5{
  color:#444;
  padding:0;
  margin:0 0 0px 0;
  line-height:1.52;
  font-weight: bold;
}
.text p{
  margin:0 0 20px 0;
  color:#444;
}
.text p span{
  color:#333;
}
.text hr{
  margin:10px 0;
  padding:0;
}
.text a{
  color:#444;
  text-decoration:none;
  transition:all 1s ease;
-webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
-o-transition:all 1s ease;
transform:rotate(0deg) scale(1) skew(0deg) translate(0px) ;
 -webkit-transform:rotate(0deg) scale(1) skew(0deg) translate(0px) ;
-moz-transform:rotate(0deg) scale(1) skew(0deg) translate(0px) ;
-o-transform:rotate(0deg) scale(1) skew(0deg) translate(0px) ;
-ms-transform:rotate(0deg) scale(1) skew(0deg) translate(0px) ;
}
.text a:hover{
  color:#888;
  text-decoration:none;
  transform:rotate(0deg) scale(1) skew(0deg) translate(0px) ;
-webkit-transform:rotate(0deg) scale(1) skew(0deg) translate(0px) ;
-moz-transform:rotate(0deg) scale(1) skew(0deg) translate(0px) ;
-o-transform:rotate(0deg) scale(1) skew(0deg) translate(0px) ;
-ms-transform:rotate(0deg) scale(1) skew(0deg) translate(0px) ;
}



.more{
  color:#fff;
  font-size:10px;
  text-decoration:none;
  display:block;
  width:100px;
  padding:5px 15px;
  /*border:1px solid #888;*/
  border-radius:5px;
  background:#888;
  margin:20px auto;
  text-align:center;
  transition:all 1s ease;
-webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
-o-transition:all 1s ease;
transform:rotate(0deg) scale(1) skew(0deg) translate(0px) ;
 -webkit-transform:rotate(0deg) scale(1) skew(0deg) translate(0px) ;
-moz-transform:rotate(0deg) scale(1) skew(0deg) translate(0px) ;
-o-transform:rotate(0deg) scale(1) skew(0deg) translate(0px) ;
-ms-transform:rotate(0deg) scale(1) skew(0deg) translate(0px) ;
}
.more:hover{
  color:#fff;
  text-decoration:none;
  background:#444;
  transform:rotate(0deg) scale(1) skew(0deg) translate(0px) ;
-webkit-transform:rotate(0deg) scale(1) skew(0deg) translate(0px) ;
-moz-transform:rotate(0deg) scale(1) skew(0deg) translate(0px) ;
-o-transform:rotate(0deg) scale(1) skew(0deg) translate(0px) ;
-ms-transform:rotate(0deg) scale(1) skew(0deg) translate(0px) ;

}