@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,700);


body {
font-family: 'Roboto', sans-serif;
position: relative;
}

h1,h2,h3,h4,h5,h6{
font-family: 'Roboto', sans-serif;
}




.slicknav_menu {
  display: none;
}

.slicknav_nav a:hover{
text-decoration: none;
}


#wowslider-container1 .ws_images {
  max-height: 500px;
}

section h2.section_title{
font-weight: 700;
margin-bottom: 40px;
text-align: center;
text-transform: uppercase;
}

section h2.section_title:before {
  background: none repeat scroll 0 0 #333;
  content: "";
  display: inline-block;
  height: 1px;
  margin: 10px 20px;
  width: 100px;
}

section h2.section_title:after {
  background: none repeat scroll 0 0 #333;
  content: "";
  display: inline-block;
  height: 1px;
  margin: 10px 20px;
  width: 100px;
}

section:not(.mainmenu_area) {
  padding: 35px 0px;
}

.logo {

}

.header_right {
font-size:12px;color:#999999;text-align:right;margin-top:35px
}

#stickyheader{
z-index: 999;
}

.mainmenu_area {
border-bottom:1px solid #111;
background: #232323;
}

.mainmenu_area ul#nav {
float: right;
list-style: none outside none;
margin: 0;
padding: 0;
}

.mainmenu_area ul#nav li{
float:left;
position:relative
}

.mainmenu_area ul#nav li a{
color: #fff;
display: block;
font-size: 15px;
font-weight: 700;
padding: 27px 20px;
text-transform: uppercase;
}

.mainmenu_area ul#nav li a:hover{
color:#FB6C66;text-decoration:none
}

.mainmenu_area ul#nav li ul {
position:absolute;top:62px;left:-9999px;margin:0;padding:0;list-style:none;background:#2D3134;width:190px;
}

.mainmenu_area ul#nav li:hover ul {
left:0;
}

.mainmenu_area ul#nav li ul li{
border-bottom:1px solid #000;border-left:0px solid;display:block;float:none
}

.mainmenu_area ul#nav li ul li a{
color:#fff;padding:15px 20px;display:block
}

.mainmenu_area ul#nav li ul li a:hover{

}

.slider_area{

}

.slider_area img{
display: block;
margin: 0 auto;
max-width: 100%;
}




/* About Us styles */

section.about_us_area{
background: url("img/bg.jpg") no-repeat scroll center center / cover  rgba(0, 0, 0, 0);
padding: 50px 0;
}

div.about_us h2 {
  color: #fff;
}

section h2.section_title:before {
  background: none repeat scroll 0 0 #fff;
}

section h2.section_title:after {
  background: none repeat scroll 0 0 #fff;
}

div.sng_abt {
padding: 0 20px 15px;
margin: 20px auto;
}

div#inline1, div#inline2, div#inline3, div#inline4 {
  padding: 10px 20px;
}

div#inline1 h3, div#inline2 h3, div#inline3 h3, div#inline4 h3 {
  margin: 8px auto;
}

div#inline1 p, div#inline2 p, div#inline3 p, div#inline4 p {
  line-height: 22px;
  margin-bottom: 15px;
  text-align: justify;
}

div.sng_abt:hover {

}

div.sng_abt:hover h3 {
  color: #fff;
} 

div.sng_abt h3 {
  color: #ddd;
  font-weight: 700;
} 

div.sng_abt p {
  color: #999;
} 

div.about_us div.sng_abt a.fancybox{
color: #555;
text-decoration: none;
}

div.about_us div.sng_abt a.fancybox div.sng_abt_inn {
border: 1px solid #bbb;
border-radius: 100%;
display: block;
height: 280px;
margin: 0 auto;
padding: 50px 15px;
text-align: center;
width: 280px;
}

div.about_us div.sng_abt a.fancybox div.sng_abt_inn:hover{
text-decoration: normal;
background: none;
}

div.about_us div.sng_abt a.fancybox div.sng_abt_inn:hover i {
transform: scale(1.6) rotate(360deg);
}

div.about_us div.sng_abt a.fancybox div.sng_abt_inn i {
  font-size: 40px;
  color: #fb6c66;
  transition: all 0.6s ease-in-out 0s;
}

a.scrolltotop{
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.25);
border-radius: 5px;
bottom: 20px;
color: #fff;
font-size: 20px;
padding: 2px 8px;
position: fixed;
right: 20px;
z-index: 9999999;
transition: all .4s ease 0s;
}

a.scrolltotop:hover{
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.65);
color: #fff;
}


/* Products styles */

div.sng_prdct{
margin: 10px auto;
}

div.product h2.section_title:before {
  background: none repeat scroll 0 0 #333;
}

