@import url('https://fonts.googleapis.com/css?family=Roboto');

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video{

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

	 font-family: 'Roboto', sans-serif;

}

body{

	background:#F5F7FA;

	overflow-x:hidden;

	  font-family: 'Roboto', sans-serif;

}

body a{

	text-decoration:none;

}

body a:hover{

	text-decoration:none;

}

i#eh {

    background: #fff;

    font-size: 14px;

    width: 28px;

    height: 28px;

    color: #e4305d;

    text-align: center;

    line-height: 27px;

    margin-right: 10px;

	border: 1px solid #c9c1c3;

}

i#eh1 {

    color: #fff;

    background: #6db441;

    margin: 0px;

    padding: 10px;

    margin-right: 8px;

}

nav ul {

    padding: 0px;

    margin: 0px;

	margin: 0px 0px 0px;

}

.header_top{

	background-color:#6aab1f;

	height:auto;

}



.main-menu {

    padding-top: 3.3%;

}

.person p{

	color:#FFF;

	line-height:35px;

	text-align:right;

	font-size:14px;

	font-weight:bold;

}

.reach-us{

	 float: right;



  position:relative;

  padding: 7px 0px;

  background:#ffffff;

  transition:all 500ms ease;

  -moz-transition:all 500ms ease;

  -webkit-transition:all 500ms ease;

  -ms-transition:all 500ms ease;

  -o-transition:all 500ms ease;

  z-index:20;

}



.reach-us .reach-us-bg {

  background: #ffffff;

}



.reach-us ul li {

  display: inline-block;

}



.reach-us ul li.link_btn .btn-style-one{

  position: relative;

  width: 240px;

  height: 40px;

  bottom: 5px;

  margin-left: 60px;

  line-height: 20px

}



.reach-us ul li.single-info-box {

  position: relative;

  padding-left: 60px;

  top: 12px;

  margin-left: 70px;

}

.reach-us ul li.single-info-box .text-holder {

    margin-top:5px;

    text-align: left;

}



.reach-us ul li.single-info-box .icon-holder {

  left: 0;

  position: absolute;

  top: 0;

  border: 1px solid #017931e6;

  text-align: center;

  width: 40px;

  height: 40px;

}



.reach-us ul li.single-info-box .icon-holder span:before {

  color: #b2db11;

  font-size: 24px;

  line-height: 40px;

  margin-left: 0px;

}



.reach-us ul li.single-info-box .text-holder p {

  font-size: 15px;

  color: #222222;

  font-weight: 600;

  line-height: 24px;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}



