/*
|----------------------------------------------------------------------------
| 1 - Google Font 
|----------------------------------------------------------------------------
*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);
@import 'https://fonts.googleapis.com/css?family=Lato:400,700';
@font-face {
    font-family: MyriadPro;
    src: url(../fonts/MyriadPro-Regular.otf);
}
/*
|----------------------------------------------------------------------------
| 1. General Style
|----------------------------------------------------------------------------
*/

body {
    color: #a3a3a3;
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
}

.page-banner-section {
  background: url("../images/2.jpg") repeat scroll center center / cover ;
  margin-top:0px;
  padding: 50px 0px;
  position: relative;
}
.page-banner-section h2 {
  color: #222222;
  font-family: open sans;
  font-size: 26px;
  font-weight: 700;
  margin: 0 0 10px;
  text-align:center;
}
.page-banner-section ul.page-depth {
  margin: 0;
  padding: 0;
  text-align: center;
  list-style:none;
}
.page-banner-section ul.page-depth li:first-child::before {
  content: "";
  margin-right: 0;
}
.page-banner-section ul.page-depth li::before {
  color: #222222;
  content: "-";
  font-family: open sans;
  font-size: 14px;
  font-weight: 700;
  margin-right: 5px;
}
.page-banner-section ul.page-depth li {
  display: inline-block;
  margin-left: 1px;
}
.page-banner-section ul.page-depth li a {
  color: #222222;
  display: inline-block;
  font-family: open sans;
  font-size: 14px;
  text-decoration: none;
  transition: all 0.2s ease-in-out 0s;
}

