/* **
 * ========================================
 * Includes Fonts
 * ========================================
 ** */


@font-face {
    font-family: FontAwesome;
    src: url(../fonts/font-awesome/fonts/FontAwesome.otf);
}

@font-face {
    font-family: fontawesome-webfont;
    src: url(../fonts/font-awesome/fonts/fontawesome-webfont.ttf);
}	

@font-face {
    font-family: Poppins-R;
    src: url(../fonts/poppins/Poppins-Regular.ttf);
}

@font-face {
    font-family: Poppins-L;
    src: url(../fonts/poppins/Poppins-Light.ttf);
}

@font-face {
    font-family: Poppins-M;
    src: url(../fonts/poppins/Poppins-Medium.ttf);
}

@font-face {
    font-family: Poppins-B;
    src: url(../fonts/poppins/Poppins-Bold.ttf);
}

@font-face {
    font-family: Roboto-BL;
    src: url(../fonts/roboto/Roboto-Black.ttf);
}

@font-face {
    font-family: Roboto-R;
    src: url(../fonts/roboto/Roboto-Regular.ttf);
}
	
@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/font-awesome/fonts/fontawesome-webfont.eot'); /* support Internet explorer  */
    src: url('../fonts/font-awesome/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), /* support Internet explorer  */
    url('../fonts/font-awesome/fonts/fontawesome-webfont.woff') format('woff'), /* support Modern browser  */
    url('../fonts/font-awesome/fonts/fontawesome-webfont.ttf') format('truetype'), /* support firefox , chrome   */
    url('../fonts/font-awesome/fonts/fontawesome-webfont.svg') format('svg');/* Svg form   */
	font-weight: normal; 
	font-style :normal;		 
}	


@font-face {
    font-family: 'open-sans';
    src: url('../fonts/open-sans/OpenSans-Regular-webfont.eot');   /* support Internet explorer  */
    src: url('../fonts/open-sans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), /* support Internet explorer  */
    url('../fonts/open-sans/OpenSans-Regular-webfont.woff') format('woff'), /* support Modern browser  */
    url('../fonts/open-sans/OpenSans-Regular.ttf') format('truetype'), /* support firefox , chrome   */
    url('') format('svg');
	font-weight: normal;
	font-style :normal ;	 
}

#html5-watermark{
	display: none !important;
}

header .call-btn{
	display: none;
}

.kiwi-logo {}
.kiwi-logo img {width: 180px;}


/*------- jump to Top --------*/

#moveup .fa{
	width: 35px;
	height: 40px;
	text-align: center;
	position: fixed;
	right: 30px;
	left: auto;
	bottom: 50px;
	color: #fff;
	font-size: 35px;
	background-color: #0A597F;
	z-index: 9999;
}

.jumper.j1 {
	opacity: 0;
	
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
}

.jumper.j1.showup{
	opacity: 1;
}

.clearfix{
	clear: both;
}

.navbar-default {
    background-color: transparent;
    border: none;
	margin: 0;
}

.blu-btn{
	font-family: Poppins-M;
	font-size: 12px;
	color: #fff;
	background-color: #0068c9;
	text-transform: uppercase;
	text-align: center;
	padding: 15px 40px;
	border: none;
	border-radius: 0;
	margin: 30px 0 15px;
	
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.blu-btn:hover,
.blu-btn:focus,
.blu-btn:visited{
	background-color: #231F20;
	border: none;
	color: #fff;
}

header .navbar-default .navbar-nav > li > a{
	font-family: Poppins-R;
	font-size: 18px;
	color: #231f20;
	padding: 20px 15px;
	background-color: transparent;
	
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

header .navbar-default .navbar-nav > li > a:hover, 
header .navbar-default .navbar-nav > li > a:focus{
	color: #0068c9;
	background-color: transparent;
}

header .navbar-default .navbar-nav > .active > a, 
header .navbar-default .navbar-nav > .active > a:hover, 
header .navbar-default .navbar-nav > .active > a:focus{
	color: #0068c9;
	background-color: transparent;
}

header{
	width: 100%;
	position: fixed;
	z-index: 9999;
	background-color: rgba(255, 255, 255, .7);	
	top: 0;
	/* height: 157px; */
	
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
	
	padding: 22px 0;
	
	-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.16);
	-moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.16);
	box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.16);
}

header a{
	text-decoration: none !important;
	outline: 0 !important;
}