.reach-us ul li.single-info-box:hover .text-holder p{

  color: #222222;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}



.reach-us ul li.single-info-box .text-holder p span{

  color: #777777;

  font-weight: 600;

  font-size: 16px;

  line-height: 20px;

}



.reach-us ul li .social-links {

  position: relative;

  top: -10px;

}



.reach-us ul li .social-links ul {

  

}



.reach-us ul li .social-links ul li {

  display: inline-block;

  margin-left: 12px;

}



.reach-us ul li .social-links ul li a i {

  background: #fff none repeat scroll 0 0;

  border-radius: 50%;

  color: #292929;

  display: block;

  font-size: 15px;

  height: 40px;

  line-height: 42px;

  text-align: center;

  width: 40px;

  box-shadow: 0px 3px 4px #d3d3d3;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}



.reach-us ul li .social-links ul li a:hover i{

  background: #fdc716;

  color: #fff;

}

.text-holder a {

    text-decoration: none;

}

.call nav ul{

	list-style:none;	

}

.call nav ul li{

	    float: left;

    color: #ececec;

    font-size: 14px;

    margin-right: 15px;

    padding-top: 9px;	

}

.call nav ul li.one{

	border-right:none;

	padding-left:7px;

}



.header_social {

    list-style: none outside none;

    margin: 0 auto;

    overflow: hidden;

    padding:1px 0px;

   float: right;

}

.header_social li {

    float: left;

    background: none !important;

	    padding-left: 5px;

}

.header_social li a {

       color: #ffffff;

    display: block;

    height: 26px;

    text-align: center;

    width: 26px;

    -webkit-transition: 0.25s;

    -moz-transition: 0.25s;

    -o-transition: 0.25s;

    transition: 0.25s;

    margin: 3px 2px;

    /* background: #069e46; */

    border: 2px dotted rgb(162, 162, 162);

    border-radius: 50%;

}

.header_social li a i {

    font-size: 13px;

    line-height: 25px;

    margin-right: 0;

    float: none;

}

.call nav ul li i {

    color: #dde5ea;

}

.header_social li a.fb:hover            {background:#1964DA;  color:#fff;transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg);}

.header_social li a.twtr:hover          {color: #fff; background:#3ABDD1; transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg);}

.header_social li a.gmail:hover         {color: #fff;transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg);}

.header_social li a.pinterest:hover     {color: #fff; transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg);}

.header_social li a.rss:hover           {color: #fff; background:#F15200; transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg);}

.header_social li a.tumblr:hover        {color: #fff;transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg);}

.header_social li a.flickr:hover        {color: #fff;transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg);}

.header_social li a.instagram:hover     {color: #fff;transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg);}

.header_social li a.linkedin:hover      {color: #fff; background:#3ABDD1; transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg);}

.header_social li a.skype:hover         {color: #fff; background:#00AAF1; transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg);}

.header_social li a.youtube:hover       {color: #fff;transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg);}

.header_social li a.google:hover      { color: #fff; background:#F97193; transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg);}

.logo{

	padding:4px 0px;

	width:100%;

}

.logo img {

    max-width: 100%;

}

.link{

	margin-top:30px;

	text-align:center;

}

.link a{

	background:#e4305d;

	padding:10px 20px;

	color:#FFF;

	font-family:Verdana, Geneva, sans-serif;

	font-size:15px;

}

.link:hover a{

	text-decoration:none;

	background:#F90;

}



.menu {

     background: #f8f8f8;

	 -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.28);

    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.28);

    box-shadow: 0px 0px 5px rgba(0,0,0,0.28);

}



/*--- slider-css --*/

.slider {

	position: relative;

}

.rslides {

  position: relative;

  list-style: none;

  overflow: hidden;

  width: 100%;

  padding: 0;

  margin: 0;

  }

.rslides li {

  -webkit-backface-visibility: hidden;

  position: absolute;

  display: none;

  width: 100%;

  left: 0;

  top: 0;

  }

.rslides li:first-child {

  position: relative;

  display: block;

  float: left;

  }

.rslides img {

  display: block;

  height: auto;

  float: left;

  width: 100%;

  border: 0;

  }

.caption1 {

    width: 100%;

    position: absolute;

    bottom: 0%;

    left: 0%;

    /* top: 45%; */

    background-color: rgba(0, 0, 0, 0.58);

    padding: 6px 10px 15px 10px;

    text-align: center;

    color: #fff;

    font-size: 30px;

    text-transform: capitalize;

	font-family: 'Droid Sans', sans-serif;

}

.caption1 h3{

	color: #FFF;

	font-weight: 700;

	font-size: 1.8em;

	text-transform: uppercase;

}

.caption1 p{

	color: #FFF;

	line-height: 1.5em;

	font-size: 0.875em;

	text-align: center;

	margin:1em 0 1.5em 0;

}

a.morebtn{

	background:#3D3D3D;

	padding:0.8em 0;

	display:block;

	font-size:0.875em;

	text-transform:uppercase;

	color:#FFF;

	width:20%;

	margin:0 auto;

	transition:0.5s all ease;

	-webkit-transition:0.5s all ease;

	-moz-transition:0.5s all ease;

	-o-transition:0.5s all ease;

	-ms-transition:0.5s all ease;

}

a.morebtn:hover{

	background:#585686;

}

.callbacks_tabs a:after {

	content: "\f111";

	font-size: 0;

	font-family: FontAwesome;

	visibility: visible;

	display: block;

	height: 12px;

	width: 12px;

	display: inline-block;

	border: 2px solid #747474;

}

.callbacks_here a:after{

	border: 2px solid #FFF;

}

.callbacks_tabs a{

	visibility:hidden;

}

.callbacks_tabs li{

	display:inline-block;

}

ul.callbacks_tabs.callbacks1_tabs {

	position: absolute;

	bottom: 14px;

	z-index: 999;

	left: 13px;

	display:none;

}

.callbacks_nav {

  position: absolute;

  -webkit-tap-highlight-color: rgba(0,0,0,0);

  top: 50%;

  left: 0;

  opacity: 0.7;

  z-index: 3;

  text-indent: -9999px;

  overflow: hidden;

  text-decoration: none;

  height: 61px;

  width: 38px;

  background: transparent url(../image/themes.gif) no-repeat left top;

  margin-top: -45px;

  }

.callbacks_nav.next {

  left: auto;

  background-position: right top;

  right: 0;

 }

 .caption1 a {

    color: #fff;

    font-size: 1.4em;

    text-decoration: none;

}

.caption1 a:hover {

    color: #84754e;

}

/*-- responsive-mediaquries --*/

@media(max-width:1080px){

	.caption1 {

		width: 100%;

	}

}

@media(max-width:1024px){

	.caption1 {

		width: 100%;

		font-size:26px;

		font-family: 'Droid Sans', sans-serif;

	}

}

@media(max-width:768px){

	.caption1 {

		width: 100%;

	}

}

@media(max-width:640px){

	.caption1 {

		width: 100%;

		font-size:16px;

		font-family: 'Droid Sans', sans-serif;

	}

}

@media(max-width:480px){

	.caption1 {

		width: 100%;

		font-size:12px;

		font-family: 'Droid Sans', sans-serif;

	}

	.callbacks_nav {

	  	top: 60%;

	 }

	.callbacks_tabs a:after {

		height:4px;

		width: 4px;

	}

	ul.callbacks_tabs.callbacks1_tabs {

		bottom: 10px;

		left: 4px;

	}

}

@media(max-width:320px){

	.caption1 {

		width: 100%;

		font-size: 15px;

	}

	.callbacks_nav {

	  	top: 63%;

	 }

	a.morebtn {

		width: 50%;

		font-size: 0.8em;

		padding:0.6em 0.5em; 

	}

	.callbacks_tabs a:after {

		height:4px;

		width: 4px;

	}

	ul.callbacks_tabs.callbacks1_tabs {

		bottom: 10px;

		left: 4px;

	}

}

.footer3 {

	padding-bottom:20px;

	border-top: 3px solid #79da95;

    padding-top: 15px;

	background:#1d1919d4;

}

div#footer-col1 h4 {

    margin-top: 15px;

    font-weight: bold;

	font-size:16px;

    text-transform: uppercase;

    color:#fff;

    padding-bottom: 15px;

    /* margin-bottom: 20px; */

}

div#footer-col2 h4 {

    margin-top: 15px;

    font-weight: bold;

    font-size: 16px;

    text-transform: uppercase;

    color: #fff;

    padding-bottom: 15px;

    /* margin-bottom: 20px; */

}

div#footer-col1 ul li {

    line-height: 32px;

    border-bottom: 1px dotted #525050;

	font-size:14px;

	list-style:none;

}

div#footer-col1 ul li:before {

    content: "\f105";

    font-family: "FontAwesome";

    margin: 0 7px 0 0;

    position: relative;

    color: #79da95;

}

div#footer-col1 ul li a{

	color: #bbb5b5;

    font-size: 14px;

}

i#f-col2 {

    padding-right: 6px;

    color: #2fd987;

}

div#footer-col1 ul li:hover a{

	text-decoration:none;

	color:#79da95;

}

p.ft2 {

    color: #fff;

    text-align: justify;

    font-size: 14px;

	line-height: 23px;

}

.contuct-content {

    overflow: hidden;

    margin-bottom: 10px;

}

ul.foot li {

    list-style: none;

}

ul.foot {

    padding-top: 12px;

}

.contuct-icon i {

    width: 35px;

    height: 35px;

    border: 1px solid #79da95;

    font-size: 14px;

    border-radius: 50%;

    text-align: center;

    line-height: 35px;

	color:#fff;

}

.contuct-info {

    float: left;

    padding-left: 10px;

	width: 85%;

}

.contuct-icon {

    float: left;

    margin-top: 5px;

}

ul.foot li {

    border-bottom: 0px !important;

}

.contuct-info p {

    color: #bfbbbb !important;

	line-height: 22px !important;

}

p.mail1 {

    padding-top: 10px;

}

.main-head h2 {

    font-size: 28px;

    text-transform: uppercase;

    font-weight: 600;

	    color: #ffffff;

	font-family: 'Roboto', sans-serif;

	text-align:center;

	line-height: 32px;

}

div#tits {

    padding-bottom: 30px;

}

.main-head h1 {

    font-size: 30px;

    text-transform: uppercase;

    font-weight: 600;

	    color: #363636;

	font-family: 'Roboto', sans-serif;

	text-align:center;

	line-height: 32px;

}

.footer-bottom {

    background: #6aab1f;

    padding: 15px 0;

}

p.foot2 {

    padding: 0;

    margin: 0;

    color: #fff;

    font-size: 14px;

	text-align:center;

	

}

p.foot2 a {

    color: #2d3094;

}

.main-head h3 {

    font-size: 28px;

    text-transform: uppercase;

    font-weight: 600;

	    color: #363636;

	font-family: 'Roboto', sans-serif;

	text-align:center;

	line-height: 32px;

}

.separator:before {

    content: '';

    display: block;

    margin: auto;

    left: 50%;

    height: 1px;

    width: 50px;

    bottom: -15px;

    background: #6aab1f;

    transition: width .8s ease, background-color .8s ease;

    -webkit-transition: width .8s ease, background-color .8s ease;

    -o-transition: width .8s ease, background-color .8s ease;

    -ms-transition: width .8s ease, background-color .8s ease;

    -moz-transition: width .8s ease, background-color .8s ease;

    margin-bottom: 6px;

}

.separator:after {

    width: 100px;

    display: block;

    margin: auto;

    content: "";

    height: 1px;

    background: #6aab1f;

    bottom: 0px;

    left: 50%;

    transition: width .8s ease, background-color .8s ease;

    -webkit-transition: width .8s ease, background-color .8s ease;

    -o-transition: width .8s ease, background-color .8s ease;

    -ms-transition: width .8s ease, background-color .8s ease;

    -moz-transition: width .8s ease, background-color .8s ease;

}

section#sec1 {

    padding: 32px 0px;

}

section#wecome {

    background-image: url(../images/bg1.png);

    background-size: auto auto;

    background-repeat: no-repeat;

    background-position: right 5% center;

    background-attachment: fixed;

	background-color: #337ab7;

}

div#wel-row {

    background-color:rgba(0, 0, 0, 0.8);

    padding: 50px 0px;

}

.wel-con {

    text-align: center;

    color: #ccc;

    line-height: 2;

    padding: 25px 10px;

	font-family: 'Roboto', sans-serif;

	font-size:14px;

}

.wel-con b {

    color: #ef7f15;

    font-size: 17px;

    margin: 10px 0px !important;

}

.wel-con .btn.white {

    background: #6aab1f;

    color: #fff;

	font-family: 'Roboto', sans-serif;

	font-size:16px;

}

.wel-con p {

    text-align: center;

    color: #ccc;

    line-height: 2;

    padding: 15px 10px;

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

}

section#foot1 {

	    background-image:url(../images/bg-bottom.jpg);

    background-size: cover;



    background-position: center;

	  padding: 32px 0px 13px;

}

