.shadow{
	box-shadow:0px 0px 5px 0px rgba(0,0,0,1);
  	-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,1);
	-moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,1);
	-khtml-box-shadow:0px 0px 5px 0px rgba(0,0,0,1);
	-ms-box-shadow:0px 0px 5px 0px rgba(0,0,0,1);
	-o-box-shadow:0px 0px 5px 0px rgba(0,0,0,1);
	}
.shadow2{
	box-shadow:0px -2px 5px 1px rgba(0,0,0,0.5);
  	-webkit-box-shadow:0px -2px 5px 1px rgba(0,0,0,0.5);
	-moz-box-shadow:0px -2px 5px 1px rgba(0,0,0,0.5);
	-khtml-box-shadow:0px -2px 5px 1px rgba(0,0,0,0.5));
	-ms-box-shadow:0px -2px 5px 1px rgba(0,0,0,0.5);
	-o-box-shadow:0px -2px 5px 1px rgba(0,0,0,0.5);
}
.inset-shadow{
	box-shadow:inset 0px 0px 3px 0px rgba(64,64,64,0.8);
  	-webkit-box-shadow:inset 0px 0px 3px 0px rgba(64,64,64,0.8);
	-moz-box-shadow:inset 0px 0px 3px 0px rgba(64,64,64,0.8);
	-khtml-box-shadow:inset 0px 0px 3px 0px rgba(64,64,64,0.8);
	-ms-box-shadow:inset 0px 0px 3px 0px rgba(64,64,64,0.8);
	-o-box-shadow:inset 00px 0px 3px 0px rgba(64,64,64,0.8);
}
.shadowbox{
	margin: 0px;
	padding:0px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;	
	box-shadow:0px 0px 5px 1px #dee1e8;
  	-webkit-box-shadow:0px 0px 5px 1px #dee1e8;
	-moz-box-shadow:0px 0px 5px 1px #dee1e8;
	-khtml-box-shadow:0px 0px 5px 1px #dee1e8;
	-ms-box-shadow:0px 0px 5px 1px #dee1e8;
	-o-box-shadow:0px 0px 5px 1px #dee1e8;
	background:#fff;
	border:#fff 1px solid;
}
.circle{
	-webkit-border-radius: 180px;
	-moz-border-radius: 180px;
	-khtml-border-radius: 180px;
	-o-border-radius: 180px;
	-ms-border-radius: 180px;
	border-radius: 180px;
}
.circlePic{
	-webkit-border-radius: 180px;
	-moz-border-radius: 180px;
	-khtml-border-radius: 180px;
	-o-border-radius: 180px;
	-ms-border-radius: 180px;
	border-radius: 180px;
	
	box-shadow:0px 5px 5px 1px rgba(0,0,0,0.5);
  	-webkit-box-shadow:0px 5px 5px 1px rgba(0,0,0,0.5);
	-moz-box-shadow:0px 5px 5px 1px rgba(0,0,0,0.5);
	-khtml-box-shadow:0px 5px 5px 1px rgba(0,0,0,0.5));
	-ms-box-shadow:0px 5px 5px 1px rgba(0,0,0,0.5);
	-o-box-shadow:0px 5px 5px 1px rgba(0,0,0,0.5);
	
	border:3px solid #b2d18a;
}
.rounded{
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
}
.rounded-pic{
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-khtml-border-radius: 15px;
	-o-border-radius: 15px;
	-ms-border-radius:15px;
	border-radius: 15px;
	border:1px solid #000000;
}
#gradient{
	background:#34A4DA;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#34A4DA), to(#062C3E));
	background-image: -webkit-linear-gradient(top,  #34A4DA, #062C3E);
	background-image: -moz-linear-gradient(top,  #34A4DA, #062C3E);
	background-image: -ms-linear-gradient(top,  #34A4DA, #062C3E);
	background-image: -o-linear-gradient(top,  #34A4DA, #062C3E);
	background-image: linear-gradient(to bottom,  #34A4DA, #062C3E);
}
.line-graphic{
	width:1px;
	background:rgba(255, 255, 255, 0.3);
	height:52px;
}
#radius-left{
    -webkit-border-radius:10px 0 0 10px;
    -moz-border-radius:10px 0 0 10px;
    -khtml-border-radius:10px 0 0 10px;
    -o-border-radius:10px 0 0 10px;
    -ms-border-radius:10px 0 0 10px;
     border-radius:10px 0 0 10px;	
}
#radius-right{
    -webkit-border-radius:0 10px 10px 0;
    -moz-border-radius:0 10px 10px 0;
    -khtml-border-radius:0 10px 10px 0;
    -o-border-radius:0 10px 10px 0;
    -ms-border-radius:0 10px 10px 0;
     border-radius:0 10px 10px 0;	
}
/**------------------------------image---------------------------------------------------------------------------------------------------------------------------------------------------**/
.img-border{
	border:#e8e8e8 1px solid;
	
	-webkit-transition: all .7s ease-in-out;
	-moz-transition: all .7s ease-in-out;
	-o-transition: all .7s ease-in-out;
	-ms-transition: all .7s ease-in-out;
	transition: all .7s ease-in-out;
	}
.img-border:hover{
	border:#c62929 1px solid;
	
	-webkit-filter: brightness(110%);
	-moz-filter: brightness(110%);
	-khtml-filter: brightness(110%);
	-o-filter: brightness(110%);
	-ms-filter: brightness(110%);
	}
.img{
	opacity: 1;
	
	-webkit-transition: all .7s ease-in-out;
	-moz-transition: all .7s ease-in-out;
	-o-transition: all .7s ease-in-out;
	-ms-transition: all .7s ease-in-out;
	transition: all .7s ease-in-out;
	}
.img:hover {
	
	-webkit-filter: brightness(110%);
	-moz-filter: brightness(110%);
	-khtml-filter: brightness(110%);
	-o-filter: brightness(110%);
	-ms-filter: brightness(110%);
	}
.img1{
	opacity: 0.7;
	
	-webkit-transition: all .7s ease-in-out;
	-moz-transition: all .7s ease-in-out;
	-o-transition: all .7s ease-in-out;
	-ms-transition: all .7s ease-in-out;
	transition: all .7s ease-in-out;
	}
.img1:hover {
	opacity: 1;
	-webkit-filter: brightness(110%);
	-moz-filter: brightness(110%);
	-khtml-filter: brightness(110%);
	-o-filter: brightness(110%);
	-ms-filter: brightness(110%);
}
.img2{
  -webkit-filter: grayscale(100%);
  -webkit-transition: .5s ease-in-out;
  -moz-filter: grayscale(100%); 
  -moz-transition: .5s ease-in-out;
  -o-filter: grayscale(100%); 
  -o-transition: .5s ease-in-out;
}
.img2:hover {
  -webkit-filter: grayscale(0%);
  -webkit-transition: .5s ease-in-out;
  -moz-filter: grayscale(0%); 
  -moz-transition: .5s ease-in-out;
  -o-filter: grayscale(0%); 
  -o-transition: .5s ease-in-out;
}
.img3{
	-webkit-filter: brightness(100%);
	-moz-filter: brightness(100%);
	-khtml-filter: brightness(100%);
	-o-filter: brightness(100%);
	-ms-filter: brightness(100%);
	
	-webkit-transition: all .7s ease-in-out;
	-moz-transition: all .7s ease-in-out;
	-o-transition: all .7s ease-in-out;
	-ms-transition: all .7s ease-in-out;
	transition: all .7s ease-in-out;
}
.img3:hover {
	-webkit-filter: brightness(120%);
	-moz-filter: brightness(120%);
	-khtml-filter: brightness(120%);
	-o-filter: brightness(120%);
	-ms-filter: brightness(120%);
}
.img-logo{
	padding:3px 10px;
	border:#dcdcdc 1px solid;
	
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	}
.img-logo:hover {
	border:#f7ab1b 1px solid;
	
	-webkit-filter: brightness(120%);
	-moz-filter: brightness(120%);
	-khtml-filter: brightness(120%);
	-o-filter: brightness(120%);
	-ms-filter: brightness(120%);
	}
.img-social{
	opacity: 1;
	width:30px;
	
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	-khtml-border-radius: 18px;
	-o-border-radius: 18px;
	-ms-border-radius: 18px;
	border-radius: 18px;
	
	-webkit-transition: all .7s ease-in-out;
	-moz-transition: all .7s ease-in-out;
	-o-transition: all .7s ease-in-out;
	-ms-transition: all .7s ease-in-out;
	transition: all .7s ease-in-out;
}
.img-circle{
	border-radius:50%
}
.img-social:hover {
	background:#c0a651;
	box-shadow: 0px 0px 5px #c0a651;
  	-webkit-box-shadow: 0px 0px 5px #c0a651;
	-moz-box-shadow: 0px 0px 5px #c0a651;
	-khtml-box-shadow:0px 0px 5px #c0a651;
	-ms-box-shadow: 0px 0px 5px #c0a651;
	-o-box-shadow: 0px 0px 5px #c0a651;
}
.img_language{
  -webkit-filter: grayscale(100%);
  -webkit-transition: .5s ease-in-out;
  -moz-filter: grayscale(100%); 
  -moz-transition: .5s ease-in-out;
  -o-filter: grayscale(100%); 
  -o-transition: .5s ease-in-out;
  
  margin-left:3px;
  margin-bottom:2px;
}
.img_language:hover {
  -webkit-filter: grayscale(0%);
  -webkit-transition: .5s ease-in-out;
  -moz-filter: grayscale(0%); 
  -moz-transition: .5s ease-in-out;
  -o-filter: grayscale(0%); 
  -o-transition: .5s ease-in-out;
}
.img_language-current {
  -webkit-filter: grayscale(0%);
  -webkit-transition: .5s ease-in-out;
  -moz-filter: grayscale(0%); 
  -moz-transition: .5s ease-in-out;
  -o-filter: grayscale(0%); 
  -o-transition: .5s ease-in-out;
  
  margin-left:3px;
  margin-bottom:2px;
}	/**---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------**/
/**------------------------------head-text---------------------------------------------------------------------------------------------------------------------------------------------------**/
.G-header {
 border-bottom: 1px solid #dcdcdc;
 padding: 0;
 margin-bottom: 5px;
 position: relative;
}
.G-header:before, .G-text-header:after {
 content: "";
 display: table;
}
.G-header:after {
 clear: both;
}
.G-header h1 {
 float: left;
 display: inline-block;
 margin: 0;
 padding: 7px 0;
 border-bottom: 1px solid #ffde00;
 margin-bottom: -1px;
 position: relative;
}
.G-header h2 {
 float: left;
 display: inline-block;
 margin: 0;
 padding: 7px 0;
 border-bottom: 1px solid #f9c45f;
 margin-bottom: -1px !important;
 position: relative;
}
.G-header h3 {
 float: left;
 display: inline-block;
 padding: 7px 0 !important;
 border-bottom: 1px solid #ffde00;
 margin-bottom: -1px !important;
 position: relative;
}
.G-header h4 {
 float: left;
 display: inline-block;
 margin: 0;
 padding: 7px 0;
 border-bottom: 1px solid #ffde00;
 margin-bottom: -1px;
 position: relative;
}
/**------------------------------head-text---------------------------------------------------------------------------------------------------------------------------------------------------**/
/* ----------------------------------------------------
	animation
------------------------------------------------------- */
/**-----------anime-------------**/
.G-anime {
    width: 100px;
    height: 100px;
    background-color: red;
    position: relative;
    -webkit-animation-name: example; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: infinite; /* Chrome, Safari, Opera */
    animation-name: example;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes example {
    0%   {background-color:red; left:0px; top:0px;}
    25%  {background-color:yellow; left:200px; top:0px;}
    50%  {background-color:blue; left:200px; top:200px;}
    75%  {background-color:green; left:0px; top:200px;}
    100% {background-color:red; left:0px; top:0px;}
}

/* Standard syntax */
@keyframes example {
    0%   {background-color:red; left:0px; top:0px;}
    25%  {background-color:yellow; left:200px; top:0px;}
    50%  {background-color:blue; left:200px; top:200px;}
    75%  {background-color:green; left:0px; top:200px;}
    100% {background-color:red; left:0px; top:0px;}
}
/**-----------anime-------------**/
/**---------rotation-------------**/
#G-rotation {
    margin: auto;
    border: 1px solid black;
    width: 200px;
    height: 100px;
    background-color: coral;
    color: white;
    -webkit-animation: mymove 5s infinite; /* Chrome, Safari, Opera */
    animation: mymove 200s infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
    50% {-webkit-transform: rotate(360deg);}
}

/* Standard syntax */
@keyframes mymove {
    50% {transform: rotate(360deg);}
}
/**---------rotation-------------**/
/**-----------text-------------**/
#G-anime-text {
    width: 300px;
	margin:0 auto;
    color: red;
    -webkit-animation: mytext 2s infinite; /* Chrome, Safari, Opera */
    animation: mytext 2s infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes mytext {
    50% {color: blue;}
}

/* Standard syntax */
@keyframes mytext {
    50% {color: blue;}
}
/**-----------text-------------**/
/* ----------------------------------------------------
	animation
------------------------------------------------------- */
#opacity{
	opacity: 0.3;
	-webkit-transition: all .7s ease-in-out;
	-moz-transition: all .7s ease-in-out;
	-o-transition: all .7s ease-in-out;
	-ms-transition: all .7s ease-in-out;
	transition: all .7s ease-in-out;
}
#opacity:hover{
	opacity: 1;
}