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


* {
	margin: 0;
}
html, body {
	height: 100%;
    font-family:"Montserrat", "sans-serif" ;
	margin: 0;
	padding: 0;
	font-weight:200;
}

a:hover, a:focus,  input:focus{
	text-decoration:none;
	outline:none;
	border:0;
	font-weight: 200
}

#astep, #astep2, #acontact{
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}


button::-moz-focus-inner {
  border:0;
}

.container{
	min-width: 300px;
}






.pad0{
	padding:0;
}

.glyphicon{
	vertical-align:baseline;
	margin-right:6px;
}

.glyphicons{
	vertical-align:baseline;
	margin-right:6px;
}
.trans {
	background:0 0!important
}

.ani {
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
transition:all .3s linear
}

.desktop{
	display:inline-block;
}

.mobile{
	display:none;
}


@media screen and (max-width:767px) {

.desktop{
	display:none;
}


.mobile{
	display:inline-block;
}

}


/* Main */
header{
	background: #fff;
	padding: 5px 15px 25px 15px;
	height:65px;
	position: relative;
	position: fixed;
	top:0;
	z-index:990;
	width:100%;
		font-weight:300;
}

header .logo{
	display: block;
	margin: 11px auto 0;
}

header .menu{


}

header .navbar-collapse{
	position: absolute;
	right:0;
}

header .navbar-collapse ul li{
	float:left;
	margin-left: 50px;
	list-style: none;
}

header .menu a{
	color:#1e1e1e;

}

header .navbar-collapse ul li a{
	color:#1e1e1e;

}

header .navbar-collapse ul li a.active{
	color:#1e1e1e;
}

.navbar-toggle{
	margin-right: 0;
}

.navbar-toggle .icon-bar{
	margin-top: -17px;
}

header .navbar-collapse{
	margin-top: -30px;
	}


header .navbar-collapsea{
	color:#000;
	}

header .logo{
	max-width:210px!important;
}

header .menu.pull-left{

	margin-top: -30px;

	}

@media screen and (max-width:767px) {
	
header .logo{
	width:150px!important;
}

header .menu.pull-left{
	z-index: 999;
	margin-top: -22px;
	margin-left: -15px
	}	
	
header .menu.pull-right{
margin-top: -40px;
	margin-right: -15px;
		background: transparent;
	}	

	
	.menubut{
		width: 30px;
		
	}
	
header .navbar-collapse{
	position:absolute;
	top:78px;
	z-index:900;
	background: #fff;
	width:100%;
	left:0;
}
	
header .navbar-collapse ul{
	margin: 0;
	padding: 0;
}	

header .navbar-collapse ul li{
	display: block;
	margin-left: 0px;
	width:100%;
	border-top: solid 1px #ededed;
	text-align: center;
	padding: 20px 0;
	margin-top: 0;
}
	
header .navbar-collapse ul li:last-child{
	border-bottom: solid 0px #ededed;
}


header .navbar-collapse ul li a{
	color:#000;

}
}

.section{
	width:100%;
	padding-top: 100px;
	padding-bottom: 50px;
}

.mainbanner{
	height:700px;
	display: table;
	background: #000;
	color:#fff;
	background-size:100% auto!important;
	width:100%;
	position: relative;
	margin-top: 60px;
}



@media screen and (max-width:991px) {
	.mainbanner{
		height:560px;
	}
}

@media screen and (max-width:767px) {
	.mainbanner{
		height:480px;
		background-size:170% auto!important;
	}
}


.mainbanner .square{
	border:solid 2px;
	padding: 50px 40px;
	text-align: center;
	width:214px;
	height:190px;
	vertical-align: center;
	display: table-cell;
	position: absolute;
	left:50%;
	margin-left: -107px;
	margin-top: 200px;
	font-size:25px;
}

.mainbanner .square2{
	border:solid 2px;
	padding: 40px 20px;
	text-align: center;
	width:214px;
	height:190px;
	vertical-align: center;
	display: table-cell;
	position: absolute;
	left:50%;
	margin-left: -107px;
	margin-top: 200px;
	font-size:25px;
}

