@charset "utf-8";
/* CSS Document */

body {
	font-family: 'Roboto', sans-serif;
	
}



header {

	padding:20px 50px;
    top: 0;
    width: 100%;
    z-index: 2;
	background:#f9f9f7;
}


.nav-icon {
    width: 25px;
    height: 25px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    margin-top: 15px;
}

.nav-icon span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #000;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.nav-icon span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

.nav-icon span:nth-child(2) {
    top: 8px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
	width: 50%;
    right: 0 !important;
}
.nav-icon:hover span:nth-child(2) {width:100%;}

.nav-icon span:nth-child(3) {
    top: 16px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    width: 70%;
    right: 0 !important;
}

.nav-icon:hover span:nth-child(3) {
    width: 100%;
}



.full-menu {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background-size: cover;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
	background:#000;
}

/* Full Menu */

.full-menu .modal-close {
    /* 'X' icon */
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    padding: 50px;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.3) url(../img/icon-close.svg) no-repeat center center;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s;
    -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s;
    transition: transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s;
}


.no-touch .full-menu .modal-close:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

.no-cssanimations .cd-transition-layer {
  display: none;
}

.no-touch .cd-modal .modal-close:hover {
  background-color: rgba(0, 0, 0, 0.5);
}

.no-touch .cd-btn:hover {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}

.full-menu.visible {
    background-size: 100%;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.7s, visibility 0s;
    -moz-transition: opacity 0.7s, visibility 0s;
    transition: opacity 0.7s, visibility 0s;
}

.full-menu.visible .fullmenu-content {
    -webkit-overflow-scrolling: touch;
	padding:100px 0 30px 0;
}

