/* CSS DOCUMENT 
@import url(https://fonts.googleapis.com/css?family=Open+Sans:700);*/
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,300);
/************** Start Global rules **************/
body{text-rendering: optimizelegibility;font-family: Lato;background: url(../images/bg3.png);counter-reset: step;}
p{line-height: 25px;text-align: justify;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
.container{max-width: 1300px;margin: 0 auto}
img{max-width: 100%}
h1{margin: 0}
ul{padding: 0;margin: 0;list-style: none}
.clearfix:after{content: "";visibility: hidden;display: block;height: 0;clear: both}
.space{padding: 60px 47px;}
.hide{opacity: 0}
/************** End Global rules **************/
.navbar{height: 81px;padding: 1% 3%;background: #ebebeb;}
.navbar.fixed{position: fixed;z-index: 1;width: 1300px;padding: .6% 2%;height: 70px}
.page-wrapper{margin-top: 5px}
.navbar.fixed .log img{width: 120px;margin-top: 6px;}
.navbar.fixed .nav{margin-top: 0;}
.navbar .log{float: left}
.navbar .log img{cursor: pointer;width: 135px}
.navbar .nav{float: right;margin-top: 6px}
.navbar .nav > ul{position:relative;float:left;padding: 0 10px;margin-top: 3px}
.navbar .nav ul a{	
	text-transform: uppercase;
	display:block;
	color: #4d4d4d;
	text-decoration:none;
	font-weight:normal;
	padding: 10px 15px;
	font-size: 17px
}
.navbar .nav ul > li{
	margin: 0 5px
}
.navbar .nav ul li{
	position:relative;
	float:left;
	margin:0;
	padding:0;
	border-radius:2px;
}
.navbar .nav ul li:hover{background:#448ccb;color: #fff}
.navbar .nav ul ul{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#ebebeb;
	z-index: 99;
}
.bottom{padding: 15px 0;font-size: 15px }
.navbar .nav ul ul li{float:none;width:230px}
.navbar .nav ul ul a{line-height:120%;padding:10px 15px;font-size: 13px;}
.navbar .nav ul ul ul{top:10px;left:100%}
.navbar .nav ul li:hover > ul{display:block}
.navbar .nav ul li:hover > a{color: #fff}
.sea{float: left;margin-top: 4px;position: relative;display: inline-block;}
.sea input[type="search"]{
	border: 1px solid #e1e1e1;
	border-radius: 5px;
	padding: 7px;
	width: 160px;
	outline: 0;
}
.sea input[type="submit"]{
	font-family: 'FontAwesome';
	width: 30px;
	position: absolute;
	top: 1px;
    right: 1px;
    height: 29px;
    background: transparent;
    border: none;
    color: #a1a1a1;
    outline: 0
}
.sea input[type="submit"]:hover{
    color: #4d4d4d;
}
.form{margin: 0 auto;width: 40%;overflow: hidden;}
.dis .sea{display: none;margin-bottom: 20px;width: 100%}
.dis .sea input[type="search"]{width: 96%}
header{height: 100%;background: #E0E0E0;}
.home{}
.home .bx-wrapper{height: 400px;position: relative;color: #fff;margin: 0}
.home .bx-wrapper img{max-width: initial;}
.home .bx-wrapper .bx-viewport{
	box-shadow: none;
	border: 0;
	left: 0;
	background: none;
	height: 100% !important;
	position: relative;
	overflow: hidden;
}
.home .bxslider{height: 100%; width: 100%; top: 0;left: 0}
.home .bxslider li{
	display: block;
	z-index: 1;
	width: 100%;
	height: 100%;
	-webkit-background-size:cover;
	-mos-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position: center;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom: 25px;}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item{margin: 0 5px}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{background: #fff;color: #4d4d4d !important}
.bx-wrapper .bx-pager.bx-default-pager a{
	padding: 5px 9px;
	color: #4d4d4d;
    text-decoration: none;
    background: none;
	color: #4d4d4d;
	text-indent:0;
	display: initial;
	width: initial;
	height: initial;
	margin: 0;
	background: #D2C5B4;
	border-radius: 50%;
	opacity:.8;
	font-size: 12px
}
.rectan{
    width: 295px;
    height: 95px;
	/*border: 3px solid #fff !important;*/
    background: rgba(0,0,0,0.5);
	margin-top: 13%;
    margin-left: 7%;
}
.coal{width: 295px;}
.rectan h1{padding: 9px 0 0 13px;letter-spacing: 1px;font-size: 1.8em;text-transform: uppercase;}
.hello{background: #fff;padding: 55px 45px;}
.hello h1{
	text-align: center;
	text-transform: uppercase;
	color: #4d4d4d;
	font-weight: normal;
	letter-spacing: 1px;
	font-size: 1.375em;
}
.hello hr{width: 3%;border: 1px solid #4d4d4d}
.hello p{font-size: 15px;color: #4D4D4D;line-height: 25px;margin: 5px 0 0;font-weight: 300}
.hello p span{color:#53b0d1; font-weight: bold;}
.top,.boto{overflow: hidden; padding-top: 3%}
.abo{
	width: 29%;
	float: left;
	margin-left: 6%;
}
.abo h3,.boto > div h3{margin: 0;font-size: 22px;color: #4d4d4d;font-weight: 500}
.abo:first-child{margin-left: 0}
.boto > div {width: 100%;float: left;}
.boto img {float: right;}
.boto button{
    width: 100px;
    height: 35px;
    background: #4d4d4d;
    border: 0;
    outline: none;
    float: right;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    margin-top: 32px;
    cursor: pointer;
}
.services{background: #fff}
.servo{overflow: hidden;}
.title{padding: 6% 0 0 0;text-align: center;}
.title h1{font-size: 50px;;text-transform: uppercase;position: relative;z-index: 3;color: #0066b3;text-align: center;}
.title > div{    
	width: 128px;
    height: 70px;
    margin: 51px;
    background: #fff;
    position: absolute;
    z-index: 2
}
.title hr{
    width: 44px;
    transform: rotate(-77deg);
    position: absolute;
    margin: 150px 0 0 771px;
    border: 1px solid #0066b3;
    z-index: 1;
    top: -49px;
}
.block{width: 29%;height: 315px;margin: 0 0 3% 6.25%;float: left;}
.block:first-child{width: 100%;margin-left: 0;height: 225px}
.block:nth-child(2),
.block:nth-child(5),
.block:nth-child(8){margin-left: 0}
.service{
    width: 100%;
    height: 100px;
    padding: 10px;
    position: relative;
    background: rgba(266,266,266,.8);
    top: 215px;
    color: #363636;
    cursor: pointer;
}
.service:hover{background:rgba(266,266,266,.9)}
.service h2{font-size: 15px;margin: 0;text-transform: uppercase;}
.service p{font-size: 12px;line-height: 16px;}
.news{background-color: #ebebeb;padding:55px 45px}
.new-t{color: #4d4d4d;overflow: hidden;margin-bottom: 20px}
.new-t i{float:left;margin: 0 10px 0 0 ;}
.new-t h1{float: left;font-size: 1.375em;line-height: 30px;text-transform: uppercase;font-weight: normal;}
.new{overflow: hidden;margin: 0 auto}
.ne-blo{width: 49%;overflow: hidden;float: left;margin: 0 0 2% 1.5%}
.ne-blo:nth-child(2n+1){margin-left: 0}
.ne-blo img{float: left; width: 40%}
.ne-blo > div{
	width: 57%;
	float: right;
	margin-left: 10px;
	color: #363636
}
.ne-blo h2{margin: 10px 0 0 0;font-size: 15px;}
.ne-blo p{font-size: 12px;}
.ne-blo button{
	width: 95px;
	height: 35px;
	background: #634d3b;
	border: 0;
	outline: none;
	float: right;
	border-radius: 10px;
	font-size: 12px;
	color: #fff;
	font-weight: normal;
	margin-top: 6px;
	cursor: pointer;
}
.ne-blo button:hover{background: #a67c52;}
.testi{background: #eaeaea}
.testi .bx-wrapper img{display: initial !important}
.testi .bxslider{width: 100%;display: inline-block;}
.testi .bxslider .pic{display: block;margin: 0 auto}
.testi .bxslider .text{color: #4d4d4d;width: 100%;margin-top: 20px;}
.testi .bxslider .text q{font-weight: 300;font-style: italic;font-size: 15px;color: #9b9b9b}
.testi .bxslider .text cite{display: block;margin-top: 15px;color: #4d4d4d;font-size: 13px;}
.testi .bx-wrapper .bx-viewport{
	box-shadow: none;
	border:none;
	left: 0;
	background: none;
	height: 300px !important;
}
.testi .bxslider li{margin-bottom: 70px;overflow: hidden;text-align: center;}
footer{background: #363636; color: #fff}
.footer{overflow: hidden;padding: 5% 8%}
.footer .links{width: 23.33%;float: left;margin-left: 10px;}
.footer .links:first-child{margin-left: 0;}
.footer .links h3{margin: 0 0 10px;font-size: 18px}
.footer .links hr{width: 140px;margin:0;}
.footer .links > div{margin-top: 30px;}
.footer .links > div a img{margin-right: 5px;cursor: pointer;opacity: .9}
.footer .links > div a:hover img {margin-right: 5px;color: #fff;opacity: 1}
.footer nav {margin-top: 30px;width: 74%}
.footer nav a,.footer .links p{
	display: block;
	margin: 10px 0;
	color: #898989;
	text-decoration: none;
	font-size: 15px;
	cursor: pointer;
}
.footer nav a:hover{color: #fff;}
.footer .links p{margin-top: 30px;cursor: default;}
footer h4{
	padding: 25px 0;
	font-weight: normal;
	font-size: 13px;
	margin: 0;
	text-align: center;
	display: block;
	color: #fff;
	background: #272727
}
.fff{
	background: none;
	position: absolute;
	bottom: 15px;
	width: 100%
}
.foot-con{color: #fff;overflow: hidden;}
.foot-con a{text-decoration: none;color: #fff;font-size: 15px}
.stf{float: left;}
.soci{float: right;}
.soci a{padding: 0 5px;}
.mob{position: absolute;z-index: 99;right: 0;display: none}
.contact{padding: 60px 10px ;background: #fff}
.contac{width: 84%;margin: 0 auto;}
.con-t{color: #4d4d4d}
.contac .con-t h1{text-transform: uppercase;font-size: 28px;text-align: center;font-weight: 700;}
.con-t hr{
	border: 1px solid #959595;
    margin: 8px 14px;
    display: inline-block;
    width: 37%;
}
.contac .con-t p{font-size: 20px;text-align: center;margin: 10px 0 40px }
.c-name{overflow: hidden;padding: 40px 40px 0 80px;}
.c-name:nth-child(5){padding:40px 40px 40px 80px; }
.contac img[alt="logos"]{display: block;margin: 0 auto;padding: 40px;border-bottom: 1px solid #d5d5d5;}
.cover{max-width: 1300px;height:300px;background-size: cover !important;margin: 0 auto}
.company{float: left;width: 33.3%;margin-bottom: 20px;color: #4d4d4d}
.company h4{margin: 0}
.company p{margin-top: 5px;font-size: 15px;}
.cont-form{padding-bottom: 40px}
.contac h1{
	font-size: 20px;
	text-transform: uppercase;
	font-weight: normal;
	color: #4d4d4d;
	margin-bottom: 20px
}
.contac i{margin-right: 8px;}
.cont-form{margin:0 auto;text-align: center;}
.cont-form input{
	width: 49.5%;
	display: inline-block;
	padding: 10px;
	outline: 0;
	margin-bottom: 10px;
	background: #e6e6e6;
	border: 1px solid #c8c8c8;
	border-radius: 3px;
}
.cont-form textarea{
	width: 99.5%;
	display: inline-block;
	padding: 10px;
	height: 230px;
	outline: 0;
	margin-bottom: 10px;
	background: #e6e6e6;
	border: 1px solid #c8c8c8
}
.cont-form input[type="submit"]{
	float: right;
	width: 110px;
	height: 44px;
	outline: 0;
	margin-bottom: 10px;
	border-radius: 10px;
	background: #363636;
	color: #fff
}
.dl-menuwrapper:first-child {margin-right: 20px;}
.dl-menuwrapper ul {background: #4d4d4d;}
.dl-menuwrapper ul {width: 222px !important;padding: 0;list-style: none;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}
.dl-menuwrapper li {position: relative;}
.dl-menuwrapper li a {
	display: block;
	position: relative;
	padding: 15px 20px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 300;
	color: #fff;
	outline: none;
	text-decoration: none;
}
.no-touch .dl-menuwrapper li a:hover {background: rgba(255,248,213,0.1);}
.dl-menuwrapper .dl-menu {
	margin: 15px 0 0 0;
	/*position: absolute;
	width: 100%;*/
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.dl-menuwrapper .dl-menu.dl-menu-toggle {transition: all 0.3s ease;}
.dl-menuwrapper .dl-menu.dl-menuopen {opacity: 1;pointer-events: auto;-webkit-transform: translateY(0px);transform: translateY(0px);}
.no-js .dl-menuwrapper li .dl-submenu {display: block;}
.no-js .dl-menuwrapper li.dl-back {display: none;}
.no-js .dl-menuwrapper li > a:not(:only-child) {background: rgba(0,0,0,0.1);}
.no-js .dl-menuwrapper li > a:not(:only-child):after {content: '';}
.menu {
  width: 40px;
  height: 40px;
  margin-left: 135px;
  margin-top: 22px;
  background: none;
  outline: none;
  border:0;


}
.menu:hover {
  cursor: pointer;
}
.menu.open .menu-item {
  background: #4d4d4d;
}
.menu.open .menu-item:first-child {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -moz-transform-origin: 10px 50%;
  -ms-transform-origin: 10px 50%;
  -webkit-transform-origin: 10px 50%;
  transform-origin: 10px 50%;
}
.menu.open .menu-item:nth-child(2) {
  opacity: 0;
}
.menu.open .menu-item:nth-child(3) {
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -moz-transform-origin: 8px 50%;
  -ms-transform-origin: 8px 50%;
  -webkit-transform-origin: 8px 50%;
  transform-origin: 8px 50%;
}
.menu-item {
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  display: block;
  width: 40px;
  height: 3px;
  margin: 0 0 5px;
  background: #0066b3;
}
.norm{font-weight: normal;color: #0066b3;line-height: 79px;float: left;position: relative;left: 129px}
.norm--active{color: #4d4d4d}
.trig{margin-top: -19px}
.who,.what{padding: 55px 45px;background: #fff;overflow: hidden;}
.wh .container,.wh .container{max-width: 1000px;}
.who h1{
	text-transform: uppercase;
    font-size: 28px;
    margin-bottom: 30px; 
    color: #4d4d4d;
    margin-left: 52px;
}
.who hr{
    border: 1px solid #959595;
    margin: 8px 0 8px 85px;
    display: inline-block;
    width: 73%;
}
#tabs,#tabs2,#tabs3,#tabs4,#tabs5 {
	margin: 0 auto;
	margin-bottom: 40px;
	overflow: hidden;
}
#tabs-4 a{color: #53b0d1;font-weight: bold;text-decoration: none}
#tabs li,#tabs2 li,#tabs3 li,#tabs4 li,#tabs5 li {/*margin-right: 2px;padding: 4px;*/}
#tabs li a,#tabs2 li a,#tabs3 li a,#tabs4 li a,#tabs5 li a {
	display: block;
	padding: 15px 0;
	text-decoration: none;
	color: #4d4d4d;
	font-weight: 700;
	text-transform: uppercase;
	border-bottom: 1px solid #EFEFEF;
}
#tabs li a:hover,#tabs2 li a:hover,#tabs3 li a:hover,#tabs4 li a:hover,#tabs5 li a:hover {color: #777777;}
#tabs ul{width: 23%;float: left;}
#tabs_container {
	padding: 0 40px;
	overflow: hidden;
	position: relative;
  	float: right;
    min-height: 782px !important;
    width: 77%;
    border-left: 1px solid #d5d5d5;
    color: #4d4d4d;
    top: 0
}
#tabs_container div {margin-right: 40px;top:0 !important;width: 95%}
#tabs_container img{border: 1px solid #E0E0E0;margin-bottom: 10px}
#tabs_container img:hover{opacity: .9}
#tabs_container h2{margin: 0 0 10px;text-transform: uppercase;font-size: 28px}
#tabs_container p{margin-top: 10px;color: #808080;font-size: 18px;}
#tabs_container p span{font-size: 24px;line-height: 31px;font-weight: 300;margin-bottom: 20px}
#tabs_container h3{text-align: center;text-transform: uppercase;margin: 50px}
#tabs_container h4{margin-bottom: 0;text-transform: uppercase;font-size: 17px;}
.tabulous_active {color: #9A9A9C !important;}
.transition {
	-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;

	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
}
.make_transist {
	-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;
}
.hidescale {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	filter: alpha(opacity=0);
	opacity: 0;
}
.showscale {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;

	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
}
.hideleft {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}
.showleft {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;

	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
}
.hidescaleup {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}
.showscaleup {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;

	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
}
.hideflip {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;

	-webkit-transform: rotatey(-90deg) scale(1.1);
	-moz-transform: rotatey(-90deg) scale(1.1);
	-o-transform: rotatey(-90deg) scale(1.1);
	-ms-transform: rotatey(-90deg) scale(1.1);
	transform: rotatey(-90deg) scale(1.1);

	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
.showflip {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;

	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;

	-webkit-transform: rotatey(0deg) scale(1);
	-moz-transform: rotatey(0deg) scale(1);
	-o-transform: rotatey(0deg) scale(1);
	-ms-transform: rotatey(0deg) scale(1);
	transform: rotatey(0deg) scale(1);

	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
.tabulousclear {display: block;clear: both;}
.sid{float: left;width: 22.2%}
.wh .sid{width: 24%}
.main-mu{
}
.main-mu li{
	margin: 15px 0;
}
.main-mu li a{
	font-size: 16px;
	text-transform: uppercase;
	text-decoration: none;
	color: #4d4d4d;
	padding: 10px 0;
	margin: 0;
	font-weight: 700
}
.main-mu li a:hover{
	color: #232323
}
.main-mu li i{
	margin-right: 10px;
	transform: rotate(45deg);
}
.all{
	width: 100%;
	float: left;
	border-right: 1px solid #ccc;
}
.all li a{
	display: block;
  	padding: 17px 0;
    text-decoration: none;
    color: #4d4d4d;
    font-weight: bold;
    text-transform: uppercase;
}
.all li a:hover,.active{
    color: #7D7D7D  !important;
}
.active{
}
.all li ul{
	font-size: 13px;
}
.all li ul a{
	padding: 8px 15px;
}
.pics{float: right;width: 42.5%}
.wh .pics{width: 59%}
.pic a{text-decoration: none;float: left;margin-left: 20px;height: 145px;margin-bottom: 20px;}
.pic:first-child a,.pic:nth-child(4) a,.pic:nth-child(7) a{margin-left: 0 ;}
.pic img{display: block;}
.pic img:hover{opacity: .9;}
.pic span{bottom: 30px;position: relative;left: 10px;color: #fff;font-size: 14px;font-weight: 700}
.whato{overflow: hidden;}
.whato .whato-con{}
.whato .whato-con h2{
	text-transform: uppercase;
    font-size: 28px;
    color: #4d4d4d;
    margin: 0;
}
.whato .whato-con p{
	margin-top: 5px;
	color: #9b9b9b;
	font-size: 17px;
    text-align: justify;
}
.what h1{text-transform: uppercase;font-size: 20px;margin-bottom: 40px;color: #4d4d4d;text-align: center;}
.what hr{border: 1px solid #959595;margin: 6px 11px ;display: inline-block;width: 10%;}
.whato-con img{padding: 20px 0;}
.what .logis hr,
.what .min hr{width: 68.9%;}
.what .wast hr{width: 60.8%;}
.what .ready hr{width: 60.4%;}
.whati{background: #e1e1e1;margin-bottom: 30px;border-top: 1px solid #CACACA;border-bottom: 1px solid #EFEFEF;}
.whati img{padding: 0}
.whati-con{padding: 30px 40px;overflow: hidden;}
.whato .whato-con .whati-con h2{float: left;width: 30%;font-size: 42px;line-height: 45px;}
.whati-con h2 > span{font-size: 17px;font-weight: normal;}
.whato .whato-con .whati-con p{float: right;width: 70%;margin: 0;color: #6B6B6B}
.cont{
	width: 75%;
    float: right;
    padding-bottom: 40px;
    overflow: hidden;
}
.cont img{
    float: right;
    margin: 0 0 0 20px;
}
.cont h3{
	font-size: 24px;
    margin-top: 0;
    text-transform: uppercase;
    color: #4d4d4d;
}
.cont p{
    margin-top: 5px;
    color: #9b9b9b;
    font-size: 17px;
    text-align: justify;
    line-height: 19px;
    width: 75%
}
.mini{width: 76.4% !important;}
.mmm{margin-left: 0 !important}
.up{
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	}

	@-webkit-keyframes fadeInUpBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
		}
	}

	@keyframes fadeInUpBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

























.grid {
	position: relative;
	margin: 0 auto;/*
	padding: 1em 0 4em;
	max-width: 1000px;*/
	list-style: none;
	text-align: center;
	overflow: hidden;
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0;
	min-width: 259px;
	max-height: 190px;
	width: 23.3%;/*
	background: #3085a3;*/
	text-align: center;
	cursor: pointer;
	margin: 0 0 20px 24px
}
.grid figure:nth-child(5n+0),.grid figure:first-child{margin: 0 0 20px 0}
.grid figure:nth-child(5){margin: 0}
.grid figure:nth-child(6),.grid figure:nth-child(7),.grid figure:nth-child(8){margin: 0 0 0 24px}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}
.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;/*
	font-size: 1.25em;*/
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.grid figure figcaption::before,
.grid figure figcaption::after {pointer-events: none;}
.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}
.grid figure h5 {font-weight: 300;}
.grid figure h5,
.grid figure p {margin: 0;}
.grid figure p {letter-spacing: 1px;font-size: 68.5%;}
figure.effect-zoe figcaption {
	top: auto;
	bottom: 0;
	padding: 2em 1em;
	height: 11.9em;
	background: rgba(77,77,77,.9);
	color: #fff;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}
figure.effect-zoe h5{
	float: left;
}
figure.effect-zoe p.icon-links a {
	float: right;
	color: #fff;
	font-size: 1.4em;
}
figure.effect-zoe:hover p.icon-links a:hover,
figure.effect-zoe:hover p.icon-links a:focus {
	color: #252d31;
}
figure.effect-zoe p.description {
	position: absolute;
	top: 6em;/*
	padding: 2em;*/
	color: #fff;
	text-transform: none;
	font-size: 75%;
	opacity: 0;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
	-webkit-backface-visibility: hidden; /* Fix for Chrome 37.0.2062.120 (Mac) */
	text-align: left;
	line-height: 17px;
	width: 226px
}
figure.effect-zoe h5,
figure.effect-zoe p.icon-links a {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,200%,0);
	transform: translate3d(0,200%,0);
	font-weight: bold
}
figure.effect-zoe h5{display: inline-block;}
figure.effect-zoe:hover p.description {opacity: 1;}
figure.effect-zoe:hover figcaption,
figure.effect-zoe:hover h5,
figure.effect-zoe:hover p.icon-links a {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
figure.effect-zoe:hover h5{
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	font-size: 14px;
	padding: 0 10px 10px 0;
    border-bottom: 1px solid #fff;
}
figure.effect-zoe:hover p.icon-links a:nth-child(3) {-webkit-transition-delay: 0.1s;transition-delay: 0.1s;}
figure.effect-zoe:hover p.icon-links a:nth-child(2) {-webkit-transition-delay: 0.15s;transition-delay: 0.15s;}
figure.effect-zoe:hover p.icon-links a:first-child {-webkit-transition-delay: 0.2s;transition-delay: 0.2s;}
@media screen and (max-width: 50em) {
	.content {
		padding: 0 10px;
		text-align: center;
	}
	.grid figure {
		display: inline-block;
		float: none;
		margin: 10px auto;

	}
}
#tabs .inside{width: 100%;margin-bottom: 16px;}
.sub{padding: 0 20px !important;font-size: 14px;}
.jk {font-size: 17px;}
.new .bxslider{width: 100%;display: inline-block;}
.new .bxslider .pic{width: 20%;float:left}
.new .bxslider .pic img{width: 100%;vertical-align: middle;opacity: .8}
.new .bxslider .text{
	color: #fff;
	float: left;
	width: 73%;
	margin: 1.5% 2%;
}
.new .bxslider .text q{font-weight: 300;font-style: italic;font-size: 18px;}
.new .bxslider .text cite{float: right;margin-top: 47px;color: #4d4d4d}
.new .bx-wrapper .bx-viewport{
	box-shadow: none;
	border:none;
	left: 0;
	background: none
}
.new .bxslider li{margin-bottom: 70px;overflow: hidden}
.bx-wrapper .bx-controls-direction a{font-size: 19px;text-indent: inherit;width: 15px;height: 25px;color: #fff}
.bx-wrapper .bx-controls-direction a i{padding:3px 9px 3px 11px;background: #4d4d4d;}
.bx-wrapper .bx-controls-direction a:first-child i{padding: 3px 11px 3px 9px}
.bx-controls-direction{position: absolute;width: 70px;bottom: 433px;right: 4px;}



.new-t p{
	font-size: 23px;
	float: right;
	margin: 0;
}
.new-t p .bx-prev i,.new-t p .bx-next i {padding:3px 11px ;background: #4d4d4d;color: #fff}
.circular {
  -webkit-animation: rotate 2s linear infinite;
          animation: rotate 2s linear infinite;
  height: 50px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transform: translate(-50%, -50%) rotate(360deg);
          transform: translate(-50%, -50%) rotate(360deg);
  width: 50px;
  z-index: 4;
}

.path {
  stroke-dasharray: 1, 500;
  stroke-dashoffset: 0;
  -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
          animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round;
  stroke: #0066b3;
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: #fff
}
.fs-title{
  margin: 10px 0; 
  font-size: 18px;
  font-weight: normal;
  color: #4D4D4D
}
.fs-description{
  font-size: 13px;
  margin-bottom: 15px;
  font-weight: 300;
  margin-top:5px;
}
.multi-form{
  margin: 50px auto;
  position: relative;
  min-height: 1280px
}
.multi-form input,textarea,select{
  padding: 15px;
  border-radius: 3px;
  border: 1px solid #c8c8c8;
  margin-top: 8px;
  margin-bottom: 5px;
  outline: 0;
  width: 49.8%;
  background: #e6e6e6;
}
.multi-form fieldset{
  border: 0 none;
  border-radius: 10px;
  margin: 0 auto;
  left: 0;
  right: 0;
  background: white;
  position: absolute;
  height: 1280px;
  color: #4D4D4D;
}
.multi-form input[type="file"]{padding: 5px;width: 69.6%}
.tall{height: 1280px !important}
.multi-form fieldset:not(:first-of-type){
  display: none;
}
.multi-form .action-button:hover{
  border: 0 none;
}
.multi-form .action-button{
  padding:10px;
  margin: 40px 20px 0 0;
  border: 0 none;
  border-radius: 4px;
  cursor: pointer;
}
.multi-form .next{
	width: 110px;
  font-size: 13px;
  color: white;
  background-color: #0065B2;
}
.multi-form .previous{
	width: 110px;
	font-size: 13px;
}
.row{
	width: 60%;
	display: block;
	margin: 0 auto
}
.progressbar{
  overflow: hidden;
  margin-bottom: 30px;
  text-align:center;
}
.progressbar li{
  float: left;
  list-style-type: none;
  position: relative;
  width: 25%;
  font-size: 13px;
  text-align: center;
  z-index: 1;
}
.progressbar li:before{
  counter-increment: step;
  content: counter(step);
  background: #ccc;
  display: block;
  width: 17px;
  color: white;
  border-radius: 10px;
  margin: 0 auto 5px auto;
}

.progressbar li:after{
  content: '';
  width: 100%;
  height: 2px;
  position: absolute;
  background: #ccc;
  z-index: -1;
  top: 9px;
  left: -45%;
}
.progressbar li.active:before, li.active:after{
  background: #4D4D4D;
}
.progressbar li:first-child:after{
  display: none;
}
.contac h1 span{float: right;font-size: 15px;text-transform: none}
.multi-form input[type="radio"]{width: 4%;margin: 2% 0 2% 2%;}
.ex{width: 47.8%;display: inline-block;margin-left: 20px;}
.ex:first-child{margin-left: 0;width: 49.9%}
.exx{width: 47.8%;display: block;margin-left: 20px;}
.exxx{width: 54.8%;display: block;margin-left: 20px;}
.multi-form input[name="Education"]{width: 33%}
.sepert{margin: 0 10% 0 20%}
.two{margin-left: 15px;}
.ex > div {display: block;}
.multi-form input[name="other"]{width: 20%;margin-left: 20%;padding: 9px}
.multi-form select{height: 35px}
.mmm{display: block; margin-top: 30px}
.multi-form input[name="computer"]{width: 100%}
.multi-form fieldset p {font-size: 14px;margin: 20px 0 0 0 ;line-height: 11px;}
.date{display: block}
.multi-form .date input{width: 100%}
.multi-form fieldset textarea{width: 100%;resize:none;height: 100px}
.tit{height: 50px !important;}
.page-wrapper{overflow: hidden;}
.soci{ float: right;}
.soci a{
  width: 30px;
  height: 30px;
  font-size: 15px;
  display: inline-block;
  border-radius: 50%;
  margin-left: 5px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  color: #fff;
  transition: background-color .2s linear, color .2s linear;
  font-size: 12px;
}
.soci a:before{width: inherit;height: inherit;display: table-cell;text-align: center;vertical-align: middle;}
.soci a.fa-facebook{ background-color: #3b5998;}
.soci a.fa-facebook:hover{ background-color: #fff;color: #3b5998;}
.soci a.fa-linkedin{ background-color: #3f729b;}
.soci a.fa-linkedin:hover{ background-color: #fff;color: #3f729b;}
.soci a.fa-google-plus{ background-color: #dd4b39;}
.soci a.fa-google-plus:hover{ background-color: #fff;color: #dd4b39;}
#tabs_container p.intro{font-size: 22px;font-weight: 100}
svg {
  height: auto;
  max-width: 100%;
}

.text-center {
  text-align: center;
}

.subline {
  color: #768191;
  font-weight: normal;
}

.map {
  margin-top: 3em;
  position: relative;
}
.map-markers {
  list-style: none;
  margin: 0;
  padding: 0;
}
.map-marker {
  position: absolute;
}
.map-marker:after {
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-name: pop;
  border-radius: 50%;
  border: 1px solid #fff;
  content: '';
  height: 2em;
  left: 0;
  margin: -.5em 0 0 -.5em;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 2em;
}
.map-marker:hover .map-marker-info {
  display: block;
}
.map-marker a {
  background-color: #fff;
  border-radius: 50%;
  height: 1em;
  display: block;
  text-indent: -9999px;
  width: 1em;
}
.map-marker-1 {
	left: 56%;
	top: 29%;
}
.map-marker-2 {
  left: 53%;
  top: 21%;
}
.map-marker-2:after {
  animation-delay: 2s;
}
.map-marker-3 {
  left: 55%;
  top: 20%;
}
.map-marker-3:after {
  animation-delay: 3s;
}
.map-marker-4 {
	left: 55%;
    top: 24%;
}
.map-marker-5 {
	left: 52%;
	top: 27%;
}
.map-marker-5:after {
  animation-delay: 4s;
}
.map-marker-6 {
	left: 45.5%;
	top: 21.2%;
}
.map-marker-6:after {
	animation-delay: 5s;
}
.map-marker-7 {
	left: 54.5%;
    top: 28.2%;
}
.map-marker-7:after {
  animation-delay: 6s;
}
.map-marker-8 {
    left: 53.3%;
    top: 31%;
}
.map-marker-8:after {
  animation-delay: 7s;
}
.map-marker-9 {
	left: 51.5%;
    top: 32.2%;
}
.map-marker-9:after {
  animation-delay: 8s;
}
.map-marker-10 {
	left: 55.5%;
    top: 33.2%;
}
.map-marker-10:after {
  animation-delay: 9s;
}
.map-marker-11 {
	left: 50.5%;
    top: 35.2%;
}
.map-marker-11:after {
  animation-delay: 10s;
}
.map-marker-12 {
	left: 56.5%;
    top: 37%;
}
.map-marker-12:after {
  animation-delay: 11s;
}
.map-marker-13{
	left: 60.5%;
    top: 51.2%;
}
.map-marker-13:after {
  animation-delay: 12s;
}
.map-marker-14 {
    left: 62.5%;
    top: 56.2%;
}
.map-marker-14:after {
  animation-delay: 13s;
}
.map-marker-15 {
	left: 62%;
    top: 64.2%;
}
.map-marker-15:after {
  animation-delay: 14s;
}
.map-marker-16 {
    left: 65%;
    top: 66.2%;
}
.map-marker-16:after {
  animation-delay: 15s;
}
.map-marker-info {
  display: none;
  left: 50%;
  position: absolute;
  bottom: 0;
  transform: translate(-50%, -2em);
  width: 15em;
  z-index: 999;
}
.map-marker-info div {
  background-color: #fff;
  color: #0167B5;
  padding: .5em 1em;
}
.map-marker-info main {
  background-color: #fff;
  border-radius: 0 0 .5em .5em;
  color: #7e7e7e;
  padding: .5em 1em;
}
.map-marker-info h2 {
  margin: 0;
  font-size: 15px;
}
.map-marker-info-inner {
  border-radius: .5em;
  box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.3);
  font-size: .875em;
}
.map-marker-info-inner:after {
  border-left: .75em solid transparent;
  border-right: .75em solid transparent;
  border-top: 1em solid #fff;
  content: '';
  height: 0;
  left: 50%;
  position: absolute;
  top: 100%;
  transform: translateX(-50%);
  width: 0;
}

.animate {
  animation-duration: 1s;
  animation-fill-mode: both;
}

@keyframes bounce-in {
  0%, 20%, 40%, 60%, 80%, 100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
.animate-bounce-in {
  animation-duration: .75s;
  animation-name: bounce-in;
}

@keyframes pop {
  0% {
    transform: scale(0);
  }
  8% {
    opacity: .4;
  }
  10% {
    opacity: 0;
    transform: scale(1);
  }
}
.animate-pop {
  animation-duration: 1s;
  animation-name: pop;
}
select:required:focus,input:required:focus{
	border: 1px solid red
}
.input input{width: 100%}
#date{
	background-color: transparent;
	border: 0;
	font-weight: 600;
	border-bottom: 2px solid #445568;
	outline: none;
	width: 100% !important;
	font-size: 70.25%;;
	padding: 20px 1em 15px; 
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s; 
	color: #445568;
}

.ui-datepicker-material-header:first-child{display: none;}
.ui-datepicker-material-header {
  display: block;
  background-color: #284B72;
  color: white;
  text-align: center;
  width: 325px;
}
.ui-datepicker-material-header .ui-datepicker-material-day {
  background-color: #1F3A58;
  padding: 10px;
  font-size: 1rem;
}
.ui-datepicker-material-header .ui-datepicker-material-date {
  padding: 20px;
}
.ui-datepicker-material-header .ui-datepicker-material-date .ui-datepicker-material-month,
.ui-datepicker-material-header .ui-datepicker-material-date .ui-datepicker-material-day-num,
.ui-datepicker-material-header .ui-datepicker-material-date .ui-datepicker-material-year {
  padding: 5px;
}
.ui-datepicker-material-header .ui-datepicker-material-date .ui-datepicker-material-month {
  font-size: 2rem;
  text-transform: uppercase;
}
.ui-datepicker-material-header .ui-datepicker-material-date .ui-datepicker-material-day-num {
  font-size: 4.5rem;
}
.ui-datepicker-material-header .ui-datepicker-material-date .ui-datepicker-material-year {
  font-size: 1.8rem;
  font-weight: 200;
  color: rgba(255, 255, 255, 0.4);
}

.ui-datepicker {
  padding: 0;
  border: none;
  box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
  width: 325px;
}

.ui-corner-all {
  border-radius: 0;
}

.ui-widget-header {
  border: 0;
}

.ui-datepicker-header {
  text-align: center;
  background: white;
  padding-bottom: 15px;
  font-weight: 300;
}
.ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker-header .ui-datepicker-next,
.ui-datepicker-header .ui-datepicker-title {
  border: none;
  outline: none;
  margin: 5px;
}

.ui-datepicker-prev.ui-state-hover,
.ui-datepicker-next.ui-state-hover {
  border: none;
  outline: none;
  background: #b4cbe5;
}

.ui-datepicker-calendar .ui-state-default {
  background: none;
  border: none;
  text-align: center;
  height: 33px;
  width: 33px;
  line-height: 27px;
}
.ui-datepicker-calendar .ui-state-highlight {
  color: #284B72;
}
.ui-datepicker-calendar .ui-state-active {
  border-radius: 50%;
  background-color: #284B72;
  color: white;
}
.ui-datepicker-calendar thead th {
  color: #999999;
  font-weight: 200;
}

.ui-datepicker-buttonpane {
  border: none;
}
.ui-datepicker-buttonpane .ui-state-default {
  background: white;
  border: none;
}
.ui-datepicker-buttonpane .ui-datepicker-close,
.ui-datepicker-buttonpane .ui-datepicker-current {
  background: white;
  color: #284B72;
  text-transform: uppercase;
  border: none;
  opacity: 1;
  font-weight: 200;
  outline: none;
}
.ui-datepicker-buttonpane .ui-datepicker-close:hover,
.ui-datepicker-buttonpane .ui-datepicker-current:hover {
  background: #b4cbe5;
}
.input {
    
}
@media all and (max-width: 1206px){
	.what hr,
	.what .logis hr,
	.what .min hr,
	.what .ready hr,
	.what .wast hr,
	.who hr{width: 100%;margin: 0}
	.whato .whato-con .whati-con h2{font-size: 35px;}
	.who h1{margin-left: 0}
	.grid figure {margin: 0 0 1vw 1vw !important;}
	.new{width: 813px}
	.navbar.fixed{width: 100%}
	.wh .pics{width: 65%}
}
@media all and (max-width: 1024px){
	.navbar{height: 91px;padding: 20px 20px 0;}
	.ne-blo{width: 100%;margin: 0 0 2% 0 }
	.ne-blo h2{font-size: 2vw}
	.ne-blo p{font-size: 2vw}
	.ne-blo button{width: 25%;margin-top: 5%;}
	.nav{display: none;}
	.mob{display: block}
	.con-t hr{width: 34%;}
	.sea{display: none;}
	.dis .sea{display: block;margin: 20px 0}
	.boto img{width: 41%}
	.boto button{top: 20px}
	.wh .sid{width: 26%}
	.sid{width: 20%}
	.all{font-size: .75em}
	.all li a{padding: 7% 7%;}
	.cont h3{font-size: 20px;}
	.cont p{font-size: 13px;width: 100%}
	.cont img{width: 150px}
	.hello{padding: 30px 20px;}
	.wh .pics{width: 55%}
	.pic:first-child a, .pic:nth-child(4) a, .pic:nth-child(7) a{margin-left: 20px}
	.hide{opacity: 1}
	.up{
	       -webkit-animation-name: a ;
   			animation-name: a ;
	}
	figure.effect-zoe figcaption{
	    -webkit-transform: translate3d(0,0,0) ;
    	transform: translate3d(0,0,0) ;
	    background: rgba(77,77,77,.6) ;
	}
	figure.effect-zoe p.description{
		opacity: 1 ;
		top: 7em;	
	}
	figure.effect-zoe h5, figure.effect-zoe p.icon-links a{
		-webkit-transform: translate3d(0,175%,0) ;
	   	transform: translate3d(0,175%,0) ;
    }
    figure.effect-zoe p.icon-links a{display: none;}
    .multi-form input, textarea, select,.multi-form input[type="file"],.exx{width: 100%}
}
@media all and (max-width: 930px){
	.navbar .nav{float: none;}
	.abo,.boto > div{width: 100%;margin-left: 0;padding-bottom: 20px}
	.abo:first-child{border-top: 0}
	.abo h3, .boto > div h3{margin: 1em 0}
	.boto img{display: none;}
	.title{margin: 0 auto !important;padding: 8% 0 0 10%;}
	.block{width: 350px;margin: 0 auto;float: none;margin-bottom: 30px}
	.block:first-child, .block:nth-child(4){margin-left: auto}
	.whato .whato-con .whati-con h2{float: none;width: 100%;line-height: initial;}
	.whato .whato-con .whati-con p{float: none;width: 100%;margin: 10px 0;}
	.wh .sid{width: 28%}
	.all li a{padding: 12px 12px;text-align: center;}
	.what .sid{float: none;width: 100%}
	.all{font-size: 1em;border-bottom: 1px solid #ccc;border-right:0}
	.cont{width: 100%;margin-top: 20px}
	.wh .pics{width: 55%}
}
@media all and (max-width: 870px){
	.company{width: 50%}
	.con-t hr{width: 25%;}
	#tabs ul{width: 100%;margin-bottom: 20px;padding: 10px;border-bottom: 1px solid #eaeaea;}
	#tabs_container{width: 100%;padding: 0;border-left: 0}
	#tabs_container div{width: 100%}
	#tabs,#tabs2,#tabs3,#tabs4,#tabs5 {width: 100%}
	#tabs li a, #tabs2 li a, #tabs3 li a, #tabs4 li a, #tabs5 li a{text-align: center;}
	.wh .sid{width: 36%}
	.wh .pics{display: none}
	.pic:nth-child(2) a, .pic:nth-child(4) a{margin-left: 0;margin-right: 10px}
	.pic:nth-child(5) a,.pic:nth-child(7) a{margin-left: 0}
	.new{max-width: 93%}
}
@media all and (max-width: 680px){
	.footer .links{width: 50%;margin-left: 0}
	.footer .links hr {width: 35%;margin: 0;border: 1px solid #484848;}
	.company{width: 100%}
	.wh .sid{width: 100%}
	.wh .pics{display: none}
}
@media all and (max-width: 540px){
	.ne-blo{text-align: center;margin-bottom: 30px}
	.ne-blo > div{float: none;width: 50%;margin: 0 auto;}
	.ne-blo h2{font-size: 15px}
	.ne-blo p{font-size: 12px}
	.ne-blo img{float: none;display: block;margin: 0 auto;width: 70%;}
	.ne-blo button{float: none;width: 100px}
	.con-t hr{width: 10%;}
	.cont-form input{width: 100%}
	.cont img{display: none;}
}