/* General Demo Style */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
@import url("../App_Themes/Site_Ar/fonts.css");
body , a{
    font-family: 'Lato', Calibri, Arial, sans-serif;
    color: #000;
    margin: 0;
}

a{
	text-decoration: none;
}

a:hover{
	color: red;
}

	/*** position : right *** /
.intro-label {
	position:absolute;
	right:0px;
	top:40%;
	height:auto;
	width:auto;
	background-color:rgba(255,255,255,0.7);
	padding:26px;
	border-right: 22px solid #B00;
	box-shadow: 0 0 5px black;
}
*/

	/*** position : top ***/
.intro-label {
    position: relative;
	display:none;
    height: auto;
    width: 430px;
    padding: 0 0 26px;
    margin: auto;
    margin-top: 120px;
    text-align: center;
    background-color: rgba(255,255,255,1);
    box-shadow: 0 0 5px black;
	border-radius: 20px;
}

.intro-bar {
    position: absolute;
    right: 0px;
    left: 8%;
    bottom: 50%;
    padding: 10px;
    background-color: transparent;
}
.intro-text {
    position: relative;
    margin-top: 15%;
    font-size: 29px;
    color: #b00;
}
.Btns-intro {
    list-style:none;
    padding: 0;
    margin: 0;
    margin-top: 10px;
}
.Btns-intro li {
    height:30px;
    vertical-align:middle;
    display:inline-block;
}

.Btns-intro li:nth-child(1) a {
    font-family: GESSTwo, arial;
}
.Btns-intro li:nth-child(2) {
}
.Btn-intro{
    transition: 0.3s all;
    position: relative;
    width:100px;
    border-radius:4px;
    box-shadow: 0 0 3px black;
}
.Btn-intro,
.box-head{
    display:block;
    padding: 10px 10px;
    margin:auto;
    font-size: 18px;
	color:white;
    background:#b00;
	background: transparent linear-gradient(to top, #05184E, #316BCA) repeat scroll 0% 0%;
}
/*
.Btn-intro:after {
  display: block;
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 0;
  height: 5px;
  background-color: #b00;
  content: "";
  transition: width 0.2s;
}
*/
.Btn-intro:hover {
  color: #b00;
  transition: 0.3s all;
  background: transparent linear-gradient(to top, #fff, #fff) repeat scroll 0% 0%;
}
/*
.Btn-intro:hover:after {
  width: 100%;
}
*/
.Btn-intro2{
    padding: 10px 30px;
    background:#b00;
    font-family:Tahoma;
    transition: 0.3s all;
    position: relative;
}
.Btn-intro2:after {
  display: block;
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 0;
  height: 5px;
  background-color: #b00;
  content: "";
  transition: width 0.2s;
}
.Btn-intro2:hover {
  color: #b00;
  background:#fff
}
.Btn-intro2:hover:after {
    width: 142%;
}
@media (max-width: 479px) {
    .Btns-intro li {
        width: 100%;
        display: block;
        height: 100px;
    }
    .Btns-intro li:nth-child(2) {
        display:none;
    }
    .Btns-intro {
        float:none;
    }
    .intro-label {
        width: 100%;
    }
}