@charset "utf-8";
body{margin:0px; padding:0px;}
header{width:100%; float:left;}
.main{width:100%; float:left;}
.banner{width:100%; float:left; background-image:url(../image/banner-bg.jpg); background-repeat:repeat; background-position:left top;}

/* CSS Document */

.logo {
	float: left;
	height: auto;
	width: 100%;
	 padding:15px 0px;
}
img{ max-width:100%; border:0px; outline:none;}

.call{
background-image: url(../image/no-bg.png);
background-repeat: no-repeat;
background-position: center top;
float: left;
height: 86px;
width: 100%;
margin-bottom: 15px;
font-family: 'Lora', serif;
font-weight:400;
font-size:30px;
line-height:60px;
text-align:center;
color:#ffffff;
}
.banner-points{
	font-family: 'Roboto', sans-serif;
	width:100%;
	text-align:left;
	color:#fff;
	font-size:21px;
	list-style:none;
	line-height:40px;
	margin:35px 0px 0px;
	padding:0px;
	font-weight:300;
}
.banner-points span{
	font-weight:700;
	font-style: Italic;
	color:#001422;
}
.my-right{ text-align:right!important;}
.my-form{ background-color: rgba(0, 66, 112, 0.74); padding:14px 50px; width:100%; float:left;  position:relative;}
.form-text{ width:100%; height:auto; float:left; color:#fff; text-align:center; font-size:18px; font-family: 'Lora', serif;	font-weight:400;letter-spacing: .03em;}
.form-text span{ font-size:21px;  text-transform:uppercase; font-weight:700; letter-spacing: .1em;}
.whole-fields{ margin:20px 0px; width:100%; float:left;}
.my-field{width:100%; height:auto; float:left; padding:10px 5px; background-color:#fff; border:none 0px; outline:none; font-family: 'Roboto', sans-serif; margin-top:14px;}
.my-submit {text-align: center;  float: left;   width: 100%;    position: absolute;   top:100%;    left: 0px;    background-color: #003459; z-index:3;}
.form-text1{ width:100%; height:auto; float:left; color:#fff; text-align:center; font-size:16px; font-family: 'Roboto', sans-serif;	font-weight:400;letter-spacing: .03em; padding:20px 50px;}
.my-button{font-family: 'Roboto', sans-serif; outline:none;	font-weight:400; color:#fff; letter-spacing: .03em; padding:11px 10px; text-align:center; background-image:url(../image/button.png); background-repeat:no-repeat; background-size:cover; font-size:21px; text-transform:uppercase; background-color:transparent; border:none 0px; margin-bottom:20px;}
.content{width:100%; height:auto; float:left; padding:20px 0px;}
.clients{width:100%; height:auto; float:left;}
.clients{width:100%; height:auto; float:left;}
.works{width:100%; height:auto; float:left; margin-top:30px;}
.main-head{width:100%; float:left; position:relative; color:#0094ff; font-size:55px; text-transform:uppercase; letter-spacing: .05em;  font-family: 'Lora', serif;	font-weight:700; padding-top:40px; margin-bottom:30px;}
.float-head{width:100%; float:left; position:absolute; color:#f4f4f4; font-size:60px; text-transform:uppercase; letter-spacing: .1em;  font-family: 'PT Sans Narrow', sans-serif; z-index:-1;	font-weight:400; top:0px; left:0px;}
.main-head1{width:100%; text-align:center; float:left; position:relative; color:#0094ff; font-size:55px; text-transform:uppercase; letter-spacing: .1em;  font-family: 'Lora', serif;	font-weight:600; padding-top:40px; margin-bottom:30px;}
.float-head1{width:100%; float:left; text-align:center; position:absolute; color:#f4f4f4; font-size:60px; text-transform:uppercase; letter-spacing: .1em;  font-family: 'PT Sans Narrow', sans-serif; z-index:-1;	font-weight:400; top:0px; left:0px;}
.float-head3{width:100%; float:left; text-align:center; position:absolute; color:#ededed; font-size:40px; text-transform:uppercase; letter-spacing: .03em;  font-family: 'PT Sans Narrow', sans-serif; z-index:-1;	font-weight:400; top:0px; left:0px;}
.main-head3{width:100%; text-align:center; float:left; position:relative; color:#0094ff; z-index: 2; font-size:45px; text-transform:uppercase; letter-spacing: .03em;  font-family: 'Lora', serif;	font-weight:600; padding-top:28px; margin-bottom:0px;}
.form-sub{}
.logo-client{ width:100%; float:left; background-color:#f6f6f6; text-align:center; margin:5px 0px;}
.work-cat {
	text-align: center;
	float: left;
	height: auto;
	width: 100%;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight:400;
	text-transform:uppercase;
	font-size:22px;
	margin:10px 0px;
}
.work-cat1 {
	text-align:left;
	float: left;
	height: auto;
	width: 100%;
	font-family: 'Karla', sans-serif;
	font-weight:400;
	font-size:19px;
	margin:30px 0px;
	color:#545454;
}
.work-img {
	float: left;
	height: auto;
	width: 100%;
	margin-bottom: 15px;
}
.ser1
{ width:50px;
height:50px;
width:50px; height:50px; background-image:url(../image/sprite.png);     background-position: 0px 5px; background-repeat:no-repeat;
margin-right:5px;
float:left;	
}
.ser2
{ width:50px;
height:50px;
width:50px; height:50px; background-image:url(../image/sprite.png);     background-position: -54px 5px; background-repeat:no-repeat;margin-right:5px;
float:left;	
}
.ser3
{ width:50px;
height:50px;
width:50px; height:50px; background-image:url(../image/sprite.png);     background-position: -108px  5px; background-repeat:no-repeat;margin-right:5px;
float:left;	
}
.ser4
{ width:50px;
height:50px;
width:50px; height:50px; background-image:url(../image/sprite.png);        background-position: -107px -45px; background-repeat:no-repeat;margin-right:5px;
float:left;	
}
.ser5
{ width:50px;
height:50px;
width:50px; height:50px; background-image:url(../image/sprite.png);       background-position: -5px -56px; background-repeat:no-repeat;margin-right:5px;
float:left;	
}
.ser6
{ width:50px;
height:50px;
width:50px; height:50px; background-image:url(../image/sprite.png);       background-position: -56px -56px; background-repeat:no-repeat;margin-right:5px;
float:left;	
}
.main-head2{width:100%; float:left; position:relative; color:#0094ff; font-size:33px; text-transform:uppercase; letter-spacing: .1em;  font-family: 'Lora', serif;	font-weight:600; padding-top:40px; margin-bottom:10px;}
.why {
	background-image: url(../image/bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: auto;
	width: 100%;
	margin-top: 80px;
	margin-bottom: 20px;
	background-size:80% 100%;
}
.text-side {
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
	color: #969696;
	text-align: justify;
	float: left;
	height: auto;
	font-family: 'Karla', sans-serif;
	width: 85%;
	letter-spacing:0.03em;
	padding-right:40px;
	padding-left:10px;
}
.image-side
{
	width:100%; float:left; height:auto;
	
}
.ser-text{ width:100%; height:auto; float:left; background-color:#dddddd; padding:25px 0px; text-align:center;font-family: 'Lora', serif;	font-weight:400; font-size:25px; line-height:34px; font-style:italic;}
.image-only{ background-color:#ececec; width:100%; height:auto; float:left;}
.image-only img{margin-left:-30px; margin-top:-55px; margin-bottom: 55px;}

.wings{ width:100%; float:left; height:auto; font-size:35px; font-family: 'Karla', sans-serif; text-transform:uppercase; COLOR:#616161; line-height:50px; padding:30px 0px 40px 40px;position: relative;z-index: 2; }
.wings span{ font-size:40px; COLOR:#616161;}
.wings strong{ font-size:40px; COLOR:#0094ff;}
.wings-bg{width:50px; height:50px; background-image:url(../image/sprite.png);     background-position: 0px -104px; background-repeat:no-repeat; position:absolute; z-index:-1; top:0px; left:0px; }
.wings-bg1{width:50px; height:50px; background-image:url(../image/sprite.png);     background-position:-56px -109px; background-repeat:no-repeat; position:absolute; z-index:-1; top:0px; left:0px; }
.wings-bg2{width:50px; height:50px; background-image:url(../image/sprite.png);     background-position:-108px -109px; background-repeat:no-repeat; position:absolute; z-index:-1; bottom:0px; right:0px; }
.action
{
	width:63.3%;
	float:right;
	text-align:center;
	color:#0094ff;
	text-transform:uppercase;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight:400;
	padding:60px 0px;
	position:relative;
	z-index:2;
	font-size:25px;
}
.services{ width:100%; height:auto;float:left; padding:20px 0px 0px; background-color:#f3f3f3; margin:20px 0px;}
.service-head{ font-family: 'PT Sans Narrow', sans-serif; font-weight:400; width:100%; height:auto; float:left; background-image:url(../image/underline.jpg); background-repeat:no-repeat; background-position:bottom left; padding-bottom:15px; font-size:45px; letter-spacing:0.03em; text-transform:uppercase;}


.footer-form {
	margin: auto;
	float: none;
	height: auto;
	width: 100%;
	

}
.footer-form1 {
	background-color: #f3f3f3;
	margin: auto;
	float: left;
	height: auto;
	width:100%;
	padding:1% 5% 0% 5%;
	text-align:center;
	box-shadow:0px 10px 20px #ccc;
}

.footer-form1 textarea.my-field {
    margin-bottom: 20px;
}



.form-text2 {
    width: 100%;
    height: auto;
    float: left;
    color: #000000;
    text-align: center;
    font-size: 18px;
    font-family: 'Lora', serif;
    font-weight: 400;
    letter-spacing: .03em;
	margin-bottom:15px;
}

.dekstop
{
display:block;
width:100%;
float:left;
text-align:center;
margin-top:40px;
}
.mobile
{
display:none;
width:100%;
float:left;
text-align:center;
margin-top:40px;
}
footer
{ 
background-color:#135e95;
background-image:url(../image/footer.jpg);
background-size:60% 100%;

padding-top:25px;
padding-bottom:10px;
    background-repeat: repeat;
	width:100%;
	float:left;

}
.f1{width:30%; float:left; height:auto; font-size:14px; font-family: 'Karla', sans-serif;  color:#ffffff;  padding-right:32px;}
.f2{width:70%; float:right; height:auto; text-align:left;font-family: 'Lora', serif;	font-weight:400; font-size:13.5px;  color:#ffffff; text-align:left; margin-top: -2px;}
@media(max-width:979px)
{
	.f1{width:62%;}
}
@media(max-width:979px)
{
	.my-right {display: none;}
	.banner-points {margin-top:20px;}
	.content {margin-top: 120px;}
	.why {
    background-image:none; }
	.image-only{display:none;}
	.text-side { width: 100%;
    padding-right:0px;
    padding-left:0px;
}
footer
{ 
background-size:45% 100%;

}
.f1{width:43%;}
.f2{width:57%; font-size:22px; }
}

@media(max-width:767px)
{
	.logo{ text-align:center;}
	.my-submit {position:relative; background-color:transparent; }
	.wings span {font-size: 21px;}
	.wings {
    font-size: 21px;}
	.action {
    width: 100%;}
	.banner-points {
    line-height: 24px;
	font-size:16px;
}
.form-text span {
    font-size: 16px;}
	.form-text
{
    font-size: 14px;}
	.form-text1{display:none;}
	.my-form {
    padding:10px;}
	.content {margin-top:0px;}
	.main-head {
    font-size: 22px;
    padding-top: 20px;
    margin-bottom: 10px;
}
	.float-head {
   
    font-size: 25px;
   
}
.mobile
{
display:block;

}
.dekstop
{
display:none;

}
.main-head3{
    font-size: 22px;
    padding-top: 20px;
    margin-bottom: 10px;
}
	.float-head3 {
   
    font-size: 25px;
   
}
.ser-text
{font-size:18px;
}
.main-head1 {
    font-size: 22px;
    padding-top: 20px;
    margin-bottom: 10px;
}
.main-head2 {
    font-size: 22px;
    padding-top: 20px;
    margin-bottom: 10px;
	margin-top: 10px;
}
.why
{
	margin-top:0px;
}
	.float-head1 {
   
    font-size: 25px;
   
}
.wings {
    line-height: 30px;
}
.action {padding: 20px 0px;}

.f2{width:57%; font-size:18px; }
.work-cat1 {
   
    font-size: 12px;
	    min-height: 55px;
}
}

.center {
	text-align: center;
	float: left;
	height: auto;
	width: 100%;padding:150px 0px;
}

.button-success {
            background: rgb(28, 184, 65); /* this is a green */
        }