.wrapper-content {
    overflow: hidden;
}
p {
    font-size: 14px;
    font-weight: 400;
    line-height: 23px;
    color: #a3a3a3;
}
a,
a:after,
a:before,
.btn,
.btn:after,
.btn:before {
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
a {
    color: #2c2c2c;
    text-decoration: none;
}
a:active,
a:hover,
a:focus {
    text-decoration: none;
}
.color-white {
    color: #ffffff !important;
}
.color-green {
    color: #55a30f !important;
}
.btn.active,
.btn:active,
.btn:focus,
button:focus,
a:focus,
button:hover,
button:active,
a:active,
a:hover,
input:focus,
input:active {
    outline: none;
    outline-offset: 0;
    box-shadow: none;
}
.post-thumbnail img {
    width: 100% !important;
    max-width: inherit;
}
.section-padding {
    padding: 90px 0;
}
.mar-b75 {
    margin-bottom: 75px !important;
}
.m-t130b100 {
    margin-bottom: 100px;
    margin-top: 130px;
}
.m-tb90 {
    margin-top: 90px;
    margin-bottom: 90px;
}
.m-tb130 {
    margin-top: 130px;
    margin-bottom: 130px;
}
.m-t130 {
    margin-top: 130px;
}
.m-b120 {
    margin-bottom: 120px;
}
.m-tb100 {
    margin-top: 100px;
    margin-bottom: 100px;
}
.m-t140 {
    margin-top: 140px;
}
.m-t120 {
    margin-top: 120px;
}
.m-t100 {
    margin-top: 100px;
}
.m-t90 {
    margin-top: 90px !important;
}
.m-t70 {
    margin-top: 70px !important;
}.m-t80 {
    margin-top: 80px !important;
}
.m-t60 {
    margin-top: 60px !important;
}.m-t50 {
    margin-top: 50px !important;
}
.m-b40 {
    margin-bottom: 40px !important;
}
.m-b60 {
    margin-bottom: 60px !important;
}
.m-b50 {
    margin-bottom: 50px;
}
.m-b30 {
    margin-bottom: 30px;
}
.m-t60 {
    margin-top: 60px;
}
.m-t40 {
    margin-top: 40px !important;
}
.m-tb40 {
    margin-top: 40px;
    margin-bottom: 40px;
}
.m-t25 {
    margin-top: 25px;
	margin-bottom: 25px;
}
.p-tb90 {
    padding-top: 90px;
    padding-bottom: 90px;
}
.p-tb120 {
    padding-top: 120px;
    padding-bottom: 120px;
}
.p-tb130 {
    padding-top: 130px;
    padding-bottom: 130px;
}
.p-b130 {
    padding-bottom: 130px;
}
.p-t60 {
    padding-top: 60px;
}
.p-t120 {
    padding-top: 120px !important;
}
.p-b70 {
    padding-bottom: 70px;
}
.pad0 {
    padding: 0;
}
.m-b0 {
    margin-bottom: 0;
}
.padd-lr-50 {
    padding: 0 50px;
}
.clearfix {
    clear: both;
}
.background-bg {
    background-attachment: fixed;
    background-position: center;
    background-repeat: repeat-y;
    background-size: cover;
}
.btn-default,
.btn-green {
    padding: 10px 30px !important;
    border-radius: 25px;
    background: #ffffff;
    color: #4d4d4d;
    font-family: 'Lato', sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    letter-spacing: 1.92px !important;
}
.btn-green {
    background: #75a748;
    color: #000000;
}
.btn-border {
    border: 5px solid #55a30f;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    letter-spacing: 1.04px;
    font-weight: 700;
    color: #828282;
    background: #ffffff;
    text-transform: uppercase;
    padding: 15px 50px;
    border-radius: 35px;
}
.btn-transparent {
    background: transparent;
    border: 2px solid #ffffff;
    padding: 10px 40px;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    border-radius: 25px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.btn-transparent:hover,
.btn-transparent:active,
.btn-transparent:focus {
    background: #ffffff;
    color: #4d4d4d;
    text-decoration: none;
}
.btn.read-more {
    color: #000;
    font-weight: 700;
    position: relative;
    margin-top: 20px;
    padding-left: 15px;
    font-size: 16px;
}
.btn.read-more:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 8px;
    height: 40px;
    background: #55a30f;
}
.btn.read-more:hover {
    padding-left: 25px;
}
.btn.read-more:hover:after {
    width: 15px;
}
.btn-slider {
    color: red !important;
}
.btn-slider:hover {
    background: black !important;
}
.btn-rev {
    color: #2c2c2c;
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    border: 1px solid #e1e1e1;
    padding: 13px 40px;
    border-radius: 25px;
    background: transparent;
    letter-spacing: 1.28px;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.btn-rev:hover {
    background: #55a30f;
    border-color: #55a30f;
    color: #ffffff;
}
.rev-btn-purchase {
    display: inline-block;
    background: #ee5a2c;
    color: white;
    font-family: 'Lato', sans-serif;
    font-size: 16px !important;
    font-weight: 400 !important;
    letter-spacing: 1.92px !important;
    padding: 12px 40px;
    border-radius: 25px;
}
.custom-btn {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #4d4d4d;
    background: #ffffff;
    padding: 10px 55px;
    border-radius: 25px;
    text-transform: uppercase;
}
.custom-btn:hover,
.custom-btn:focus,
.custom-btn:active {
    background: #55a30f;
    color: #ffffff;
    text-decoration: none;
}
.full-width {
    width: 100%;
    margin: auto;
}
.social-btn a {
    display: inline-block;
    padding: 13px 15px;
    text-decoration: none;
    color: #FFF;
    font-size: 16px;
}
.social-btn .facebook:hover {
    background: #3b5998;
}
.social-btn .pinterest:hover {
    background: #cb2027;
}
.social-btn .google:hover {
    background: #dd4b39;
}
.social-btn .youtube:hover {
    background: #bb0000;
}
.social-btn .instagram:hover {
    background: #125688;
}
.social-btn .dribbble:hover {
    background: #ea4c89;
}
.social-btn .linkedin:hover {
    background: #007bb5;
}
.social-btn .soundcloud:hover {
    background: #f50;
}
.sec-title {
    font-family: 'Open Sans', sans-serif;
    font-size: 26px;
    color: #2c2c2c;
    font-weight: 900;
    padding-bottom: 30px;
    margin: 0px;
    position: relative;
    text-align: center;
    letter-spacing: 2px;
}
.sec-title:after {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 30px;
    height: 5px;
    content: "";
    background: #55a30f;
    margin-left: -15px;
}
.title.service-title {
    display: inline-block;
}
.carousel-indicators li {
    width: 15px;
    height: 15px;
}
.carousel-indicators li.active {
    width: 16px;
    height: 16px;
}
.bg-purchase {
    background-image: url(../../images/ads.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.breadcrumb-style {
    font-size: 30px;
    text-align: center;
    margin-bottom: 20px;
}
.top-content {
    position: relative;
    background: #462066;
}
.top-content .wel-come p {
    color: #fff;
    font-family: 'Roboto Slab', serif;
    font-size: 16px;
    font-weight: 700;
    height: auto;
    margin: 0px;
    padding: 0px;
    position: relative;
    text-align: right;
    line-height: 35px;
    text-shadow: none;
    text-transform: uppercase;
    z-index: 1;
}
.num-ber {
    position: relative;
}
.top-content .num-ber p {
    color: #fff;
    display: block;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    height: auto;
    line-height: 30px;
    margin: 0px;
    padding: 0px;
    text-shadow: none;
}
.top-content .num-ber p i {
    color: #f65589;
    margin-right: 10px;
}
.services-area {
    background: #edf5fc;
    overflow: hidden;
    padding: 0px;
}
.service-box {
    background: #f65589;
    padding: 40px;
    position: relative;
    top: -30px;
}
.service-box .title {
    margin: 0px;
    padding: 0px;
}
.service-box .title p {
    color: #fff;
    font-family: "Lora", serif;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    margin: 0px 0px 10px;
    padding: 0px;
}
.service-box .title a {
    background: #fff;
    border-radius: 40px;
    color: #f65589;
    display: table;
    font-family: "Lora", serif;
    font-size: 21px;
    font-weight: 700;
    margin: auto;
    padding: 10px 30px;
    text-transform: uppercase;
}
.service-box .title a:hover {
    background: #333;
    color: #fff;
}
.service-box .title h1 {
    color: #fff;
    display: block;
    font-family: "Roboto", sans-serif;
    font-size: 23px;
    font-weight: 700;
    margin: 0px;
    padding: 20px 0px 0px;
    text-transform: uppercase;
}
.service-box img {
    color: #fff;
    display: block;
    margin: auto;
    padding: 0px;
}
.service-box1 {
    height: 100%;
    margin: 0px;
    padding: 0px;
    position: relative;
}
.service-box1 .title {
    bottom: 0;
    height: 100%;
    left: 0;
    margin: auto;
    padding: 0px;
    position: absolute;
    right: 0;
    top: 89px;
    width: 70%;
}
.service-box1 .title h5 small {
    color: #333;
    display: block;
    font-size: 15px;
    text-transform: initial;
}
.service-box1 .title h5 {
    color: #282828;
    display: block;
    font-size: 22px;
    font-weight: 700;
    margin: 0px 0px 50px;
    padding: 0px;
    position: relative;
    text-transform: uppercase;
    z-index: 999;
}
.service-box1 .title h5::after {
    background: #fff;
    border-radius: 20%;
    color: #edf5fc;
    content: "w";
    font-size: 87px;
    height: 100px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: -40px;
    width: 100px;
    z-index: -1;
}
.content-d::after {
    content: "d" !important;
}
.content-s::after {
    content: "s" !important;
}
.content-c::after {
    content: "c" !important;
}
.service-box1 .title p {
    margin: 0px 0px 10px;
    padding: 0px;
    color: #282828;
    font-family: "Lora", serif;
    font-size: 13px;
    display: block;
    font-weight: 400;
}
.service-box1 .title p mark {
    background: #E7F6FF;
}
.service-box1 .title a {
    color: #333;
    display: block;
    font-family: "Lora", serif;
    font-size: 15px;
    font-weight: 700;
    margin: 10px 0px 0px;
    padding: 0px;
    text-transform: uppercase;
}
.service-box1 .title a:hover {
    color: #f65589;
}
.service-box1 i {
    color: #fff;
    display: block;
    font-size: 160px;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 50%;
    right: 10%;
    transform: translateY(-50%);
}
.shade-img div {
    display: table;
    margin: 0px;
    padding: 0px;
    position: relative;
}
.white-radius h5::after {
    background: #fff !important;
}
.white-radius1 div::after {
    background: #fff !important;
}
.shade-img div::after {
    background: #e7f6ff;
    content: "";
    height: 100%;
    left: -20px;
    position: absolute;
    top: -20px;
    width: 100%;
}
.shade-img div img {
    position: relative;
    z-index: 1;
}
.m-top-5 {
    margin-top: 50px;
}
.p-top {
    padding-top: 15%;
}
.bg-wwa {
    background: #fff url(../images/bg-trans.png) no-repeat top right;
    padding: 50px 0px;
}
.bg-wwa1 {
    background: #fff url(../images/bg-trans1.png) no-repeat bottom left;
    padding: 50px 0px;
}
.bg-white {
    background: url(../images/painting.jpg) no-repeat left top;
    position: relative;
}
.paint-bg::before {
    background: url(../images/pencil-2.jpg) no-repeat scroll 0px 0px;
    content: "";
    height: 489px;
    right: 0;
    position: absolute;
    top: 0;
    width: 483px;
}
.whoWeAre h2 {
    color: #282828;
    font-family: open sans;
    font-size: 30px;
    font-weight: 600;
    margin: 0 0 30px;
    padding: 0px;
    text-transform: uppercase;
}
.abt-text p {
    color: #282828;
    display: block;
    font-family: roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    margin: 0px;
    padding: 0px;
}
.abt-text small {
    color: #282828;
    display: block;
    font-family: 'Lora', serif;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    margin: 0px;
    padding: 0px;
}
.abt-text span {
    background: none;
    border: 1px solid #f65589;
    display: block;
    height: 7px;
    margin: 0 auto 10px;
    position: relative;
    width: 80px;
}
.abt-text span::after {
    background: #f65589;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    width: 50%;
}
.wwa-content p {
    margin: 0px;
    padding: 0px;
    color: #282828;
    font-family: "Lora", serif;
    font-size: 13px;
    display: block;
    font-weight: 400;
}
.abt-text a {
    border: 2px solid #282828;
    display: table;
    float: right;
    font-family: "Lora", serif;
    font-size: 16px;
    font-weight: 600;
    margin-top: 18px;
    overflow: hidden;
    padding: 5px 10px;
}
.less-font h2 {
    font-size: 18px;
}
.mt-20 {
    margin-top: 20px !important;
}
.listing-li ol {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.listing-li ol li {
    color: #333;
    display: block;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    list-style: outside none none;
    margin: 0px;
    padding: 7px;
}
.listing-li ol li:nth-child(2n) {
    background: #ecebeb;
}
@keyframes bounce {
    0%, 20%, 60%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
}
.i-co {
    display: table;
    margin: 0px auto 20px;
    position: relative;
}
.servicer-wifi li:nth-child(2n+2) {} .testimonal-client #owl-demo .item {
    padding: 0px;
    margin: 0px;
    color: #282828;
}
.servicer-wifi li:hover {
    background: #fff !important;
}
.servicer-wifi li:hover h3 {
    color: #34495E;
    text-shadow: 0px 0px 0px #8bbadc;
}
.servicer-wifi li:hover a {
    color: #282828;
}
.servicer-wifi li:hover .i-co img {
    animation: bounce 1s;
}
.testimonal-client .testimonial-info {
    color: #f65589;
    font-size: 14px;
    margin-top: 18px;
    padding: 0 15px;
}
.testimonal-client .testimonial-info span {
    position: relative;
    top: 3px;
    font-family: 'Indie Flower', cursive;
    font-size: 27px;
}
.testimonal-client .testimonial-info em {
    color: #777;
    display: block;
    font-size: 17px;
}
.testimonal-client .testimonial-info img {
    border: 1px solid #ccc;
    float: left;
    height: 60px;
    margin-right: 15px;
    padding: 2px;
    width: 60px;
}
.testimonal-client .testimonial-author {
    overflow: hidden;
}
.testimonal-client .carousel-arrow {
    position: relative;
    top: -65px;
}
.testimonal-client .carousel-arrow i {
    background: #f5f5f5;
    color: #777;
    font-size: 20px;
    min-width: 25px;
    padding: 2px;
    text-align: center;
}
.testimonal-client .carousel-arrow i:hover {
    background: #72c02c none repeat scroll 0 0;
    color: #fff;
}
.testimonal-client .carousel-control {
    opacity: 1;
    position: absolute;
    text-align: right;
    text-shadow: none;
    width: 100%;
}
.testimonal-client .carousel-control.left {
    left: auto;
    right: 27px;
}
.testimonal-client .carousel-control.right {
    right: 0;
}
/*Testimonials v1*/

.testimonal-client .item p {
    position: relative;
}
.testimonal-client .item p:after,
.testimonal-client .item p:before {
    bottom: -20px;
}
.testimonal-client .item p::after {
    border-left: 0 solid transparent;
    border-right: 22px solid transparent;
    border-top: 22px solid #E7F6FF;
    content: "";
    position: absolute;
}
.testimonal-client .item p::before {
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}
.testimonal-client p {
    color: #282828;
    font-family: open sans;
    font-size: 19px;
    line-height: 1.5;
    padding: 15px;
}
.site-footer {
    background: url("../images/1.jpg") no-repeat fixed center center;
    padding: 50px 0px;
    position: relative;
}
.site-footer::before {
    background: rgba(70, 32, 102, 0.8);
    padding: 50px 0;
    position: absolute;
    content: "";
    top: 0px;
    width: 100%;
    height: 100%;
}
.foot-box-t {
    margin: 0px;
    padding: 0px;
}
.sa {
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 300;
    margin: 0px;
    padding: 0px;
}
.foot-box-t b {
    color: #fff;
    display: block;
    font-family: 'Roboto Slab', serif;
    font-size: 50px;
    font-weight: 700;
    line-height: normal;
    margin: 0px;
}
.website {
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 28px;
    font-weight: 500;
    line-height: normal;
    margin: 0px;
}
.abt-text1 h5 {
    color: #282828;
    display: block;
    font-family: open sans;
    font-size: 27px;
    font-weight: 300;
    margin: 25px 0 15px;
    padding: 0;
    position: relative;
    text-transform: uppercase;
    z-index: 999;
}
.abt-text1 em {
    color: #282828;
    display: block;
    font-family: "Lora", serif;
    font-size: 13px;
    font-weight: 400;
    margin: 0px 0px 20px;
    padding: 0px;
}
.abt-text1 p {
    color: #282828;
    display: block;
    font-family: open sans;
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 10px;
    padding: 0;
    text-align: justify;
}
/**** footer logo ****/

#footer {
    background: #462066;
    padding: 0px;
}
.footer p {
    color: #fff;
    display: block;
    font-family: roboto;
    font-size: 14px;
    margin: 0;
    text-align: justify;
}
.headline {
    border-bottom: 1px dotted #fff;
    display: block;
    margin: 0 0 15px;
}
.headline h2 {
    color: #ffb85f;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    margin: 0px 0px 6px;
    padding-bottom: 5px;
    text-transform: uppercase;
}
.footer .link-list li {
    border-top: 1px dotted #fff;
}
.link-list li:first-child {
    border-top: none !important;
}
.link-list a {
    color: #eee;
    display: inline-block;
    font-size: 13px;
    padding: 6px 0;
    text-transform: uppercase;
}
.link-list li i {
    float: right;
    margin-top: 10px;
}
.footer i {
    color: #eee;
}
.footer-logo {
    margin: 0px auto 20px;
}
.footer-logo h1::after {
    background: #e7f6ff;
    border-radius: 50%;
    content: "";
    height: 110px;
    left: -30px;
    position: absolute;
    top: -34px;
    width: 110px;
    z-index: -1;
}
.footer-logo h1 {
    color: #282828;
    display: block;
    font-family: roboto;
    font-size: 52px;
    line-height: 40px;
    margin: 0px;
    position: relative;
    z-index: 9999;
}
.footer-logo h1 span {
    color: #fff;
    font-weight: 300;
}
.footer-logo h1 p {
    color: #282828;
    display: block;
    font-family: roboto;
    font-size: 14px;
    margin: 0px;
    text-align: right;
}
.map-img address {
    color: #fff;
    display: block;
    font-family: roboto;
    font-size: 14px;
    margin: 0;
    text-align: justify;
}
.map-img address a {
    color: #ffb85f;
}
.footer {
    display: block;
    margin: 0px;
    padding: 50px 0px;
}
.copyright {
    display: block;
    margin: 0px;
    padding: 10px 0px;
    background: #fff;
}
.copyright p {
    color: #282828;
    display: block;
    font-size: 14px;
    line-height: 40px;
    margin: 0px;
}
.call-headline {
    margin-bottom: 10px;
}
.call-headline a {
    border-bottom: 1px dotted;
    color: #fff;
    display: block;
    font-family: "Roboto Slab", serif;
    font-size: 40px;
    font-weight: 700;
    line-height: normal;
    margin: 0;
    padding: 0 0 14px;
    text-align: center;
}
.call-headline p {
    background: #fff;
    border-radius: 50px;
    bottom: 14px;
    color: #282828;
    display: table;
    font-family: roboto;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    margin: auto;
    padding: 5px 50px;
    position: relative;
    text-align: center;
}
.call-headline h1 {
    color: #fff;
    font-family: "Indie Flower", cursive;
    font-size: 40px;
    font-weight: 600;
    margin: 0px;
}
.call-headline em {
    color: #ffb85f;
    font-family: roboto;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    margin-bottom: 15px;
    display: block;
}
.f-u h5 {
    color: #ffb85f;
    display: block;
    font-size: 18px;
    font-weight: 500;
    margin: 20px 0px 10px;
    padding-bottom: 5px;
}
.f-u a {
    color: #fff;
    display: inline-block;
    font-size: 35px;
    margin: 0px;
    padding-bottom: 0px;
}
/**** end ****/

.logo {
    margin: 0px;
    overflow: hidden;
}
.logo a {
    display: block;
    margin: 0px;
    overflow: hidden;
    padding: 20px 0px;
}
.logo a img {
    margin: 0px;
    overflow: hidden;
}
/***** About Us css ******/

.internal-banner {
    background: #1b3d56;
    margin: 0px;
    padding: 40px 0px;
}
.internal-banner h3 {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    margin: 0px;
    padding: 0px;
}
.nav-list {
    margin: 0px;
}
.nav-list li:first-child {
    padding-left: 0px;
}
.nav-list li {
    color: #fff;
    font-family: "Lora", serif;
    font-size: 14px;
    font-weight: 400;
    margin: 0px;
    padding: 0 8px;
    text-transform: uppercase;
}
.nav-list li a {
    color: #f65589;
    font-family: "Lora", serif;
    font-size: 14px;
    font-weight: 400;
    margin: 0px;
    padding: 0px 2px;
    text-transform: uppercase;
}
/** end **/
/***** service css ******/

.service-page-head {
    margin-bottom: 50px;
}
.s-page-custom {
    background: #EFF2F7 url(../images/world.png) no-repeat center center;
    overflow: hidden;
    padding: 80px 0px;
}
.service-page-head p {
    color: #282828;
    display: block;
    font-family: roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    margin: 0px;
    padding: 0px;
}
.service-page-head h2 {
    color: #282828;
    font-family: roboto;
    font-size: 28px;
    font-weight: 500;
    margin: 0 0 10px;
    padding: 0px;
    text-transform: uppercase;
}
.service-page-head span::after {
    background: #f65589;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    width: 50%;
}
.service-page-head span {
    background: rgba(0, 0, 0, 0);
    border: 1px solid #f65589;
    display: block;
    height: 7px;
    margin: 0 auto 10px;
    position: relative;
    width: 80px;
}
.service-page-head small {
    color: #282828;
    display: block;
    font-family: roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    margin: 0px;
    padding: 0px;
}
.service-page {
    background: rgba(255, 255, 255, 0.8);
    display: block;
    margin: 0px 0px 30px;
    padding: 30px;
    position: relative;
    text-align: left;
    min-height: 232px;
    vertical-align: top;
}
.service-page .i-co {
    display: inline-table;
    float: left;
    margin: 0px 20px 0px 0px;
    position: relative;
}
.service-page h3 {
    color: #34495E;
    font-family: "Roboto", sans-serif;
    font-size: 19px;
    font-weight: 600;
    margin: 8px 0px 8px;
    padding: 0px;
    text-transform: uppercase;
}
.service-page p {
    color: #282828;
    font-family: "Lora", serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0px;
    min-height: 50px;
    padding: 0px;
    display: table;
}
.bg-c {
    background: rgba(255, 154, 76, 0.7);
}
.bg-c h3 {
    color: #fff;
}
/** end **/

.t-none {
    font-size: 10px;
}
.contact-custom {
    background: #eee;
    padding: 30px;
    position: relative;
}
.contact-custom .sa {
    color: #282828;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 500;
    margin: 0px;
    padding: 0px;
}
.contact-custom b {
    color: #282828;
    display: block;
    font-family: "Roboto Slab", serif;
    font-size: 40px;
    font-weight: 700;
    line-height: normal;
    margin: 0px;
}
.contact-custom p.website {
    color: #282828;
    font-family: "Roboto", sans-serif;
    font-size: 21px;
    font-weight: 500;
    line-height: normal;
    margin: 0px;
    padding-left: 0px;
    position: relative;
}
.contact-custom small {
    font-size: 85%;
}
.phone-contact-img {
    overflow: hidden;
}
.phone-contact-img img {
    bottom: 70px;
    position: relative;
}
.main-nav::before {
    background: #603e7b;
    bottom: -15px;
    content: "";
    height: 50px;
    position: absolute;
    right: -319px;
    transform: translateX(0%);
    width: 50%;
    z-index: 999;
}
.main-nav::after {
    background: #462066;
    bottom: -10px;
    content: "";
    height: 50px;
    position: absolute;
    right: -312px;
    transform: translateX(0%);
    width: 50%;
    z-index: 999;
}
.main-nav {
    background: #ffb85f;
    padding: 0px;
    position: relative;
    border-bottom: 2px dotted #fff;
}
#cssmenu > ul > li:first-child a {
    padding-left: 0;
}
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
    margin: 0px;
    padding: 0px;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
#cssmenu #menu-button {
    display: none;
}
#cssmenu {
    font-family: "Lora", serif;
    width: auto;
    margin: 0px;
    padding: 0px;
}
#menu-line {
    background: #f65589;
    bottom: -10px;
    display: none;
    height: 3px;
    left: 0;
    position: absolute;
    transition: all 0.25s ease-out 0s;
}
#cssmenu > ul > li {
    float: left;
}
#cssmenu.align-center > ul {
    font-size: 0;
    text-align: center;
}
#cssmenu.align-center > ul > li {
    display: inline-block;
    float: none;
}
#cssmenu.align-center ul ul {
    text-align: left;
}
#cssmenu.align-right > ul > li {
    float: right;
}
#cssmenu.align-right ul ul {
    text-align: right;
}
#cssmenu > ul > li > a {
    color: #fff;
    font-family: roboto;
    font-size: 16px;
    font-weight: 600;
    padding: 0px 10px;
    text-shadow: none;
    text-transform: uppercase;
    transition: color 0.3s ease-in-out 0s;
    line-height: 50px;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
    color: #462066 !important;
}
#cssmenu > ul > li.has-sub > a {
    padding-right: 25px;
}
#cssmenu > ul > li.has-sub > a::after {
    position: absolute;
    top: 21px;
    right: 10px;
    width: 4px;
    height: 4px;
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
    content: "";
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: border-color 0.2s ease;
    -moz-transition: border-color 0.2s ease;
    -ms-transition: border-color 0.2s ease;
    -o-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease;
}
#cssmenu > ul > li.has-sub:hover > a::after {
    border-color: #009ae1;
}
#cssmenu ul ul {
    position: absolute;
    left: -9999px;
}
#cssmenu li:hover > ul {
    left: auto;
}
#cssmenu.align-right li:hover > ul {
    right: 0;
}
#cssmenu ul ul ul {
    margin-left: 100%;
    top: 0;
}
#cssmenu.align-right ul ul ul {
    margin-left: 0;
    margin-right: 100%;
}
#cssmenu ul ul li {
    height: 0;
    -webkit-transition: height .2s ease;
    -moz-transition: height .2s ease;
    -ms-transition: height .2s ease;
    -o-transition: height .2s ease;
    transition: height .2s ease;
}
#cssmenu ul li:hover > ul > li {
    height: 32px;
}
#cssmenu ul ul li a {
    padding: 10px 20px;
    width: 160px;
    font-size: 12px;
    background: #333333;
    text-decoration: none;
    color: #dddddd;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -ms-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
    color: #ffffff;
}
#cssmenu ul ul li.has-sub > a::after {
    position: absolute;
    top: 13px;
    right: 10px;
    width: 4px;
    height: 4px;
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    content: "";
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: border-color 0.2s ease;
    -moz-transition: border-color 0.2s ease;
    -ms-transition: border-color 0.2s ease;
    -o-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease;
}
#cssmenu.align-right ul ul li.has-sub > a::after {
    right: auto;
    left: 10px;
    border-bottom: 0;
    border-right: 0;
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
}
#cssmenu ul ul li.has-sub:hover > a::after {
    border-color: #ffffff;
}
@media all and (max-width: 767px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px),
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px),
only screen and (min-resolution: 192dpi) and (max-width: 1024px),
only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
    #cssmenu {
        width: 100%;
    }
    #cssmenu ul {
        width: 100%;
        display: none;
    }
    #cssmenu.align-center > ul,
    #cssmenu.align-right ul ul {
        text-align: left;
    }
    #cssmenu ul li,
    #cssmenu ul ul li,
    #cssmenu ul li:hover > ul > li {
        width: 100%;
        height: auto;
        border-top: 1px solid rgba(120, 120, 120, 0.15);
    }
    #cssmenu ul li a,
    #cssmenu ul ul li a {
        width: 100%;
    }
    #cssmenu > ul > li,
    #cssmenu.align-center > ul > li,
    #cssmenu.align-right > ul > li {
        float: none;
        display: block;
    }
    #cssmenu ul ul li a {
        padding: 20px 20px 20px 30px;
        font-size: 12px;
        color: #000000;
        background: none;
    }
    #cssmenu ul ul li:hover > a,
    #cssmenu ul ul li a:hover {
        color: #000000;
    }
    #cssmenu ul ul ul li a {
        padding-left: 40px;
    }
    #cssmenu ul ul,
    #cssmenu ul ul ul {
        position: relative;
        left: 0;
        right: auto;
        width: 100%;
        margin: 0px;
    }
    #cssmenu > ul > li.has-sub > a::after,
    #cssmenu ul ul li.has-sub > a::after {
        display: none;
    }
    #menu-line {
        display: none;
    }
    #cssmenu #menu-button {
        display: block;
        padding: 20px;
        color: #000000;
        cursor: pointer;
        font-size: 12px;
        text-transform: uppercase;
    }
    #cssmenu #menu-button::after {
        content: '';
        position: absolute;
        top: 20px;
        right: 20px;
        display: block;
        width: 25px;
        height: 2px;
        background: #000000;
    }
    #cssmenu #menu-button::before {
        content: '';
        position: absolute;
        top: 25px;
        right: 20px;
        display: block;
        width: 25px;
        height: 7px;
        border-top: 2px solid #000000;
        border-bottom: 2px solid #000000;
    }
    #cssmenu .submenu-button {
        position: absolute;
        z-index: 10;
        right: 0;
        top: 0;
        display: block;
        border-left: 1px solid rgba(120, 120, 120, 0.15);
        height: 52px;
        width: 52px;
        cursor: pointer;
    }
    #cssmenu .submenu-button::after {
        content: '';
        position: absolute;
        top: 21px;
        left: 26px;
        display: block;
        width: 1px;
        height: 11px;
        background: #000000;
        z-index: 99;
    }
    #cssmenu .submenu-button::before {
        content: '';
        position: absolute;
        left: 21px;
        top: 26px;
        display: block;
        width: 11px;
        height: 1px;
        background: #000000;
        z-index: 99;
    }
    #cssmenu .submenu-button.submenu-opened:after {
        display: none;
    }
}
#cssmenu > ul > li:last-child a {
    padding-right: 0px;
}