div.product h2.section_title:after {
  background: none repeat scroll 0 0 #333;
}

div.product h2.section_title {
  color: #333;
}

section#products h2 span a {
  color: #ccc;
}

div.sng_prdct:hover span i{
transform: rotateY(180deg)
}

div.sng_prdct span {
  background: none repeat scroll 0 0 #eee;
  border: 1px solid #ddd;
  border-radius: 100%;
  float: left;
  height: 55px;
  margin: 0 10px 40px 0;
  width: 55px;
}

div.sng_prdct span i {
  padding: 17px;
  text-align: center;
  font-size: 20px;
  transition: all .6s ease-in-out 0s;
}

div.sng_prdct h3 {
margin: 0 auto;
font: 20px/30px Roboto;
}

div.sng_prdct p {
color: #777;
font: 12px/20px Arial;
margin-bottom: 0px;
}

div.sng_prdct a {
color: #333;
font: 600 16px/20px Roboto;
}

div.sng_prdct a.see_more {
  font-size: 14px;
}

p.all_fet_pr, p.all_rec_pr {
  text-align: center;
}

p.all_fet_pr a, p.all_rec_pr a {
  background: none repeat scroll 0 0 #232323;
  color: #fff;
  padding: 5px 15px;
}

p.all_fet_pr a:hover, p.all_rec_pr a:hover {
  text-decoration: none;
}

p.all_rec_pr{
margin-top: 30px;
}

.owl-carousel {

}

div#owl-demo div.owl-item a {
  text-decoration: none;
  transition: all .4s ease 0s;
}

div#owl-demo div.owl-item a:hover {
  opacity: .9
}

div.owl-item {
  border-radius: 154px;
  padding: 5px;
}

div#owl-demo div.owl-item div.item img {
  height: 175px;
  max-width: 100%;
  margin: 0 auto;
  display: block;
}

div.owl-item div.item {
  background: none repeat scroll 0 0 #232323;
  border-radius: 8px;
  padding: 10px;
}

div.owl-item div.item h3.ttl, div.rec_prdct div.item h3.ttl {
  font: 500 18px/30px Arial;
  margin: 3px auto 0px;
  color: #ddd;
}

div.owl-item div.item p, div.rec_prdct div.item p {
color: #666;
margin: 0 auto 10px;
}

h2.different_stl span {
background: none repeat scroll 0 0 #333;
color: #fff;
font: 700 18px/30px Roboto;
padding: 5px 10px;
}


/* Partners styles */

section#clients {
  background: url("img/bg1.jpg") repeat scroll center center / cover  rgba(0, 0, 0, 0);
  padding: 40px 0px 70px;
}

section#clients div.product h2.section_title:before {
  background: none repeat scroll 0 0 #fff;
}

section#clients div.product h2.section_title:after {
  background: none repeat scroll 0 0 #fff;
}

section#clients div.product h2.section_title {
  color: #fff;
}

div#our-clients div.owl-item div.item {
border: 1px solid #666;
border-radius: 8px;
padding: 10px;
background: none;
}

div#our-clients div.owl-item div.item img {
display: block;
margin: 0 auto;
height: 110px;
max-width: 100%;
}


/* Career styles */

section#career {
  padding: 0;
}

section#career div.car_bg {
  background: none repeat scroll 0 0 #3f8dbf;
}

div.car_bg_in {
background: url("img/cloud-things.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
padding: 30px 0;
}

section#career ul#ticker li a {
  color: #fff;
}

div.see_all_jobs{

}

div.see_all_jobs a {
background: none repeat scroll 0 0 #333;
border-radius: 5px;
color: #eee;
display: block;
font: 400 18px/30px Tahoma;
padding: 10px;
text-align: center;
}


/* News styles */

section#news-section, section.prdct_page {
  background: url("img/bg2.jpg") no-repeat scroll center center / cover  rgba(0, 0, 0, 0);
padding-bottom: 60px;
}

section#news-section h2.section_title:before {
  background: none repeat scroll 0 0 #fff;
}

section#news-section h2.section_title:after {
  background: none repeat scroll 0 0 #fff;
}

section#news-section h2.section_title {
color: #fff;
}

div#news div.owl-item div.item {
border: 1px solid #eee;
border-radius: 8px;
padding: 10px;
background: none;
}

div#news div.owl-item div.item a p.ttl {
color: #fff;
}

div#news div.owl-item div.item img {
  display: block;
  height: 110px;
  margin: 0 auto;
  max-width: 100%;
}

div#news div.item a {
text-decoration: none;
text-align: center;
}

div#news div.item a p.ttl {
  font: 300 18px/30px Roboto;
  color: sienna;
}