i#scr-top {

    color: #fff;

    font-size: 20px;

    margin-left: 9px;

    margin-top: 8px;

}

a.scrollup {

    display: block;

}



.scrollup {

    width: 40px;

    height: 40px;

    position: fixed;

    bottom: 50px;

    right: 7px;

    display: none;

    background: #79da95;

}



section#index-body {

	 

	  background:url(../images/parallax1.png) center/cover;

	  background-attachment:fixed;

	  background-position:center;

}

div#in {

    background:rgba(242, 242, 242, 0.78);

    padding: 15px 0px 35px;

}

div#in h2 {

    color: #111215;

    text-align: center;

}

.view.view-fifth {

    border: 1px solid #eaeceb;

}

#owl-demo .item {

    display: block;

    padding: 6px 0;

    margin: 10px;

    color: #FFF;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 0

}



#owl-demo1 .item {

    display: block;

    padding: 7px 0;

    margin: 5px;

    color: #FFF;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px

}



#owl-demo2 .item {

    display: block;

    padding: 15px 0;

    margin: 5px;

    color: #FFF;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px

}



#owl-demo3 .item {

    display: block;

    padding: 10px 0;

    margin: 5px;

    color: #FFF;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px

}



.owl-controls .owl-buttons div {

    padding: 7px 9px

}