/************ icon **********/

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?gxs91h');
  src:  url('../fonts/icomoon.eot?gxs91h#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?gxs91h') format('truetype'),
    url('../fonts/icomoon.woff?gxs91h') format('woff'),
    url('../fonts/icomoon.svg?gxs91h#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-padlock-key:before {
  content: "\e900";
}
.icon-pc-monitor:before {
  content: "\e902";
}
.icon-place-localizer:before {
  content: "\e903";
}
.icon-search-results:before {
  content: "\e904";
}
.icon-search-tool:before {
  content: "\e905";
}
.icon-settings-tools:before {
  content: "\e908";
}
.icon-sharing-symbol:before {
  content: "\e909";
}
.icon-smartphone-with-double-arrows:before {
  content: "\e90a";
}
.icon-tablet-with-double-arrow:before {
  content: "\e90c";
}
.icon-web-development:before {
  content: "\e90d";
}
.icon-web-development-1:before {
  content: "\e90e";
}
.icon-web-development-2:before {
  content: "\e910";
}
.icon-web-home:before {
  content: "\e911";
}
.icon-web-link:before {
  content: "\e912";
}
.icon-work-team:before {
  content: "\e913";
}
.icon-code-design:before {
  content: "\e914";
}
.icon-computer-monitor-and-cellphone:before {
  content: "\e916";
}
.icon-creative-process:before {
  content: "\e917";
}
.icon-customer-reviews:before {
  content: "\e918";
}
.icon-email-envelope:before {
  content: "\e919";
}
.icon-finger-touch-screen:before {
  content: "\e91a";
}
.icon-illustration-tool:before {
  content: "\e91b";
}
.icon-keyboard-and-hands:before {
  content: "\e91c";
}
.icon-landscape-image:before {
  content: "\e91d";
}
.icon-mobile-app-developing:before {
  content: "\e91e";
}
.icon-online-purchase:before {
  content: "\e91f";
}
.icon-online-video:before {
  content: "\e920";
}
.icon-optimization-clock:before {
  content: "\e921";
}
.icon-checkmark-circle:before {
  content: "\e922";
}
.icon-chevron-down:before {
  content: "\e923";
}
.icon-chevron-left:before {
  content: "\e924";
}
.icon-chevron-right:before {
  content: "\e925";
}
.icon-chevron-up:before {
  content: "\e926";
}
.icon-circle-minus:before {
  content: "\e927";
}
.icon-code:before {
  content: "\e928";
}
.icon-cog:before {
  content: "\e929";
}
.icon-cross:before {
  content: "\e92a";
}
.icon-cross-circle:before {
  content: "\e92b";
}
.icon-download:before {
  content: "\e92c";
}
.icon-envelope:before {
  content: "\e92d";
}
.icon-film-play:before {
  content: "\e92e";
}
.icon-home:before {
  content: "\e92f";
}
.icon-hourglass:before {
  content: "\e930";
}
.icon-keyboard:before {
  content: "\e931";
}
.icon-laptop:before {
  content: "\e932";
}
.icon-laptop-phone:before {
  content: "\e933";
}
.icon-link:before {
  content: "\e934";
}
.icon-location:before {
  content: "\e935";
}
.icon-magnifier:before {
  content: "\e936";
}
.icon-map-marker:before {
  content: "\e937";
}
.icon-pencil:before {
  content: "\e938";
}
.icon-phone:before {
  content: "\e939";
}
.icon-phone-handset:before {
  content: "\e93a";
}
.icon-blogging:before {
  content: "\e93b";
}
.icon-psd-document-stroke-symbol:before {
  content: "\e93c";
}
.icon-cloud-computing:before {
  content: "\e93d";
}
.icon-facebook:before {
  content: "\e05d";
}
.icon-googleplus:before {
  content: "\e05f";
}
.icon-tumblr:before {
  content: "\e061";
}
.icon-linkedin:before {
  content: "\e062";
}
.icon-user:before {
  content: "\e901";
}
.icon-bulb:before {
  content: "\e906";
}
.icon-pen:before {
  content: "\e907";
}
.icon-phone2:before {
  content: "\e90f";
}
.icon-mail:before {
  content: "\e90b";
}
.icon-paperplane:before {
  content: "\e915";
}


