/**** roboto font *******/
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');
/********roboto slab********/
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:700');
@import url('https://fonts.googleapis.com/css?family=PT+Sans:700');
@import url('https://fonts.googleapis.com/css?family=Oswald:400,700');
@import url('href="https://fonts.googleapis.com/css?family=Open+Sans:600');
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300');
@import url("https://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css");
*
{
    margin:0;
    padding:0;
}
html{
    margin: 0;
    padding: 0;
    height: 100%;
    background-color: #3d3e3e;
    margin-top: 153px;
}
h1,
h2,
h3,
h4,
h5,
h6,
span,
p {
    background: transparent none repeat scroll 0 0;
    margin: 0;
    padding: 0;
    border: 0 none;
    outline: none;
    font-size: 100%;
    font-weight: normal;  
}

input:focus, input:active {outline: none !important;}

a,
a:hover,
a:focus,
a:active {
    outline: medium none;
    text-decoration: none;
}
a {
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
}
ul,
ul li {
    border: 0 none;
    list-style: outside none none;
    margin: 0;
    outline: 0 none;
    padding: 0;
}
input,
textarea,
select {
    font-weight: normal;
}
* {
    outline: medium none;
}
*
{
    box-sizing: border-box;
}

.clearfix {
    clear: both;
}
input,
select,
textarea
{
    -webkit-appearance: none;
    -moz-appearance: none;
}
img
{
    max-width: 100%;
    vertical-align: top;
}
body
{
    font-size: 14px;
    font-family: 'Roboto', sans-serif; , font-family: 'Roboto Slab', serif;
    background-color: #fff;
}

body {-webkit-text-stroke: .1px;}
/*************************Main CSS **********************/
.main-head{background-color: #fff; position: fixed; top: 0; width: 100%;z-index: 999;}
.fixed {
    position:fixed;
    width: 100%;
    margin: 0;
    top: 0;
    left: 0;
    border-radius: 0;
    background-color: #fff;
    z-index:9;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.64);
}
header.fixed .top-bar
{
    padding: 10px 0;
}
header.fixed .navbar-nav>li
{
    font-size: 14px;
    padding-top: 0;
    padding-bottom: 0;
}
header.fixed .navbar-nav>li:before, header.fixed .navbar-nav>li:after
{
    height: 50px;
}
header.fixed .top-social-links li
{
    width: 30px;
    height: 30px;
}
header.fixed .top-social-links li .fa-facebook, header.fixed .top-social-links li .fa-google-plus
{
    font-size: 14px;
    width: 100%;
    height:100%;
    line-height: 1.80;
    border:1px solid #ff9a28;
}
#home, #about, #services, #gallery, #testimonials, #contact
{
  position:relative;
    top:-162px;
    display: block;
    width: 100%;
}