.owl-buttons i {

    margin-top: 2px

}



.owl-theme .owl-controls .owl-buttons div:hover {

    background: #fc2245

}



.owl-buttons div {

    position: absolute

}



.owl-prev {

    left: 10px;

    top: 105px

}



.owl-next {

    right: 10px;

    top: 105px

}



.owl-pagination {

    display: none

}



div#prod_full_cus img {

    -webkit-transition: all 300ms ease-in;

    -moz-transition: all 300ms ease-in;

    -ms-transition: all 300ms ease-in;

    -o-transition: all 300ms ease-in;

    transition: all 300ms ease-in

}



div#prod_full_cus:hover img {

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1);

    -webkit-transition: all 300ms ease-in;

    -moz-transition: all 300ms ease-in;

    -ms-transition: all 300ms ease-in;

    -o-transition: all 300ms ease-in;

    transition: all 300ms ease-in

}



.prod_img {

    text-align: center;

    margin: 5px;

    position: relative;

    overflow: hidden;

    height: 220px

}



.prod_img img {

    position: absolute;

    top: 0;

    bottom: 0;

    margin: auto;

    right: 0;

    left: 0;

    width: auto;

    height: auto;

    max-width: 100%;

    max-height: 100%

}



.team-grids a {

    overflow: hidden;

    position: relative;

    display: block

}



