/*--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/
--*/
body{
	font-family: 'Varela Round', sans-serif;
	-webkit-appearance: none;
}
body a{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
	-moz-transition:0.5s all;
}
.line{
	background:url(../images/strip.png)no-repeat 0px 0px;
	padding:1px;
}
.header{
	background:url(../images/banner.jpg)no-repeat 0px 0px;
	width:100%;
	background-size:cover;
	display:block;
	min-height:650px;
	position:relative;
}
.header-top{
	background:#3A3935;
}
.logo a h1 {
	font-size: 4em;
	color:#F0D315;
}
.logo a {
	text-decoration:none;
}
.logo{
	float:left;
}
.header-right{
	float:right;
	padding: 1.3em 0;
}
.header-right ul {
	padding:0;
	margin:0;
}
.header-right ul li{
	display:inline-block;
}
.header-right ul li span.face{
	background: url(../images/twitter.png) no-repeat 0px 0px;
	width: 57px;
	height: 57px;
	display: inline-block;
}
.header-right ul li a.facebook span.face{
	background: url(../images/facebook.png) no-repeat 0px 0px;
	width: 57px;
	height: 57px;
	display: inline-block;
}
.header-right-left{
	float:left;
}
/*--top-nav--*/

.top-nav{
	float:right;
}
.right_bt span{
	width: 57px;
	height: 57px;
	display: inline-block;
	background: url(../images/menu.png) no-repeat 0px 0px;
}
.divice12{
	display:none;
}
.box{
	position:absolute;
	top:-1200px;
	width:100%;
	color:#7F7F7F;
	margin:auto;
	padding:0px;
	z-index:999999;
	text-align:center;
	left:0px;
 }
.box_content_center{
	background:rgba(239, 211, 20, 1);
	padding-bottom: 2em;
}
a.boxclose{
	cursor: pointer;
	text-align: center;
	display: block;
	position: absolute;
	top: 1.9em;
	right: 15em;
 }
.menu_box_list{
	display: inline-block;
	padding: 13.4em 0;
}
.menu_box_list ul li {
	display:block;
}
.menu_box_list li a{
	color: #FFF;
	font-size: 1.8em;
	display: block;
	padding: 0.3em;
	text-transform: uppercase;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	letter-spacing: 0.1em;
	font-weight: 600;
}
.menu_box_list li a:hover{
	color:#000000;
	text-decoration: none;
}
.menu_box_list li a > i > img{
	vertical-align:middle;
	padding-right:10px;
}
placeholder{
	color:#222;
}
.boxclose span{
	width:58px;
	height:73px;
	display:inline-block;
	background: url(../images/into.png) no-repeat -0px -46px;
}
.boxclose span:hover{
	background: url(../images/into.png) no-repeat -0px 14px;
}
ul.button {
	padding: 2em;
	width: 100%;
	margin: 0 auto;
}
ul.button li{
	margin-left: 8px;
	list-style: none;
	display: inline-block;
}
ul.button li a{
	color: #666;
	padding: 0.8em 2em;
	border: 2px solid #fff;
	text-decoration: none;
	font-weight:600;
	font-size: 1.3em;
}
.active,
ul.button li a:hover{
	background:#fff;
	color:#666;
}
/*-----//top-nav----*/
/*---banner-matter--*/
.banner-matter{
	color:#C4C5C6;
	text-align:center;
	position:absolute;
	top: 27%;
	left: 13%;
	text-align: center;
}
.banner-matter h2{
	font-size: 2.8em;
	padding: 0.5em 0;
	margin: 0;
}
.banner-matter p{
	font-size: 1.7em;
	padding:0;
	margin:0 0 2em;
	font-family: 'Open Sans Condensed', sans-serif;
}
.view{
	position:relative;
	padding: 0 0 2em;
}
 a.more {
	background:url(../images/yellow.png) no-repeat 0px 0px;
	color:#32312D;
	width:223px;
	height:70px;
	display:inline-block;
	font-size: 1.4em;
	font-weight:bold;
}
a:hover.more span{
	color:#fff;
}
 a.more span{
	position: absolute;
	top: 25%;
	left: 44%;
	color: #474747;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
	-moz-transition:0.5s all;
}
/*-----content---*/
/*----services---*/
.content-services{
	background:#E4E2D9;
	padding-bottom: 3em;
}
.services-top{
	color:#2D2C28;
	text-align:center;
}
.services-top h3{
	font-size:2.5em;
	padding: 1em 0;
}
.services-bottom-top span{
	background: url(../images/6.png) no-repeat 0px 0px;
	width: 110px;
	height: 110px;
	display:inline-block;
}
.cross span{
	background-position:-110px 0px;
}
.sky span{
	background-position:-220px 0px;
}
.phone span{
	background-position:-330px 0px;
}
.setting span{
	background-position:-440px 0px;
}
.circle span{
	background-position:-550px 0px;
}
.services-bottom-top h4{
	
	font-size: 0.96em;
	font-weight: 700;
	padding: 1em 0 0.5em;
	margin: 0;
}
.services-bottom-top p{
	font-size: 1.3em;
	text-align:justify;
	line-height: 25px;
	margin: 1em 0;
	width: 100%;
	font-family: 'Open Sans Condensed', sans-serif;
}
/*---projects---*/
.projects{
	background:#A1618D;
	padding-bottom: 5em;
}
.projects-top{
	color:#fff;
	text-align:center;
}
.projects-top h3{
	font-size:2.5em;
	padding: 1em 0;
}
li.search{
	position:relative;
}
li.search a span{
	position:absolute;
	top: 31%;
	left: 31%;
}
li.search:hover a span{
	display:inline-block;
}
 li.search a span{
	background: url(../images/search.png) no-repeat 0px 0px;
	width: 103px;
	height: 93px;
	display:none;	
}
/*---test---*/
.testimonials{
	background:#64B3A8;
	padding-bottom: 5em;
}
.testimonials-top{
	color:#fff;
	text-align:center;
}
.testimonials-top h3{
	font-size:2.5em;
	padding: 1em 0;
}
.testimonials-para{
	position:relative;
	text-align:center;
}
.testimonials-para p{
	background:#EEEEEE;
	font-size: 1.2em;
	padding: 2.5em;
	line-height: 30px;
	color:#3A3935;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
}
.testimonials-para span{
	background: url(../images/1.png) no-repeat 0px 0px;
	width: 52px;
	height: 50px;
	display:inline-block;
	position:absolute;
	top: 92%;
	left: 48%;
 }