.mainbanner .slogan{
	font-size:30px;
	position: absolute;
	right:10px;
	top:20px;
	text-align: right;
	font-weight:100;
}

.mainbanner .slogan4{
	font-size:30px;
	position: absolute;
	left:10px;
	top:20px;
	text-align: left;
	font-weight:100;
}

.mainbanner .slogan2{
	position: absolute;
	font-size:30px;
	top:420px;
}

.mainbanner .slogan5{
	position: absolute;
	font-size:23px;
	top:420px;
	right:10px;
	text-align: right;
}

.mainbanner .slogan3{
	text-align: center;
	position: absolute;
	width:100%;
	top:450px;
	font-size:18px;
}





.mainbanner .slogan3 span{
	margin: 0 20px;
}

.mainbanner .scroll{
	position: absolute;
	left:50%;
	margin-left: -100px;
	bottom:45px;
}



@media screen and (max-width:1280px) {
	.mainbanner .scroll{
	bottom:15px;
	}
.mainbanner .square{
	margin-top: 170px;
}
	.mainbanner{
		height:560px;
	}
	.mainbanner2{
		background-size:120% auto!important;
	}
.mainbanner .slogan5{
	position: absolute;
	font-size:23px;
	top:380px;
	right:10px;
	text-align: right;
}
}

@media screen and (max-width:991px) {



.mainbanner .square{
	margin-top: 160px;
}
	
}


@media screen and (max-width:991px) {
	.mainbanner{
		height:560px;
	}
	.mainbanner2{
		background-size:140% auto!important;
	}
}

@media screen and (max-width:767px) {
	.mainbanner .scroll{
	bottom:5px;
	}
	.mainbanner{
		height:480px;
	}
	.mainbanner .slogan{
		font-size:20px;
	}

	.mainbanner2{
		background-size:190% auto!important;
	}
	
	.mainbanner .slogan3{
		top:320px!important;
		font-size:14px;
	}

	.mainbanner .slogan2{
		font-size:20px;
		top:300px!important;
	}
.mainbanner .slogan4{
	font-size:20px;

}
	
	.mainbanner .square{
		margin-top: 100px;
	}
	
.mainbanner .slogan5{
	position: absolute;
	font-size:23px;
	top:340px;
	right:10px;
	text-align: right;
}
	
	.mainbanner .scroll img{
	position: absolute;
	left:50%;
	margin-left: 0px;
	bottom:5px;
}
}

@media screen and (max-width:480px) {
	.mainbanner{
		height:420px;
		background-size:200% auto!important;
	}

	.mainbanner2{
		height:400px;
		background-size:190% auto!important;
		background-position: -280px 0px!important;
	}
	.mainbanner .slogan{
		font-size:18px;
	}
	.mainbanner .slogan2{
		font-size:18px;
	}
	.mainbanner .slogan4{
		font-size:18px;
	}
	.mainbanner .slogan5{
		font-size:18px;
		top:300px;
	}
	
	.mainbanner .square{
		margin-top: 100px;
	}	
}

.section h2{
	margin-bottom: 80px;
	font-size:36px;
	font-weight: 200;
	text-align: center;
}

@media screen and (max-width:767px) {
	.section h2{
		margin-bottom: 40px;
		font-size:26px;
	}
}

.section{
text-align:justify;
}

.section p{
	margin: 0 auto 45px;
	font-size:18px;
	font-weight: 200;
	text-align:center;
	max-width: 1280px
}

@media screen and (max-width:767px) {
	.section p{
		font-size:18px;
	}
}



.bg_black{
	background: #002B35;
	color:#fff;
}

.bg_black2{
	background: #000;
	color:#fff;
}
.bg_grey{
	background: #ededed;
	color:#333333;
}

.bg_white{
	background: #fff;
	color:#333333;
}

.bg-white h2{
	color:#1a1a1a;
}

.daniel{
	margin: 20px auto 40px;
	display: block
}

.shortp{
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
}

.shortc{
	max-width: 1280px;
}