.captn h4 {

    color: #fff;

   font-size: 14px;

    margin-top: -4px;

    text-transform: uppercase;

    font-weight: 100;

    line-height: 21px;

}



.captn p {

    font-size: .9em;

    margin-top: .5em;

    color: #fff;

    line-height: 1.8em

}



.team-grids a .captn {

    display: inline-block;

    height: 100%;

    width: 100%;

    position: absolute;

    bottom: -85%;

    right: 0;

    background-color: rgba(45, 48, 148, 0.84);

    padding: 5% 10%;

    text-align: center;

    -o-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease

}



.team-grids a:hover .captn {

    width: 100%;

    bottom: 0%;

    padding: 42% 10%

}



.more1 {

    margin-top: 20px

}



.more1 h5 {

    background: #6aab1f;

    display: initial;

    padding: 5px 10px;

    color: #fff

}

div#demo {

    background: url(../image/pattern-dark.png);

    padding: 3% 0;

    background-position: center !important;

    background-repeat: no-repeat !important;

    background-size: cover !important;

    background-attachment: fixed;

}

div#owl-demo1 .owl-prev {

    top: 60px;

	left: 6px;

}

div#owl-demo1 .owl-next {

    top: 60px;

	right: 4px;

}

.prod_img1 {

    text-align: center;

    margin: 5px;

    position: relative;

    overflow: hidden;

    height: 110px;

	background: #fff;

}