/* end */

.main-silder a.left {
    background-image: none;
}
.main-silder a.right {
    background-image: none;
}
.main-silder a.left.carousel-control span {
    display: block;
    font-size: 30px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    vertical-align: middle;
}
.main-silder a.right.carousel-control span {
    display: block;
    font-size: 30px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    vertical-align: middle;
}
.top-nav .breadcrumb {
    background: none;
    margin: 0px;
    padding: 0px;
}
.top-nav .breadcrumb li {
    color: #ffb85f;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 400;
    height: auto;
    line-height: 30px;
    margin: 0px;
    padding: 0px;
    text-shadow: none;
    text-transform: uppercase;
}
.top-nav .breadcrumb a {
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 400;
    height: auto;
    line-height: 30px;
    margin: 0px;
    padding: 0px;
    text-shadow: none;
    text-transform: uppercase;
}
.request-quote {
    margin: 0px;
    padding: 18px 0px 0px;
    position: relative;
    z-index: 9999;
}
.request-quote > a::after {
    background: url("../images/c1.png") no-repeat;
    color: #fff;
    content: "";
    font-size: 16px;
    height: 50px;
    left: -15px;
    position: absolute;
    top: -2px;
    width: 50px;
}
.request-quote > a::before {
    background: rgba(0, 0, 0, 0) url("../images/c2.png") no-repeat scroll 0 0;
    bottom: -8px;
    color: #fff;
    content: "";
    font-size: 16px;
    height: 16px;
    position: absolute;
    right: -24px;
    width: 21px;
}
.request-quote > a {
    color: #fff;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 21px;
    margin: 0px;
    padding: 0px 0px 0px 10px;
    position: relative;
    text-transform: uppercase;
}
.request-quote > a span {
    font-weight: 300;
    text-transform: initial;
}
.pad-0 {
    padding: 0px;
}
.for-free-cl {
    margin: 0px;
    padding-top: 10px;
}
.for-free-cl > small {
    color: #ffb85f;
    display: block;
    font-family: open sans;
    font-size: 13px;
    position: relative;
    text-transform: uppercase;
    top: 11px;
}
.for-free-cl > a {
    color: #462066;
    display: block;
    font-family: "Roboto Slab";
    font-size: 30px;
    font-weight: 700;
    margin: 0;
    padding: 0;
    position: relative;
    text-transform: uppercase;
}
/*********************** about-company *********************************/