.top-bar
{
   width: 100%;
    display: block;
    padding: 15px 0;
    overflow: hidden;
}
.logo
{
float:left;
    max-width: 295px;
    display: inline-block;
    margin-right: -4px;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.mid-area {
  display: inline-block;
  float: left;
  height: auto;
  margin-left: 16%;
  text-align: center;
  vertical-align: middle;
  width: auto;
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.mid-area > p {
  color: #068bc2;
  font-family: roboto;
  font-size: 22px;
  font-weight: 900;
  text-transform: uppercase;
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}
.mid-area > h1 {
  color: #1f1a17;
  font-size: 29px;
  font-weight: 900;
  text-transform: uppercase;
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.header-contact {display: inline-block; float: right;}
.header-contact > ul {margin: 0;}
.header-contact li:first-child {margin: 0;}
.header-contact li {margin: 10px 0; list-style: none;}
.phone-info {font-family: 'Roboto', sans-serif; font-size: 26px; color: #2f2f2f; font-weight: 700;}
.phone-info:hover{color:#0790e0;}
.phone-info i {
  background-color: #0790e0;
  border-radius: 5px;
  color: #fff;
  font-size: 19px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
  width: 24px;
}
.mail-info {color:#2f2f2f; font-family: roboto; font-size: 20px; font-weight: 700;}
.mail-info:hover{color:#0790e0;}
.mail-info i {
  background-color: #0790e0;
  border-radius: 5px;
  color: #fff;
  font-size: 15px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  width: 24px;
    
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  width: 24px;
}


/*************navbar section *************/
.navbar-center {
    display: block;
    float: none;
    margin: 0 auto;
    max-width: 1045px;
}
.navbar-default .navbar-brand
{
    display: none;
}
.navbar-collapse
{
    padding: 0;
}
.navbar
{
    border-radius: 0;
    margin-bottom: 0;
}
.navbar.navbar-default
{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#047ec6+0,078fdf+100 */
background: #047ec6; /* Old browsers */
background: -moz-linear-gradient(top, #047ec6 0%, #078fdf 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #047ec6 0%,#078fdf 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #047ec6 0%,#078fdf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#047ec6', endColorstr='#078fdf',GradientType=0 ); /* IE6-9 */
 border-top: 2px solid #1f1a17;
  border-bottom: 1px solid #078fdf;
}
.navbar-nav
{
    margin-top: 0px;
}
.navbar li a{color: #fff !important; font-size: 19px; font-weight: 500; text-transform:uppercase; padding: 20px 45px 15px; transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out;}

.nav li a:hover, .menu .nav li a:focus {background-color: transparent; color: #000 !important;}
nav.navbar ul li a.active{color:#000 !important;}

nav.navbar ul li a{position: relative;}
nav.navbar ul li a::before {
    background-image: url("../images/menu-divider.png");
    content: "";
    height: 28px;
    position: absolute;
    right: 0;
    width: 3px;
}
nav.navbar ul li:last-child a::before {
    display: none;
}
/** navber cross toggle **/

.navbar-toggle.collapsed .icon-bar:nth-child(2),
.navbar-toggle.collapsed .icon-bar:nth-child(3),
.navbar-toggle.collapsed .icon-bar:nth-child(4) {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    display: block;
}

.navbar-toggle .icon-bar:nth-child(2) {
    transform: rotate(44deg);
    -webkit- transform: rotate(44deg);
    transform-origin: 32% 6%;
    -webkit- transform-origin: 32% 6%;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.navbar-toggle .icon-bar:nth-child(3) {
    display: none;
}

.navbar-toggle .icon-bar:nth-child(4) {
    transform: rotate(-43deg);
    -webkit- transform: rotate(-43deg);
    transform-origin: 23% 80%;
    -webkit-transform-origin: 23% 80%;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.point-box {
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 18px;
  line-height: 26px;
  padding:15px 20px;
}
.point-box h3{font-size: 22px; margin-bottom: 10px;}
.point-box li{position: relative; padding-left: 25px;font-size: 16px;}
.point-box li:before{ top: 0; bottom: 0; content:"\f00c";left: 0; position: absolute; margin: auto;font-family: fontawesome;}

/************banner section ***********/
.home-banner { background: #00aeef; height: 470px; position: relative; }

.home-image { background-color: #fff; background-position: center; background-repeat: no-repeat; background-size: cover; }

.home-banner .container, .home-banner .banner-image { height: 100%; background-size: cover;}

.banner-text {display: block; float: left; max-width: 415px; position: relative; top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%;}

.banner-text h2 {color: #fff; font-family: roboto; font-size: 61px; font-weight: 900; line-height: 1.2; margin: 0 auto; text-transform: uppercase;}

.banner-text > h3 {color: #70caff; font-size: 39px; font-weight: 500; line-height: 1.2; text-transform: uppercase;}

.banner-text p { font-size: 1.5em; line-height: 33px; margin: 0 0 20px; }
/* Call info Section */
.call-info{color: #fff; text-align: center; padding: 20px 0 28px;}
.call-info p{font-family: roboto; font-size: 16px; font-weight: 400; color: #054861; text-align: center; padding: 24px 0;}
.call-info a {
  background-color: #00aaea;
  border-radius: 25px;
  color: #fff;
  display: inline-block;
  font-family: roboto;
  font-size: 21px;
  font-weight: 500;
  padding: 9px 20px 9px 15px;
  position: relative;
  text-indent: 30px;
}
.call-info a:hover{background-color: #000;}
.call-info a i {
display: inline-block;
font-size: 21px;
left: -7px;
margin-top: 7px;
position: absolute;
}
/* Call info Section */


/* 3Sample Section */
.samples { padding: 54px 0; text-align: center; width: 100%;}
.sample-block {display: inline-block; max-width: 33%; padding: 0 10px;}
.sample-block .sample-img {height: 230px; overflow: hidden;}
.sample-content {
  background-color: #eee;
  float: right;
  height: 180px;
  margin-left: 25px;
  margin-top: -20px;
  position: relative;
  width: auto;
  z-index: 2;
}
.samples .sample-content h3{background-color: #007ead; color: #fff; display: table; font-family: roboto; font-size: 20px; font-weight: 500; height: 60px; line-height: 22px; padding: 10px 15px; text-align: left; width: 100%;}
.samples .sample-content h3 span{color: #fff; display: table-cell; font-family: roboto; vertical-align: middle;}
.sample-content p {font-family: roboto; font-size: 14px; font-weight: 300; padding:  10px 15px; text-align: left;}

.samples h3 {color: #272524; font-family: roboto; font-size: 22px; font-weight: 500; line-height: 40px;}
.samples p {color: #393939; font-family: roboto; font-size: 14px; font-weight: 300;}
/* 3Sample Section */


/* Quote1 Section */
.quote-one{background-size: cover; color:#fff; font-family: "Roboto"; padding: 115px 0; text-align: center; text-transform: uppercase;}
.quote-one h2{font-size: 35px; font-weight: 900; line-height: 45px;}
.quote-one h2 span{color:#5bcfff; display: block; font-size: 35px; font-weight: 900;}
/* Quote1 Section */
/***********about-us section ************/
.lft{float: left;}
.rgt{float: right;}

.about-us{padding: 56px 0; width: 100%;}
.about-us .lft {max-width: 737px;}
.about-us .lft h1 {
  color: #0a87c7;
  font-family: roboto;
  font-size: 29px;
  font-weight: 700;
    overflow: hidden;
  text-transform: uppercase;
  position: relative;
    z-index: 3;
}
.about-us .lft h1::after {background-image: url(../images/abt-after.png); background-position: center 1px; background-repeat: repeat-x; content: ""; height: 24px; left: 150px; position: absolute; top: 6px; width: 100%; z-index: 1;}

.about-us .lft p {
  color: #6d6d6d;
  font-family: roboto;
  font-size: 16px;
  line-height: 26px;
  margin-top: 20px;
    text-align: justify;
}

.about-us .rgt {width: 374px;}
.about-us .rgt .about-form h1 {
  color: #0a87c7;
  font-family: roboto;
  font-size: 29px;
  font-weight: 700;
    overflow: hidden;
  text-transform: uppercase;
  position: relative;
    z-index: 3;
}
.about-us .rgt .about-form h1::after {background-image: url("../images/abt-after.png"); background-position: center top; background-repeat: repeat-x; content: ""; height: 24px; left: 225px; position: absolute; top: 6px; width: 100%; z-index: 1;}

.about-form .form-group {display: inline-block; margin: 6px auto; width: 100%;}
.about-form .form-group .form-control {
  background-color: #eee;
  border-radius: 0;
  font-family: roboto;
  font-size: 15px; 
  font-weight: 300;
  height: 40px;
  width: 100%;
}
.about-form .form-group textarea {
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 0;
  font-family: roboto;
  font-size: 15px; 
  font-weight: 300;
  height: 73px;
  padding: 10px 6px;
  resize: none;
  width: 100%;
}
.about-form .btn-default {
  background-color: #000;
  border-color: transparent;
  border-radius: 0;
  color: #fff;
  display: inline-block;
  font-size: 17px;
  height: 35px;
  line-height: 17px;
  margin-top: 10px;
  padding: 0;
  text-transform: uppercase;
  width: 114px;
}
.about-form div.wpcf7 img.ajax-loader {
  border: medium none;
  margin-left: 4px;
  margin-top: 8px;
  vertical-align: middle;
}
.about-form .btn-default:hover{
    background-color: #00aaea;
}

.about-form input::-webkit-input-placeholder,
.about-form textarea::-webkit-input-placeholder {
   color:#555 !important; opacity: 1 !important;}

.about-form input:-moz-placeholder,
.about-form textarea:-moz-placeholder { /* Firefox 18- */
   color:#555 !important; opacity: 1 !important;}

.about-form input::-moz-placeholder,
.about-form textarea::-moz-placeholder{  /* Firefox 19+ */
   color:#555 !important; opacity: 1 !important;}

.about-form input:-ms-input-placeholder,
.about-form textarea:-ms-input-placeholder{  
   color:#555 !important; opacity: 1 !important;}


.about-us .about-form form {margin-top: 20px; position: relative;}
.about-us .about-form .wpcf7-validation-errors {background-color: #f99; border: 1px solid #c00 !important; bottom: -40px; color: #c00; display: inline-block; font-size: 13px; margin: 0 !important; padding: 5px !important; position: absolute; text-align: center; width: 100%;}

.about-us .about-form div.wpcf7-mail-sent-ok {background-color: #9d9; border: 1px solid #398f14; bottom: -40px; color: #398f14; margin: 0; position: absolute; text-align: center; width: 100%;}

.about-us input:focus {
  border-color: #ccc !important;
  box-shadow: 0 0 0 transparent !important;
}
.about-form .wpcf7-not-valid-tip {display: none;}
.about-us .wpcf7-not-valid {border-color: #c00;}



/**************services-offer section*********/
/* Service Section */

.service {
    display: block;
	overflow:hidden;
    width: 100%;
}

.quote-two {
    background-image: url(../images/service-bg.png);
    padding: 26px 0 24px;
    text-align: center;
}

.quote-two h2 {
    color: #fff;
    font-family: roboto;
    font-size: 60px;
    font-weight: 900;
    text-transform: uppercase;
}

.service li {
    display: inline-block;
    float: left;
    list-style: outside none none;
    margin: 0 auto;
    text-align: center;
    width: 25%;
}

.service li .set-serv {
    display: table;
    position: relative;
    width: 101%;
    overflow: hidden;
}

.service ul {
    display: inline-block;
    float: left;
    margin: 0;
    padding: 0;
    /*padding-right:.5px;
    padding-left:.5px;*/
    width: 100%;
}
.service li{background-color: #eefaff;}

.service li .set-serv .icon-block {
    background-color: #eefaff;
    display: table-cell;
    height: 250px;
    vertical-align: middle;
    width: 100%;
}

.service li span {
    background-color: #399bc6;
    bottom: 0;
    color: #fff;
    display: table-row;
    font-family: roboto;
    font-size: 20px;
    font-weight: 500;
    height: 50px;
    left: 0;
    line-height: 50px;
    padding: 14px 10px;
    right: 0;
    vertical-align: middle;
    width: 100%;
}

.service .line-o li:nth-child(2n) .set-serv .icon-block {
    background-color: #cae8f5;
}

.service .line-o li:nth-child(2n) .set-serv span {
    background-color: #087aa4;
}

.service .line-t li:nth-child(odd) .set-serv .icon-block {
    background-color: #cae8f5;
}

.service .line-t li:nth-child(odd) .set-serv span {
    background-color: #087aa4;
}

/*.service li a:hover .icon-block {
    background-color: #0790E0 !important;
}

.service li a:hover span {
    background-color: #000 !important;
}*/

.line-o li a, .line-t li a{pointer-events:visible;}
.line-o li a:hover, .line-t li a:hover {cursor: default;}

/* Service Section */


/* Gallery Section */
.gallery {text-align: center;}
.gallery .gal-title {background-color: #00aeef; padding: 32px 0; text-align: center;}
.gallery .gal-title h2 {color: #fff; font-family: roboto; font-size: 50px; font-weight: 700; text-transform: uppercase;}
.gallery .gal-title h2 span {display: block; font-size: 32px; font-weight: 300; line-height: 32px;}
.gallery .sample-block .sample-img {height: 232px;}

.fancybox-margin {margin-right: 0px !important;}
#portfoliolist {overflow: hidden;}
/* Gallery Section */





/***************testimonails section *************/
.testimonial {padding: 20px 0 40px;}
.testimonial h2 {color: #2186d2; font-size: 33px; font-weight: 900; margin-bottom: 40px; text-align: center; text-transform: uppercase;}
.testimonial .carousel-inner {display: inline-block; overflow: hidden; position: relative; width: 100%;}
.testimonial .carousel.slide {display: block; margin: 30px auto;}
.testimonial .item{padding: 25px 0;}

.testimonial .client-testimonials {border: 1px solid #ccc; padding: 15px 20px 30px 40px; position: relative;}
.testimonial .client-testimonials::before {color: #2186d2; content:"\f10d"; font-family: fontawesome; font-size: 24px; left: 15px; position:absolute; top: -20px;}

.testimonial .client-testimonials:after {content:"\f10e"; color: #2186d2; font-family:fontawesome; font-size: 24px; position: absolute; bottom: -20px; right: 15px;}

.testimonial .client-testimonials.lt {margin-right: 20px;}
.testimonial .client-testimonials.rg {margin-left: 20px;}
.testimonial .client-testimonials h3 {color: #4d4d4d; display: inline-block; font-family: roboto; font-size: 20px; font-weight: 500; line-height: 35px; position: relative; text-transform: uppercase;}
.testimonial .client-testimonials h3:before {background-color:#d4d4d4; content: ""; position: absolute; height: 1px; bottom: 0; left: 0; width: 100%;}
.testimonial .client-testimonials h3:after {background-color:#e2e2e2; content: ""; position: absolute; height: 1px; bottom: -1px; left: 0; width: 100%;}
.msg-testimonisl {color:#656565; 16px; font-size: 16px; font-weight: 300; margin: 15px auto;}

.testimonial .carousel-indicators li{background-color: #ccc; border:0; height:10px; width:10px; margin: 0 3px;}
.testimonial .carousel-indicators li.active{border:0; background-color:#2187d3; height:10px; width:10px;}
.testimonial .carousel-indicators {display: inline-block; margin: 0 auto; position: static; text-align: center; width: 100%; z-index: 15;}



.testimonial .owl-buttons {display: none;}
/*.testimonial .owl-item:nth-child(2n+1) .item, .testimonial .owl-item:nth-child(1) .item{margin-right: 30px;}
.testimonial .owl-item:nth-child(2n) .item{margin-right: 0px;}*/

/*******************Footer section **********/
.main-footer {background-image: url("../images/contact-bg.jpg"); background-repeat: no-repeat; background-size: cover; width: 100%; padding: 44px 0 0;}
.main-footer h2 {
  color: #fff;
  display: inline-block;
  font-family: roboto;
  font-size: 24px;
  font-weight: 500;
  position: relative;
  z-index: 3;
}
.main-footer h2 span{font-weight: 300;}
.main-footer .lft {width: 710px;}
.main-footer .rgt {width: 385px;}

.main-footer .form-group {margin: 10px auto;}
.main-footer .form-inline {margin-top: 40px;}

.main-footer label {color: #fff; font-family: roboto; font-size: 18px; text-transform: capitalize; width: 144px;}
.main-footer input {border: medium none; border-radius: 0; height: 54px; font-family: roboto; font-size: 15px; font-weight: 300; width: 507px !important;}
.main-footer textarea {border: medium none; font-family: roboto; font-size: 15px; font-weight: 300; height: 104px; resize: none; width: 507px;}

.contact-form form input:focus, .contact-form form textarea:focus {border-color: transparent; box-shadow: none !important;}

.msg-foot{display: inline-block; vertical-align: top; width: 144px;}

.form-inline .nam, .form-inline .mal, .form-inline .fon {
  display: inline-block;
    font-family: roboto;
  font-size: 15px; 
  font-weight: 300;
  height: 40px;
  margin-right: 15px;
  width: 208px !important;
    margin-bottom: 15px;
}
.form-inline .sub {
    font-family: roboto;
  font-size: 15px; 
  font-weight: 300;
  height: 40px;
  margin-bottom: 15px;
  width: 662px !important;
    line-height: 40px;
}
.form-inline .msgs {
    font-family: roboto;
  font-size: 15px; 
  font-weight: 300;
  height: 80px;
  margin: 15px 0;
    padding: 12px 7px;
  width: 662px !important;
}

.form-inline input::-webkit-input-placeholder,
.form-inline textarea::-webkit-input-placeholder {
   color:#aaa; opacity: 1;}

.form-inline input:-moz-placeholder,
.form-inline textarea:-moz-placeholder { /* Firefox 18- */
   color:#aaa; opacity: 1;}

.form-inline input::-moz-placeholder,
.form-inline textarea::-moz-placeholder{  /* Firefox 19+ */
   color:#aaa; opacity: 1;}

.form-inline input:-ms-input-placeholder,
.form-inline textarea:-ms-input-placeholder{  
   color:#aaa; opacity: 1;}

.main-footer .contact-form .btn ,.main-footer .contact-form  input[type="submit"]{
  background-color: #1b75bb;
  border: 0 none;
  border-radius: 0;
  color: #fff;
  font-family: roboto;
  font-size: 15px;
  font-weight: 500;
    height: 33px;
  line-height: 1;
  width: 100px !important;padding:0;
}
.main-footer .contact-form .btn:hover,.main-footer .contact-form  input[type="submit"]:hover{background-color:#000;}

.contact-details > ul{padding: 0;}
.contact-details > ul > li {
  border-bottom: 2px solid #8d8a87;
  color: #cdcdcd;
  display: inline-block;
  font-family: roboto;
  font-size: 19px;
  font-weight: 500;
  margin: 10px auto 0;
  padding: 15px 0;
  width: 100%;
}
.contact-details > ul > li:nth-child(2) {margin-top: 0;}

.contact-details > ul > li:last-child {border-bottom:0 none; padding: 0;}

.contact-details li a{color: #cdcdcd;}
.contact-details li a:hover{color: #44adff;}

.footr-icon {
  color: #44adff;
  display: inline-block;
  float: left;
  font-size: 19px;
  margin-right: 10px;
}
.contact-details li:first-child .footr-icon {
    font-size: 22px;
}
.main-footer .contact-details .socio {padding: 0;}


.main-footer .contact-details .socio li {
  display: inline-block !important;
  vertical-align: top;
  width: auto;
    margin-right: 10px;
}
.main-footer .contact-details .socio a {
  color: #44adff;
  font-size: 40px;
}
.main-footer .contact-details .socio a:hover {color: #fff;}



.cpy-rgt{background-color: #2d2d2d; text-align: center; padding: 10px 0; color: #fff; }
.copyright-pk {
  background-color: #1b75bb;
  color: #dfdfdf;
  font-size: 19px; font-family: roboto;
  margin-top: 44px;
  padding: 15px 0;
}
.copyright-pk .lft{width: 60%;}
.copyright-pk .rgt{width: 40%; text-align: right;}
.copyright-pk a{color:#dfdfdf; text-decoration: none;}
.copyright-pk a:hover{color:#000;}


.contact-form .name input ,.contact-form .email-796 input ,.contact-form .phone input {
    width: 208px !important;display:inline-block !important;margin-right:15px;margin-bottom:15px;height:40px;border:1px solid transparent; padding-top:10px;}
.contact-form .phone input{margin-right:0;}
.contact-form form {width: 654px; position: relative;}

.contact-form form div.wpcf7-validation-errors {background-color: #daa; border: 1px solid #c00; bottom: -30px; color: #c00; font-size: 13px; font-weight: normal; margin: 0; position: absolute; text-align: center; width: 100%;}

.contact-form form div.wpcf7-mail-sent-ok {background-color: #9d9; border: 1px solid #398f14; bottom: -35px; color: #398f14; margin: 0; position: absolute; text-align: center; width: 100%;}

.contact-form form input{height:40px;border-radius:0px !important;}
.contact-form form input,.contact-form form  textarea{width:100% !important;border:1px solid transparent;}
.main-footer form {
  margin-top: 40px;
}
.contact-form form  textarea{height:80px;border-radius:0 !important;margin-bottom:15px;
}
.contact-form form span.wpcf7-not-valid-tip{display:none !important;}
.contact-form form input.wpcf7-not-valid{border-color:red;}



body.customize-support header.main-head {top: 31px !important;}
body.customize-support {margin-top: 170px !important;}
body.customize-support #home, body.customize-support #about, body.customize-support #services, body.customize-support #gallery, body.customize-support #testimonials, body.customize-support #contact {top: -192px !important;}

.socio img {margin: 12px 0 0; max-width: 230px;}




@media screen and (max-width: 1199px) {
html {margin-top: 150px;}
    
.logo {max-width: 212px !important;}
.mid-area {margin-left: 11%;}
.header-contact li {margin: 5px 0;}
.phone-info {font-size: 20px;}
.mail-info {font-size: 18px;}

.navbar-center {max-width: 815px;}
.navbar li a {font-size: 16px; font-weight: 500; text-transform: uppercase; padding: 20px 31px 15px;}  
        
#home, #about, #services, #gallery, #testimonials, #contact {top: -141px; display: block; width: 100%;} 
    
.call-info a {font-size: 19px; padding: 7px 18px 7px 13px;}
.call-info a i {font-size: 19px;}

.sample-block .sample-img {height: 190px;}
.samples .sample-content h3 {font-size: 18px; line-height: 22px; padding: 8px 15px;}
.sample-content {height: 190px;}
.samples p {font-size: 13px;}

.about-us .lft {max-width: 570px;}
.about-us .rgt {width: 345px;}
.about-us .about-form .wpcf7-validation-errors {bottom: -50px}
    
.quote-two h2 {font-size: 40px;}
.service li .set-serv .icon-block{height: 270px;}
.service li span {font-size: 18px;}
    
.gallery {margin: 0 auto;}    

.testimonial h2{margin-bottom: 0px;}
    
.main-footer .lft {width: 563px;}
.contact-form form {width: 563px;}
.contact-form .name input, .contact-form .email-796 input, .contact-form .phone input {width: 177px !important;}
.form-inline .msgs {width: 562px !important;}
    
.main-footer .rgt {width: 345px;}
.contact-details > ul {margin-top: 10px;}
    
 .main-footer .copyright-pk .lft, .main-footer .copyright-pk .rgt{width: 50%;}
.socio img {margin: 12px 0 0; max-width: 230px;}    
    
    
body.customize-support {
    margin-top: 149px !important;
}
body.customize-support #home, body.customize-support #about, body.customize-support #services, body.customize-support #gallery, body.customize-support #testimonials, body.customize-support #contact {
    top: -172px !important;
}

.copyright-pk {font-size: 16px;}
    
}





@media screen and (max-width: 991px) {
html {margin-top: 130px;}

.top-bar {padding: 10px 0;}
.logo {max-width: 192px !important;}
.mid-area {margin-left: 5.5%;}
.mid-area > p {font-size: 20px;}
.mid-area > h1 {font-size: 25px;}

.navbar-center {max-width: 700px !important;}
.navbar li a {font-size: 14px; padding: 16px 26px 10px;}

#home, #about, #services, #gallery, #testimonials, #contact {top: -133px;}
    
.sample-block .sample-img {height: 145px;}
.sample-content {height: 230px;}

.quote-one {padding: 65px 0;}
.quote-one h2, .quote-one h2 span{font-size: 22px;}

    
.call-info {padding: 28px 0;}
.call-info p {padding: 0 0 20px;}
    
.about-us .lft {max-width: 100%;}
.about-us .rgt {width: 100%; float: left;}
.about-us .about-form .wpcf7-validation-errors {bottom: -40px;}
    
    
.service li {width: 50%;}
.service .line-o li:nth-child(2n) a .icon-block, .service .line-o li:nth-child(2n+1) a .icon-block {background-color: #cae8f5;}
.service .line-t li:nth-child(2n) a .icon-block, .service .line-t li:nth-child(2n+1) a .icon-block {background-color: #cae8f5;}

.service .line-o li:nth-child(4n) a .icon-block, .service .line-o li:nth-child(4n+1) a .icon-block {background-color: #eefaff;}
.service .line-t li:nth-child(4n) a .icon-block, .service .line-t li:nth-child(4n+1) a .icon-block {background-color: #eefaff;}

.testimonial {padding: 40px 0;}
.testimonial h2 {margin-bottom: 0px;}

    
    
    
.main-footer .lft {width: 100%;}
.contact-form form {width: 100%;}
.contact-form .name input, .contact-form .email-796 input, .contact-form .phone input {width: 33% !important; max-width: 236px;}
.contact-form form .form-inline .msgs {width: 100% !important;}


.main-footer .rgt {width: 100%; float: left; margin-top: 50px;}
.main-footer .rgt .contact-details > ul > li {border-bottom: 0; width: auto; margin: 10px 20px 10px 0;}
.main-footer .rgt .contact-details > ul > li:last-child {display: block;}

.copyright-pk {font-size: 14px;}
.main-footer .copyright-pk .lft, .main-footer .copyright-pk .rgt {
    width: 100%;
    text-align: center;
    margin: 0 auto;
}
    
    
body.customize-support {
    margin-top: 129px !important;
}
body.customize-support header.main-head {
    top: 45px !important;
}

}


@media screen and (max-width: 767px) {
/*html{margin-top:67px;}
#home, #about, #services, #gallery, #testimonials, #contact {top: -70px;}*/
html {margin-top: 95px;}
#home, #about, #services, #gallery, #testimonials, #contact {top: -94px;}


.logo {max-width: 130px !important; margin: 5px auto;}
/*.mid-area {margin-left: 0; text-align: left; display: none;}*/
.mid-area {margin-left: 10px; text-align: left; margin-top: 3px;}
    

.mid-area > p {font-size: 15px;}
.mid-area > h1 {font-size: 17px;}

.phone-info {font-size: 17px;}
.mail-info {font-size: 15px;}
.mail-info i, .phone-info i {background-color: transparent; color: #0790e0; border-radius: 3px; font-size: 14px; height: auto; line-height: auto; width: auto;}
.header-contact li {margin: 0px auto;}
    

/*.header-contact{margin-right: 80px;}*/
.header-contact {margin-right: 0; width: 100%;}
.header-contact ul li {display: inline-block; margin: 0 10px 0 0 !important;}

    
.navbar-toggle {padding: 9px 10px; position: absolute; top: -63px; right: 0;}
.navbar {min-height: 0;}
    
.navbar.navbar-default{display: none;}
    
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: transparent;}
nav.navbar ul li a::before{display:none;} 
.navbar li a {font-size: 14px; padding: 8px 15px;}
#responsive-menu .current-menu a{background-color: #047ec6 !important;}
    
.home-banner {height: 400px;}
    
    
    
    
.samples {padding: 34px 0;}
.sample-block {display: inline-block; padding: 0 10px; float: none; margin: 10px auto; max-width: 380px;}
.sample-content {height: auto; margin-left: 0;}
.samples .sample-content h3{height:auto; width: 100%;}
.service li .set-serv .icon-block{height: 220px;}
.service li .icon-block img {max-width: 90px;}

    
.quote-one {padding: 35px 0;}
.quote-one h2, .quote-one h2 span {font-size: 18px; line-height: 20px;}
    
.about-us {padding: 36px 0;}
.call-info p {font-size: 14px; text-align: justify;}
.about-us .lft p {font-size: 14px; line-height: 20px;}
.about-us .about-form .wpcf7-validation-errors {position: static; margin: 10px auto !important; display: block;}
.about-us .about-form div.wpcf7-mail-sent-ok {position: static; margin: 10px auto;  display: block;}
    
.quote-two h2 {font-size: 30px;}
    
    
.gallery .gal-title {padding: 12px 0;}
.gallery .gal-title h2 span {font-size: 22px; line-height:22px;}
.gallery .gal-title h2 {font-size: 32px;}

#filters li span {font-size: 14px; padding: 6px 25px;}  

.testimonial h2{margin-bottom: 0;}
.msg-testimonisl {font-size: 14px;}
.owl-theme .owl-controls {margin-top: 10px;}

.contact-form .name input, .contact-form .email-796 input, .contact-form .phone input {max-width: 100%; width: 100% !important;}
.contact-form form .form-inline .msgs {margin-top: 0;}
.main-footer .rgt .contact-details > ul > li {border-bottom: 0; display: inline-block; width: 100%; margin: 5px auto; padding: 0;}
.main-footer .contact-details .socio a {font-size: 30px !important;}
.socio img {margin: 8px 0 0 0 !important; max-width: 180px !important;}
    

.contact-form form div.wpcf7-validation-errors {position: static; margin: 10px auto !important; display: block;}
.contact-form form div.wpcf7-mail-sent-ok {position: static; margin: 10px auto;  display: block;}
    
.copyright-pk {margin-top: 14px;}
}



@media screen and (max-width: 479px) {
html{margin-top: /*109px*/ 152px;} 
#home, #about, #services, #gallery, #testimonials, #contact {top: /*-110px*/-152px;}

.logo {
    max-width: 100px !important;
    margin: 5px auto;
    display: block;
    float: none;
}
    
.header-contact {float: left; margin-right: 0;}
/*button#responsive-menu-button {top: 55px;}*/
.mid-area {margin: 0 auto; text-align: center; display: block; margin-top: 3px; width: 100%;}
button#responsive-menu-button {top: 96px;}


.point-box {font-size: 18px; line-height: 26px; padding: 15px 10px;}
.point-box h3 {font-size: 18px; margin-bottom: 10px;}
.point-box li {padding-left: 20px; font-size: 13px; line-height: 18px;}
.home-banner {height: 330px;}

.service li .set-serv .icon-block {height: 140px;}
.service li .icon-block img {max-width: 60px;}
.service li span {font-size: 12px; line-height: 30px; height: 30px;}

.btn-bg { padding: 7px 0;}

.contact-form .name input, .contact-form .email-796 input, .contact-form .phone input {max-width: 100%; width: 100% !important;}
    .contact-details > ul > li{font-size: 16px; line-height: 20px;}
.copyright-pk {font-size: 12px;}
.socio img {
    margin: 0px 0 0 !important;
}
}