.prod_img1 img {

    position: absolute;

    top: 0;

    bottom: 0;

    margin: auto;

    right: 0;

    left: 0;

    width: auto;

    height: auto;

    max-width: 100%;

    max-height: 100%;

}

.service-section{

	position: relative;

	padding: 70px 0px 50px;

	z-index: 1;

	background:url(../images/bg1.jpg);

}

.service-section:before{

	position: absolute;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 100%;

	content: "";

	z-index: -1;

	background: rgba(244, 244, 244, 0.93);

}

.service-section .item-holder{

	position: relative;

	margin-left: 50px;

	background: #ffffff;

	margin-bottom: 40px;

	padding: 20px 15px 25px 70px;

}

.service-section .item-holder .icon-box{

	position: absolute;

	top: 30px;

	left: -50px;

	width: 98px;

	height: 98px;

	text-align: center;

	line-height: 98px;

	background: #012f5d;

}

.service-section .item-holder .icon-box i:before{

	font-size: 40px;

	color: #fe9900;

}

.service-section .item-holder h6{

	position: relative;

	font-size: 16px;

	color: #222222;

	font-weight: 600;

	line-height: 24px;

	padding-bottom: 10px;

	margin-bottom: 10px;

}

.service-section .item-holder h6:before{

	position: absolute;

	bottom: 0px;

	left: 0px;

	width: 60px;

	height: 1px;

	content: "";

	background: #ececec;

}

.service-section .item-holder p{

	margin-bottom: 0px;

	font-size: 14px;

    height: 40px;

    overflow: hidden;

	margin-bottom: 10px;

}

.item-holder h5 {

    padding: 0px;

    margin: 0px;

    font-size: 14px;

}

.item-holder h5 a{

    font-size: 14px;

    font-weight: 100;

    color: #ea1408;

}

.icon-box img {

    margin-top: 15px;

}

span.clr {

    color: #6aab1f;

}

span.clr1 {

    color: #2d3194;

}

div#clients {

    position: relative;

	padding: 35px 0px 50px;

	z-index: 1;

	background: url(../images/bg8.jpg);

}

.main-head h4 {

    font-size: 28px;

    text-transform: uppercase;

    font-weight: 600;

	    color: #ffffff;

	font-family: 'Roboto', sans-serif;

	text-align:center;

	line-height: 32px;

}

.main-menu1 {

    float: left;

    width: 80%;

}

.h-link {

    float: right;

    width: 20%;

}

.site-button {

    color: #23527c;

    padding: 9px 20px;

    display: inline-block;

    font-size: 14px;

    outline: none;

    cursor: pointer;

    outline: none;

    border-width: 0;

    border-style: solid;

    border-color: transparent;

    line-height: 1.42857;

    margin-left: -1px;

    text-decoration: none !important;

}

.h-link a {

    color: #fff;

    font-size: 14px;

}

.skew-icon-btn i {

    position: relative;

    background: #6aab1f;

    display: inline-block;

    padding: 7.5px 9px;

    text-align: center;

    margin-left: 25px;

    font-size: 16px;

    z-index: 1;

	color:#fff;

}

.h-link a:hover{

	color: #FC0;

}

.skew-icon-btn i:after {

    background-color: #6aab1f;

    content: "";

    position: absolute;

    width: 60%;

    height: 100%;

    z-index: -1;

    left: -30%;

    top: 0px;

    -webkit-transform: skew(-25deg);

    -moz-transform: skew(-25deg);

    -o-transform: skew(-25deg);

    -ms-transform: skew(-25deg);

    transform: skew(-25deg);

}

.site-button {

    background-color: #ff831d;

}