.about-company-bg {
    padding: 80px 0px;
    background: url("../images/pencil.jpg") no-repeat scroll right top;
}
.company-img::after {
    background: url("../images/cloud.png") no-repeat scroll center 160px;
    bottom: 0;
    content: "";
    height: 668px;
    left: -64px;
    margin: auto;
    opacity: 0.69;
    position: absolute;
    top: -199px;
    width: 470px;
    z-index: -1;
}
.company-img {
    position: relative;
}
.company-img img {
    border: 8px solid #fff;
}
.about-company h2 {
    color: #282828;
    display: block;
    font-family: open sans;
    font-size: 23px;
    font-weight: 700;
    margin: 0px 0px 20px;
    padding: 0px;
    position: relative;
    text-transform: uppercase;
    z-index: 999;
}
.about-company h2 span {
    font-weight: 300;
    color: #ffb85f;
}
.about-company h3 {
    color: #282828;
    display: block;
    font-family: open sans;
    font-size: 19px;
    margin: 25px 0px 15px;
    font-weight: 600;
    padding: 0px;
    position: relative;
    text-transform: uppercase;
    z-index: 999;
}
.about-company h3 span {
    font-weight: 300;
    color: #ffb85f;
}
.about-company p {
    color: #282828;
    display: block;
    font-family: open sans;
    font-size: 14px;
    font-weight: 400;
    margin: 0px 0px 10px;
    padding: 0px;
    text-align: justify;
}
.about-company ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.about-company ul li {
    color: #282828;
    display: block;
    font-family: open sans;
    font-size: 14px;
    font-weight: 400;
    margin: 0px 0px 5px;
    padding: 0px;
    text-align: justify;
}
.services-we-do {
    margin: 0px;
    padding: 0px;
}
.services-we-do h2 {
    color: #282828;
    display: block;
    font-family: open sans;
    font-size: 30px;
    font-weight: 600;
    margin: 0px 0px 20px;
    padding: 0px;
    position: relative;
    text-transform: uppercase;
    z-index: 999;
}
.services-we-do h2 small {
    color: #ffb85f;
    display: block;
    font-family: open sans;
    font-size: 16px;
    font-weight: 600;
    margin: 0px;
    padding: 0px;
    position: relative;
    text-transform: uppercase;
    z-index: 999;
}
.services-we-do h2 span {
    font-weight: 300;
    color: #ffb85f;
}
.services-we-do .feature-icon {
    background: #ffb85f;
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 27px;
    height: 50px;
    line-height: 50px;
    margin: 15px 10px 6px 0;
    text-align: center;
    width: 50px;
}
.services-we-do .single-feature > h4 {
    color: #444;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.services-we-do .single-feature > h4 span {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
}
.services-we-do .single-feature > p {
    color: #333;
    display: table-cell;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 21px;
    padding-bottom: 10px;
    position: relative;
    text-align: left;
}
.services-we-do .single-feature > p::after {
    background: #ffb85f;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 40px;
}
.orange-bg {
    background: rgba(0, 0, 0, 0.8);
    left: 0px;
    margin: auto;
    padding: 15px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 80%;
}
.orange-bg h3 {
    color: #fff;
    font-size: 23px;
    font-weight: 600;
    text-align: center;
	padding:0px;
}
.orange-bg h3 span {
    color: #ffb85f;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 11px;
}
.orange-bg p {
  color: #fff;
  font-family: arial,helvetica,serif;
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 26px;
  text-align: center;
}
.orange-bg > a {
    color: #ffb85f;
    display: block;
    font-family: open sans;
    font-size: 14px;
    padding-top: 30px;
    text-align: center;
    text-transform: uppercase;
}
#testimonal-client h2 {
    color: #282828;
    display: block;
    font-family: open sans;
    font-size: 30px;
    font-weight: 300;
    margin: 0px 0 20px;
    padding: 0;
    position: relative;
    text-transform: uppercase;
    z-index: 999;
}
section#testimonal-client {
    background: #eee url(../images/client-say.png) no-repeat right bottom;
    margin: 0px;
    padding: 90px 0px;
}
#faq .panel {
    border: none;
    border-radius: 0;
}
#faq .panel-default > .panel-heading {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 5px solid #f3f5f5;
    color: #333;
}
#faq .panel-default > .panel-heading h4 {
    color: #282828;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
}
#faq .panel-body {
    color: #282828;
    font-family: georgia, helvetica, serif;
    font-size: 16px;
    text-align: justify;
}
#faq .panel-heading h4 a.accordion-toggle::after {
    color: #ffb85f;
    content: "-";
    font-size: 30px;
    left: 0;
    line-height: 19px;
    position: absolute;
    top: 0;
    z-index: 999;
}
#faq .panel-heading h4 a.accordion-toggle.collapsed::after {
    color: #462066;
    content: "+" !important;
    font-size: 30px;
    left: 0;
    line-height: 19px;
    position: absolute;
    top: 0;
    z-index: 999;
}
#faq .panel-heading h4 a.accordion-toggle.collapsed {
    padding-left: 21px;
    position: relative;
}
#faq .panel-heading h4 a.accordion-toggle {
    padding-left: 21px;
    position: relative;
}


