/* CSS Document */
html, body, div, span, h1, h2, h3, h4, h5 strong, ol, ul, li { margin: 0; border: 0; padding: 0; outline: 0; vertical-align: baseline }
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video { display: block; }
ol, ol li ol { padding: 0px; margin: 0; line-height: 24px; margin-left:5px; }
ol li { list-style-position: inside; text-indent: -1.5em; margin-left: 15px }
ul, ul li ul { padding: 0px 0; line-height: 18px;  margin-left:0px;  list-style-position: inside; }
ul li ul { list-style-position: inside; margin-left: 15px  }
.clear { clear: both }
img { border: none; overflow: hidden; max-width: 100% }
a { text-decoration: none; color: #cb6d01 ; outline:none; }
a:hover { text-decoration: underline; color: #000; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
p { margin: 0 0 5px; line-height: 20px }
input, textarea  {font-size: 13px;  font-family:Arial, Helvetica, sans-serif; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

@font-face {font-family: 'Conv_UTM Avo'; src: url('../fonts/UTM Avo.eot'); src: local('☺'), url('../fonts/UTM Avo.woff') format('woff'), url('../fonts/UTM Avo.ttf') format('truetype'), url('../fonts/UTM Avo.svg') format('svg'); font-weight: normal; font-style: normal;}

body{ background: #2f383f; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #818181;  font-family: Arial, Helvetica, sans-serif; text-align:left; }
.main-content{width: 100%; margin: 0; padding: 0;}
.main-content h1{color: #3f3f3f; font-size: 24px; margin: 0 0 10px 0; padding: 7px 0; border-top: 1px solid #ff0000; border-bottom: 1px solid #ff0000; display: block; font-weight: normal; font-family: 'Conv_UTM Avo'; font-weight: normal; text-transform: uppercase;}
.main-content p.intro-text{width: 70%; margin: 0 auto; text-align: center; font-size: 14px;}
.content-wr{width: 1170px; margin: 0 auto; padding: 0;}
/* ===== HEADER =====  */
header { width:100%; margin:0 auto; position: relative; z-index:99999; background: #fff;} 
header .top { clear:both; width:100%;background: #e72c34; display:block; color: #fff; padding: 5px 0; }
header .top ul{margin: 0; padding: 0; list-style: none; float: right;}
header .top ul li{display: block; float: left; margin-left: 20px; font-size: 12px; padding: 0 0 0 23px;}
header .top ul li.icon1{background: url(../images/icon_mail.png)  no-repeat scroll  0 2px;}
header .top ul li.icon2{background: url(../images/icon_phone.png)  no-repeat scroll  0 1px;}
header .top ul li a{color: #fff; text-decoration: none;}
header .top ul li a:hover{color: #000; text-decoration: none;}

header .logo { width: 300px; height: 65px; float:left; margin: 20px 0;}
header .logo img{width: 100%;}
header .logo a { display:inline-block}

/* ===== NAV =====  */
.wr-nav {  position:relative; float: right; z-index:9; background: url(../images/bg_top.png); margin: 0; }
nav { margin: 0px 0px 0px 0px; position: relative; z-index: 1000; min-height:35px; width:100%; margin:0 auto;}
.nav-list { text-align: left; list-style: none; margin: 0; float:left; display:block; min-height:35px; width:100%;}
.nav-item { float: left; position: relative;  text-align:left; display:block; min-height:35px;}
.nav-item.last { }
.nav-item a {  line-height:18px; display:block; padding: 0; margin: 45px 0 10px 50px; padding: 5px 0; color: #363636;  font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-transform: uppercase; text-align: center; -moz-transition:none;  -webkit-transition: none; -o-transition:  none; transition: none; border-color:transparent; margin-right:5px; font-weight: normal;}
.nav-item a.last{ margin-right:0;}
.nav-item > a:hover, .nav-item a.active, .nav-item:hover a{ color: #ff0000; text-decoration: none;background: rgba(255,255,255,0.9); border-top: 1px solid #ff0000; border-bottom: 1px solid #ff0000;  }
.nav-item:hover .nav-submenu { display: block; }
/* Navigation submenu */
.nav-submenu { display: none; position: absolute; z-index:9999; left: 40px;  width: 249px; list-style: none; padding: 0; margin:  0; }
.nav-submenu-item { position: relative}
.nav-submenu-item a {min-height:40px; line-height:40px; font-size:14px; background: #f6f1ec !important; border:none!important;  border-bottom: 1px solid #d1d1d1!important; border-left:none!important; display: block; padding: 0px 10px; margin: 0; text-align: left; text-transform: none; color:#363636 !important ;  -moz-transition:all 0.3s ease-in-out 0s;  -webkit-transition: all 0.3s ease-in-out 0s; -o-transition:  all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
.nav-submenu-item a:hover { background: #383838 !important; text-decoration: none; color: #fff !important; padding-left:15px;  }
.nav-submenu2 { display: none; position: absolute; z-index:9999; left: 100%; top: 0; width: 100%; list-style: none; padding: 0; margin: 0 }
.nav-submenu-item:hover .nav-submenu2 { display: block }
.nav-submenu-item2 a { background: rgba(225,225,225,0.7)!important; border:none;  border-bottom: 1px solid #d1d1d1; border-left:none!important; display: block; padding: 0px 10px; text-align: left ; color:#353636 !important}
.nav-submenu-item2 a:hover {background: rgba(20,95,103,0.7)!important; text-decoration: none; color: #fff !important ; }

/*====== Banner =======*/
.banner_wr{width: 100%; background: #000000 ; padding: 0; margin: 0; }
#owl-demo .owl-item div{margin: 0; padding: 0; }
#owl-demo .owl-item img{display: block; width: 100%; height: auto;}

#owl-demo .owl-item .banner-content{ position: absolute;  width: 1170px; left: 50%; padding: 13px 0 30px 10px; margin: 0 auto 0 -585px; top: 80px; z-index: 1;}
#owl-demo .owl-item .banner-content .right{position: absolute; right: 0; float: right; width: 50%; }
#owl-demo .owl-item .banner-content .right img{width: 100%; height: auto;}
#owl-demo .owl-item .banner-content .left{position: absolute; width: 50%;  font-size: 18px; color: #fff; padding-top: 50px;}
#owl-demo .owl-item .banner-content .left .title1{background: rgba(255,93,99, 0.7); font-family: 'Conv_UTM Avo', Arial, sans-serif;  font-size: 24px; font-weight: normal; padding: 10px; text-transform: uppercase; color: #fff; display: block; float: left;}
#owl-demo .owl-item .banner-content .left .title1 a{color: #fff; margin: 0;padding:0;}
#owl-demo .owl-item .banner-content .left .title1 a:hover{color: #000; text-decoration: none;}
#owl-demo .owl-item .banner-content .left p{float: none; clear: both; padding: 10px; width: 70%; background: rgba(255,255,255, 0.7); color: #000; font-size: 14px;}
/*====== Services =======*/
.services{width: 100%; background: #f7f7f7; padding: 40px 0;}
.services .title{width: 120px; text-align: center; margin: 0 auto;}
.services  h3{ color:#5e5e5e; font-size:20px; line-height:20px; font-weight:normal; text-transform:uppercase; text-align:center; font-family: 'Conv_UTM Avo', Arial, sans-serif; margin-bottom:12px; padding: 30px 0 0 0;  }
.services  ul.list-service { list-style:none; width:100%; margin:40px 0 0 0; padding:0; display:inline-block;}
.services  ul.list-service  li.item { float:left; width:31.5%; margin:0px 2.75% 0px 0px; padding-bottom:20px; background:#fff; -webkit-box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.5); box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.5);}
.services  ul.list-service  li.item section { width:90%; padding:0 5%; text-align:center; }
.services  ul.list-service  li.item:nth-child(3n){ margin-right:0px}
.services  ul.list-service  li.item a.btn-lesmer {margin: 15px auto 0 auto; color:#ffffff; text-transform:uppercase; font-weight:normal; font-size:13px; padding: 10px 0; background:#f34b45; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 100px; display: block; text-align: center; }
.services  ul.list-service  li.item a.btn-lesmer:hover { background:#484848; text-decoration:none}
.services  ul.list-service  li.item .icon{ display:inline-block; text-align: center; width:100%; -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; padding:0; margin:0; margin-bottom:10px;}
.services  ul.list-service  li.item .icon a { display:inline-block;  width:100%; }
.services  ul.list-service  li.item .icon a:hover { opacity: 0.7; filter: grayscale(100%); -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);	-o-filter: grayscale(100%);	-ms-filter: grayscale(100%) }
.services  ul.list-service  li.item p{border-bottom: 1px solid #f2f2f2; padding: 0 0 15px 0;}
.services  ul.list-service  li.item a.link{border-bottom: 1px solid #f2f2f2; color: #5e5e5e; font-size: 13px; text-transform:uppercase; font-weight: normal; font-family: Arial, Helvetica, sans-serif; width: 100%; display: block; margin: 0; padding: 12px 0;}
.services  ul.list-service  li.item a.link:hover{color: #f34b45; text-decoration: none;}

/*====== Customer =======*/
.customer{width: 100%; background: #fff url(../images/arrow-cus.png) center top no-repeat; padding: 40px 0 10px 0;}
.customer .title{width: 380px; text-align: center; margin: 0 auto;}
.customer ul.list-customer { list-style:none; width:100%; margin: 30px 0 0 0; padding:0; display:inline-block;}
.customer ul.list-customer  li.items { float:left; width:23.5%; margin:0px 2% 20px 0px;  text-align:center; position: relative;}
.customer ul.list-customer  li.items:nth-child(4n){ margin-right:0px}
.customer ul.list-customer  li.items .pic{ width: 100%; height: auto; position: relative;  }
.customer ul.list-customer  li.items .pic img{width: 100%; display: block;}

/*======= Bottom ======*/
.bottom{width: 100%; background: #2f383f; padding: 40px 0 10px 0; color: #fff;}
.bottom h4{font-family: 'Conv_UTM Avo', Arial, sans-serif; font-size: 16px; color: #CCC; margin: 0 0 15px 0; padding: 0; font-weight: normal; text-transform: uppercase;}
.bottom .boxes{width: 23.5%; float: left; margin-right: 2%; margin-bottom: 20px;}
.bottom .boxes:nth-child(4n){ margin-right:0px}
.bottom .boxes p { margin: 0 0 5px; line-height:normal; }
.bottom .boxes ul{margin: 0; padding: 0; list-style: none;}
.bottom .boxes ul li{display: block; margin-bottom: 5px;}
.bottom .boxes ul li a{color: #e3e3e3; margin: 0; padding: 0;}
.bottom .boxes ul li a:hover{color: #f34b45; text-decoration: none;}


/*======== Footer =======*/
footer{width: 100%; border-top: 1px solid #596065; padding: 20px 0;}
footer h4{font-family: 'Conv_UTM Avo', Arial, sans-serif; font-size: 14px; color: #fff; margin: 0; padding: 0; font-weight: normal; text-transform: uppercase; text-align: center;}