header .menu-right{
	float: right;
	border-left: 1px solid #231f20;
	padding: 8px 0 8px 18px;
	margin-left: 18px;
	vertical-align: top;
}

header .menu-right h3{
	font-family: Poppins-R;
	font-size: 12px;
	color: #231f20;
	text-transform: uppercase;
	margin: 0 0 4px;
}

header .menu-right h2{
	font-family: Poppins-M;
	font-size: 23px;
	color: #0068c9;
	margin: 0;
}
	
header.sticky{
	padding: 0;
	background-color: rgba(255, 255, 255, 1);	
}

header .navbar-brand > img{
    height: 97px;
    margin-top: -33px;
    
    -webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

header.sticky .navbar-brand > img {
    display: block;
    height: 60px;
    margin-top: -14px;
}


/*---------- banner-section ---------*/

.banner-section{
	background-image: url('../images/bb-main-banner.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top left;
	height: 684px;
}

.banner-container .bann-content{
	padding-top: 300px;
	text-align: center;
	margin: 0 auto;
}

.banner-container .bann-content h1{
	font-family: Poppins-B;
	font-size: 36px;
	color: #fff;
	text-transform: uppercase;
	margin: 0 auto 24px;
}

.banner-container .bann-content h1 span{
	display: block;
	margin: 15px auto 0;
	height: 1px;
	width: 300px;
	border-top: 1px solid #fff;
}

.banner-container .btn{
	margin: 0 auto;
}

/*------- sicons-section ------*/

.sicons-container a{
	text-decoration: none !important;
}

.sicons-container a:focus{
	outline: 0 !important;
}

.sicons-container .sicons-box{
	position: fixed;
	right: -3px;
	top: 30%;
	background-color: #fff;
	padding: 12px 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	z-index: 9999;
	
	display: none;
}

.sicons-container .sicons-box .fa{
	font-size: 32px;
	color: #212121;
	display: block;
	
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.sicons-container .sicons-box .fa-twitter{
	margin: 3px 0;
}

.sicons-container .sicons-box .fa:hover{
	color: #ffb922;
}

/*--------- Welcome Section ----------*/

.welcome-section{
	background-color: #f6f7f8;
	padding: 80px 0 62px;
	
	background-image: url('../images/texture1.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.welcome-container .left-img{
	text-align: left;
	position: relative;
	z-index: 10;
}

.welcome-container .right-img{
	position: absolute;
	z-index: 30;
	left: 264px;
	border: 12px solid #fff;
	bottom: 43px;
	
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

.welcome-container .left-colm:hover .right-img{
	left: 300px;
}

.welcome-container .content-heading{
	font-family: Poppins-B;
	font-size: 30px;
	color: #231F20;
	text-transform: uppercase;
	margin: 0 0 28px;
}

.welcome-container .content-heading span{
	font-size: 18px;
	display: block;
	margin-bottom: 20px;
}

.welcome-container .left-colm{
	padding-right: 40px;
}

p{
	font-family: Poppins-L;
	font-size: 18px;
	color: #231F20;
	margin-bottom: 22px;
}

.welcome-container .img-wrap{
	display: inline-block;
	float: right;
}

.welcome-container .img-wrap:before{
	content: "";
	width: 553px;
	height: 348px;
	border: 30px solid #D7D7D7;
	position: absolute;
	right: 85px;
	top: 70px;
	z-index: 10;
	
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.welcome-container .img-wrap .r-img{
	position: relative;
	z-index: 100;
}

.welcome-container .img-wrap:hover:before{
	right: 110px;
}

.welcome-container .since-img{
	margin-bottom: 10px;
}

.big-heading{
	font-family: Poppins-B;
	font-size: 72px;
	color: #b6b6b7;
	text-transform: uppercase;
	margin: 30px 0;
	padding: 0 40px;
}

.big-heading span.sm{
	font-family: Poppins-R;
	font-size: 20px;
	color: #231F20;
	text-transform: uppercase;
	display: block;
	margin-top: -12px;
}

.big-heading.rr{
	border: none;
	text-align: right;
	border-right: 11px solid #231F20;
}

.big-heading.ll{
	border: none;
	text-align: left;
	border-left: 11px solid #231F20;
}

.welcome-container .big-heading{
	margin: 60px 0 10px;
}

/*-------- projects-section ----------*/

.projects-section{
	padding: 80px 0 50px;
}

.projects-container a{
	text-decoration: none !important;
	outline: 0 !important;
}

.projects-container h2,
.services-container h2{
	font-family: Poppins-B;
	font-size: 30px;
	color: #231F20;
	text-transform: uppercase;
	margin: 0 0 38px;
}

.projects-container h2:after,
.services-container h2:after{
	content: "";
	width: 115px;
	border-top: 3px solid #231F20;
	margin-top: 24px;
	display: block;
}

.projects-container .projects-wrapper{
	text-align: center;
}

.projects-container .project-box{
	width: 24.5%;
	display: inline-block;
	vertical-align: top;
	height: 206px;
	text-align: center;
	cursor: pointer;
	margin-right: 1px;
	margin-bottom: 6px;
	
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.projects-container .project-box div{
	width: 100%;
	height: 100%;
}

.projects-container .project-box h3{
	font-family: Poppins-M;
	font-size: 12px;
	color: #2f2f2f;
	text-transform: uppercase;
	font-weight: 400;
	margin: 17px auto 0;
}

.projects-container .project-box .wrap{
	display: table;
	vertical-align: middle;
	height: 100%;
	width: 100%;
}

.projects-container .project-box .inner{
	display: table-cell;
	vertical-align: middle;
	height: 100%;
	width: 100%;
	
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	
	opacity: 0;
	background-color: rgba(255, 185, 34, .6);
}

.projects-container .project-box:hover .inner{
	opacity: 1;
}

.projects-container .btm-row{
	margin-top: 15px;
}

.projects-container .btm-row p{
	margin-top: 20px;
}

.projects-container .btm-row .blu-btn{
	float: right;
}

/*---------- services-section --------*/

.services-section{
	padding: 65px 0 25px;
	
	background-image: url('../images/texture1.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.services-container .service-box{
	width: 29.5%;
	display: inline-block;
	vertical-align: top;
	margin-right: 58px;
	border: 1px dotted #969696;
	
	padding: 32px;
	min-height: 250px;
	margin-bottom: 20px;
}

.services-container .service-box:last-child{
	margin-right: 0;
}

.services-container .service-box img{
	margin-bottom: 12px;
}

.services-container .service-box h3{
	font-family: Poppins-M;
	font-size: 18px;
	color: #231f20;
	text-transform: uppercase;
	margin: 0;
	display: inline-block;
	vertical-align: top;
	font-weight: 700;
	margin-left: 16px;
	padding-top: 22px;
	width: 64%;
}

.services-container .service-box p{
	font-family: Poppins-L;
	font-size: 15px;
	color: #231f20;
	font-weight: 100;
	line-height: 24px;
	margin: 0;
}

.services-container .blu-btn{
	margin-top: 30px;
}

/*----------- facts-section -----------*/

.facts-section{
	padding: 130px 0 150px;
	background-image: url('../images/blu-img.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	height: 689px;
}

.facts-container .left-box{
	border: 20px solid #ffb922;
	border-right: none;
	padding: 42px 100px 38px 24px;
	margin-right: 62px;
}

.facts-container .left-box:before{
	content: "";
	border-right: 20px solid #ffb922;
	height: 25%;
	position: absolute;
	top: 0;
	right: 75px;
}

.facts-container .left-box:after{
	content: "";
	border-right: 20px solid #ffb922;
	height: 25%;
	position: absolute;
	bottom: 0;
	right: 75px;
}

.facts-container .left-box h2{
	font-family: Poppins-B;
	font-size: 60px;
	color: #fff;
	margin: 0 0 15px;
	text-transform: uppercase;
	line-height: 50px;
}

.facts-container .left-box h2 span{
	font-size: 48px;
	display: block;
	margin-bottom: 8px;
}

.facts-container .left-box p{
	color: #fff;
	margin: 0;
	line-height: 28px;
}

.facts-container .facts-box{
	text-align: center;
	padding-top: 110px;
}

.facts-container .facts-box h4{
	display: inline-block;
	vertical-align: top;
	margin: 0 22px;
	/* width: 28%; */
	
	font-family: Poppins-R;
	font-size: 20px;
	color: #fff;
	text-transform: uppercase;
}

.facts-container .facts-box h4 span{
	font-family: Poppins-B;
	font-size: 72px;
	display: block;
	margin-bottom: 14px;
	border-bottom: 8px solid #fff;
}

/*------------ footercta-section ------------*/

.footercta-section{
	background-color: #f1f1f1;
	padding: 80px 0 30px;
}

.footercta-container h2{
	font-family: Poppins-B;
	font-size: 48px;
	color: #242424;
	text-transform: uppercase;
	text-align: center;
	margin: 0;
}

.footercta-container h2 span{
	font-family: Poppins-L;
	text-transform: capitalize;
	display: block;
}

.footercta-container .blu-btn{
	margin: 30px auto 15px;
	display: block;
}

/*----------- quote-section -----------*/

.quote-section{
	padding: 80px 0 30px;
}

.quote-container .left-colm{
	padding: 0 42px 0 60px;
}

.quote-container h2{
	font-family: Poppins-B;
	font-size: 48px;
	color: #2b2b2b;
	text-transform: uppercase;
	margin: 22px 0 30px;
}

.quote-container h3{
	font-family: Poppins-R;
	font-size: 30px;
	color: #2b2b2b;
	margin: 0;
}

.quote-container p{
	font-family: Poppins-R;
	font-size: 15px;
	color: #4f4f4f;
	margin-top: 32px;
	line-height: 26px;
}

.quote-container .quote-frm{
	padding: 35px 35px 30px;
	background-color: #fff;
	
	margin-bottom: -145px;
	
	-webkit-box-shadow: 0px 0px 30px 3px rgba(0,0,0,0.18);
	-moz-box-shadow: 0px 0px 30px 3px rgba(0,0,0,0.18);
	box-shadow: 0px 0px 30px 3px rgba(0,0,0,0.18);
}

.quote-container .quote-frm .frm-fld{
	border: 1px solid #c4c4c4;
	font-family: Poppins-L;
	font-size: 12px;
	color: #6d6d6d;
	padding: 10px 12px;
	margin-bottom: 16px;
	border-radius: 4px;
	width: 100%;
	display: block;
	outline: 0;
	box-shadow: none;
	
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.quote-container .quote-frm textarea.frm-fld{
	height: 210px;
	margin-bottom: 12px;
	resize: none;
}

.quote-container .quote-frm .frm-fld:focus{
	border: 1px solid #000;
}

.quote-container .quote-frm .submit-btn{
	font-family: Poppins-B;
	font-size: 18px;
	color: #fff;
	background-color: #4178CB;
	text-transform: uppercase;
	text-align: center;
	padding: 12px 100px;
	border-radius: 4px;
	border: none;
	outline: 0;
	box-shadow: none;
	
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.quote-container .quote-frm .submit-btn:hover,
.quote-container .quote-frm .submit-btn:focus,
.quote-container .quote-frm .submit-btn:visited{
	background-color: #231F20;
	color: #fff;
	border: none;
}

/*------- flogos-section --------*/

.flogos-section{
	padding: 37px 0;
	background-color: #ffb922;
	
	display: none;
}

.flogos-container img{
	display: inline-block;
	vertical-align: top;
	margin: 0 5px;
}

/*---------- footer ---------*/

footer{
	background-color: #232323;
	padding: 60px 0;
}

footer a{
	text-decoration: nonn;
	outline: 0;
}

footer p{
	color: #fff;
}

footer .logo-txt{
	font-family: Roboto-BL;
	font-size: 24px;
	color: #0068c9;
	text-transform: uppercase;
	font-weight: 300;
	text-align: center;
	margin: 125px 0;
}

footer .logo-txt span{
	font-family: Roboto-R;
	font-weight: 300;
}

footer .left-colm{
	border-right: 1px solid #fff;
}

footer .mid-colm,
footer .right-colm{
	padding-top: 42px;
}

footer .right-colm{
	padding-left: 60px;
}

footer .addr-box{
	margin-left: 80px;
}

footer .addr-box h3{
	font-family: Poppins-R;
	font-size: 14px;
	color: #fff;
	margin: 0 0 28px;
}

footer .addr-box h3 strong{
	font-family: Poppins-B;
	font-weight: 300;
	text-transform: uppercase;
}

footer .addr-box h3 .fa{
	color: #fff;
	font-size: 46px;
	width: 60px;
	margin-right: 18px;
	padding-right: 18px;
	border-right: 1px solid #656565;
	
	display: inline-block;
	vertical-align: top;
}

footer .addr-box h3 span{
	display: inline-block;
	vertical-align: top;
	width: 72%;
	line-height: 22px;
}

footer .addr-box h3 a{
	color: #fff;
}

footer .copy-txt{
	font-family: Poppins-L;
	font-size: 12px;
	color: #fff;
	margin: 30px 0 0;
}

footer .foter-logo{
    max-width: 100%;
}