/**************** #Service **********************/

#services .services-group {
  margin-top: 50px;
}
#services .single-service {
  background-color: #f1f1f1;
  margin-bottom: 30px;
  padding: 60px 25px;
  transition: all 0.7s ease 0s;
  position:relative;
}
#services .single-service h5 {
  font-size: 18px;
  font-weight: 600;
  color:#282828;
  margin: 15px 0;
  text-transform: uppercase;
  z-index:1;
  position:relative;
}
#services .single-service p {
  font-size: 14px;
  font-weight: 400;
  color:#282828;
  z-index:1;
  position:relative;
}

#services .single-service i {
  color: #282828;
  font-size: 55px;
  font-weight: 400;
  position:relative;
  z-index: 0;
  transition: all 500ms ease 0s;
}

#services .single-service a {
  background: #282828;
  border-radius: 20px;
  color: #fff;
  display: table;
  font-size: 14px;
  font-weight: 600;
  margin: auto;
  padding: 7px 20px;
  text-transform: uppercase;
}
#services .single-service:hover{
	position:relative;
	bottom:5px;
}
#services .single-service:hover a{background:#FFB85F; color:#fff;}

.about-section {
  padding: 80px 0 50px;
}
.about-section .about-post iframe {
  height: 300px;
  width:100%;
}
.about-section h2 {
  color: #222222;
  font-family: open sans;
  font-size: 16px;
  font-weight: 600;
  margin: 30px 0px 20px;
  text-transform: uppercase;
}

.about-section p {
	color: #282828;
	font-family: open sans;
	font-size: 14px;
	font-weight: 400;
}

/**************** #Service end **********************/

/*************** Portfolio start ********************/

/*-------------------------------------------------*/
/* =  projects page
/*-------------------------------------------------*/
.projects-page-section .project-box {
  width: 1070px;
  margin-left: -15px;
  margin-top: -15px;
}
.projects-page-section .project-box .project-post {
  width: 262px;
  margin: 10px;
}
.projects-page-section .project-box.col3 .project-post {
  width: 360px;
}
.projects-page-section .project-box.col2 .project-post {
  width: 512px;
}

.projects-section {
  padding: 60px 0;
  background: #f7f7f7;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  position: relative;
}
.projects-section .container {
  position: relative;
  z-index: 2;
}
.projects-section ul.filter {
  margin: 0;
  padding: 0;
  margin-top: 20px;
  text-align: right !important;
}
.projects-section ul.filter li {
  display: inline-block;
  margin: 0 0 0 15px;
}
.projects-section ul.filter li a {
  display: inline-block;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  color: #666666;
  font-size: 14px;
  letter-spacing: 1.3px;
  padding-bottom: 3px;
  border-bottom: 2px solid transparent;
  text-transform:uppercase;
}
.projects-section ul.filter li a.active,
.projects-section ul.filter li a:hover {
  color: #222222;
  border-bottom: 2px solid #222222;
}
.project-box {
  position: relative;
  z-index: 2;
}
.project-box .project-post {
  width: 20%;
  position: relative;
  float:left;
  overflow: hidden;
}
.project-box .project-post img {
  width: 100%;
}
.project-box .project-post .hover-box {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}
.project-box .project-post .hover-box .inner-hover {
  position: absolute;
  left: 0;
  width: 100%;
  top: 50%;
  text-align: center;
  margin-top: -30px;
}
.project-box .project-post .hover-box .inner-hover h2 {
  color: #222222;
  font-size: 17px;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  margin: 0 0 15px;
  font-size: 22px;
  color: #ffffff;
  text-transform: capitalize;
  margin: 0;
  font-weight: 600;
}
.project-box .project-post .hover-box .inner-hover h2 a {
  display: inline-block;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  color: #ffffff;
}
.project-box .project-post .hover-box .inner-hover h2 a:hover {
  color: #ffba00;
}
.project-box .project-post .hover-box .inner-hover span {
  display: block;
  font-family: "Roboto",sans-serif;
  font-weight: 300;
  color: #ffba00;
  margin-bottom: 7px;
  font-size: 20px;
}
.project-box .project-post .hover-box .inner-hover > a {
  display: inline-block;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  color: #ffffff;
  font-size: 18px;
  margin: 0 5px;
}
.project-box .project-post .hover-box .inner-hover > a:hover {
  color: #ffba00;
}
.project-box .project-post.snd-size {
  width: 40%;
}
.project-box .project-post:hover .hover-box {
  visibility: visible;
  opacity: 1;
}
.title-section.alt-title {
  margin-bottom: 20px;
  overflow: hidden;
  text-align: left;
}
.title-section.alt-title h1::after {
  height: 2px;
  left: 0;
  margin-left: 0;
}
.title-section h1::after {
  background: #ffba00;
  bottom: -1px;
  content: "";
  height: 3px;
  left: 50%;
  margin-left: -15px;
  position: absolute;
  width: 30px;
}
.title-section h1 {
  color: #222222;
  font-family: "Roboto",sans-serif;
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 20px;
  padding-bottom: 20px;
  position: relative;
  text-transform: uppercase;
}