.full-menu.visible .modal-close {
    visibility: visible;
    opacity: 1;
    -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s;
    -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s;
    transition: transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.fullmenu-content h3{color:#fff; font-size:24px;}
.fullmenu-content ul{padding:0px;}
.fullmenu-content li{list-style:none;}
.fullmenu-content li a {
    width: 100%;
    color: #fff;
    font-size: 14px;
    padding: 15px 0 15px 5px;
    display: block;
}



.main-slider{width:100%; float:left; background:#f9f9f7 url(../img/bg-slider.png) no-repeat; background-position: right center; padding: 100px 0; position:relative;}
.main-slider h2{font-size:4em; font-weight:100; font-weight:300;}
.main-slider p{}
.main-slider  .knowmore{background: url(../img/slider-botton.png) center center no-repeat;padding: 30px 55px;background-size: contain;color: #fff;margin-top: 0px;display: inline-flex;}
.main-slider:before {
    background: url(../img/mockup-5.png);
    position: absolute;
    content: "";
    height: 400px;
    width: 134px;
    background-size: cover;
    bottom: 0px;
    left: 0px;
    background-repeat: no-repeat;
    background-position: bottom right; top:50px
}

ul.toplnk { display:block;}
ul.toplnk { list-style:none; text-align:right;}
ul.toplnk a { color:#e5370e; font-size:17px;}
ul.toplnk a:hover { color:#222;}
.copyright { font-size:16px; color:#ccc; text-align:center; margin:0px;}
.clientlogo { margin-left:2%;}
.clientlogo img { display:block; text-align:center; padding-bottom:10px; width:99%;}
.about-h{padding:50px 0; float:left; width:100%;background:#fff;}
.about-h h1{color:#000; font-size:45px; font-weight:500;}
.about-h span{color:#e5370e; font-weight:400; font-size:22px;} 
.about-h-img {text-align: right;}
.about-h .row { display:flex; align-items:center;}
.advertising .row { display:flex; align-items:center;}




.advertising{padding:70px 0; float:left; width:100%;background:#ebebea;}
.advertising h1{color:#000; font-size:45px; font-weight:500;}
.advertising span{color:#e5370e; font-weight:400; font-size:22px;} 
.advertising .about-h-img {text-align: left;}
.advertising .knowmore{background: url(../img/slider-botton.png) center center no-repeat;padding: 30px 55px;background-size: contain;color: #fff;margin-top: 0px;display: inline-flex;}

.public-r{padding:150px 0; float:left; width:100%;background:#fff;}
.public-r h1{color:#000; font-size:52px; font-weight:600;}
.public-r h1 span{color:#26cad6; font-weight:100;} 
.public-r .about-h-img {text-align: right;}
.public-r .knowmore{background: url(../img/slider-botton.png) center center no-repeat;padding: 30px 55px;background-size: contain;color: #fff;margin-top: 0px;display: inline-flex;}

.add_bg {}
.location { margin:20px 0px 0px !important; font-size:15px; font-weight:500;}

.branding-m{padding:150px 0; float:left; width:100%;background:#f9f9f7;}
.branding-m h1{color:#000; font-size:52px; font-weight:600;}
.branding-m h1 span{color:#26cad6; font-weight:100;} 
.branding-m .about-h-img {text-align: left;}
.branding-m .knowmore{background: url(../img/slider-botton.png) center center no-repeat;padding: 30px 55px;background-size: contain;color: #fff;margin-top: 0px;display: inline-flex;}

.start-project{padding:50px 0px 10px; float:left; width:100%;background:#fff;}
.start-project .page-heading {color:#000; font-size:30px; font-weight:600;}
.start-project .page-heading span{color:#26cad6; font-size:50px; font-weight:100;}
.start-project .inner-content {padding:20px 0px;text-align: center;}
.start-project  p{margin:10px 0 30px;display: inline-block;}
.start-project .knowmore{background: url(../img/slider-botton.png) center center no-repeat;padding: 30px 55px;background-size: contain;color: #fff;margin-top: 0px;display: inline-flex;}


.fact-counter{padding:150px 0; float:left; width:100%;background:url(../img/2.jpg) no-repeat;background-size: cover;background-attachment: fixed;background-position: center center; position:relative;
}
.fact-counter:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,.69);
    opacity: 1;
    z-index: 0;
}
.fact-counter .column {
    position: relative;
    margin-bottom: 40px;
    text-align: center;
    z-index: 5;
}
.fact-counter .item {
    color: #fff;
    padding: 17px 0 25px;
}
.fact-counter .column .icon i {
    position: relative;
    line-height: 40px;
	font-size:50px;
    color: #fff;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.fact-counter .count-outer {
    position: relative;
    font-size: 42px;
    font-weight: 500;
    padding: 4px 10px 2px;
    font-family: poppins,Sans-serif;
}
.fact-counter .count-outer {
    position: relative;
    font-size: 42px;
    font-weight: 500;
    padding: 4px 10px 2px;
    font-family: poppins,Sans-serif;
}
.fact-counter .column .counter-title {
    position: relative;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    letter-spacing: 1px;
}
footer{padding:0px 0; float:left; width:100%;background:#fff;}
.footer-top {background: #022549; padding: 50px 0; color:#fff;}
.footer-top h4 {color: #fff;font-weight: 600;font-size: 20px;}
.footer-links { padding: 0;}
.branch-office{color:#fff;}
.footer-links li {line-height: 32px; font-size: 12px;  padding-left: 2px; list-style: none;}
.footer-top a, .footer-top p { color: #fff; font-size:13px;}
.bottom-footer { background: #01082d;padding: 10px 0px;}
.footer-contact, .footer-social { margin: 0; padding: 0;}
.footer-contact li { display: inline-block; color: #fff; padding: 0 5px; border-right: 1px solid #fff; font-size: 12px; line-height: 10px;}
.footer-contact li a{color:#fff;}
.footer-social li {list-style: none; display: inline-block;}
.footer-social li a { color: #fff; padding: 0 5px;}
.titleconfd{font-size: 13px !important;margin: 0px;text-align: center;padding-bottom: 20px;}


@media only screen and (min-width: 0px) and (max-width: 600px){
    html,body{width: 100% !important;overflow-x: hidden;}
header {
    padding: 10px 10px;}

.main-slider h2 {
    font-size: 2.5em;}
.main-slider{padding: 50px 0px;}
.mobdesd{display: none !important;}
.main-slider{background-image: none;}
.clientlogo {
    margin-left: -15px !important;
}
.img-fluid{width: 100%;}
.advertising h1{font-size: 40px;}
}