body {

	margin:0 auto;

	padding:0;

	font-family:Arial, Helvetica, sans-serif;

	color:#444;

}

figure {

	margin:0;

	float:left;

}

p {

	font-size: 12px;

	color: #555;

	text-align: left;

	margin: 0;

}

h3 {

	margin: 0;

	float: left;

	color: #333;

}

h4 {

	margin: 0;

	float: left;

}

h5 {

	margin: 0;

	float: left;

	color: #555;

}

h6 {

	margin: 0;

	float: left;

	color: #555;

}



/* header starts here */

header {

	width:100%;

	min-width: 1024px;

}

.top-wrapper {

	width:1024px;

	margin:0 auto;

	padding: 0 0 25px 0;

}

.top-wrapper figure{

	float: left;

	margin: 30px 0 0 26px;

}

.top-wrapper img{

	width: 290px;

}

nav {

	width:670px;

	float:right;

	margin:70px 0 0 0;

	background:#00aeef url(../images/tab-corner.png) no-repeat -22px 0;

	padding: 12px 0;

}

nav ul{

	margin:0 0 0 10px;

	padding:0 0 0 0;

}

nav ul li{

	list-style:none;

	float:left;

	margin:0 0 0 14px;

	font-size:12px;

	border-right: rgba(255,255,255,0.3) solid thin;

	padding: 0 13px 0 0;

}

nav ul li a{

	text-decoration:none;

	color:#fff;

}

nav ul li a:active{

	color:#903;

}

nav ul li a:hover{

	color:#444;

}

.none {

	border:none;

}

.col {

	color:#6ecff6;

}

/* header ends here */



/* center-box starts here */

#center-box {

	width:100%;

	min-width:1024px;

}

.center-wrapper {

	width: 1024px;

	margin: 0 auto;

	list-style-type: none;

}

.wrapper-left-box {

	width: 572px;

	float:left;

	margin: 23px 0 13px 28px;

}

.wrapper-left-box figure{

	float:left;

	margin: 0 0 13px 0;

}

.wrapper-left-box b{

	font-size: 17px;

	

}

.wrapper-left-box p{

	float: left;

	color:#00aeef;

	font-size: 14px;

}

.wrapper-left-box p span{

	color: #555;

	margin-top: 10px;

	display: block;

	width: 400px;

}

.wrapper-left-box h5{

	width: 100%;

	margin: 8px 0 0 0;

	font-size: 14px;

}