/********* end **************/

/************** contact Form *********************/

/*-------------------------------------------------*/
/* =  contact page
/*-------------------------------------------------*/
#map,
#map2 {
  height: 700px;
}
.contact-section {
  padding: 80px 0;
}
.contact-section .contact-info {
  margin-bottom: 30px;
  margin-top: 10px;
}
.contact-section h2 {
  color: #222222;
  font-size: 17px;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  margin: 0 0 15px;
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 25px;
}
.contact-section p {
  margin-bottom: 30px;
}
.contact-section ul.information-list {
  margin: 0;
  padding: 0;
}
.contact-section ul.information-list li {
  list-style: none;
  overflow: hidden;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 10px;
}
.contact-section ul.information-list li i {
  float: left;
  color: #222222;
  font-size: 15px;
  display: inline-block;
  line-height: 24px;
}
.contact-section ul.information-list li span {
  display: block;
  font-size: 13px;
  color: #666666;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  line-height: 20px;
  margin: 0 0 10px;
  margin-bottom: 8px;
  margin-left: 25px;
  color: #222222;
}
.contact-section ul.information-list li a {
  font-size: 13px;
  color: #666666;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  line-height: 20px;
  margin: 0 0 10px;
  display: inline-block;
  margin-left: 12px;
  margin-bottom: 10px;
  color: #222222;
}
.contact-section ul.information-list li:last-child {
  border-bottom: none;
}
#contact-form input[type="text"],
.comment-form input[type="text"],
#contact-form textarea,
.comment-form textarea {
  width: 100%;
  padding: 10px 20px;
  border: 1px solid #dedede;
  margin-bottom: 20px;
  outline: none;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  color: #666666;
  font-size: 13px;
  font-family: 'Roboto', sans-serif;
}
#contact-form input[type="text"]:focus,
.comment-form input[type="text"]:focus,
#contact-form textarea:focus,
.comment-form textarea:focus {
  border: 1px solid #ffba00;
}
#contact-form textarea,
.comment-form textarea {
  height: 146px;
}
#contact-form input[type="submit"],
.comment-form input[type="submit"] {
  padding: 12px 30px;
  outline: none;
  border: none;
  background: #ffba00;
  color: #ffffff;
  font-size: 13px;
  font-family: 'Roboto', sans-serif;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  margin-bottom: 10px;
}
#contact-form input[type="submit"]:hover,
.comment-form input[type="submit"]:hover {
  opacity: 0.7;
}
#contact-form .message,
.comment-form .message {
  height: 30px;
  padding: 10px 20px;
  font-size: 13px;
  font-family: 'Roboto', sans-serif;
}
#contact-form .message.error,
.comment-form .message.error {
  color: #e74c3c;
  background: rgba(246, 80, 80, 0.4);
  border: 1px solid #e74c3c;
}
#contact-form .message.success,
.comment-form .message.success {
  color: #29b504;
  background: rgba(63, 220, 21, 0.4);
  border: 1px solid #29b504;
}

/*  end */


/*** skil ***/

.skill-text p {
    text-align: justify;
}

.our-skill,
.skill-text {
    margin-top: 30px;
}

.progress-bar-text span {
    float: right
}

