/*--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
---*/
html, body{
   font-size: 100%;
   background:#ffffff;
   font-family: 'Lato', sans-serif;
}
body a{
	font-family: 'Lato', sans-serif;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	-moz-transition: 0.5s all;
}
h1,h2,h3,h4,h5,h6,p,span{
	margin: 0;
	padding: 0;
}
/*--header--*/
.header-top{
	background-color:#1F1F1F;
	padding: 10px 30px 5px;
}
.header-top-line{
	float:left;
}
.call-us{
	float: right;
}
.call-us p {
	color: #A9A9A9;
	font-size: 0.8125em;
	margin-top: 4px;
	line-height: 1.8em;
}
.header-top-line i{
	color: #A9A9A9;
	font-size: 0.8125em;
	font-style: italic;
}
.header-banner{
	background: url(../images/header-banner.jpg)no-repeat 0px -2px;
	min-height: 705px;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}
.header-right {
	float: right;
	margin-top: 8px;
}
.logo {
	float: left;
}
.logo h1 {
color: #fff;
font-weight: 900;
font-size: 3.5em;
}
.menu {
margin-top: 12px;
}
ul.navigatoin {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.navigatoin li {
	display: inline-block;
}
ul.navigatoin li a {
	color: #fff;
	margin-right: 40px;
	text-decoration: none;
}
ul.navigatoin li a:hover{
	color:#BC6E23;
}
.header-banner-info {
	border-top: 2px solid;
	border-bottom: 2px solid;
	padding: 20px 30px 20px;
}
.header-info {
	float: right;
	padding-top: 12em;
	margin-right: 40px;
}
.header-info h1 {
	color: #fff;
	font-size: 5.6em;
}
.header-info p {
	color: #fff;
	font-family: 'Crimson Text', italic;
	font-size: 2.1em;
	font-style: italic;
	line-height: 1.8em;
}
.header-info a{
	color: #8F5825;
	font-weight: 300;
	border-bottom: 1px dashed;
	float: right;
	margin-top: 18px;
	text-decoration: none;
	margin-right: 52px;
	font-size: 1.1em;
}
.header-info a:hover {
	color: #FFB800;
}
/*--/header--*/
/*--about--*/
.about {
	padding: 3em 0 3em;
}
.about-info {
	color: #BC6E23;;
	margin-bottom: 3em;
	text-align: center;
}
.about-info h2{
	color:#BC6E23;
	font-style: italic
}
.about-info p{
	color:#565656;
	padding: 20px 0 10px;
	line-height: 1.8em;
}
.about-narrow {
	float: left;
}
.narrow-about {
	overflow: hidden;
}
.narrow-abou {
	overflow: hidden;
}
.narrow-about p {
	width: 90%;
	margin: 0 auto;
	padding-top: 16px;
	line-height: 1.8em;
}
.narrow-abou p {
	width: 90%;
	margin: 0 auto;
	padding: 20px 0 10px;
	line-height: 1.8em;
}
.info {
	padding-top: 5em;
}
.foin{
	padding-top: 5em;
}
.narrow-about h3 {
	color: #BC6E23;
	margin: 0px 16px 6px;
}
.narrow-abou h3 {
	color: #BC6E23;
	margin: 0px 16px 6px;
}
.narrow-abou i {
	padding: 1em;
}
.narrow-about i {
	padding: 1em;
}
.grid-social span{
	background: url(../images/img-sprite.png)no-repeat 0px 0px;
	width:30px;
	height:30px;
	display:inline-block;
}
span.icon1{
	background-position: -2px 1px;
}
span.icon1:hover {
opacity: 0.7;
}
span.icon2 {
	background-position: -30px 1px;
}
span.icon2:hover {
opacity: 0.7;
}
span.icon3 {
	background-position: -62px 1px;
}
span.icon3:hover {
opacity: 0.7;
}
span.icon4 {
	background-position: -92px 1px;
}
span.icon4:hover {
opacity: 0.7;
}
/*--/about--*/
/*--Service--*/
.service{
	background-color: #362E2B;
	padding: 5em;
}
.service-info {
	text-align: center;
}
.service-info h3{
	font-family: 'Lato', sans-serif;
	color: #BC6E23;
	font-style: italic;
	font-weight: 400;
	font-size: 2.1em;
}
.service-info h4{
	color: #fff;
	font-style: italic;
	font-size: 16px;
	font-weight: 300;
	margin-top: 16px;
	word-spacing: 3px;
}
.expan {
	margin-top: 4em;
}
.expand {
	text-align: center;
}
.expand h3{
	color:#BC6E23;
	margin-bottom: 20px;
	font-size: 20px;
	text-transform: uppercase;
}
.expand p{
	color:#fff;
	width: 67%;
	margin: 0 auto;
	line-height: 1.8em;
}
.expand span {
	height: 45px;
	width: 45px;
	display: inline-block;
	background: url(../images/img-sprite-1.png)no-repeat 0px 0px;
}
.expand span.view1 {
	background-position: -1px -4px;
}
.phone {
	text-align: center;
}
.phone h3{
	color:#BC6E23;
	margin-bottom: 20px;
	font-size: 20px;
	text-transform: uppercase;
}
.phone p{
	color:#fff;
	width: 67%;
	margin: 0 auto;
}
.phone span {
	height: 45px;
	width: 45px;
	display: inline-block;
	background: url(../images/img-sprite-1.png)no-repeat 0px 0px;
}
.phone span.view1 {
	background-position: -50px -4px;
}
.targ {
	margin-top: 4em;
}
.target {
	text-align: center;
}
.target h3{
	color:#BC6E23;
	margin-bottom: 20px;
	font-size: 20px;
	text-transform: uppercase;
}
.target p{
	color:#fff;
	width: 67%;
	margin: 0 auto;
}
.target span {
	height: 45px;
	width: 45px;
	display: inline-block;
	background: url(../images/img-sprite-1.png)no-repeat 0px 0px;
}
.target span.view1 {
	background-position: -99px -4px;
}
.micro-p {
	text-align: center;
}
.micro-p h3{
	color:#BC6E23;
	margin-bottom: 20px;
	font-size: 20px;
	text-transform: uppercase;
}
.micro-p p{
	color:#fff;
	width: 67%;
	margin: 0 auto;
	line-height: 1.8em;
}
.micro-p span {
	height: 45px;
	width: 45px;
	display: inline-block;
	background: url(../images/img-sprite-1.png)no-repeat 0px 0px;
}
.micro-p span.view1 {
	background-position: -155px -4px;
}
/*--/Service--*/
/*--Work--*/
.work h3 {
	color: #BC6E23;
	text-align: center;
	font-style: italic;
	margin-top: 2em;
	font-size: 28px;
}
.workinfo {
	padding-top: 4em;
}
.workinfo h4 {
	color: #BC6E23;
	font-size: 1.5em;
	padding-bottom: 3px;
	margin-left: 3.1em;
	text-transform: uppercase;
	font-weight: 600;
}
.workinfo i {
	font-style: italic;
	font-size: 1.3em;
	font-weight: 300;
	margin-left: 3.8em;
}
.workinfo p {
	padding-top: 25px;
	width: 80%;
	margin: 0 auto;
	line-height: 1.8em;
}
.work-into {
	margin-top: 7em;
}
.theme {
	font-family: 'Lato', sans-serif;
	background: transparent;
	font-size: 1.1em;
	outline: none;
	border: 2px solid #BC6E23;
	color: #BC6E23;
	padding: 0.8em 2em;
	text-decoration: none;
	display: inline-block;
	margin-top: 1.5em;
	margin-left: 5em;
}
.theme:hover {
	color: #fff;
	background: #BC6E23;
	border: 2px solid #AD3F3F;
	outline: none;
	transition: 0.4s all;
	-webkit-transition: 0.4s all;
	-moz-transition: 0.4s all;
	-o-transition: 0.4s all;
	-ms-transition: 0.4s all;
	text-decoration: none;
}
/*--/Work--*/
/*--Contact--*/
.contact{
	background: url(../images/contact-banner.jpg)no-repeat 0px 0px;
	min-height: 540px;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	margin-top: 4em;
}
.contact h3{
	text-align: center;
	color: #BC6E23;
	font-style: italic;
	font-size: 28px;
	margin-top: 2em;
	font-weight: 400;
}
.infous h4{
	color: #BC6E23;
	text-transform: uppercase;
	font-size:20px;
	margin-bottom: 1.3em;
}
.tweets h4{
	color: #BC6E23;
	text-transform: uppercase;
	font-size:20px;
	margin-bottom: 20px;
}
.quote h4{
	color: #BC6E23;
	text-transform: uppercase;
	font-size:20px;
}
.contact-info {
	margin-top: 6em;
}
.infous {
	border-right: 1px solid#BC6E23;
	height: 300px;
	margin: 0 auto;
}
.tweets{
	border-right: 1px solid#BC6E23;
	height: 300px;
	margin: 0 auto;
}
.tweets a img {
margin-left: 60px;
}
p.email a {
	color: #fff;
	text-decoration: none;
}
p.email a:hover {
color: #B79B1A;
}
span.loc {
width: 35px;
height: 35px;
background: url(../images/img-sprite-3.png)no-repeat 0px 0px;
display: block;
float: left;
margin: 0 1em 1em 0;
}
span.msg {
width: 35px;
height: 35px;
background: url(../images/img-sprite-3.png)no-repeat -44px -7px;
display: block;
float: left;
margin: 0 1em 1em 0;
}
span.pho {
width: 35px;
height: 35px;
background: url(../images/img-sprite-3.png)no-repeat -82px -5px;
display: block;
float: left;
margin: 0 1em 1em 0;
}
.bottom-row-column p.ph {
font-size: 14px;
color: #fff;
width: 60%;
float: left;
margin-top: 5px;
}
.bottom-row-column {
	margin-bottom: 1.7em;
}
p.email a {
vertical-align: -webkit-baseline-middle;
}
.col-md-4.tweets img {
	float: left;
	margin-left: 22px;
	margin-left: 50px;
}
p.pho {
	float: right;
	color: #fff;
	margin-right: 80px;
}
span.pic {
	color: #BC6E23;
}
.tweets h5 {
	color: #BC6E23;
	margin-top: 2em;
	margin-left: 3.9em;
	font-size: 16px;
	text-transform: uppercase;
}
.smaal {
	margin-left: 58px;
}
.smaal i.icon1{
	background: url(../images/img-sprite-4.png)no-repeat 0px 0px;
	width:37px;
	height:37px;
	display:inline-block;
	margin-top:2em;
	margin-right: 8px;
	cursor: pointer;
}
.smaal i.icon1:hover {
opacity: 0.4;
}
.smaal i.icon2{
	background: url(../images/img-sprite-4.png)no-repeat  -46px 0px;
	width:37px;
	height:37px;
	display:inline-block;
	margin-top:2em;
	margin-right: 8px;
	cursor: pointer;
}
.smaal i.icon2:hover {
opacity: 0.4;
}
.smaal i.icon3{
	background: url(../images/img-sprite-4.png)no-repeat -90px 0px;
	width:37px;
	height:37px;
	display:inline-block;
	margin-top:2em;
	margin-right: 8px;
	cursor: pointer;
}
.smaal i.icon3:hover {
opacity: 0.4;
}
.smaal i.icon4{
	background: url(../images/img-sprite-4.png)no-repeat -139px 0px;
	width:37px;
	height:37px;
	display:inline-block;
	margin-top:2em;
	margin-right: 8px;
	cursor: pointer;
}
.smaal i.icon4:hover {
opacity: 0.4;
}
.form {
	font-family: 'Lato', sans-serif;
	border: none;
	width: 82%;
	margin: 0 auto;
	color: #fff;
}
.quote-info input[type="text"], .quote-info textarea {
font-family: 'Lato', sans-serif;
	padding: 0.5em;
	width: 92%;
	background: none;
	color: #fff;
	outline: none;
	margin: 0.5em;
	font-size: 18px;
	border: 2px solid#BC6E23;
}
.quote-info input[type="text"], .quote-info textarea {
	font-family: 'Lato', sans-serif;
	padding: 0.3em;
	width: 79%;
	background: none;
	color: #fff;
	outline: none;
	margin: 0.5em;
	font-size: 15px;
	resize: none;
	border: 1px solid#BC6E23;
	font-style: italic;
	font-weight: 300;
}
.quote-info textarea {
	font-family: 'Lato', sans-serif;
	height: 140px;
}
.quote-info input[type="submit"] {
	font-family: 'Lato', sans-serif;
	background: transparent;
	font-size: 1.1em;
	outline: none;
	border: 1px solid #BC6E23;
	color: #BC6E23;
	padding: 8px 41px;
	text-decoration: none;
	display: inline-block;
	margin-right: 3.9em;
	float: right;
}
.quote-info input[type="submit"]:hover {
	background-color: #BC6E23;
	color: #fff;
}
/*--/Contact--*/
/*--footer--*/
.footer {
	background-color: #2C2624;
	padding: 2em;
}
.copy-rights p {
	color: #fff;
	line-height: 1.8em;
}
.copy-rights p a {
	color: #BC6E23;
	text-decoration: none;
}
/*--/footer--*/
#toTop {
display: none;
text-decoration: none;
position: fixed;
bottom: 14px;
right: 3%;
overflow: hidden;
width: 40px;
height: 40px;
border: none;
text-indent: 100%;
background: url("../images/to-top1.png") no-repeat 0px 0px;
}
/*--responsive design--*/
@media (max-width: 1280px){
.service {
	padding: 3em 2em 3em 0em;
}
}
@media (max-width: 1024px){
.about {
	padding: 2em 0em 3em 1em;
}
.tweets a img {
margin-left: 25px;
}
.workinfo h4 {
	margin-left: 2.1em;
	font-size: 1.3em;
}
.workinfo i {
	margin-left: 2.4em;
}
.theme {
	margin-left: 3em;
}
.header-info h1 {
	font-size: 4.6em;
}
.header-banner {
	min-height: 600px;
}
.header-info {
	padding-top: 11em;
	margin-right: 13px;
}
.header-info p {
	font-size: 1.7em;
}
.contact {
	background: url(../images/contact-banner.jpg)no-repeat 0px 1px;
}
.contact-info {
	margin-top: 4em;
}

}
@media (max-width:768px){
	.theme {
margin-bottom: 20px;
}
	span.menu {
	display: block;
	cursor: pointer;
}
.quote {
	margin-top: 12px;
}
p.pho {
	margin-right: 0;
}
.quote {
	border-right: none;
}
.smaal {
	margin-left: 8px;
}
.tweets h5 {
	margin-left: 0.9em;
}
.col-md-6.grbnat {
	margin-top: 2em;
}
.col-md-6.foin {
	margin-top: 2em;
}
.workinfo {
	padding: 0;
text-align: center;
}
.col-md-4.tweets img {
	margin-left: 0px;
}
.contact {
	background: url(../images/contact-banner.jpg)no-repeat 0px 3px;
	background-size: cover;
}
.infous {
	border-right: none;
}
.tweets {
	border-right: none;
}

.quote {
	border-right: none;
}
span.menu:before {
	content: url("../images/menu.png") no-repeat;
}
ul.navigatoin{
	padding: 0em;
	z-index: 999;
	position: absolute;
	width: 100%;
	background: none;
	text-align: center;
	list-style: none;
	margin: 0 auto;
	right: 0em;
	background-color: #000;
	display: none;
}
ul.navigatoin li {
margin: 0 0.5em;
display: block;
font-size: 12px;
padding: 1em 0em;
border-bottom: 1px solid#FFB800;
}
ul.navigatoin li a {
	color: #fff;
	margin-right: 0px;
	text-decoration: none;
	display:block;
}
.header-info {
	padding-top: 4em;
	margin-right: 12px;
}
.header-banner {
	min-height: 416px;
}
.header-info h1 {
	font-size: 4em;
}
.header-info p {
	font-size: 1.8em;
}
.foin {
	padding-top: 0em;
}
.expan {
	margin-top: 3em;
}
.phone {
	margin-top: 2em;
}
.micro-p {
	margin-top: 2em;
}
.micro-p {
	margin-top: 2em;
}
.work-into {
	margin-top: 1em;
}
.workinfo p {
	width: 100%;
}
.col-md-6.workingro {
	margin-left: 6em;
}
.tweets {
	margin-top: 0;
}
.quote {
margin-top: 0px;
border-right: 1px solid#BC6E23;
}
.quote-info input[type="submit"] {
	margin-right: 5.9em;
	padding: 3px 20px;
}
.tweets a img {
margin-left: 0;
}
.bottom-row-column p.ph {
margin-top: 5px;
width: 67%;
}
}
@media (max-width:640px){
	.workinfo h4 {
margin-left: 51px;
}
.logo h1 {
font-size: 3em;
}
.work h3 {
margin-right: 4.6em;
}
	.workinfo {
padding: 0;
}
	p.pho {
margin-right: 370px;
}
.header-info h1 {
	font-size: 3.6em;
}
.header-info p {
	font-size: 1.5em;
}
.header-banner {
	min-height: 370px;
}
.contact h3 {
	font-size: 23px;
}
.contact-info {
	margin-top: 4em;
}
.tweets {
	margin-top: 20px;
}
.quote {
	margin-top: 20px;
}
.quote-info input[type="submit"] {
	margin-right: 6.3em;
	margin-bottom: 12px;
}
.col-md-6.workingro {
	margin-left: 7em;
}
}
@media (max-width:480px){
	.work h3 {
margin-right: 0em;
}
.tweets h5 {
margin-bottom: 25px;
margin-top: 28px;
}
.quote h4 {
margin-left: 8px;
}
.logo h1 {
font-size: 3em;
}
.menu {
margin-top: 2px;
}
.header-banner-info {
padding: 8px 13px 8px;
}
.tweets a img {
float: left;
}
	.workinfo {
padding: 0;
}
.smaal i.icon1 {
margin-top: 0em;
}
.smaal i.icon2 {
margin-top: 0em;
}
.smaal i.icon3 {
margin-top: 0em;
}
.smaal i.icon4 {
margin-top: 0em;
}
p.pho {
float: none;
color: #fff;
margin-right: 0;
margin-left: 55px;
}
.header-info h1 {
	font-size: 2.5em;
}
.header-info p {
	font-size: 1.1em;
}
.header-info a {
	font-size: 0.9em;
}
.header-banner {
	min-height: 272px;
}
.narrow-about p {
	width: 100%;
	margin-left: 1.1em;
}
.narrow-abou p {
	width: 100%;
	margin-left: 1.1em;
}
.service-info h3 {
	font-size: 1.8em;
}
.service-info h4 {
	font-size: 14px;
}
.expand p {
	width: 100%;
}
.phone p {
	width: 100%;
}
.target p {
	width: 100%;
}
.micro-p p {
	width: 100%;
}
.work h3 {
	margin-top: 1em;
	font-size: 27px;
}
.workinfo h4 {
	margin-left: 1.5em;
	font-size: 1.2em;
}
.workinfo p {
	width: 100%;
}
.theme {
	padding: 8px 16px;
}
.col-md-6.workingro {
	margin-left: 0em;
}
.col-md-6.workingro {
	margin-left: 50px;
}
.theme {
	margin-left: 0em;
}
.contact h3 {
	font-size: 18px;
}
.owl-next {
	top: 103%;
	left: 70%;
}
.owl-prev {
	left: 53%;
	top: 103%;
}
.contact-info {
	margin-top: 3em;
}
.quote-info input[type="submit"] {
	margin-right: 4.5em;
	margin-bottom: 13px;
}
	.quote {
		border-right: 0;
	}
	.quote {
margin-top: 0px;
}
.about {
padding: 1em 0em 0em 0em;
}
}
@media (max-width:320px){
.header-info {
	padding-top: 2em;
}
.header-info h1 {
	font-size: 1.8em;
}
.header-info p {
	font-size: 0.75em;
}
.header-banner {
	min-height: 230px;
}
.header-top {
	padding: 6px 8px 6px;
}
.call-us p {
	font-size: 10px;
}
.header-banner-info {
	padding: 0px 10px 0px;
}
.header-top-line i {
	font-size: 10px;
}
.about-info h2 {
	font-size: 24px;
}
.about {
	padding: 1em 0em 0em 0em;
}
.narrow-about {
	float: left;
}
.narrow-abou {
	float: left;
}
.narrow-abou h3 {
	margin: 0px 0px 0px;
}
.narrow-abou p {
	margin-left: 0em;
}
.narrow-abou i {
	padding: 0px;
}
.service-info h3 {
	font-size: 18px;
}
.service {
	padding: 1em 0em 0em 0em;
}
.expan {
	margin-top: 2em;
}
.expand p {
	font-size: 13px;
}
.phone p {
	font-size: 13px;
}
.target p {
	font-size: 13px;
}
.micro-p p {
	font-size: 13px;
	margin-bottom: 48px;
}
.expand h3 {
	font-size: 16px;
}
.phone h3 {
	font-size: 16px;
}
.phone h3 {
	font-size: 16px;
}
.micro-p h3 {
	font-size: 16px;
}
.about-info p {
	font-size: 13px;
}
.info {
	padding-top: 3em;
}
.narrow-about p {
	font-size: 13px;
}
.narrow-abou p {
	font-size: 13px;
}
.target h3 {
	font-size: 16px;
}
.workinfo h4 {
	font-size: 15px;
	margin-left: 0em;
}
.workinfo {
	padding-top: 1em;
}
.work h3 {
	font-size: 23px;
}
.workinfo i {
	margin-left: 0em;
	font-size: 15px;
}
.workinfo p {
	font-size: 13px;
}
.theme {
	padding: 3px 19px;
	font-size: 12px;
	margin-left: 0em;
	margin-bottom: 1.5em;
}
.owl-prev {
	left: 17%;
	top: 104%;
}
.owl-next {
	top: 103.6%;
	left: 50%;
}
.smaal i.icon1 {
margin-right: 0px;
}
.smaal {
	margin-left: 30px;
}
.infous h4 {
	margin-bottom: 1em;
}
.bottom-row-column {
	margin-bottom: 1em;
}
.tweets {
	margin-top: 0px;
}
.bottom-row-column p.ph {
	font-size: 13px;
}
p.email a {
	font-size: 13px;
}
p.pho {
	font-size: 13px;
}
p.pho {
	margin-right: 82px;
}
.narrow-about h3 {
	margin: 0px 10px 6px;
}
.narrow-about i {
	padding: 0px 10px 0px;
}
.workinfo {
	padding: 0px;
}
.quote {
	border-right: none;
}
.contact-info {
	margin-top: 2em;
}
.quote {
	margin-top: 0px;
}
.quote-info input[type="submit"] {
	margin-bottom: 30px;
}
.quote-info input[type="text"], .quote-info textarea {
	width: 94%;
}
.logo h1 {
	font-size: 2.5em;
	margin-top: 10px;
}
.col-md-6.workingro {
margin-left: 8px;
}
}