.wrapper-left-box div {

	float: left;

	font-size: 20px;

	background: -webkit-linear-gradient(top,#09769f,#00aeef,#09769f);

	background: -moz-linear-gradient(top,#09769f,#00aeef,#09769f);

	background: -o-linear-gradient(top,#09769f,#00aeef,#09769f);

	background: -ms-linear-gradient(top,#09769f,#00aeef,#09769f);

	border-radius: 20px;

	-webkit-border-radius: 20px;

	-moz-border-radius: 20px;

	margin: 18px 0 0 0;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}

.wrapper-left-box div a{

	color: #FFFFFF;

	text-decoration: none;

	display: block;

	font-weight: bold;

	padding-top: 7px;

	padding-right: 18px;

	padding-bottom: 7px;

	padding-left: 0px;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

}

.wrapper-right-box {

	float:left;

}

.wrapper-right-box span{

	float:left;

	margin: 210px 0 0 0;

}

.wrapper-right-box h3{

	clear:both;

	font-size: 23px;

}

.wrapper-right-box figure{

	margin: -212px 0 0 25px;

}

.gallery-box {

	width: 94%;

	margin: 15px 0 0 29px;

	float: left;

}

.gallery-box h4{

	min-width: 72px;

	color: #a7a9ac;

	font-size: 15px;

	text-transform: uppercase;

	position: relative;

	top: 8px;

	background: #fff;

	padding: 0 10px 0 0;

}

.gallery-box span {

	width: 100%;

	float: left;

	border-top: #bbb solid thin;

	padding: 16px 0 16px 5px;

}

.gallery-box span figure{

	margin: 0 5px 0 0;

}

.gallery-box span img{

	width: 186px;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

}



.brand-box {

	width: 94%;

	margin: 15px 0 0 29px;

	float: left;

}

.brand-box h4{

	min-width: 136px;

	color: #a7a9ac;

	font-size: 15px;

	text-transform: uppercase;

	position: relative;

	top: 8px;

	background: #fff;

	padding-right: 10px;

}

.brand-box span {

	width: 100%;

	float: left;

	border-top: #ccc solid thin;

	padding: 16px 0 16px 5px;

}

.brand-box span figure{

	margin: 0 0 0 -1px;

	border: #ccc solid thin;

	padding: 15px 23px;

}

.brand-box span img{

	list-style-type: none;

}

/* center-box ends here */



/* footer starts here */

footer {

	width:100%;

	min-width: 1024px;

	background:#00aeef;

	margin-top: 8px;

}

footer div {

	width:1024px;

	margin:0 auto;

	padding: 17px 0 25px 0;

}

footer h6{

	color: #fff;

	margin: 0 0 0 30px;

}

/* footer ends here */





/* about starts here */

.about-box1 {

	width:299px;

	float:left;

	margin: 25px 0 10px 42px;

}

.about-box2 {

	margin: 20px 0 0 0;

	float: left;

}

.about-box1 h3{

	width: 100%;

	margin-bottom: 5px;

	color: #00aeef;

	font-weight: normal;

	font-size: 16px;

	text-transform:capitalize;

	text-shadow: #00aeef 0px -1px 0px;

}

.about-box1 p{

	float:left;

	font-size: 15px;

	color:#6d6d6f;

}

.local-img {

	float:left;

	margin: 6px 0 0 40px;

}

/* about ends here */





/* our-service starts here */

.service {

	float:left;

	margin: 0 0 0 18px;

}

.service ul{

	margin:0;

	padding:0;

}

.service ul li{

	content:'.';

	color:#00aeef;

	font-size:15px;

	margin: 0 0 7px 0;

}

.service ul li a{

	color: #6d6d6f;

	text-decoration: none;

	cursor: default;

}

.service-h3{

	width: 90%;

	margin: 25px 0 5px 27px;

	color: #00aeef;

	font-weight: normal;

	font-size: 19px;

	text-transform: uppercase;

	text-shadow: #00aeef 0px -1px 0px;

}

.plans-box {

	width: 90%;

	float: left;

	margin: 30px 0 30px 28px;

}

.plans-box h3{

	width: 100%;

	margin-bottom: 11px;

	text-transform: capitalize;

	color: #555;

}



.plans-box h5{

	float: left;

	background: url(../images/download-icon.png)	no-repeat;

	margin: 0 0 0 17px;

	font-size: 14px;

	font-weight: normal;

	border-right: #ccc solid thin;

}

.plans-box h5 a{

	color: #555;

	text-decoration:none;

	padding: 0 15px 0 23px;

}

.plans-box h5 a:hover{

	text-decoration:underline;

}



/* our-service ends here */



/* testimonials starts here */

.testimonial-box1 {

	width:93%;

	float:left;

	margin: 16px 0 22px 16px;

	border: #d0d1d3 solid thin;

	padding: 16px;

}

.testimonial-h3{

	width: 90%;

	margin: 25px 0 5px 16px;

	color: #00aeef;

	font-weight: normal;

	font-size: 19px;

	text-transform: uppercase;

	text-shadow: #00aeef 0px -1px 0px;

}



.testimonial-box1 big{

	float:left;

	font-style:italic;

	color: #8A8B8D;

}

.testimonial-box1 h3{

	width: 100%;

	text-align: right;

	color: #00aeef;

	font-weight: normal;

	font-size: 17px;

	text-transform:capitalize;

}

/* testimonials ends here */





/* your building journey starts here */

.journey-box {

	width: 322px;

	float: left;

	margin: 25px 0 0 25px;

}

.journey-box figure{

	width:100%;

}

.journey-box span{

	width: 100%;

	float: left;

}

.journey-box span ul{

	padding-left: 18px;

}

.journey-box span ul li{

	content:'.';

	color:#00aeef;

	font-size:15px;

	margin: 0 0 10px 0;

}

.journey-box span ul li a{

	color: #6d6d6f;

	text-decoration: none;

	cursor: default;

}

/* your building journey ends here */



/* gallery starts here */

.gallery1 {

	float: left;

	padding: 8px 8px 10px 8px;

	background: #ccc;

	border-radius: 3px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	margin: 10px 0 24px 30px;	

}

.gallery1 figure img{

	width: 190px;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

}

.gallery1 h4{

	clear: left;

	text-align: center;

	width: 100%;

	margin-top: 9px;

	font-size: 13px;

}

.gallery-h3{

	width: 90%;

	margin: 25px 0 5px 27px;

	color: #00aeef;

	font-weight: normal;

	font-size: 19px;

	text-transform: uppercase;

	text-shadow: #00aeef 0px -1px 0px;

}



/* gallery ends here */





/*header_text*/

.header_text {

	margin: 0;

	padding: 0;

	width: 1024px;

	border: 0px solid #262626;

	list-style-type: none;

}

.header_text img.screen {

	float: inherit;

	margin: 0;

	padding: 0;

	list-style-type: none;

}

.header_text .div .left1 {

	float:left;

	width:400px;

	padding:0 0 0 40px;

	margin:0 10px 0 0;

	height: 370px;

}

}

/* ================*/



/* contact starts here */

address {

	width: 350px;

	float: left;

	font-style: normal;

	position: relative;

}

address h3{

	width: 90%;

	margin: 25px 0 5px 16px;

	color: #00aeef;

	font-weight: normal;

	font-size: 19px;

	text-transform: uppercase;

	text-shadow: #00aeef 0px -1px 0px;

}

address div{

	float: left;

	list-style-type: none;

}

address div ul{

	padding-left: 18px;

}

address div ul li{

	color: #00aeef;

	font-size: 17px;

	margin: 0 0 12px 0;

	list-style-type: none;

}

address div ul a{

	color: #6d6d6f;

	text-decoration: none;

	cursor: default;

	list-style-type: none;

	list-style-image: none;

}

address div ul li small{

	color:#00aeef;

	font-size: 16px;

}

.social-box {

	width: 90%;

	margin: 18px 0 0 16px;

	color: #00aeef;

	font-weight: normal;

	font-size: 16px;

	text-transform: capitalize;

	text-shadow: #00aeef 0px -1px 0px;

}

.social-box h4{

	width: 100%;

	font-weight: normal;

	margin-bottom: 8px;

}

.social-box figure{

	float: left;

	margin-right: 14px;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

}

fieldset {

	width: 630px;

	float: right;

	margin: 25px 0 0 25px;

	padding: 0;

	border: 0;

}

fieldset label{

	width: 100%;

	float: left;

	color: #00aeef;

	text-transform: capitalize;

	font-size: 18px;

	margin: 0 0 4px 2px;

}

fieldset input{

	width: 96%;

	padding: 10px 10px;

	background: #eee;

	border: #888 solid thin;

	font-size: 17px;

	margin-bottom: 20px;

	outline:none;

}

fieldset textarea{

	width: 96%;

	height: 200px;

	padding: 0 10px;

	background: #eee;

	border: #888 solid thin;

	font-size: 17px;

	margin-bottom: 20px;

	resize: vertical;

	outline:none;

}



/* contact ends here */

a {

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

}

#slider ul li .div {

	list-style-type: none;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	position: relative;

}

#slider {

	list-style-type: none;

	margin: 0px;

	padding: 0px;

	height: 55px;

	width: 1024px;

}

.div {

	height: 55px;

	width: 1024px;

	overflow: hidden;

}
.content-portfolio {
	width: 90%;
	margin-left: 5%;
	margin-top: 100px;
	margin-right: 5%;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
}

.mySlides {
    display: none;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}