.inner-page {

    background: #fff;

    padding: 40px 0px;

}

.content-header {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    position: relative;

    min-height: 130px;

    width: 100%;

    text-align: center;

    overflow: hidden;

}

.banner-bg{

position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

}

.banner-bg img {

    width: 100%;

    background-size: contain;

}

.content-header-background-overlay {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.38);

}

.content-header-content-subheading{

    position: absolute;

    top:15px;

    text-align: center;

	width: 100%;

	right: 0px;

}

.content-header-content-subheading h2 {

    color: #fff;

	text-transform:uppercase;

	font-weight:bold;

	font-size:22px;

}

.content-header-content-subheading h2:after {

    content: '';

    display: block;

    height: 3px;

    background-color: #fff;

    min-width: 250px;

    width: 100%;

    max-width: 300px;

        margin-top: 10px;

    margin-left: auto;

    margin-right: auto;

}



.breadcrumb {

    margin: 0;

    padding: 0;

    width: 100%;

    float: left;

    border-radius: 0;

    position: relative;

    line-height: normal;

    background-color: transparent !important;

}

.breadcrumb li {

    width: auto;

    float: none;

    color: #fff;

    font-size: 12px;

    line-height: 12px;

    font-weight: normal;

    text-transform: uppercase;

}

.breadcrumb li a{

	color:#fff;

}

.breadcrumb > li + li::before {

    color: #ccc;

    float: left;

    content: "/ ";

    padding: 0 5px;

    margin: -1px 0 0;

}





.breadcrumb>li+li:before {

    padding: 0 5px;

    color: #ccc;

    content: "/\00a0";

}

.breadcrumb li.active span{

color: #f8c400;

}

.breadcrumb li a:hover{

color: #f8c400;

}

.content h1 {

    padding: 0px;

    margin: 0px;

    font-size: 30px;

    font-weight: 600;

    letter-spacing: 0.4px;

	padding-bottom: 40px;

	text-align: center;

}

.content p {

    text-align: justify;

    line-height: 23px;

    font-size: 14px;

    margin: 0px;

    padding-bottom: 15px;

}

.content-img1 {

    float: left;

    padding: 0px 20px 20px 0px;

}

.content-img1 img {

    border: 1px solid #e8e4e4;

    padding: 4px;

}

.content-img {

    text-align: center;

	    padding-top:5px;

}

.content-img img{

	max-width:100%;

}

.client {

    text-align: center;

        margin-bottom: 20px;

    position: relative;

    overflow: hidden;

    height: 120px;

	background: #fff;

	border: 1px solid #e0dddd;

}

.client img {

    position: absolute;

    top: 0;

    bottom: 0;

    margin: auto;

    right: 0;

    left: 0;

    width: auto;

    height: auto;

    max-width: 100%;

    max-height: 100%;

	padding: 8px;	

}

.form-control {

    height: 36px;

    border-radius: 0;

    padding: 6px;

    margin-bottom: 10px;

    border-radius: 0px!important;

}

input.btn.btn-default {

    background: #f8c302;

    color: #fff;

    border: none;

    border-radius: 2px;

    transition: all .3s ease-in-out;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    padding: 12px 30px;

    text-transform: uppercase;

    letter-spacing: 1px;

}

.contact-info-box-content {

    padding-left: 40px;

}

.contact-info-box {

    margin-top: 15px;

    padding-bottom: 10px;

    border-bottom: 1px dotted #ccc;

}

div#sect-abt p {

    /* font-size: 14px; */

    padding: 5px 0px 0px 0px;

    text-align: justify;

    line-height:24px;

    color: #5d5b5b;

    font-size: 14px;

	margin: 0px;

}

.contact-info-box-content h4 {

    font-size: 16px;

    margin-top: 0;

    line-height: normal;

    font-weight: 700;

}

.contact-info-box i {

    float: left;

    font-size: 24px;

    color: #34a956;

}

.map iframe {

    margin-top: 25px;

}