/* Brand styles */

section#brand h2.section_title:before {
  background: none repeat scroll 0 0 #333;
  content: "";
  display: inline-block;
  height: 1px;
  margin: 10px 20px;
  width: 100px;
}

section#brand h2.section_title:after {
  background: none repeat scroll 0 0 #333;
  content: "";
  display: inline-block;
  height: 1px;
  margin: 10px 20px;
  width: 100px;
}

ul#scroller li img {
  display: block;
  height: 100px;
  margin: 0 auto;
  max-width: 100%;
}


/* get in touch styles */

section.get_in_touch_area {
background: url("img/bg_get_in.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
padding: 5px 0 50px;
}

div.get_in_touch {
  text-align: center;
  color: #fff;
}

div.get_in_touch h2{
font: 400 35px/50px Roboto;
}

div.get_in_touch p{
color: #ddd;
font: 300 16px/25px Roboto;
}

div.get_in_touch ul{
margin: 0;
padding: 0;
text-align: center;
}

div.get_in_touch ul li{
list-style: none;
display: inline-block;
}

div.get_in_touch ul li a{

}

div.get_in_touch ul li a i{
color: #ddd;
font-size: 50px;
margin: 30px 25px 0;
transition: all .4s ease 0s;
}


/* Footer styles */

section#contact {
  background: url("img/bg1.jpg") no-repeat scroll center center / cover  rgba(0, 0, 0, 0);
}

section#contact h2.section_title:before {
  background: none repeat scroll 0 0 #fff;
}

section#contact h2.section_title:after {
  background: none repeat scroll 0 0 #fff;
}

section#contact h2.section_title {
color: #fff;
}




section#footer_bottom {
  background: none repeat scroll 0 0 #232323;
  overflow: hidden;
  padding: 20px 0px;
}

div.tot_bg {
background: none repeat scroll 0 0 #eee;
border-top: 4px solid gold;
overflow: hidden;
padding: 10px;
border-bottom: 4px solid gold;
}

div.footer_txt p {
margin: 0;
text-align: center;
color: #fff;
}

div.footer_txt p.desg a img {
  padding: 0 0 10px 10px;
}


/* Single Product Page styles */

div.page {
  
}

div.page h2 {
  margin-bottom: 40px;
text-align: center;
}

div.page h2 span {
  border-bottom: 1px solid #bbb;
  padding-bottom: 5px;
}

div.page img {
	display: block;
	margin: 15px auto;
	max-height: 300px;
	width: auto;
}

div.page p {
  font: 14px/25px Roboto;
margin-bottom: 20px;
text-align: justify;
}



/* Product page styles */

div.rec_prdct a div.item {
margin-bottom: 15px;
padding-left: 0;
}

section.prdct_page div.product h2.different_stl {
  margin-bottom: 45px;
  text-align: center;
}

section.prdct_page h2.different_stl span {
  font-size: 30px;
}

div.rec_prdct a div.item div.itm_inn {
  background: none repeat scroll 0 0 #232323;
  border-radius: 8px;
  padding: 10px;
}

div.rec_prdct a div.item div.itm_inn p.ttl {
color: #ddd;
font: 500 18px/30px Arial;
margin: 3px auto 0;
}

div.rec_prdct a div.item div.itm_inn p.desc {
color: #666;
margin: 0 auto 10px;
}



/* Our clients styles */

div.all_clients {

}

div.all_clients div.col-md-2 {

}

div.all_clients div.col-md-2 img {
  display: block;
  height: 100px;
  margin: 0 auto;
  max-width: 100%;
}

div.all_clients div.col-md-2 {
  padding: 0px;
}

div.all_clients div.col-md-2 div {
  border: 1px solid #fff;
  border-radius: 5px;
  margin: 10px;
  padding: 10px;
}



/* All jobs styles */

section.all_jobs {
  min-height: 480px;
}

section.all_jobs table {
  color: #fff;
}

section.all_jobs table tr td a {
  background: none repeat scroll 0 0 #232323;
  border-radius: 3px;
  color: #fff;
  padding: 2px 5px;
  transition: all .4s ease-in-out 0s;
}

section.all_jobs table tr td a:hover {
  text-decoration:none;
  opacity: .9
}


/* Single job styles */

div.sng_job {

}

div.sng_job h2 {
  margin-bottom: 100px;
}

div.sng_job p.tl {
float: left;
font-weight: bold;
width: 200px;
}

div.sng_job p.ds {

}

div.sng_job p.dss {
  border-bottom: 1px solid #bbb;
  display: block;
  margin-bottom: 10px;
  padding-bottom: 5px;
  width: 100%;
}