.progress-bar-text {
  font-family: Roboto !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.progress-bar {
    background: #ccc;
    box-shadow: 0 0 0;
    height: 2px;
    margin: 0 0 20px;
    position: relative;
    width: 100%;
}

.progress-bar > span {
    background: #FFB85F;
    display: block;
    height: 100%;
    width: 0;
}

/* end */


/*
* ----------------------------------------------------------------------------------------
* 11.PRICING CSS STYLE
* ----------------------------------------------------------------------------------------
*/

.section-padding {
  padding-bottom: 50px;
  padding-top: 50px;
}
.pricing-table {
    background: #f5f5f5;
    padding: 30px 40px;
     position: relative;
    margin-top: 40px;
    border-radius: 10px;
}
.pricing-table p{color:#282828;}
.pricing-table:hover p{color:#fff;}
.price-title {
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 15px;
    text-transform: uppercase;
	color:#282828;
}

.pricing-table:hover .price-title{border-bottom: 1px solid #fff;}
          
.price p {
    color: #FFB85F;
    font-weight: 900;
    font-size: 62px;
    display: inline-table;
    margin: 30px 0 20px 0;
}

.price span.dollor {
    font-size: 20px;
    vertical-align: middle;
}

.price span {
    display: table-cell;
}

.price span.month {
    font-size: 15px;
    font-weight: normal;
}

.pricing-table a.read-more {
  background: #FFB85F;
  border: 1px solid #fff;
  border-radius: 100px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  margin-top: 20px;
  padding: 10px 25px;
  text-transform: uppercase;
}
.pricing-table:hover {
    background-color: #FFB85F;
    color:#fff !important;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
    -ms-transform: scale(1.1, 1.1); /* IE 9 */
    -webkit-transform: scale(1.1, 1.1); /* Safari */
    transform: scale(1.1, 1.1);
}
.pricing-table:hover a.read-more {
    background: transparent;
    border: 1px solid #fff;
    color:#fff !important;
}
.pricing-table:hover .price p {
    color:#fff;
}
.section-title {
  margin-bottom: 30px;
}
.section-title h2 {
  font-size: 30px;
  font-weight: 700;
  margin: 0;
  color:#282828;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}
.title-divider i {
  color: #FFB85F;
}
.title-divider {
  display: inherit;
  text-align: center;
}
.title-divider::after, .title-divider::before {
  content: "";
  display: inline-block;
  height: 1px;
  text-align: center;
  vertical-align: middle;
  width: 8%;
}
.title-divider::after {
  background-image: -moz-linear-gradient(right center , rgba(255, 255, 255, 0), #b1b1b1);
  margin-left: 4px;
}
.title-divider::after, .title-divider::before {
  content: "";
  display: inline-block;
  height: 1px;
  text-align: center;
  vertical-align: middle;
  width: 8%;
}
.title-divider::before {
  background-image: -moz-linear-gradient(left center , rgba(255, 255, 255, 0), #b1b1b1);
  margin-right: 4px;
}
/* end */

.single-h4 h4{
	min-height:40px;	
}


/************** slider css ****************/
.left-cc {
  bottom: inherit;
  left: 20%;
  right: inherit;
  text-align: left;
  text-shadow: 0 0 0 #333;
  top: 50%;
  transform: translateY(-50%);
}
.left-cc h1 {
  color: #282828;
  font-family: roboto;
  font-size: 55px;
  font-weight: 500;
  text-transform: uppercase;
  margin:0px;
  letter-spacing:-2px;
}
.left-cc .slide-box small{
  color: #282828;
  font-family: roboto;
  font-size: 21px;
  letter-spacing:1px;
  font-weight: 500;
  text-transform: uppercase;
}

.left-cc small.no-91{  
  margin:20px 10px 0px 0px;
  display:inline-block;
  position:relative;
  top:5px;
}
.left-cc small.no-91 a{
	color: #282828;
	font-family: roboto;
	font-size: 30px;
	letter-spacing:1px;
	font-weight: 500;
	text-transform: uppercase;
	text-shadow:0px 0px 0px #fff;
}

.left-cc small.bt-slider{  
  margin:20px 0px 0px;
  display:inline-block;  
}
.left-cc small.bt-slider a {
  background: #462066;
  border-radius: 40px;
  color: #fff;
  display: block;
  font-family: roboto;
  font-size: 14px;
  font-weight: 300;
  height: 50px;
  letter-spacing: 3px;
  line-height: 50px;
  padding: 0 30px;
  text-shadow: 0 0 0 #fff;
  text-transform: uppercase;
}

.right-cc {
  bottom: inherit;
  right: 20%;
  text-align: right;
  text-shadow: 0 0 0 #333;
  top: 50%;
  transform: translateY(-50%);
}
.right-cc h1 {
  color: #282828;
  font-family: roboto;
  font-size: 55px;
  font-weight: 500;
  text-transform: uppercase;
  margin:0px;
  letter-spacing:-2px;
}
.right-cc .slide-box small{
  color: #282828;
  font-family: roboto;
  font-size: 21px;
  letter-spacing:1px;
  font-weight: 500;
  text-transform: uppercase;
}

.right-cc small.no-91{  
  margin:0px;
  display:inline-block;
}
.right-cc small.no-91 a{
	color: #282828;
	font-family: roboto;
	font-size: 30px;
	letter-spacing:1px;
	font-weight: 500;
	text-transform: uppercase;
	text-shadow:0px 0px 0px #fff;
}

.right-cc small.bt-slider{  
  margin:20px 0px 0px;
  display:inline-block;  
}
.right-cc small.bt-slider a {
  background: #462066;
  border-radius: 40px;
  color: #fff;
  display: block;
  font-family: roboto;
  font-size: 14px;
  font-weight: 300;
  height: 50px;
  letter-spacing: 3px;
  line-height: 50px;
  padding: 0 30px;
  text-shadow: 0 0 0 #fff;
  text-transform: uppercase;
}
.center-col {
  float: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
/* text color */
.white-text{ color:#FFF !important} 
.magenta-text{ color:#d94378 !important}
.orange-text{ color:#ff513b !important}
.orange-light-text{ color:#ef824c !important}
.deep-red-text{ color:#e75e50 !important}
.black-text{ color:#000 !important}
.yellow-text{ color:#e6af2a !important}
.yellow-light-text{color: #ffd200 !important}
.fast-yellow-text{ color:#f7d23d !important}
.pink-text{ color:#d9378e !important}
.light-gray-text{ color: #ababab !important}
.deep-gray-text { color: #464646 !important; }
.deep-light-gray-text { color: #878787 !important; }
.gray-text {  color:#7f7f7f !important}
.dark-gray-text { color:#373737 !important}

/* ===================================
    Background color
====================================== */
.bg-white{ background: #fff !important;}
.bg-yellow{ background: #e6af2a !important; }
.bg-deep-yellow{ background: #f7f5e7 !important; }
.bg-golden-yellow{ background: #c3bd86 !important; }
.bg-fast-yellow{ background: #fdd947 !important; }
.bg-dark-gray{ background: #252525 !important; }
.bg-mid-gray{ background: #d4d4d4 !important; }
.bg-black{ background: #000000 !important; }
.bg-highlight{ background: #345b8f !important; text-align:center}
.bg-green{ background: #70bd5b !important; }
.bg-gray-light { background-color: #fcfcfc !important;}
.bg-gray {background-color: #f6f6f6 !important;}
.bg-yellow-ochre { background-color: #997546 !important;}
.bg-deep-brown{ background-color: #544441 !important;}
.bg-transparent { background:transparent !important}
.bg-orange { background:#c24742 !important;}
.bg-deep-orange { background:#f15a22 !important;}
.bg-fast-orange { background:#ff513b !important;}
.bg-pink { background:#c2345f !important}
.bg-deep-red { background:#e75e50 !important}
.bg-deep-pink { background:#e53878 !important}
.bg-light-pink { background:#dc378e !important}
.bg-fast-pink { background:#ff1a56 !important}
.bg-magenta { background:#d94378 !important }
.bg-light-yellow {background:#f8f7f5 !important}
.bg-dark-green{ background:#60a532 !important;}
.bg-dark-blue { background:#3273a5 !important;}
.bg-violet { background:#6c407e !important}
.dark-section{ color: #939393 !important}
.bg-light-gray { background-color: #f8f7f7 !important; }
.bg-slider {background: rgba(27, 22, 28, 0.9)}
.parallax-gray-bg{ background: rgba(246,246,246,1)}
.bg-light-orange { background-color: #ef824c !important;}
.bg-inherit { background-color: inherit !important;}

/* separator */
.separator-line { height: 2px; margin: 0 auto; width: 30px; margin:7% auto}
.separator-line-thick { height: 4px; margin: 0 auto; width: 30px; margin:7% auto}
.separator-line-vertical { width:7px; height:80px; background-color:#fff; float:left; margin-right:90px;}
.slider-text .separator-line { margin:14% auto; height: 2px}
.thin-separator-line { height: 1px; width: 30px; margin:7% auto}
.vertical-separator { height:25px; width:25px; border-left:1px solid #000}
.wide-separator-line { height: 1px;  background-color:#e5e5e5; margin:5% 15px;}
.indicators-black .active { background-color: #000; border: 2px solid rgba(0, 0, 0, 1); }
.indicators-black li { border: 2px solid rgba(0, 0, 0, 1);}

/* display */
.display-block { display: block !important}
.overflow-hidden{ overflow: hidden !important}
.overflow-hidden-mobile{ position:fixed !important; overflow: hidden !important}
.display-inline-block { display: inline-block !important}
.display-inline { display: inline !important}
.display-none { display: none !important}
.display-table { display: table !important}

/* position */
.position-relative{ position: relative !important; z-index: 5 }
.position-absolute {position: absolute !important;}
.position-right { right:0 !important; }
.position-left { left:0 !important; }
.position-top { top:0 !important; }

/* letter spacing */
.no-letter-spacing { letter-spacing: 0px !important}
.letter-spacing-1 { letter-spacing:1px !important}
.letter-spacing-2 { letter-spacing:2px !important}
.letter-spacing-3 { letter-spacing:3px !important}
.letter-spacing-4 { letter-spacing:4px !important}
.letter-spacing-5 { letter-spacing:5px !important}
.letter-spacing-6 { letter-spacing:6px !important}
.letter-spacing-7 { letter-spacing:7px !important}
.letter-spacing-8 { letter-spacing:8px !important}
.letter-spacing-9 { letter-spacing:9px !important}
.letter-spacing-10 { letter-spacing:10px !important}

/* font weight */
.font-weight-100 { font-weight:100 !important}
.font-weight-300 { font-weight:300 !important}
.font-weight-400 { font-weight:400 !important}
.font-weight-600 { font-weight:600 !important}
.font-weight-700 { font-weight:700 !important}
.font-weight-800 { font-weight:800 !important}

/* text property */
.text-transform-unset { text-transform:unset !important}
.text-decoration-underline { text-decoration:underline !important; }
.word-wrap { word-wrap: break-word}
.text-transform-none {text-transform:none !important}
.text-transform-uppercase {text-transform: uppercase !important}

.Quote-popup{padding:25px 15px 25px;}
.Quote-popup h2 {
  color: #282828;
  font-size: 26px;
  font-weight: 600;
  margin: 0 0 14px;
  padding: 0;
  text-transform: uppercase;
   text-align:center;
}
.Quote-popup p{padding:0px; margin:0px; color:#282828; font-weight:400; font-size:14px; text-align:center;}
.Quote-popup address{padding:0px; margin:0px 0px 20px; color:#282828; font-weight:400; font-size:14px; text-align:center;}
.contact-custom label{margin:10px 0px 10px; padding:0px; font-weight:400; color:#282828; font-size:14px; text-align:left;}
.contact-custom input[type="text"] {
  border: medium none;
  height: 30px;
  width: 100%;
}
.contact-custom textarea[name="comments "] {
  border: medium none;
  height: 50px;
  width: 100%;
}
.contact-custom input[type="Submit "] {
  background: #462066;
  border: medium none;
  color: #fff;
  display: table;
  font-size:15px;
  font-weight: 500;
  height: 52px;
  letter-spacing: 3px;
  margin: 10px 0 0;
  text-align: center;
  text-transform: uppercase;
  width: 150px;
}
.Quote-popup address strong{
	border-bottom: 1px solid #f1f1f1;
	border-top: 1px solid #f1f1f1;
	display: block;
	font-size: 20px;
	font-weight: 600;
	margin-top: 10px;
	padding-top: 5px;
}
.about-post > ul {
  list-style: outside none none;
  padding: 0;
}
.about-post > ul li {
  color: #282828;
  font-size: 14px;
  line-height: 28px;
}