@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,700i,900');



body { font-family:"Roboto", sans-serif; font-size:15px; font-weight:normal; color:#222; line-height:1.3em; letter-spacing:0.01em; }
h1, h2, h3, h4, h5, h6 { font-family:"Roboto", sans-serif; font-weight:bold; color:#222; line-height:1.2em; letter-spacing:0.05em; }
a { color:#164b95; }
.nilpadding { padding:0; }
.full.button { 
	font-size:14px; font-weight:900; color:#fff; text-transform:uppercase; 
	position:relative; overflow:hidden; margin:0; padding:0.8em 2em; border:none;
	-ms-transform:perspective(1px) translateZ(0); -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); 
}
.full.button:before { 
	content:""; position:absolute; left:50%; right:50%; top:0; height:4px; z-index:-1;
	-webkit-transition:left 0.3s ease-out, right 0.3s ease-out; transition:left 0.3s ease-out, right 0.3s ease-out; 
}
.full.button:hover:before, 
.full.button:focus:before, 
.full.button:active:before { left:0; right:0; }
.full.button.blue { background:#164b95; }
.full.button.blue:before { background:#1f8abd; }
.full.button.white { background:#fff; color:#222; }
.full.button.white:before { background:#ccc; }
.hollow.button { font-size:14px; font-weight:900; text-transform:uppercase; position:relative; padding:0.8em 2em; }
.hollow.button:after { 
	content:''; position:absolute; top:0; left:0; width:0%; height:100%; z-index:-1;
	transition:width 0.3s ease-out; -webkit-transition:width 0.3s ease-out;  
}
.hollow.button:hover:after { width:100%; }
.hollow.button.blue { color:#164b95; border:solid 1px #164b95; }
.hollow.button.blue:after { background:#164b95; }
.hollow.button.blue:hover { color:#fff; }
.hollow.button.white { color:#fff; border:solid 1px #fff; }
.hollow.button.white:after { background:#fff; }
.hollow.button.white:hover { color:#222; }
.hollow.button.choco { color:chocolate; border:solid 1px chocolate; }
.hollow.button.choco:after { background:chocolate; }
.hollow.button.choco:hover { color:#fff; }

@media screen and (min-width: 64em) {
	body { overflow-x:hidden; }
}
@media screen and (min-width: 64em) and (max-width: 100em) {
	.lm-12 { width:80%; }
}
@media screen and (max-width: 64em) {
	.full.button, .hollow.button { font-size:12px; }
}





/*==========HEADER==========*/
.header { position:relative; z-index:1; }
.head-info-wrap { padding:20px 0 15px; background:url(../images/header-bg.jpg) repeat center; }
.head-info-wrap > div { position:relative; }
.head-contact { position:absolute; top:0; right:10px; }
.head-contact ul { margin:0; position:relative; }
.head-contact li { font-size:14px; line-height:1.3em; display:block; }
.head-contact ul:before { background: url(../images/head-phone.png) no-repeat center / contain; content:''; width:30px; height:30px; position:absolute; left:-40px; top:3px; }

/*----------navi----------*/
.navi-wrap .menu li a { font-family:"Roboto", sans-serif; font-size:15px; font-weight:900; color:#164b95; text-transform:uppercase; padding:0.5em 1.6em; letter-spacing:0.05em; } 
.menu-icon { width:18px; height:12px; }
.menu-icon::after, .menu-icon:hover::after{ background:#164b95; box-shadow:0 5px 0 #164b95, 0 10px 0 #164b95; }
.title-bar-title { text-transform:uppercase; font-weight:900; color:#164b95; }

/*----------Preventing FOUC----------*/
.no-js #responsive-menu { display:none; }

@media screen and (min-width: 64em) {
	.no-js #responsive-menu { display:block; }
	.no-js .title-bar { display: none; }
}
@media screen and (min-width: 64em) {
	.navi-wrap { background-color:#ebebeb; border-bottom:1px solid rgba(22, 75, 149, 0.3); }
	#responsive-menu { padding:0.4em 0; text-align:center; }
	#responsive-menu .first-menu { display:inline-block; vertical-align:top; }
	.navi-wrap .first-menu > li { transform:skewX(150deg); -webkit-transform:skewX(150deg); }
	.navi-wrap .first-menu > li a { transform:skewX(-150deg); -webkit-transform:skewX(-150deg); }
	.navi-wrap .first-menu > li:not(:last-child) { border-right:1px solid #d7d7d7; }
	.navi-wrap .first-menu > li.active { border:none; }
	.navi-wrap .menu li:hover, 
	.navi-wrap .menu li:focus, 
	.navi-wrap .menu li.active { background-color:#164b95;  }
	.navi-wrap .menu li:hover > a, 
	.navi-wrap .menu li:focus > a, 
	.navi-wrap .menu li.active > a { color:#fff; }
	.navi-wrap .menu a:hover, 
	.navi-wrap .menu a:focus, 
	.navi-wrap .menu .active a { background-color:transparent; }
	.navi-wrap .submenu li a { color:#222; text-align:left; }
	.navi-wrap .dropdown.menu .is-dropdown-submenu > li:not(:last-child) { border-bottom:1px solid #ccc; }
	.navi-wrap .dropdown.menu li.is-dropdown-submenu-parent > a { padding-right:1.4em; }
	.navi-wrap .dropdown.menu > li.is-dropdown-submenu-parent > a:after { 
		content:'\f107'; font-family:fontawesome; color:#164b95; 
		width:inherit; height:inherit; position:relative; display:inline-block; border:none; padding-left:10px; 
	}
	.navi-wrap .dropdown.menu .is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
		content:'\f105'; font-family:fontawesome; color:#222; 
		width:inherit; height:inherit; border:none; margin-top:-8px; 
	}
	.navi-wrap .dropdown.menu > li.is-dropdown-submenu-parent:hover > a::after,
	.navi-wrap .dropdown.menu > li.is-dropdown-submenu-parent:focus > a::after,
	.navi-wrap .dropdown.menu .is-dropdown-submenu .is-dropdown-submenu-parent:hover > a::after,
	.navi-wrap .dropdown.menu .is-dropdown-submenu .is-dropdown-submenu-parent:focus > a::after { color:#fff; }
}
@media screen and (max-width: 1023px) {
	.head-info-wrap { text-align:center; }
	.head-contact { position:relative; top:inherit; right:inherit; padding-top:10px; }
	.head-contact ul { display:inline-block; text-align:left; }
	.head-contact ul:before { width:20px; height:20px; top:6px; left:-30px; }
	.head-contact li { font-size:12px; }
	
	.navi-con { padding:0; }
	.title-bar { background:#ebebeb; border-bottom:1px solid rgba(22, 75, 149, 0.3); padding:0.5rem 1rem; }
	.navi-wrap .menu { background-color:#ebebeb; }
	.navi-wrap .menu li a { font-size:13px; padding:0.8em 1.4em; transition:padding 0.5s ease; -webkit-transition:padding 0.5s ease; }
	.navi-wrap .menu li a:hover { padding-left:25px; }
	.navi-wrap .menu a:hover, 
	.navi-wrap .menu a:focus, 
	.navi-wrap .menu .active a { background-color:#164b95; color:#fff; }
	.navi-wrap ul.is-accordion-submenu { margin-left:20px; }
	.navi-wrap .is-accordion-submenu-parent > a::after { right:20px; border-color:#164b95 transparent transparent; }
	.navi-wrap .is-accordion-submenu-parent > a:hover::after { border-color:#fff transparent transparent; }
}




/*==========HOMESLIDER==========*/
.homeslider-container { position:relative; }
.homeslider { background:url(../slick/AjaxLoader.gif) no-repeat center; position:relative; }
.homeslider.slick-initialized { background:inherit; }
.homeslider .home-slide { display:none; }
.homeslider.slick-initialized .home-slide { display:block; }
.home-slide { position:relative; outline:0; background-size:cover; background-position:center; background-repeat:no-repeat; height:300px; }

/*----------Home slider Button----------*/
.homeslider .slick-prev { left:50px; }
.homeslider .slick-next { right:50px; }
.homeslider .slick-prev:before { content:"\f104";  }
.homeslider .slick-next:before { content:"\f105"; }
.homeslider .slick-prev, .homeslider .slick-next { 
	width:initial; height:initial; z-index:1; background-color:rgba(225,225,225,0.5); padding:25px 20px; 
	-ms-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; 
}
.homeslider .slick-next:before, .homeslider .slick-prev:before { color:#393939; font-family: "fontawesome"; font-weight:bold; font-size:28px; line-height:0; vertical-align:middle; }
.homeslider .slick-next:hover, .homeslider .slick-prev:hover { background-color:#fff; }

.homeslider .slick-dots { bottom:25px; line-height:0; }
.homeslider .slick-dots li { width:initial; height:initial; margin:0 4px; vertical-align:middle; }
.homeslider .slick-dots li button { 
	width:30px; height:5px; padding:0; border:none; border-radius:0; background:#ebebeb; 
	-o-transform:skew(-38deg); -ms-transform:skew(-38deg); -webkit-transform:skew(-38deg); transform:skew(-38deg); 
}
.homeslider .slick-dots li.slick-active button, 
.homeslider .slick-dots li button:hover, 
.homeslider .slick-dots li button:focus { background:#6dcff6; }
.homeslider .slick-dots li button:before { content:none; }

/*----------Home slider description----------*/
.homeslide-wrap { 
	position:absolute; top:50%; left:50%; text-align:center;
	-ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);
}
.homeslide-content { text-align:left; display:inline-block; }
.homeslide-content h1 { font-size:55px; font-weight:700; color:#fff; text-transform:uppercase; line-height:1em; }
.homeslide-content p { font-size:28px; font-weight:300; color:#fff; line-height:1.2em; margin:0; }
.homeslide-content .button { padding:0.85em 2.5em; margin-top:36px; margin-bottom:10px; }

@media screen and (min-width: 40em) {
	.home-slide { height:550px; }
}
@media screen and (max-width: 64em) {
	.homeslide-content h1 { font-size:50px; }
	.homeslider .slick-prev, .homeslider .slick-next { display:none !important; }
}
@media screen and (max-width: 40em) {
	.homeslide-content h1 { font-size:25px; }
	.homeslide-content p { font-size:15px; font-weight:500; line-height:18px; }
	.homeslide-content .button { font-size:10px; margin-top:22px; }
}



/*==========BREADCRUMBS==========*/
.bread-content { 
	background:#000 url(../images/bread.jpg) no-repeat center / cover; padding:3em 0 1em 0; margin-bottom:2em; 
	-webkit-transition:all 0.5s ease; transition:all 0.5s ease;
}
.bread-title { text-align:center; }
.bread-title h2 { 
	font-weight:500; color:#fff; text-transform:uppercase; letter-spacing:2px; 
	background-color:rgba(0,0,0,0.6); display:inline-block; margin:0; padding:0.3em 2em; 
	-ms-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; transition:all 0.5s ease;
}
.bread-wrap { text-align:right; }
.bread-wrap .breadcrumbs { display:inline-block; margin:0; }
.bread-wrap .breadcrumbs li { 
	font-size:15px; font-weight:700; text-transform:uppercase; color:#bbb; 
	-ms-transition:all 0.5s ease; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; 
}
.bread-wrap .breadcrumbs li a { color:#fff; }
@media screen and (max-width: 50em) {
	.bread-content { padding:2em 0 1.5em 0; }
	.bread-wrap { text-align:center; }
	.bread-wrap .breadcrumbs li { font-size:12px; font-weight:500; }
}



/*==========CONTENT==========*/
.content { padding:0rem 0 2rem 0; }
.content p, .content li { font-size:15px; line-height:1.3em; }
.title-wrap h2 { 
	position:relative; border-bottom:1px #ccc dotted; padding-bottom:0.2em; padding-left:50px;
	font-style:italic; 
}
.title-wrap h2:before { 
	content:''; display:block; width:18px; height:60%; background-color:#164b95; position:absolute; left:10px; top:10px;
    -ms-transform:skew(150deg); -webkit-transform:skew(150deg); transform:skew(150deg);
}

@media screen and (max-width: 40em) {
	.content { padding:0rem 0 1rem 0; }
	.content p, .content li { font-size:13px; }
	.content-desc { margin:1em auto 1em; padding:0 10px; }
	.title-wrap h2 { background:#164b95; padding-left:20px; color:#fff; }
	.title-wrap h2:before { display:none; }
}
/*----------home about----------*/
.homeabout-title { background-color:#164b95; position:relative; }
.homeabout-title p { font-size:22px; font-weight:900; color:#fff; text-transform:uppercase; }
.homeabout-desc { background-color:#f6f6f6; padding:1em 2em; }
.homeabout-desc img { margin-bottom:2em; }
/*----------home product----------*/
.homeproduct { padding:4em 5em; border:1px solid #ccc; border-left:10px solid #164b95; }
.homeproduct h1 { font-size:55px; font-weight:900; line-height:1em; letter-spacing:0.01em; text-transform:uppercase; margin-bottom:0.8em; }
.homeproduct .button { margin:0; z-index:0; }
.homeproduct-auto { background-color:#ebebeb; }
/*----------quote----------*/
.quote { border:1px solid #ccc; padding:1.5em 1em; text-align:center; }
.quote h4 { font-weight:900; color:#929191; text-transform:uppercase; letter-spacing:0.01em; position:relative; }
.quote h4:before { content:'>>>>>>>>>>'; position:absolute; left:20px; font-size:30px; color:#164b95; }
.quote h4:after { content:'<<<<<<<<<<'; position:absolute; right:20px; font-size:30px; color:#164b95; }
.quote .button { font-style:italic; }

@media screen and (min-width: 640px) {
	.homeabout-title p { 
		font-size:30px; position:absolute; bottom:60px; left:-30px;
		-ms-transform:rotate(270deg); -webkit-transform:rotate(270deg); transform:rotate(270deg); 
	}
}
@media screen and (max-width: 1024px) {
	.homeproduct { padding:3em 3em; }
	.homeproduct h1 { font-size:40px; }
}
@media screen and (max-width: 900px) {
	.quote { border-left:10px solid #164b95; border-right:10px solid #164b95; }
	.quote h4:before, .quote h4:after { content:''; }
}
@media screen and (max-width: 639px) {
	.homeabout-title p { line-height:1.2em; padding:0.5em 1.5em; }
	.homeproduct { padding:2em 3em; }
	.homeproduct h1 { font-size:30px; }
}


/*==========ABOUT==========*/
.cert-wrap a { display:block; box-shadow:0 0 5px rgba(0,0,0,0.07); outline:0; }




/*==========PRODUCTS==========*/
.catalogue-img-outer { width:100%; border:1px solid #ccc; margin:0 auto 1em; padding:1em; position:relative; text-align:center; }
.catalogue-img { 
	width:100%; display:block;
    -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; 
}
.catalogue-img .search-wrap {
	position:absolute; top:0; left:0; width:100%; height:100%; opacity:0;
    -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;
    -ms-transform:scale(0); -webkit-transform:scale(0); transform:scale(0);
}
.catalogue-img .search-wrap i { 
    position:absolute; top:50%; left:50%; font-size:30px; color:#ffffff;
    -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);
}
.catalogue-img:hover .search-wrap { 
	opacity:1; 
	box-shadow:inset 0 0 0 150px rgba(22, 75, 149, 0.85), inset 0 0 0 12px rgb(105, 132, 189);
	-ms-transform:scale(1); -webkit-transform:scale(1); transform:scale(1); 
}
.catalogue-desc { font-weight:900; text-align:center; text-transform:uppercase; }
.reveal-catalogue { padding:3em 2em 2em; border-radius:20px; }
.reveal-catalogue a { outline:0; }



/*==========MACHINERIES==========*/
.machineries-content a { outline:0; }



/*==========DEALERS==========*/
.dealers-wrap { border:1px solid #ebebeb; }
.dealers:nth-child(even) { background-color:#ebebeb; }
.dealers { padding:2em 2em; border-bottom:1px solid #ebebeb; }
.dealers img { margin-bottom:5px; }
.dealers h6 { color:chocolate; }
.dealers li { list-style:circle; }




/*==========CAREERS==========*/
.career-content .career { margin-left:-1px; outline:0; }
.careers-desc { position:relative; background:#FFF; padding:20px; width:auto; max-width:500px; margin:20px auto; }
.careers-desc h6 { margin-bottom:3px; }
.careers-desc li { line-height:1.3em; }



/*==========CONTACT==========*/
.contact-wrap { border:1px solid #ccc; padding:1.5em 1em; }
.contact-details h5 { letter-spacing:0.02em; }
.contact-details div b { vertical-align:top; color:#333; }
.contact-details > div { margin-bottom:5px; color:#444; word-wrap:break-word; }
.contact-details ul { display:inline-block; margin:0; }
.contact-details li { display:block; }

/*----------Form----------*/
.contact-details { padding:2em 2em; }
.contact-form-wrap { padding:2em 2em; }
label { font-size:15px; font-weight:700; margin-bottom:20px; text-transform:uppercase; }
.arequired { color:#fd4641; }
[type='text'], 
[type='email'], 
textarea { font-size:14px; font-weight:normal; color:#424242; margin:0; box-shadow:none; padding:8px 0.5rem; height:100%; outline:0; border:1px solid #ccc; }
textarea.msg { height:150px; }
[type='text']:focus, [type='email']:focus, textarea:focus { border:none; }
input.submit { color:#fff; background:#36404b; border:none; cursor:pointer; float:right; padding:10px 30px; outline-width:0; text-transform:uppercase; font-weight:600; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; }
input.submit:hover { background:#fd4641; }
.contact_success { color:#239C23; border:1px solid #239c23; padding:20px; }
.contact_error { color:red; border:1px solid red; padding:20px; }
label.error { font-size:13px; font-weight:400; color:red; }
.fa-input { font-family: FontAwesome, 'Open Sans', Roboto, sans-serif; }

/*----------Map----------*/
#map{ width:100%; height:400px; line-height:normal; }

@media screen and (max-width: 40em) {
	label { font-size:14px; }
	input.submit { font-size:15px; }
	.contact-details { padding:1em 2em; padding-bottom:2em; border-bottom:1px solid #ccc; }
	.contact-form-wrap { padding:1em 2em; padding-top:2em; }
}





/*==========FOOTER==========*/
.footer { background-color:#f5f5f5; padding:4em 0 1em 0; }
.footer-info { margin-bottom:2em; }
.footer h5 { font-size:18px; font-weight:900; text-transform:uppercase; margin-bottom:1.5em; }
.footer p { font-size:14px; line-height:1.3em; }
.footer-info b { text-transform:uppercase; }
/*----------footer-bottom----------*/
.footer-bottom { background-color:#ebebeb; padding:0.5em 0 0.5em 0; }
.copyright { line-height:27px; font-size:12px; }
.social { text-align:right; }
.social ul { margin:0; }
.social li { display:inline-block; list-style:none; }
.social li:not(:last-child) { margin-right:5px; }
.social li a { 
	color:#fff; text-align:center; background:#9e9a96; border-radius:4px; width:30px; height:27px; line-height:27px; 
	-webkit-transition:background 0.3s ease; transition:background 0.3s ease;
}
.social li a:hover { background:#164b95; }
@media screen and (max-width: 64em) {
	.footer { padding:3.7em 0 2em 0; }
	.footer h5 { font-size:16px; margin-bottom:1.5em; }
	.footer p { font-size:13px; }
}
@media screen and (max-width: 40em) {
	.copyright { font-size:13px; text-align:center; }
	.social { text-align:center; }
	.footer { padding:0; }
	.footer-info:nth-child(odd) { background:#ebebeb; }
	.footer .footer-info:not(:last-child) { border-bottom:1px solid #ccc; }
	.footer-info { margin:0; padding:2em; }
	.social li a { width:25px; height:22px; line-height:22px; font-size:12px; }
}




/*======= Scroll Top =======*/
#scroll {
    position:fixed; right:10px; bottom:30px; width:50px; height:50px; background-color:#164b95;
    display:none; cursor:pointer;
}
#scroll span {
    position:absolute; top:50%; left:50%; margin-top:-11px; margin-left:-11px;
    font-size:23px; color:#fff; font-weight:bold; text-align:center; text-transform:uppercase; line-height:14px;	
}
#scroll:hover { background-color:rgba(22, 75, 149, 0.8);  opacity:1;filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; }