@charset "utf-8";
/* CSS Document */

/* Reset ================================================================================= */
* { margin:0; padding:0; }
body          {
    font-family: 'Work Sans', sans-serif;
    font-size: 14px;
    color:#000000;
    line-height:22px;
    overflow-x: hidden;
    background-color:#f5f5f5;
    text-align: center;
    color:#000;
}
#wrapper {
    margin: 0 auto;
    max-width:1170px;
}
.top-header {
    margin:auto;
	background-color:#fff;
	background-image:url(../images/bg_header.jpg);
    background-position:center center;
    background-size: auto 100%;
    background-repeat:no-repeat;
	padding: 128px 0 140px 0;
    box-shadow:0px 1px 3px #dedede;
    min-height:409px;
}
.top-header h4 {
    font-family: 'Work Sans', serif;
    font-size: 20px;
    font-style: italic;
    margin-top: 30px;
    color: #000;
}
a{
    outline: none;
}
p {
    font-size: 13px;
    margin: 20px 0 10px;
}
img{    
    height: auto;
    max-width: 100%;
}
a:hover,a:focus{
    outline: none;
    text-decoration: none;
}
.logo{
    padding: 75px 0 15px;
}
.main-content {
	background-repeat:no-repeat;
	background-size:cover;
    margin: 0 auto;
}
.decs-content {
	text-align:center;
	padding:50px 0;
	position:relative;
}
.wrap-img {
	background:#f3f3f3;
	box-shadow: 0px 1px 3px #dedede;
	padding:5px;
	transition: all 200ms ease 0s;
    -webkit-transition: all 200ms ease 0s;
    -moz-transition: all 200ms ease 0s;
    max-width:370px;
    margin:0px auto;
}
.wrap-img:hover {
	box-shadow: 0 0 30px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 30px rgba(0,0,0,0.4);
}
.img-bg {
    display: block;
    height:400px;
    position: relative;
}
.img-bg .img-skin {
    background-position: center 0;
    background-repeat: no-repeat;
    position:absolute;
    width:100%;
    height:400px;
    left:0;
    background-size:100% auto;
}

.img-bg .img-skin{
    transition: all 5s ease-out 0s;
    -webkit-transition: all 5s ease-out 0s;
    -moz-transition: all 5s ease-out 0s;
    -ms-transition: all 5s ease-out 0s;
    -o-transition: all 5s ease-out 0s;
}
.img-bg:hover .img-skin{
    background-position: center 100%!important;
}
.title-demo {
	margin-top: 10px;
}
.title-demo a {
    text-transform:uppercase;
    color:#252525;
    padding:30px 40px;
    font-size:18px;
	font-family:'Work Sans', serif;
    font-weight:400;
    display:inline-block;
    vertical-align:middle;
}
.title-demo a:hover {
    color:#cb2e41;
}
.btn {
    font-family: 'Work Sans', serif;
	font-weight: 300;
    background: transparent;
    padding: 8px 20px; 
    color: #000;
    border-radius: 3px;
    font-size: 25px;
    margin-top: 43px;
	margin-bottom: 78px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
	background:#fff;
	box-shadow: 0px 1px 3px #dedede;
}
.btn:hover{
    color: #fff;
    background-color: #25c0e1;
}
.velaLogo{
    padding:0px 90px;
    text-align:left;
}
.logo-text{
    font-size:24px;
    font-weight:400;
    color:white;
    text-transform:uppercase;
    padding:30px 0 20px;
    max-width:565px;
    line-height:34px;
}
.rowLast{
    margin-top:50px;
}
.footer-wrap{
	margin-top:50px;
	background-color:#cb2e41;
	padding:30px 45px;
	color:#FFF;
}
.footerTextRight{
    text-align:right;
}
.footerTextLeft{
    text-align:left;
}
.footerTextLeft span{
    font-size:24px;
    font-weight:400;
    line-height:66px;
    color:white;
    display:inline-block;
    vertical-align:middle;
    text-transform:uppercase;
}
@media (max-width:991px){
    .footerTextLeft{
        text-align:center;
    }
    .footerTextLeft span{
        margin-bottom:20px;
    }
    .footerTextRight{
        text-align:center;
    }
}
.footerTextRight .btnLandingpage{
    font-family:"Quantico";
    font-size:24px;
    font-weight:bold;
    height:66px;
    line-height:58px;
    color:white;
    background-color:transparent;
    border:3px solid white;
    border-radius:0px;
    padding:0px 30px;
    margin:0px;
    text-transform:uppercase;
    box-shadow:none;
}
.titleLandingpage{
    position:relative;
    text-align:center;
}
.titleLandingpage h3{
    position: relative;
    margin:0px;
    padding:30px 0px;
    font-family:Work Sans;
    font-size:24px;
    font-weight:600;
    color:#252525;
    text-transform: uppercase;
}
.titleLandingpage span{
    font-size: 100px;
    font-weight: 500;
    color: #333;
    opacity: 0.1;
    filter: alpha(opacity=10);
    position: absolute;
    top: 55px;
    left: 0px;
    right: 0px;
    line-height: 74px;
}
.desLandingpage{
    display:block;
    padding:30px 0px 0px;
    font-size:14px;
    font-weight:normal;
    color:#777777;
    line-height:24px;
    max-width:700px;
    margin:0px auto;
}
.image-rating{
    text-align:center;
    padding:40px 10px;
}
.image-rating img{
    display:inline-block;
    vertical-align:middle;
    max-width:100%;        
}
@media (max-width:768px){
    .top-header{
        padding:80px 0;
        background-size:auto auto;
        min-height:100%;
    }
    .velaLogo{
        padding:0px 30px;
    }
    .decs-content{
        padding:30px 20px;
    }
    .titleLandingpage h3{
        padding:10px 0 0;
    }
}
@media (max-width:480px){
    .velaLogo{
        text-align:center;
    }
    .logo-text{
        font-size:16px;
        line-height:normal;
    }
    .titleLandingpage h3{
        font-size:18px;
    }
    .footer-wrap{
        padding:20px;
    }
    .footerTextLeft span{
        font-size:18px;
        line-height:normal;
    }
    .footerTextRight .btnLandingpage{
        height:40px;
        line-height:38px;
        font-size:16px;
        border-width:1px;
    }
}