.testimonials-name{
	text-align:center;
	padding: 3em 0;
	margin:0;
}
.testimonials-name small{
	font-size:1em;
	color:#eee;
}
.testimonials-name h6{
	font-size: 1.3em;
	color:#eee;
}
 img.five{
	border-radius:87px;
	-webkit-border-radius:87px;
	-moz-border-radius:87px;
	-ms-border-radius:87px;
	-o-border-radius:87px;
}
#jquery-script-menu {
	position: fixed;
	height: 90px;
	width: 100%;
	top: 0;
	left: 0;
	border-top: 5px solid #316594;
	background: #fff;
	-moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
	-webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
	box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
	z-index: 999999;
	padding: 10px 0;
}
.jquery-script-center {
	width: 960px;
	margin: 0 auto;
}
.jquery-script-center ul {
	width: 212px;
	float:left;
	line-height:45px;
	margin:0;
	padding:0;
	list-style:none;
}
.jquery-script-center a {
	text-decoration:none;
}
.jquery-script-ads {
	width: 728px;
	height:90px;
	float:right;
}
.jquery-script-clear {
	clear:both;
	height:0;
}
.clearout {
	height: 20px;
	clear: both;
}
#flexiselDemo1,#flexiselDemo2 {
	display: none;
}
.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
}
.nbs-flexisel-ul {
	position: relative;
	width: 9999px;
	margin: 0px 20px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
}
.nbs-flexisel-inner {
	overflow: hidden;
	width:80%;
	margin: 0 auto;
}
.nbs-flexisel-item {
	float: left;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	position: relative;
	line-height: 0px;
	padding-right:50px;
}
.nbs-flexisel-item > img {
	cursor: pointer;
	position: relative;
}
#flexiselDemo2 div.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
}
#flexiselDemo2 div.nbs-flexisel-inner{
	width:100%;
}
#flexiselDemo2.nbs-flexisel-ul {
	position: relative;
	width: 9999px;
	margin: 0px 20px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
}
#flexiselDemo2 li.search.nbs-flexisel-item{
	float: left;
	margin: 0px 0em;
	padding: 0px;
	cursor: pointer;
	position: relative;
	line-height: 0px;
}
ul#flexiselDemo2 {
	left: 0px !important;
}
/*---- Navigation ---*/
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
	width:40px;
	height:52px;
	position: absolute;
	cursor: pointer;
	z-index: 100;
}
.nbs-flexisel-nav-left {
	left: 0px;
	background: url(../images/arrow.png) no-repeat 0px 0px;
}
.nbs-flexisel-nav-right {
	right: 0px;
	background: url(../images/arrow.png) no-repeat -34px 0px;
}
/*---contact--*/
.map iframe {
	width: 100%;
	min-height: 750px;
	border: none;
}
.map span {
	background: rgba(7, 5, 0, 0.59);
	min-height: 750px;
	width: 100%;
	position: absolute;
	top: 0;
}
.contact-top{
	color:#fff;
	text-align:center;
}
.contact-top h3{
	font-size:2.5em;
	padding: 1em 0;
}
.contact-form-top{
	position:absolute;
	top:0;
	left:12.5%;
	text-align: center;
}
.contact{
	position:relative;
	margin-bottom: -7px;
}
ul.social-icons{
	padding:0;
	margin:0;
}
ul.social-icons li{
	display:inline-block;
}
ul.social-icons li a span{
	background: url(../images/8.png) no-repeat 0px 0px;
	width: 70px;
	height: 70px;
	display:inline-block;
}
ul.social-icons li a.twitter span{
	background-position:-74px 0px;
}
ul.social-icons li a.gmail span{
	background-position:-145px 0px;
}
ul.social-icons li a.inline span{
	background-position:-217px 0px;
}
ul.social-icons li a.browser span{
	background-position:-287px 0px;
}
ul.social-icons li a.been span{
	background-position:-361px 0px;
}
ul.social-icons li a.camera span{
	background-position:-435px 0px;
}
ul.social-icons li a.leaf span{
	background-position:-509px 0px;
}
ul.social-icons li a span:hover{
	opacity:0.5;
}
.contact-form-top input[type="text"]{
	background:#282828;
	border:none;
	outline:none;
	padding:1em 3em;
	width:50%;
	margin:1em;
	font-size: 1.3em;
	color: #B3B1B1;
}
.contact-form-top textarea{
	background:#282828;
	border:none;
	outline:none;
	resize:none;
	width:50%;
	margin:1em;
	padding:1em;
	font-size:1.2em;
	color:#B3B1B1;
}
.contact-form-top input[type="submit"]{
	border: none;
	outline: none;
	padding: 1em 4em;
	font-size: 1.6em;
	background: #A9A9A9;
	color: #282828;
	margin: 0.5em 12.5em;
	cursor: pointer;
	-webkit-appearance: none;
	float: right;
	font-weight:700;
}
.contact-form-top input[type="submit"]:hover{
	background: #282828;
	color:#B3B1B1;
}
.contact-bottom span,.contact-bottom-bottom span{
	background: url(../images/me.png) no-repeat 0px 0px;
	width: 36px;
	height: 39px;
	display: inline-block;
	position: absolute;
	top: 29%;
	left: 26%;
}
.contact-bottom-bottom span{
	background-position:0px -39px;
}
.contact-bottom,.contact-bottom-bottom{
	position:relative;
}
.footer{
	background:#393834;
	text-align:center;
	color:#969495;
	font-size:1.3em;
	padding:2em 0;
}
.footer p{
	margin:0;
}
.footer a{
	color:#F0D315;
	text-decoration:none;
}
.footer a:hover{
	color:#fff;
}
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 25px;
	right: 10px;
	overflow: hidden;
	width: 48px;
	height: 48px;
	border: none;
	text-indent: 100%;
	background: url('../images/up.png') no-repeat 0px 0px;
}
/*--responsive media quaries--*/
@media(max-width:1440px){
.banner-matter {
	left: 8%;
}
}
@media(max-width:1366px){
.banner-matter {
	left: 6%;
}
} 
@media(max-width:1280px){
.banner-matter {
	left: 3%;
}
.contact-form-top {
	left: 6%;
}
} 
@media(max-width:1024px){
a.more span {
	left: 43%;
}
.banner-matter h2 {
font-size: 2.3em;
}
.banner-matter p {
font-size: 1.5em;
}
.banner-matter {
	left: 3.5%;
}
.header {
min-height: 600px;
}
.services-bottom-top h4 {
font-size: 0.74em;
}
.services-bottom-top p {
font-size: 1.1em;
}
.contact-form-top {
	left: 3%;
}
.banner-matter h2{
width:97%;
}
.banner-matter p{
width:96%;
}
a.boxclose {
	right: 11em;
}
} 
@media(max-width:768px){
.banner-matter {
	left: 0%;
	top:23%;
}
a.boxclose {
	right: 7em;
}
.contact-form-top {
	left: 0%;
}
.banner-matter h2{
	width:98%;
}
.banner-matter p{
	width:98%;
}
a.more span {
	left: 39%;
}
.services-bottom {
	text-align: center;
}
li.search a span {
	top: 34%;
	left: 40%;
}
.services-bottom-top h4 {
font-size: 0.9em;
}
.services-bottom-top p {
font-size: 1.2em;
text-align: center;
}
.contact-form-top input[type="submit"] {
	margin: 0.5em 2.5em;
	float: none;
}
}
@media(max-width:640px){
.banner-matter p {
	font-size: 1.3em;
}
.header{
min-height: 580px;
}
.banner-matter h2 {
	font-size: 2.3em;
}

a.boxclose {
	right: 3em;
}
.testimonials-para p {
	font-size: 1.1em;
}
li.search a span {
	top: 33%;
	left: 37%;
}
ul.social-icons {
	padding: 0em 4em;
}
.contact-form-top {
	top: -3%;
}
.contact-form-top input[type="text"]{
	font-size:1.2em;
	margin:0.7em;
}
.contact-form-top textarea{
	margin:0.7em;	
}
.contact-top h3 {
	padding: 1em 0 0.5em;
}
.contact-form-top input[type="submit"] {
	padding:0.9em 3.5em;
	margin: 0.5em 2.5em;
	float: none;
}
}
@media(max-width:480px){
.header{
	min-height:520px;
}
.banner-matter h2 {
	font-size: 2em;
}
.banner-matter p {
	font-size: 1.2em;
	height: 75px;
	overflow: hidden;
	width: 97%;
}
.banner-matter {
	top: 22%;
}
a.more span {
	left: 36%;
}
a.more {
	font-size: 1.3em;
}
.services-top h3 {
	font-size: 2.3em;
	padding: 0.5em 0;
}
.testimonials-top h3 {
	font-size: 2.3em;
	padding: 0.5em 0;
}
.contact-top h3 {
	font-size: 2.3em;
}
.projects-top h3 {
	font-size: 2.3em;
	padding: 0.5em 0;
}
.services-bottom-top p {
	font-size: 1em;
	margin: 0.5em 0;
}
li.search a span {
	top: 28%;
	left: 33%;
}
.input[type="text"] {
	font-size: 1.1em;
	width:65%;
}
.contact-form-top textarea{
	font-size: 1.1em;
	width:65%;
}
.contact-form-top {
	top: 0%;
}
.contact-bottom span, .contact-bottom-bottom span {
	top: 22%;
	left: 19%;
}
.testimonials-para p {
	font-size: 1em;
}
.services-bottom-top h4 {
	padding: 0.5em 0 0.5em;
}
}
@media(max-width:320px){
.header {
	min-height:286px;
}
.menu_box_list li a {
	font-size: 1em;
}
.box_content_center {
	padding-bottom: 0em;
}
.menu_box_list {
	padding: 8.4em 0;
}
a.boxclose {
	right: 2em;
}
.banner-matter h2 {
	font-size: 1.2em;
	padding: 0em 0;
	line-height: 19px;
}
.banner-matter p {
	font-size: 1.1em;
	height:0px;
	overflow: hidden;
	margin:0 0 0em;
}
.header-right {
padding: 1.8em 0 1em;
}
.header-right ul li span.face {
	background-size: 104%;
	width:46px;
	height:46px;
}
.header-right ul li a.facebook span.face{ 
	background-size: 105%;
	width:46px;
	height:46px;
}
.right_bt span{
	background-size: 105%;
	width:46px;
	height:46px;
}
.logo a h1 {
font-size: 3.5em;
}
.banner-matter {
	top: 39%;
}
img.scroll {
	margin-top: -0.7em;
}
a.more {
	background-size: 92%;
	width: 180px;
	height: 64px;
	font-size: 1.15em;
}
.view {
	padding: 0.3em 0 0;
}
a.more span {
	left: 29%;
	top: 27%;
}
.services-top h3 {
	font-size: 2.1em;
	padding: 0.2em 0;
}
.projects-top h3 {
	font-size: 2.1em;
	padding: 0.2em 0;
}
.testimonials-top h3 {
	font-size: 2.1em;
	padding: 0.2em 0;
}
.contact-top h3 {
	font-size: 2.1em;
}
.services-bottom-top p {
	margin:0.2em 0;
	height: 48px;
	overflow: hidden;
}
ul.social-icons {
	padding: 0em 1em;
}
.contact-form-top {
	left: -8%;
	top:-3%;
}
.nbs-flexisel-nav-left,.nbs-flexisel-nav-right {
	top:68px;
}
li.search.nbs-flexisel-item a img {
	width:100%;
}
li.search:hover a span{
	display:none;
}
.testimonials-para p {
	padding: 1em;
	line-height: 23px;
	height: 111px;
	overflow: hidden;
}
.testimonials-para span {
	top: 90%;
	left: 38%;
}
.contact-form-top input[type="text"] {
	font-size: 1em;
	width:80%;
	margin: 0.7em  0 0.7em 2em;
}
.contact-form-top textarea{
	font-size: 1em;
	width:80%;
	margin: 0.7em  0 0.7em 2em;
}

.contact-bottom span, .contact-bottom-bottom span {
	top: 22%;
	left: 15%;
}
.contact-form-top input[type="submit"] {
	padding: 0.9em 2.5em;
	margin: 0.5em 0em 0.5em 2em;
	font-size:1.2em;
}
}