.content h3 {

    margin: 0px;

    padding: 0px;

    font-size: 18px;

    padding-bottom: 20px;

	font-weight:600;

	letter-spacing:0.4px;

}

.content h5 {

    margin: 0px;

    padding: 0px;

    font-size: 18px;

	padding-top:10px;

    padding-bottom: 15px;

    /* font-weight: 600; */

    letter-spacing: 0.4px;

    color: #6aab1f;

}

ul.list1 li {

    list-style: none;

    line-height: 28px;

    font-size: 13.2px;

}

ul.list1 li:before {

    content: "\f138";

    font-family: "FontAwesome";

    margin: 0 7px 0 0;

    position: relative;

    color: #6aab1f;

}

ul.list1 {

    padding: 0px;

    margin: 0px;

    margin-left: 15px;

    margin-bottom: 20px;

}

div#bx6 {

    box-shadow: 1px 2px 5px #666;

    margin-bottom: 25px;

    padding: 20px 10px;

}

.top-box {

    background: #FFF;

		border: 1px solid #E6E6E6;

		-webkit-box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.15);

    -moz-box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.15);

    box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.15);

    border-bottom: 2px solid #DEDEDE;

    transition: all .35s ease-in-out;

    -webkit-transition: all .35s ease-in-out;

    margin: 0 0 20px;

    padding-top: 1px;

}



.top-box:hover {

    -webkit-box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.4);

    -moz-box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.4);

    box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.4);

    border-bottom: 2px solid #D60D45;

}



.top-box a {

    color: #777;

    display: block;

}



.top-box .image {

    overflow: hidden;

    margin: 4px 5px 0;

	height: 220px;

}



.top-box img {

    max-width: 100%;

    height: auto;

    display: block;

}

.top-box .image img {

    transition: all .3s ease-in-out;

}



.top-box:hover .image img {

    transform: scale(1.15) rotate(5deg);

    -ms-transform: scale(1.15) rotate(5deg);

    -ms-transform: scale(1.15) rotate(5deg);

}



.top-box .content {

    padding: 17px 5px 12px;

}



.top-box h4 {

    font-size: 14px;

    text-transform: uppercase;

    line-height: 19px;

    margin: 0 0 2px;

    height: 40px;

    overflow: hidden;

}

.content1 {

    background: #6aab1f;

    color: #fff;

    text-align: center;

    padding: 10px 5px;

}

div#top_ct {

    background: #fff;

    padding: 20px 12px;

    box-shadow: 0px 1px 5px rgba(51, 51, 51, 0.18);

    margin-bottom: 15px;

}

.r_ser ul li{

	color:#000;

	list-style:none;

	transition: 0.3s ease-in;

    -o-transition: 0.3s ease-in;

    -webkit-transition: 0.3s ease-in;

	font-size:14px;

	border-bottom: 1px solid #ece9e9;

	padding: 6.8px 0px;

	line-height: 19px;

}

.r_ser ul li a{

	display:block;

	color: #5a5959;

}

.r_ser ul li:hover {

	transition: 0.3s ease-in;

    -o-transition: 0.3s ease-in;

    -webkit-transition: 0.3s ease-in;

	list-style-position:inside;

}

.r_ser ul li:hover {

	padding-left:10px;

	text-decoration:none;

	color:#0082c8;

	

}

.r_ser h4 {

    padding: 0px;

    margin: 0px;

    background: #6aab1f;

    color: #fff;

    padding: 5px 10px;

    font-size: 16px;

}

.r_ser h4 a{

	color:#fff;

}

i#es1 {

    padding-right: 10px;

    color: #906c0f;

}

.r_ser ul li:before {

    content: "\f138";

    font-family: "FontAwesome";

    margin: 0 7px 0 0;

    position: relative;

    color: #6aab1f;

	    float: left;

}

.service img{

  width:300px;

  height: 250px

}

.service p{

  padding-top: 15px;

  height: 120px;

  overflow: auto;

}