/*
Table OF Contents
==========================
1-Preloader
2-General Styles
3-Page head'

*/	


body {
	font-family: 'Lato', sans-serif;
	overflow: hidden;
	overflow-y: scroll;
	font-size:18px;
	color: #8e9297;
}
p { margin: 0 0 10px; }

/*=====================
2-General Styles
======================*/
.lt-ie9 .animated {
	opacity: 1 !important;
	-webkit-animation: none !important;
	animation: none !important;
	transform: none !important;
}
section{ padding: 90px 0; }
blockquote {
	border: none;
	margin: 0;
	font-size:15px;
	line-height:28px;
	padding:40px;
}
q{
	position:relative;
}
q::before{
	position:absolute;
	left:-25px;
	top:0;
	font-size:40px;
}
q::after{
	content:"";
}

img {
	max-width: 100%;
	height: auto;
}
ul{
	margin:0;
}
a { outline: none !important; color:#fff; }
a:hover{color: #FCCB31 !important;}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', sans-serif;
	margin:10px 0;
	font-weight:400;
}
h1 { font-size: 60px; }
h2 { font-size: 48px; }
h3 { font-size: 30px; }
h4 { font-size: 26px; }
h5 { font-size: 22px; }
h6 { font-size: 18px; }
header h2 { font-size: 25px;}

.text-right { text-align: right; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.btn-default{
	background:#46505c;
	color:#fff;
}
.btn{
	padding:15px 30px;
	border:none;
	border-radius:5px;
	font-weight:400;
	text-transform:inherit;
    font-size: 18px;
}
.btn-tranparent{
	border:1px solid #7cbf1d;
	border-radius:3px;
	text-decoration:none !important;
}
.btn-white{
	background:#fff;
	color:#707070;
}
/*
.btn-dark{
	background:#2c2c2c;
	color:#a3a3a3;
}
.btn-dark:hover{color:#a3a3a3;}
.btn-yellow{
	background:#ebc826;
	color:#675a1d;
}
*/
.btn-wide{
	width:100%;
	margin:5px auto;
	padding:15px;
}
.btn-md{
	width:30%;
}
.btn:hover{
	text-shadow:1px 1px rgba(0,0,0,0.2);
	border-color:#000;
	border-color:rgba(0,0,0,0.2);
    background: #FCCB31;
    color: #fff !important;
}
.text-extralight{
	font-weight:100 !important;
}
.text-light{
	font-weight:300 !important;
}
.text-semibold{
	font-weight:600 !important;
}
.text-bold{
	font-weight:700 !important;
}
.text-extrabold{
	font-weight:800 !important;
}
.text-uppercase{
	text-transform:uppercase !important;	
}
.text-lowercase{
	text-transform:lowercase !important;	
}
.link{
	text-decoration:underline;
	display:inline-block;
}
.link-grey{
	color:#c5c8c9;
}
.link:hover{
	color:#7cbf1d;	
}
.head-grey h2,.head-grey h3{
    color: #444E5A;
}
/*===============================================
Form Styling
=================================================*/
form{
	margin-bottom:30px;
}
form .btn{
	padding-top:10px;
	padding-bottom:10px;
}
input[type="text"],input[type="tel"],input[type="email"],input[type="password"],textarea{
	width:100%;
    border: 1px solid #d1d1d1;
	border:none;
	color:#000;
	background:#fff;
	border-radius:3px;
	height:45px;
	padding:10px 35px;
	text-transform:inherit;
    border: solid 1px #d1d1d1;
    margin-bottom: 10px;
}
input[type="text"].tranparent,input[type="tel"].tranparent,input[type="email"].tranparent,input[type="password"].tranparent,textarea.tranparent{
	background:none;
	border:1px solid #7cbf1d;
	color:#7cbf1d;
}
textarea{
	height:180px;
	padding:25px 35px;
}
label{
	color:#8e9297;
}
label.tranparent{
	color:#8e9297;
}
.field-wrap{
	margin:15px auto;
	position:relative;
}
.field-wrap label{
	position:absolute;
	left:35px;
	top:12px;
}
.field-wrap.textarea-wrap label{
	top:25px;
}

/*==============================================
Spacing Helping Classes
===============================================*/
.mb-10{ margin-bottom:10px;}
.mb-15{ margin-bottom:15px;}
.mb-20{ margin-bottom:20px;}
.mb-25{ margin-bottom:25px;}
.mb-30{ margin-bottom:30px;}
.mb-35{ margin-bottom:35px;}
.mb-40{ margin-bottom:40px;}
.mb-45{ margin-bottom:45px;}
.mb-50{ margin-bottom:50px;}
.mt-10{ margin-top:10px;}
.mt-15{ margin-top:15px;}
.mt-20{ margin-top:20px;}
.mt-25{ margin-top:25px;}
.mt-30{ margin-top:30px;}
.mt-35{ margin-top:35px;}
.mt-40{ margin-top:40px;}
.mt-45{ margin-top:45px;}
.mt-50{ margin-top:50px;}

/*==========================
parallax
==========================*/

.parallax {
	overflow: hidden;
	clear: both;
	position: relative;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 50% 0;
	height: 100%;
	width: 100%;
	color: #fff;
	padding: 0;
	background:#0a0d13;
}
.overlay {
	background: url(../images/overlay01.png);
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}
.parallax_inner {
	position: relative;
	padding-top: 80px;
	padding-bottom: 80px;
	min-height:250px;
}
.parallax_one { background-image: url(../images/background.jpg); }

/*====================================
Pages
======================================*/
.about-us{
    color: #fff;
}
.about-us .parallax_inner{
    padding-bottom: 0;
}
.about-us .about i{
    background: #FCCB31;
    border-radius: 50%;
    height: 55px;
    width: 55px;
    font-size: 26px;
    text-align: center;
    line-height: 55px;
}
.about-us p{
    font-size: 13px;
}
.about-us .about .pad{ padding-left: 72px; }
.about-us .store a{
    margin-right: 25px;
    display: inline-block;
    max-width: 220px;
}
.about-us .store a:last-child{ margin-right: 0; }
.promo span{
    font-size: 26px;
    display: block;
}
.weather{
    background-image: url(../images/BG.jpg);
    padding-bottom: 0;
    background-size: cover;
    color: #46505C;
}
.forecast-wrapper{ margin-top: 100px; }

.weather .forecast i{
    background: #FCCB31;
    color: #fff;
    border-radius: 10px;
    height: 56px;
    width: 56px;
    font-size: 26px;
    text-align: center;
    line-height: 56px;
}
.weather .forecast .pad{ padding-left: 72px; }
.forecast-wrapper.right .pad{
    padding-left: 0;
    padding-right: 72px;
}
.weather .forecast p{    font-size: 14px;}
.weather .forecast span{font-size: 16px;}
.our-team .head{    margin-bottom: 80px;}
.member{ font-size: 14px;}
.member span{ display: block; }
.member a{color: #8e9297; text-decoration: none;}
.subscribe{
    padding-top: 60px;
    padding-bottom: 55px;
}
.subscribe button{
    height: 45px;
    line-height: 45px;
    padding: 0px 38px;
}
.projects i{    font-size: 75px; width: 88px}
.projects .stat{
    font-size: 50px;
    display: block;
    margin-top: 5px;
}
.projects .info{ padding-left: 110px; display: block; font-size: 20px; line-height: 10px;}
footer{ font-size: 20px; }
footer .inner{
    position: relative;
    padding: 20px 0;
}

/*=========================
Responsive
==========================*/
/*===Break Point===*/
@media (max-width: 1199px) {
section{ padding: 60px 0; }
.about-us .store a{ max-width: 210px; }
}
/*===Break Point===*/
@media (max-width: 990px) {
section{ padding: 40px 0; }
h2{ font-size: 36px; }
.about-us .store a{ max-width: 150px; }
.about-us .store{
    margin-top: 20px;
    margin-bottom: 10px;
}
.about-us figure{ margin-top: 120px; }
.about-us .about.last{ margin-bottom: 20px; }
.promo figure{ margin-top: 100px; }
.parallax_inner{ padding-top: 30px; padding-bottom: 40px; }
.weather .forecast{ margin-bottom: 40px; }
.record{ 
    max-width: 300px;
    margin: 0 auto;
    margin-bottom: 70px;
}
.records .parallax_inner{ padding-bottom: 0; }
.records i{ margin-top: -24px; }
}
/*===Break Point===*/
@media (max-width: 767px) {
section{ padding: 40px 0; }
.about-us figure,.promo figure{ display: none; }
.promo figure{ margin-top: 25px; }
.promo.parallax figure{ display: block; text-align: center; }
.weather,.forecast-wrapper { text-align: center; }
    .forecast-wrapper.right .pad,.weather .forecast .pad{padding-left: 0 !important; padding-top: 20px;}
    .weather .forecast i{margin: 0;}
.weather .forecast i{ float: none !important; }
.forecast-wrapper.right .pad{ padding-left: 72px; padding-right: 0; }
.forecast-wrapper{ margin-top: 50px; }
.member {  max-width: 300px; margin: 0 auto; margin-bottom: 50px;}
.member span{ margin-bottom: -12px; }
    .our-team .head { margin-bottom: 40px; }
    .about-us{padding-bottom: 40px;}
    .subscribe form{max-width: 300px; margin: 0 auto;}
}
/*===Break Point===*/
@media (max-width: 600px) {
}
/*===Break Point===*/
@media (max-width: 360px) {
.btn{ padding: 10px 15px; font-size: 16px; }
h2{ font-size: 32px; }
.about-us .store a{ max-width: 110px; }
.promo span{ font-size: 22px; }
}

.promo-first{
	background-image: url(../images/schermi.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;	
}


/*=========================
features
==========================*/
.features{
    padding: 40px 0;
}
.parallax_two{
    background-image: url("../images/parallax2.jpg");
}
.features h4{
    color: #fff;
}
.features p{
    font-size: 18px;
    line-height: 26px;
    padding: 15px 0;
}
.fratures-wrap {
    padding: 0 132px;
}
.fratures-wrap ul{
    padding-left: 0;
    position: relative;
}
.fratures-wrap ul:before{
    position: absolute;
    content: "";
    height: 4px;
    width: 300px;
    background: #fff;
    margin-left: -15px;
    bottom: -46px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;

}
.fratures-wrap ul > li{
    display: inline-block;
    padding: 0 30px;
}
.fratures-wrap ul > li:first-child{
    padding-left: 0;
}
.fratures-wrap ul > li > a{
    
}
.fratures-wrap ul > li > a .fa{
    font-size: 42px;
    height: 86px;
    width: 86px;
    line-height: 86px;
    border: 2px solid #fff;
    border-radius: 50%;

}
.fratures-extra-details{
    padding-top: 45px;
}
.watch{
    font-size: 26px;
    border: 2px solid #fff;
    border-radius: 5px;
    padding: 12px 40px 12px 20px;
    display: inline-block;
    position: relative;
}
.watch:hover{
    text-decoration: none;
}
.watch:after{
    position: absolute;
    content: "\f0da";
    font-size: 26px;
    font-family: FontAwesome;
    top: 50%;
    right: 19px;
    color: #fff;
    transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
}

.team{
    padding: 40px 0 60px;
}
.team h4{
    color: #6a7884;
    padding-bottom: 15px;
}
.team p{
    padding-bottom: 20px;
}
.members{
    padding: 0 30px;
    margin: 50px 0;
}
.member .pull-left{
    position: relative;
}
.member .pull-left:after{
    position: absolute;
    content: "";
    right: 0;
    top: 30px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 30px 30px 0;
    border-color: transparent #f6f8f9 transparent transparent;
}
.member{
    background: #F6F8F9;    
}
.pad{
    padding-bottom: 5px;
    padding-right: 32px;
}
.pad > a {
    font-size: 20px;
    color: #7b8a97;
    padding-bottom: 17px;
    display: inline-block;
}
.testimonial{
    padding-left: 200px;
    padding-right: 200px;
    padding-top: 60px;
}
.testimonial p{
    padding-top: 10px;
    padding-bottom: 0;
    position: relative;
}
.testimonial p:before{
    position: absolute;
    content: "";
    background-image: url("../images/quote-l.png");
    background-position: center;
    background-repeat: no-repeat;
    height: 100px;
    width: 100px;
    top: 50%;
    left: -140px;
    color: #F2F2F2;
    transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
}
.testimonial p:after{
     position: absolute;
    content: "";
    background-image: url("../images/quote-r.png");
    background-position: center;
    background-repeat: no-repeat;
    height: 100px;
    width: 100px;
    top: 50%;
    right: -140px;
    color: #F2F2F2;
    transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
}
.testimonial a{
    font-size: 16px;
    color: #7db1cf;
}
.testimonial a:hover{
    text-decoration: none;
}

.video-btn{
    background-color: transparent;
}

@media only screen and (max-width: 980px) {
    .promo-first {
    background-image: none!important;
    }

    .fratures-wrap {
        padding: 0 0px;
    }

    .container {
        margin-right: auto;
        margin-left: auto;
        padding-left: 30px;
        padding-right: 30px;
    }
    .parallax_inner{
    background-color: rgba(0,0,0,0.7);
    }

    .features {
        padding: 0 0;
    }

    .fratures-wrap ul > li:first-child {
        padding-left: 30px;
    }

    .about-us {
        padding-bottom: 0px;
    }
}