.ci p{
	font-size:18px;
	height: 50px;
	text-align: center;
}

.ci .circle{
	border:solid 4px #fff;
	text-align: center;
	font-size:43px;
	border-radius:800px;
	width:125px;
	height:125px;
	padding-top: 25px;
	display: block;
	margin: 0 auto 50px;
}

@media screen and (max-width:767px) {
.daniel{
	margin: 0 auto 20px;
	display: block
}
	
.ci p{
	margin-bottom: 10px!important;
}
	
.ci .circle{
	margin: 0 auto 50px;
}
}

.mg100{
	margin-bottom: 50px;
}


footer{

	font-size:14px;
	font-weight:200;
	padding: 0 15px;
}

footer .container{
	max-width: 1280px;
}

footer .col-md-12{

		border-top:solid 1px #000;
	padding: 15px 0px;
		
}


	


footer img{
	vertical-align: text-bottom;
	margin-left: 20px;
}

footer p{
	font-size:11px!important;
	margin-top: 15px!important;
	margin-bottom: 30px!important;
	text-align: center;
}

footer a{
	color:#000;
}

.news_item{
	padding-bottom: 60px;
	padding-top: 60px;

}

.news_item{
	border-bottom:solid 1px #ededed;
}

.news_item.blacknews{
	color:#fff;
}

.news_item p{
	text-align: left;
	max-width: 100%;
}

.news_item h4{
	font-size:18px;
	margin-top: 0;
	margin-bottom: 20px;
	font-weight:200;
}

.news_item h3{
	font-size:18px;
	font-weight: bold;
	margin-bottom: 20px;
}

.news_item p{
	font-size:18px;
	margin-top: 0;
	margin-bottom: 20px;
}

.news_item img{
	margin:0 auto 20px;
}

.clientlist p{
	margin-bottom: 85px;
}

.clientlist .col-xs-4{
	padding:3px;
}

.clientlist .col-xs-4 img{
	margin:0 auto;
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

.product img{
	margin-bottom: 30px!important;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
	

}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

.section p.ita{
	margin-top: 85px;
}

.feedback{
	font-style: italic;
}

#carousel .item{
	text-align: center;
	font-size:18px;
	padding: 0 110px;
}


@media (max-width: 768px) {
#carousel .item p{
	text-align: center;
	font-size:14px;
	padding: 0 0px;
}
	
	#carousel .item{
	text-align: center;
	font-size:18px;
	padding: 0 40px;
}
}
.carousel-indicators{
	bottom:0px;
}

.carousel-indicators li{

	border:solid 1px #ededed!important;
}

.carousel-indicators li.active{
	background-color:#ededed!important;
	border:solid 2px #ededed!important;
}

.carousel-control-prev{
    position: absolute;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
	left:-15px;
}

.carousel-control-next{
    position: absolute;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
	right:-15px;
}

.timeline .col-md-2{

}

.timeline .col-md-10{
	padding-left: 50px;
		border-left:solid 10px #000;
	padding-bottom: 40px;
}

@media (max-width: 768px) {
.timeline .col-md-10{
	padding-left: 20px;
		border-left:solid 10px #000;
}

}


.timeline .col-md-10 p{
	text-align: left;
}

.timeline .timeright{
	text-align: right;
}

.contact .col-md-6{
  padding:0 50px!important;
}

.contact .formc{
  border-right:solid 1px #000;
}

.contact button{
  border-radius:0px;
	color:#000;
	border:solid 1px #000;
	background: #fff;
}

.socialsss p{
	margin-bottom: 99px;
}

	.socialsss a{
	color:#000;font-weight:200;
}

@media (max-width: 768px) {
.contact .formc{
  border-right:solid 0px #000;
}

.socialsss{
	margin: 35px 0 0 0;
}
	.contact .formc{
  border-right:solid 0px #000;
}
	
	.socialsss p{
	margin-bottom: 20px;
}
	
.contact .col-md-6{
  padding:0 15px!important;
}

}

.socialsss div{
	margin: 40px 20px 40px 0;
}

.socialsss img{
	margin-right: 10px;
}