@import url(http://fonts.googleapis.com/css?family=Raleway:400,700,900);
@import url(http://fonts.googleapis.com/css?family=Lato:400,900);
@import url("prettyPhoto.css") screen;
@import url("hoverex-all.css") screen;

/*	################################################################
	1. GENERAL STRUCTURES
################################################################# */


body { 
	background: #ffffff; 
	margin: 0; 
	height: 100%; 
	color: #384452;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	letter-spacing: 0.1em;
	color:#385C7A;
	padding: 0px 25px;
}

p { 
	padding: 0; 
	margin-bottom: 12px; 
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 14px; 
	letter-spacing: 0.1em;
	line-height: 24px;
	color: #384452; 
	margin-top: 10px; 
	padding: 0px 25px;
}

img {
	height: auto;
	max-width: 100%;
}

.thm-clr{

	color: #01b2fe;
}

.thm-clr2{

	color: #385C7A;
}

.btn-clr {
    padding:20px;
	background-color: #CCCCCC;
    color: #385C7A;
    
}

.gap {
	float: left;
	padding: 100px 0;
	position: relative;
	width: 100%;
  }
  .less-gap,
  .gap.less-gap {padding: 80px 0;}
  .top-spac40,
  .gap.top-spac40 {padding-top: 40px;}
  .bottom-spac40,
  .gap.bottom-spac40 {padding-bottom: 40px;}
  .top-spac50,
  .gap.top-spac50 {padding-top: 50px;}
  .bottom-spac50,
  .gap.bottom-spac50 {padding-bottom: 50px;}
  .top-spac60,
  .gap.top-spac60 {padding-top: 60px;}
  .bottom-spac60,
  .gap.bottom-spac60 {padding-bottom: 60px;}
  .top-spac70,
  .gap.top-spac70 {padding-top: 70px;}
  .bottom-spac70,
  .gap.bottom-spac70 {padding-bottom: 70px;}
  .top-spac80,
  .gap.top-spac80 {padding-top: 80px;}
  .bottom-spac80,
  .gap.bottom-spac80 {padding-bottom: 80px;}
  .top-spac90,
  .gap.top-spac90 {padding-top: 90px;}
  .bottom-spac90,
  .gap.bottom-spac90 {padding-bottom: 90px;}
  .top-spac120,
  .gap.top-spac120 {padding-top: 120px;}
  .bottom-spac120,
  .gap.bottom-spac120 {padding-bottom: 120px;}
  .top-spac140,
  .gap.top-spac140 {padding-top: 140px;}
  .bottom-spac140,
  .gap.bottom-spac140 {padding-bottom: 140px;}
  .top-spac170,
  .gap.top-spac170 {padding-top: 170px;}
  .bottom-spac170,
  .gap.bottom-spac170 {padding-bottom: 170px;}
  .top-spac200,
  .gap.top-spac200 {padding-top: 200px;}
  .bottom-spac200,
  .gap.bottom-spac200 {padding-bottom: 200px;}
  .top-spac220,
  .gap.top-spac220 {padding-top: 220px;}
  .bottom-spac220,
  .gap.bottom-spac220 {padding-bottom: 220px;}
  .top-spac240,
  .gap.top-spac240 {padding-top: 240px;}
  .bottom-spac240,
  .gap.bottom-spac240 {padding-bottom: 240px;}
  .top-spac260,
  .gap.top-spac260 {padding-top: 260px;}
  .bottom-spac260,
  .gap.bottom-spac260 {padding-bottom: 260px;}
  .top-spac300,
  .gap.top-spac300 {padding-top: 300px;}
  .bottom-spac300,
  .gap.bottom-spac300 {padding-bottom: 300px;}
  .top-spac360,
  .gap.top-spac360 {padding-top: 360px;}
  .bottom-spac360,
  .gap.bottom-spac360 {padding-bottom: 360px;}
  .remove-gap,
  .gap.remove-gap {padding-top: 0;}
  .remove-bottom,
  .gap.remove-bottom {padding-bottom: 0;}
  .no-gap,
  .gap.no-gap {padding: 0;}

  .container {
	padding: 0;
	max-width:1170px;
  }

  .fixed-bg,
  .fixed-bg2 {
	background-position: center;
	height:100%;
	width:100%;
	margin:0;
	position:absolute;
	left:0;
	top:0;
	z-index:-2;
  }
  .fixed-bg {
	background-attachment:fixed;
	background-size:cover;
  }
  .fixed-bg2 {
	background-attachment: scroll;
	background-size:cover;
  }
  .fixed-bg2.ptrn-bg,
  .fixed-bg.ptrn-bg {background-size: initial;}
  .prlx75 .fixed-bg,
  .prlx75 .fixed-bg2,
  .prlx75.black-layer:before,
  .prlx75.black-layer2:before,
  .prlx75.black-layer3:before,
  .prlx75.black-layer4:before,
  .prlx75.white-layer:before,
  .prlx75.gray-layer:before {height: 75%;}
  .prlx80 .fixed-bg,
  .prlx80 .fixed-bg2,
  .prlx80.black-layer:before,
  .prlx80.black-layer2:before,
  .prlx80.black-layer3:before,
  .prlx80.black-layer4:before,
  .prlx80.white-layer:before,
  .prlx80.gray-layer:before {height: 80%;}
  .prlx85 .fixed-bg,
  .prlx85 .fixed-bg2,
  .prlx85.black-layer:before,
  .prlx85.black-layer2:before,
  .prlx85.black-layer3:before,
  .prlx85.black-layer4:before,
  .prlx85.white-layer:before,
  .prlx85.gray-layer:before {height: 85%;}
  .prlx90 .fixed-bg,
  .prlx90 .fixed-bg2,
  .prlx90.black-layer:before,
  .prlx90.black-layer2:before,
  .prlx90.black-layer3:before,
  .prlx90.black-layer4:before,
  .prlx90.white-layer:before,
  .prlx90.gray-layer:before {height: 90%;}
  .black-layer:before,
  .black-layer2:before,
  .black-layer3:before,
  .black-layer4:before,
  .black-layer5:before,
  .white-layer:before,
  .gray-layer:before {
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
  }
  .gray-bg {background-color: #f5f5f5;}
.gray-bg2 {background-color: #f5f9fa;}
.drk-bg {background-color: #191919;}
.drk-bg2 {background-color: #2b2d2e;}
.drk-bg3 {background-color: #141414;}
.drk-bg4 {background-color: #1e1e1e;}
.drk-blu-bg {background-color: #1f2845;}
  .white-layer:before {background-color:#ffffff;}
  .gray-layer:before {background-color: #f2f8f8}
  .black-layer:before {background-color: #000000;}
  .black-layer2:before {background-color: #111111;}
  .black-layer3:before {background-color: #232323;}
  .black-layer4:before {background-color: #1f1f1f;}
  .black-layer5:before {background-color: #0d0d0d;}
  .opc1:before {opacity: .1;}
  .opc15:before {opacity: .15;}
  .opc2:before {opacity: .2;}
  .opc25:before {opacity: .25;}
  .opc3:before {opacity: .3;}
  .opc35:before {opacity: .35;}
  .opc4:before {opacity: .4;}
  .opc45:before {opacity: .45;}
  .opc5:before {opacity: .5;}
  .opc55:before {opacity: .55;}
  .opc6:before {opacity: .6;}
  .opc65:before {opacity: .65;}
  .opc7:before {opacity: .7;}
  .opc75:before {opacity: .75;}
  .opc8:before {opacity: .8;}
  .opc85:before {opacity: .85;}
  .opc9:before {opacity: .9;}
  .opc95:before {opacity: .95;}
  .wht-bg .fixed-bg, 
  .wht-bg .fixed-bg2 {z-index: 0;}
  .wht-bg .black-layer:before, 
  .wht-bg .black-layer2:before, 
  .wht-bg .black-layer3:before, 
  .wht-bg .black-layer4:before,
  .wht-bg .white-layer:before,
  .wht-bg .gray-layer:before {z-index: 1;}
  iframe {
	border: 0;
	width: 100%;
  }
.opc7:before {opacity: .7;}
.opc75:before {opacity: .75;}
  .particle-bx {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	overflow: hidden;
  }
  .wht-bg .particle-bx {z-index: 1;}
/*===== Cross Browser Compatibility =====*/
i,
a,
img,
input,
button,
textarea,
:before,
:after,
nav ul ul,
label,
.logo,
.logo > a img,
nav > div > ul ul,
nav > div > ul li,
.progress-bar,
.prtfl-inf,
.prtfl-inf > *,
.pln-hdr > h4,
.pln-hdr > span,
.pln-feat-lst > li,
.tem-inf,
.prtfl-inf2,
.prtfl-inf2 > *,
.pln-feat-lst2 > li,
.pln-hdr2 > span,
.tgl-itm > h4,
.srv-inf3 > p,
.srv-box3,
.tem-scl,
.tem-inf3,
.srv-box4,
.srv-inf4 > *,
.prtfl-inf4,
.prtfl-inf4 > *,
.srv-box5,
.srv-box5 > *,
.srv-box6,
.srv-box6 > *,
.prtfl-inf5,
.prtfl-inf5 > *,
.prtfl-btns,
.tem-inf4,
.tem-inf4 > *,
.prtfl-inf9 > *,
.prtfl-dtl-car > div.slick-arrows,
.wow,
.mga-mnu,
.mnu-cls-btn,
.hdr-srch-bx,
.srch-cls-btn,
.rspn-cnt > li,
.rspn-mnu-btn,
.rspn-mnu-cls,
.mnu-wrp,
header,
.sticky-header
{
  -webkit-transition: all .25s linear;
  -ms-transition: all .25s linear;
  -o-transition: all .25s linear;
  transition: all .25s linear;
}
.wow {visibility: hidden;}

a { 
	padding: 0;
	margin: 0;
	text-decoration: none; 
	-webkit-transition: background-color .4s linear, color .4s linear;
	-moz-transition: background-color .4s linear, color .4s linear;
	-o-transition: background-color .4s linear, color .4s linear;
	-ms-transition: background-color .4s linear, color .4s linear;
	transition: background-color .4s linear, color .4s linear;
}
a:hover,
a:focus {
  text-decoration: none;
  color:#01b2fe;
}

::-moz-selection  {
	color: #fff;
	text-shadow:none;
	background:#2B2E31;
}
::selection {
	color: #fff;
	text-shadow:none;
	background:#2B2E31;
}

textarea#message {
    overflow: hidden;
    width: 100%;
}

.centered {
	text-align: center
}

.waves {
  position: relative;
  width: 100%;
  height: 15vh;
  overflow: hidden;
  margin-bottom: -7px; /*Fix for safari gap*/
  min-height: 100px;
  max-height: 150px;
}

/* Animation */

.parallax > use {
  animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
    transform: translate3d(-90px, 0, 0);
  }
  100% {
    transform: translate3d(85px, 0, 0);
  }
}


.thm-bg2
{
	background:  #385C7A;
}


/*===== Theme Button =====*/

a,
img,
input,
button,
.thm-cards,
textarea,
:before,
:after{
	-webkit-transition: all .25s linear;
	-ms-transition: all .25s linear;
	-o-transition: all .25s linear;
	transition: all .25s linear;
  }

.thm-btn {
	position: relative;
	display: inline-block;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 600;
	padding: 10px 25px;
	z-index: 1;
	overflow: hidden;
	font-size: 10px;
	font-family: inherit;
  }
  .thm-btn > i {margin-left: 10px;}
  .thm-btn:before {
	content: "";
	position: absolute;
	left: 50%;
	right: 50%;
	top: 0;
	bottom: 0;
	z-index: -1;
	background-color: #385C7A;
	opacity: 0;
  }
  .thm-btn:hover,
  .thm-btn:focus {color: #fff;}
  .thm-btn:hover:before,
  .thm-btn:focus:before {
	left: 0;
	right: 0;
	opacity: 1;
  }
  .thm-btn2 {
	display: inline-block;
	font-size: 15px;
	color: #000;
	font-weight: 600;
	-webkit-border-radius: 40px;
	border-radius: 40px;
	background-color: #f5f5f5;
	padding: 14px 43px;
  }
  .thm-btn2:hover, 
  .thm-btn2:focus {color: #fff;}
  .pst-box-styl2:hover .pst-thmb-styl2 > a img {
	-webkit-transform: scale(1.1) rotate(3deg);
	-ms-transform: scale(1.1) rotate(3deg);
	-o-transform: scale(1.1) rotate(3deg);
	transform: scale(1.1) rotate(3deg);
	opacity: .8;
  }
  .pln-box:hover > a.thm-btn:before,
.pln-box.active > a.thm-btn:before {
  background-color: #292929;
  left: 0;
  right: 0;
  opacity: 1;
}
.pln-box:hover > a.thm-btn,
.pln-box.active > a.thm-btn {color: #fff;}
.pln-box > a.thm-btn {
	margin-top: 40px;
	background-color: #f6f6f6;
	padding: 15px 50px;
	color: #000;
  }
/*===== Theme Button =====*/
/*===== Contact Information Style 1 =====*/
.cnt-mp-inf-wrp {
	float: left;
	width: 100%;
  }
  .loc-mp {
	float: left;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width: 100%;
	height: 475px;
  }
  .cnt-inf-wrp {
	float: left;
	width: 100%;
	padding-left: 50px;
	margin-top: 95px;
  }
  .sec-title + .cnt-inf-lst {margin-top: -20px;}
  .cnt-inf-lst {
	padding-left: 0;
	list-style: none;
	margin-bottom: 0;
	float: left;
	width: 100%;
  }
  .cnt-inf-lst > li {
	float: left;
	width: 100%;
	font-size: 15px;
	color: #999;
  }
  .cnt-inf-lst > li + li {margin-top: 20px;}
  .cnt-inf-lst > li span {
	display: block;
	color: #555;
	text-transform: uppercase;
	font-family: poppins;
	font-weight: 500;
	font-size: 14px;
	line-height: initial;
  }
  .cnt-inf-lst + .cnt-inf-btns {margin-top: 15px;}
  .cnt-inf-btns {display: inline-block;}
  .cnt-inf-btns > a {
	float: left;
	margin-top: 10px;
	line-height: 45px;
	width: 45px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #111;
	text-align: center;
	color: #fff;
	font-size: 16px;
  }
  .cnt-inf-btns > a + a {margin-left: 15px;}
/*===== Contact Information Style 1 =====*/

/*===== Contact Us Style =====*/
.gl-mp {
	float: left;
	width: 100%;
	height: 530px;
  }
  .cnt-info-wrp {
	float: left;
	width: 100%;
  }
  .remove-ext .cnt-inf-bx {margin-bottom: 20px;}
  .cnt-inf-bx {
	background-color: #fff;
	float: left;
	width: 100%;
	-webkit-box-shadow: 0 0 13px rgba(0,0,0,.1);
	-ms-box-shadow: 0 0 13px rgba(0,0,0,.1);
	-o-box-shadow: 0 0 13px rgba(0,0,0,.1);
	box-shadow: 0 0 13px rgba(0,0,0,.1);
	padding: 30px 20px 30px 100px;
	position: relative;
  }
  .remove-ext3 .cnt-inf-bx {margin-bottom: 30px;}
  .cnt-inf-bx > i {
	position: absolute;
	left: 40px;
	font-size: 35px;
  }
  .cnt-inf-bx > strong {
	display: inline-block;
	font-size: 20px;
	color: #000;
	margin-bottom: 5px;
  }
  .cnt-inf-bx > span,
  .cnt-inf-bx > a {
	display: block;
	font-size: 15px;
	color: #999;
	line-height: 25px;
  }
  .cnt-frm-dta {
	float: left;
	width: 100%;
  }
  .cnt-frm {
	float: left;
	width: 100%;
  }
  .cnt-frm > form {
	float: left;
	width: 100%;
  }
  .cnt-frm > form input, 
  .cnt-frm > form textarea {
	float: left;
	width: 100%;
	padding: 15px 30px;
	font-size: 13px;
	color: #777;
	height: 50px;
	border: 1px solid #eaeaea;
  }
  .mrg20 input, 
  .mrg20 textarea {margin: 20px 0 0;}
  .cnt-frm > form textarea {height: 165px;}
  .cnt-frm > form button {margin-top: 30px;}
  .cnt-frm > form input, 
  .cnt-frm > form textarea, 
  .cnt-frm > form button {
	-webkit-border-radius: 3px;
	border-radius: 3px;
  }
  .cnt-info-wrp + .cnt-frm-dta {margin-top: 60px;}
  .cnt-mp-inf-wrp + .cnt-frm-dta {margin-top: 100px;}
  .cnt-frm-dta > h2 {
	font-weight: 600;
	color: #000;
	font-size: 30px;
	margin-bottom: 10px;
  }
  .cnt-inf-wrp.style2 {margin-top: 0;}
/*===== Contact Us Style =====*/




.ceo-cnt-wrp {
	float: left;
	width: 100%;
	margin-top: 0px;
	overflow: hidden;
  }
.cnt-inf {
	float: left;
	width: 100%;
	text-align: left;
	padding: 30px 70px;
	position: relative;
	z-index: 1;
  }
  .cnt-inf > i {
	color: #fff;
	font-size: 30px;
	float: left;
	position: absolute;
	left: 70px;
	top: 30px;
  }
  .cnt-inf-inr {
	float: left;
	width: 100%;
	color: #fff;
	font-size: 17px;
	font-weight: 700;
	padding-left: 50px;
  }
  .cnt-inf-inr > span {
	float: left;
	width: 100%;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
  }
  .ceo-cnt-wrp > div > div:nth-child(2n) .cnt-inf:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background-color: rgba(0,0,0,.2);
	z-index: -1;
  }
  .cnt-inf-inr > a:hover, 
  .cnt-inf-inr > a:focus {color: #000;}
  .cnt-inf > a {
	background-color: #3c3c3c;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-weight: 700;
	padding: 15px 50px;
	margin-bottom: -5px;
  }
  .cnt-inf.text-center {padding: 30.5px 70px;}

.thm-bg > h4 {color: #fff;}
.thm-bg > p {color: #eaeaea;}
.thm-bg > a {background-color: #424242;}
  .thm-bg > a {background-color: #424242;}
  .gray-thm-bg {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #f5f9fa;
  }
  .gray-thm-bg:before {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 50%;
  }

/*===== About Sec Style 2 =====*/
.abt-wrp2 {
	float: left;
	width: 100%;
  }
  .abt-wrp2.rev {direction: rtl;}
  .aply-mckp {
	float: left;
	width: calc(100% + 100px);
	margin-left: -30px;
  }
  .abt-desc2 {
	float: left;
	width: 100%;
	margin-top: 140px;
	direction: initial;
  }
  .abt-wrp2.rev .abt-desc2 {text-align: right;}
  .abt-desc2 > h2 {
	margin-bottom: 0;
	font-size: 50px;
	letter-spacing: -2.7px;
  }
  .abt-desc2 > h2 + p {margin-top: 20px;}
  .abt-desc2 > p {
	margin-bottom: 0;
	font-size: 16px;
  }
  .abt-desc2 > p + a {margin-top: 100px;}
  .exp-in {
	display: inline-block;
	position: relative;
	padding: 10px 90px 10px 65px;
  }
  .exp-in-yrs {
	display: inline-block;
	position: absolute;
	top: 42px;
	left: 160px;
  }
  .abt-desc2 > a + .exp-in {
	float: left;
	margin-top: 40px;
  }
  .exp-in:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	border: 6px solid;
	left: 0;
	width: 170px;
	height: 170px;
	z-index: 0;
  }
  .exp-in > i {
	font-size: 100px;
	font-style: normal;
	font-weight: 900;
	font-family: poppins;
	color: #000;
  }
  .exp-in > span {
	font-size: 22px;
	line-height: 26px;
	display: inline-block;
	max-width: 120px;
	text-align: left;
	font-family: poppins;
	margin-left: 20px;
  }

  
.ceo-msg-inf > span {
	font-size: 14px;
	font-weight: 600;
	color: #858585;
  }
  .ceo-msg-inr + .exp-in {
	float: right;
	margin-top: 15px;
	padding: 0 0 0 60px;
  }
  .ceo-msg-inr + .exp-in:before {
	height: 115px;
	width: 115px;
  }
  .ceo-msg-inr + .exp-in > i {font-size: 80px;}
  .ceo-img {
	float: left;
	width: 100%;
	overflow: hidden;
	-webkit-border-radius: 5px;
	border-radius: 5px;
  }
/*===== About Sec Style 2 =====*/


/*===== Services Detail =====*/
.srv-dtl-wrp {
	float: left;
	width: 100%;
  }
  .srv-dtl-img {
	float: left;
	width: 100%;
  }
  .srv-dtl-img img {width: 100%;}
  .srv-dtl-img-car .owl-nav {
	position: absolute;
	right: 25px;
	top: 25px;
  }
  .srv-dtl-img-car .owl-nav > button.owl-prev, 
  .srv-dtl-img-car .owl-nav > button.owl-next {
	background-color: #fff;
	line-height: 55px;
	width: 55px;
	text-align: center;
	margin: 5px;
	font-size: 28px;
  }
  .srv-dtl-img-car .owl-nav > button:hover, 
  .srv-dtl-img-car .owl-nav > button:focus {color: #fff;}
  .srv-dtl-inf {
	float: left;
	width: 100%;
  }
  .srv-dtl-img + .srv-dtl-inf {margin-top: 50px;}
  .srv-dtl-inf > h2 {
	margin-bottom: 0;
	font-size: 36px;
  }
  .srv-dtl-inf > h2 ~ p {margin-top: 25px;}
  .srv-dtl-inf > p {
	margin-bottom: 0;
	font-size: 16px;
  }
  .srv-dtl-gal {
	display: inline-block;
	width: 100%;
  }
  .srv-dtl-inf > p + .srv-dtl-gal {margin-top: 25px;}
  .srv-dtl-gal a {
	overflow: hidden;
	float: left;
	width: 100%;
  }
  .srv-dtl-gal .mrg20 a {margin-top: 20px;}
  .srv-dtl-gal img {width: 100%;}
  .srv-dtl-gal a:hover img {
	-webkit-transform: scale(1.1) rotate(1deg);
	-ms-transform: scale(1.1) rotate(1deg);
	-o-transform: scale(1.1) rotate(1deg);
	transform: scale(1.1) rotate(1deg);
	opacity: .8;
  }
  .srv-dtl-inr {
	display: inline-block;
	width: 100%;
	margin-top: 10px;
  }
  .srv-dtl-lst {
	float: left;
	padding-left: 0;
	margin-bottom: 65px;
	width: 100%;
	list-style: none;
  }
  .srv-dtl-lst > li {
	float: left;
	width: 100%;
	margin-top: 40px;
	padding-left: 35px;
	position: relative;
  }
  .srv-dtl-lst > li h4 {
	margin-bottom: 0;
	font-size: 23px;
	font-family: open sans;
  }
  .srv-dtl-lst > li h4 + p {margin-top: 10px;}
  .srv-dtl-lst > li p {
	margin-bottom: 0;
	font-size: 14px;
  }
  .srv-dtl-lst > li h4 i {
	position: absolute;
	left: 0;
	font-style: normal;
	color: #c3c3c3;
  }
  .srv-dtl-inr .tgl-styl.style3 {
	margin-top: 40px;
	margin-bottom: 65px;
  }
  .srv-dtl-inr .tgl-styl.style3 .tgl-itm,
  .prtfl-dtl-dec2-wrp .tgl-styl.style3 .tgl-itm {border-color: #dbdbdb;}
  .srv-dtl-inr .tgl-styl.style3 .tgl-cnt,
  .prtfl-dtl-dec2-wrp .tgl-styl.style3 .tgl-cnt {padding: 25px 0;}
  .srv-dtl-inr .tgl-styl.style3 .tgl-itm > h4,
  .prtfl-dtl-dec2-wrp .tgl-styl.style3 .tgl-itm > h4 {color: #121212;}
  .srv-dtl-inr .tgl-styl.style3 .tgl-itm > h4:hover, 
  .srv-dtl-inr .tgl-styl.style3 .tgl-itm > h4.active,
  .prtfl-dtl-dec2-wrp .tgl-styl.style3 .tgl-itm > h4:hover, 
  .prtfl-dtl-dec2-wrp .tgl-styl.style3 .tgl-itm > h4.active {color: #fff;}
  .srv-dtl-inr div > h3 {
	font-size: 23px;
	font-family: open sans;
	margin-bottom: 0;
  }
  .srv-dtl-inr div > h3 ~ p {margin-top: 20px;}
  .srv-dtl-inr div > p {margin: 0;}
  .srv-dtl-lst + .tgl-styl.style3 {margin-top: 0;}
/*===== Services Detail =====*/
.prtfl-dtl-car > div.slick-arrows:hover, 
.prtfl-dtl-car > div.slick-arrows:focus {color: #fff;}
.prtfl-dtl-car > div.slick-prev {left: 262px;}
.prtfl-dtl-car > div.slick-next {right: 262px;}
.prtfl-dtl + .prtfl-dtl-img-wrp {margin-top: 75px;}
.prtfl-dtl-img-wrp + .prtfl-dtl {margin-top: 80px;}
.prtfl-dtl-inf.style3 {
  background-color: #f5f5f5;
  padding: 20px 50px 75px;
}
.prtfl-dtl-inf.style3 .prtfl-dtl-lst {max-width: 75%;}
.prtfl-dtl-inf.style3 .scl-btns3 > a {background-color: #ffff;}
.prtfl-dtl-inf.style3 .prtfl-dtl-lst > li strong {font-size: 22px;}
.prtfl-dtl-inf.style3 .prtfl-dtl-lst > li {
  font-size: 14px;
  width: 33.334%;
}
.prtfl-dtl-inf.style3 .scl-btns3 {
  float: right;
  margin-top: 45px;
}
/*===== Creative Approach Wrap =====*/
.crt-aprch-wrp {
	float: left;
	padding: 70px 100px 60px;
	background-color: #fff;
	width: 100%;
	-webkit-box-shadow: 0 5px 20px rgba(0,0,0,.07);
	-ms-box-shadow: 0 5px 20px rgba(0,0,0,.07);
	-o-box-shadow: 0 5px 20px rgba(0,0,0,.07);
	box-shadow: 0 5px 20px rgba(0,0,0,.07);
  }
  .crt-aprch {
	float: left;
	width: 100%;
  }
  .crt-aprch > span {
	font-size: 15px;
	color: #888;
  }
  .crt-aprch > p {margin-bottom: 0;}
  .crt-aprch > h4 + p {margin-top: 7px;}
  .crt-aprch > h4 {
	margin-bottom: 0;
	font-size: 30px;
  }
  .crt-aprch > p + a {margin-top: 45px;}
  .tgl-styl.style2 .tgl-itm > h4 {
	background-color: transparent;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	-webkit-border-radius: 0;
	border-radius: 0;
	padding: 15px 25px 15px 0;
	font-weight: 600;
	color: #181818;
  }
  .tgl-styl.style2 .tgl-itm > h4 i {right: 0;}
  .tgl-styl.style2 .tgl-itm + .tgl-itm {margin-top: -1px;}
  .tgl-styl.style2 .tgl-cnt {padding: 20px 0;}
/*===== Creative Approach Wrap =====*/

.tgl-wrps{
	width: 100%;
	background-color: #00b3fe;
}

/*===== Services Style 6 =====*/
.remove-ext5 .srv-box6 {
	margin-bottom: 40px;

}

.srv-box6 > p + a {margin-top: 25px;}
.srv-box6 > a {
  display: inline-block;
  font-size: 11px;
  color: #1f1f1f;
  padding: 0 18px;
  line-height: 30px;
  background: rgba(56, 92, 122, 0);
}
.srv-box6 > a:hover,
.srv-box6 > a:focus
 {
	color: #fff;
	height: 100%;

	opacity: .8;
	transition: transform 2s, opacity 1s, visibility 1s;
	overflow: hidden;
}
.srv-box6.bg {
	top: -40px;
	position: absolute;
	widows: 100%;
	background: rgba(56, 92, 122, 0.219);
	overflow: visible;
	opacity: 0;
	z-index: 2;
}

.srv-box6.bg > a:hover,
.srv-box6.bg > a:focus
 {
	position: absolute;
	widows: 100%;
	background: rgba(56, 92, 122, 0.219);
	-webkit-border-radius: 50px;
	border-radius: 50px;
	overflow: visible;
	opacity: 1;
	z-index: 2;
}
/*===== Services Style 6 =====*/


/*===== Sponsors Style 1 =====*/
.spnsr-wrp {
	float: left;
	width: 100%;
  }
  .spnsr-itm {
	float: left;
	width: 100%;
  }
  .spnsr-itm > a {
	display: inline-block;
	background-color: transparent;
  }
  .spnsr-itm > a:hover {opacity: 1;}
/*===== Sponsors Style 1 =====*/



/*===== Toggle Style 1 =====*/
.tgls-wrp {
	float: left;
	width: 100%;
  }
  .tgl-mckp {
	margin-left: -380px;
	float: left;
	width: calc(100% + 380px);
  }
  .tgl-wrp {
	float: left;
	width: 100%;
	padding-right: 60px;
	margin-top: 80px;
  }
  .tgl-wrp > h2 {
	font-size: 40px;
	color: #000;
	margin-bottom: 0;
	letter-spacing: -1px;
  }
  .tgl-wrp > p {
	margin: 0;
	font-size: 18px;
  }
  .tgl-wrp > h2 + p {margin-top: 10px;}
  .tgl-styl {
	float: left;
	width: 100%;
  }
  .tgl-wrp > p + .imprv-lvl-prg-wrp {margin-top: 45px;}
  .tgl-wrp > p + .tgl-styl {margin-top: 40px;}
  .tgl-itm {
	float: left;
	width: 100%;
  }
  .tgl-itm + .tgl-itm {margin-top: 25px;}
  .tgl-itm > h4 {
	float: left;
	width: 100%;
	-webkit-border-radius: 40px;
	border-radius: 40px;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	background-color: #1b1b1b;
	padding: 15px 60px 15px 40px;
	margin-bottom: 0;
	cursor: pointer;
	position: relative;
  }
  .tgl-cnt {
	float: left;
	width: 100%;
	padding: 25px 30px 5px;
  }
  .tgl-cnt > p {
	margin: 0;
	font-size: 16px;
  }
  .tgl-cnt > p + p {margin-top: 15px;}
  .tgl-itm > h4 i {
	float: right;
	position: absolute;
	right: 40px;
	top: 17px;
	font-weight: 400;
  }
  .tgl-itm > h4.active i:before {content: "\f068";}
/*===== Toggle Style 1 =====*/



/*===== Toggles Style 4 =====*/
.dsgn-wrp {
	float: left;
	width: 100%;
  }
  .enjy-fnc-sec {
	float: left;
	width: 100%;
	padding-left: 50px;
  }
  .enjy-fnc-sec > span {
	font-weight: 600;
	font-size: 18px;
  }
  .enjy-fnc-sec > span + h2 {margin-top: 7px;}
  .enjy-fnc-sec > h2 {
	margin-bottom: 0;
	font-size: 45px;
	max-width: 90%;
  }
  .enjy-fnc-sec > h2 + p {margin-top: 15px;}
  .enjy-fnc-sec > p {
	margin-bottom: 0;
	font-size: 16px;
  }
  .black-layer .tgl-cnt > p {color: #d1d1d1;}
  .enjy-fnc-sec > p + .tgl-styl {margin-top: 50px;}
  .tgl-styl.style3 {
	float: left;
	width: 100%;
  }
  .black-layer .enjy-fnc-sec > span {color: #ddd;}
  .black-layer .enjy-fnc-sec > h2 {color: #fff;}
  .black-layer .enjy-fnc-sec > p {color: #b6b6b6;}
  .tgl-styl.style3 .tgl-itm > h4 {
	background-color: transparent;
	-webkit-border-radius: 0;
	border-radius: 0;
	font-size: 15px;
	font-weight: 600;
	padding: 15px 60px 15px 30px;
  }
  .tgl-styl.style3 .tgl-itm + .tgl-itm {margin-top: -1px;}
  .tgl-styl.style3 .tgl-itm {
	border-bottom: 1px solid rgba(255,255,255,.2);
	border-top: 1px solid rgba(255,255,255,.2);
  }
  .tgl-styl.style3 .tgl-cnt {padding-bottom: 25px;}

.owl-carousel {
	display: inline-block;
	margin-top: 35px;
	height:300px;
}

.owl-carousel .owl-dots {
	display: inline-block;
	margin-top: 35px;
  }
  .owl-carousel .owl-dots button.owl-dot {
	height: 7px;
	width: 7px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #000;
	margin: 0 10px;
	position: relative;
  }
  .owl-carousel .owl-dots button.owl-dot:before {
	content: "";
	position: absolute;
	border: 2px solid;
	left: -8px;
	right: -8px;
	top: -8px;
	bottom: -8px;
	-webkit-border-radius: inherit;
	border-radius: inherit;
	-webkit-transform: scale(.5);
	-ms-transform: scale(.5);
	-o-transform: scale(.5);
	transform: scale(.5);
	opacity: 0;
  }
  .owl-carousel .owl-dots button.owl-dot:hover:before, 
  .owl-carousel .owl-dots button.owl-dot:focus:before, 
  .owl-carousel .owl-dots button.owl-dot.active:before {
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
  }
/*===== Toggles Style 4 =====*/




/*===== Sponsors Style 2 =====*/
.spnsr-wrp2 {
	float: left;
	padding: 50px 210px;
	width: calc(100% + 220px);
	margin-left: -110px;
	background-color: #f5f5f5;
  }
  .spnsrs-lst {
	float: left;
	width: 100%;
	padding-left: 0;
	list-style: none;
	margin-bottom: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
  }
  .spnsrs-lst > li {
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
	padding: 50px 0;
  }
  .spnsrs-lst > li > a:hover img {
	-webkit-filter: brightness(.7);
	-ms-filter: brightness(.7);
	-o-filter: brightness(.7);
	filter: brightness(.7);
  }
/*===== Sponsors Style 2 =====*/


/*===== Services Skills Wrap =====*/
.srv-skls-wrp {
	float: left;
	width: 100%;
  }
  .srv-skl-inf {
	float: left;
	width: 100%;
	margin-top: 50px;
	margin-bottom:30px;
  }
  .srv-skl-inf > h2 {
	font-size: 48px;
	max-width: 82%;
	margin-bottom: 0;
  }
  .srv-skl-inf > h2 + a {margin-top: 10px;}
  .srv-skl-inf > a {
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	font-family: poppins;
	border-bottom: 1px solid;
	padding-bottom: 7px;
  }
  .black-layer .srv-skl-inf > h2, 
  .black-layer2 .srv-skl-inf > h2, 
  .black-layer3 .srv-skl-inf > h2, 
  .black-layer4 .srv-skl-inf > h2, 
  .black-layer5 .srv-skl-inf > h2,
  .black-layer .srv-skl-inf > a, 
  .black-layer2 .srv-skl-inf > a, 
  .black-layer3 .srv-skl-inf > a, 
  .black-layer4 .srv-skl-inf > a, 
  .black-layer5 .srv-skl-inf > a {color: #fff;}
  .srv-skl-inr {
	float: left;
	width: 100%;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	position: relative;
	background-color: #fff;
	padding: 30px 65px 65px;
	z-index: 1;
  }
  .srv-skl-inr .skl-prg > span {
	font-size: 16px;
	font-family: poppins;
	font-weight: 500;
  }
  .srv-skl-inr:before {
	content: "Skills";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	color: #f7f7f7;
	font-family: poppins;
	font-weight: 700;
	font-size: 220px;
	z-index: -1;
	line-height: 0;
  }
/*===== Services Skills Wrap =====*/


/*	################################################################
	BOOTSTRAP MODIFICATIONS & TWEAKS
################################################################# */
.contactbar {
	min-height: 20px;
	margin: 0px;
	padding: 0px 30px;
}
/*===== Sticky Header =====*/
.sticky-header {
	position: fixed;
	width: 100%;
	z-index: 99999;
	top: 0;
	left: 0;
	right: 0;
	opacity: 1;
	visibility: visible;
  }
  body.sticky-active header {
	opacity: 1;
	visibility: visible;
  }
  body.sticky-active .sticky-header {
	opacity: 1;
	visibility: visible;
	overflow: hidden;
  }
.navbar {
	min-height: 20px;
	margin: 0px;
	padding: 0px 30px;
}

.navbar-brand {
	position: absolute;
	display: inline-block;
	font-family: 'Raleway', sans-serif;
	font-weight: 900;
	margin: 25px;
	left: 30px;
	color:#385C7A;
}


.topbar4 {
	float: left;
	width: 100%;
	background-color: #385C7A;
  }

@media screen and (max-width: 768px){
	.topbar4 {
		display: none;
	  }
}

  .topbar4 .tp-lst > li {
	color: #fff;
	line-height: 50px;
	font-size: 10px;
	font-family: 'Raleway', sans-serif;
	letter-spacing: 1px;
	font-weight: 600;
  }
  .topbar4 .tp-lst > li + li {
	padding-left: 31px;
	margin-left: 30px;
  }
  .tp-lst > li + li:before {
	content: "";
	position: absolute;
	left: 0;
	height: 30px;
	top: 10px;
	background-color: rgba(255,255,255,.4);
	width: 1px;
  }


  .tp-lst {
	display: inline-block;
	padding-left: 0;
	list-style: none;
	margin-bottom: 0;
  }
  .tp-lst > li {
	float: left;
	line-height: 40px;
	font-family: poppins;
	font-weight: 400;
	position: relative;
	font-size: 13px;
  }

.float-right{
	float: right;
}

  .tp-lst > li + li {margin-left: 50px;}
  .tp-lst > li i {margin-right: 10px;}
  .hdr-srch,
  .topbar3 > a.gt-qt {
	float: right;
	position: relative;
  }
  .stick.style11 {
	left: 0px;
	right: 0px;
	width: auto;
	top: 60px;
  }

.navbar-header {
	color: white;
}

.navbar-default .navbar-nav > li > a {
	color: white;
	font-weight: 700;
	font-size: 12px;
}

.navbar-default .navbar-nav > li > a:hover {
	color: #00b3fe;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #00b3fe;
	background-color: transparent;
}

.navbar-default {
	background-color: #385C7A;
	border-color: transparent;
}

.dropdown-menu {
	background: #385C7A;
}

.dropdown-menu > li > a {
	color: white;
	font-weight: 700;
	font-size: 12px;
}



@media screen and (min-width: 1500px) {
    header{
        padding-left: 15% !important;
        padding-right: 15% !important;
    }
}


@media screen and (min-width: 800px) {
    header{
        padding-left: 11%;
        padding-right: 11%;
    }
}



header{
    height: 60px;
    transition: height 2s, padding 5s;

}

.topnav {
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 0px;
    background-color: #f2f2f2;
}

.topnav .navlist{
	float: right;
	overflow: hidden;
	
}



.navlist{
	/*transform: translateX(59px);*/
	transition: transform 5s;
	float: right;
	display: block;
	top: 80px;
	z-index: 9999;
	overflow: hidden;
}

.navlist a {
    float: left;
	display: block;
	overflow: hidden;
    color: #384452;
    text-align: center;
    padding: 20px 16px;
	text-decoration: none;
	font-weight: 900;
	letter-spacing: 0.1em;
    font-size: 13px;
}

.navlist a:hover:not(:first-child) {
    background-color: #385C7A;
    color: #ddd;
}

.active {
    background-color:#ddd ;
    color: #384452;
}

.topnav a.icon {
	position: relative;
    right: -32px;
	transition: transform 3s;
	top: 0px;
	z-index: 99999;
}

@media screen and (min-width: 280px) {

	.topnav a.icon {
		position: absolute;
		right: -32px;
		transition: transform 3s;
		top: 0px;
		z-index: 99999;
	}

}

.home-card, h4 {
	position: relative;
	opacity: 0.7;
	text-transform: unset;
	transform: scale(0.9);
	color: rgb(209, 207, 207);
}
.home-card:hover, h4, img  {
	text-transform: uppercase;
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1) ;
	transform: scale(1) ;
	color: #ddd;
}

.thm-opc {
	opacity: 0.5;
}
.thm-opc:hover  {
	text-transform: uppercase;
	opacity: 1;
}

.service-img {
	flex-direction: unset;
	right: -150px;
	top: 0px;
	width: 100%;
	padding: 20px !important;
	overflow: visible;
}

.service-img :hover {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

.cursor0{
    cursor: default;
}

.navlist a:not(.icon){
	display: block;
	transition: transform 2s, opacity 1s, visibility 1s;
}

.navlist a {
	display: block;
    transition: transform 0s, opacity 1s, visibility 1s;
}


@media screen and (max-width: 700px) {

    .navlist a:not(.icon) {
        transform: translateX(700px);
        opacity: 0;
		visibility: hidden;
		
	}

    .topnav a.icon {
        visibility: visible;
		float: right;
        transform: translateX(-40px);
    }

    .topnav.responsive {position: relative;}
    .topnav.responsive .icon {
		position: absolute;
		visibility: visible;
        margin-top: 0px;
        transform: translateX(-40px);
    }
    .topnav.responsive a {
        float: none;
		display: block;
		overflow: hidden;
        text-align: left;
        transform: translateX(0px);
        opacity: 1;
        visibility: visible;
	}

    .topnav.responsive .navlist{
		float: none;
		overflow: hidden;
    }
}


.btn-theme {
  color: #fff;
  background-color: #385C7A;
  border-color: #384452;
  margin: 4px;
}
.btn-theme:hover,
.btn-theme:focus,
.btn-theme:active,
.btn-theme.active,
.open .dropdown-toggle.btn-theme {
  color: #fff;
  background-color: #00b3fe;
  border-color: #00b3fe;
}

.dmbutton:hover,
.dmbutton:active,
.dmbutton:focus{
	color: #ffffff;
	background-color: #385C7A;
	border-color: #ffffff;
}
.dmbutton {
	background:rgba(0, 0, 0, 0);
	border: 1px solid #ffffff;
	color: #ffffff;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding-top: 1.025rem;
	padding-right: 2.25rem;
	letter-spacing:0.85px;
	padding-bottom: 1.0875rem;
	padding-left: 2.25rem;
	font-size: 1.55rem;
	cursor: pointer;
	font-weight: normal;
	line-height: normal;
	margin: 0 0 1.25rem;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	-webkit-transition: background-color 300ms ease-out;
	-moz-transition: background-color 300ms ease-out;
	transition: background-color 300ms ease-out;
	-webkit-appearance: none;
	font-weight: normal !important;
}

.mtb {
	margin-top: 80px;
	margin-bottom: 80px;
}

.mb {
	margin-bottom: 60px;
}

.mt {
	margin-top: 60px;
}

.hline {
	border-bottom: 2px solid #385C7A;
}

.hline-w {
	border-bottom: 2px solid #ffffff;
	margin-bottom: 25px;
}
/*	################################################################
	SITE WRAPS
################################################################# */

#headerwrap {
	background: url(../img/Bolebo\ consulting\ Quality\ Sheq\ Services.jpg) no-repeat;
	margin-top:60px;
	min-height: 500px;
	padding-top: 10px;
	padding-bottom: 0px;
	text-align: center;
	background-attachment: relative;
	background-position: center center;
	width: 100%;
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


#headerwrap h3, h5 {
	
	color: white;
	font-weight: 400;
}

#headerwrap h1 {
	color: white;
	margin-bottom: 25px;
}

#headerwrap .img-responsive {
	margin: 0 auto;
}

@media screen and (max-width: 767px){
	#headerwrap{
		transform: translateY(-70px);
	}
	h1{
		font-size:30px;
	}
	h3{
		font-size:18px;
	}
}

/* Services Wrap */
#service {
	margin-top: 100px;
	margin-bottom: 0px;
}

#service i {
	color: #00b3fe;
	font-size: 60px;
	padding: 15px;
}

.service-block {
	clear: inherit;
	border-radius: 10px 2px 2px 10px  rgba(0, 178, 254, 0.89);
	display: inline-block;
	min-width: 250px;
	max-height: 600px;
	
}
.service-block p {
	clear: inherit;
	color: white;
}

.blue-content {
	width: 100%;
	display: block;
	height: fit-content;
	background-color: #00b3fe;
	margin: 0px;
	padding: 45px 25px;
	color:#fff !important;	
	opacity: .8;
}


.flex-stacked{
	position: relative;
	border: solid 2px #00b3fe;
	min-width: 100px;
	width: 200px;
	min-height: 100px;
	height: 200px;
	padding: 10px 10px 10px 5px;
	margin: 0;
	overflow: hidden;
}

.border-blue-cards{
	border: solid 2px #00b3fe;
	display: block;
	padding: 10px 10px 10px 10px;
	margin: 5px 5px;
	overflow: visible;
}

.border-white-card{
	border: solid 2px #ffffff;
	display: block;
	padding: 10px 10px 10px 10px;
	margin: 5px 5px;
	overflow: visible;
}

.our-clientele-img{
	min-width: 70px;
	max-width: 150px;
	display: inline-flex;
	align-content: space-between;
}

/* Portfolio Wrap */
#portfoliowrap {
	padding-top: 60px;
	margin-bottom: 60px;
	display: block;
	text-align: center
}

#portfoliowrap h3 {
	margin-bottom: 25px;
}

.portfolio {
	padding:0 !important;
	margin:0 !important;
	display:block;
}


.portfolio-item .title:before {border-radius:0; display:none}
.portfolio-item p {margin:0px 0 30px;}
.portfolio-item h3 {margin:-10px 0 10px; font-size:16px; text-transform:uppercase;}


.tpl6 h3
{
	color:#fff;
	margin:0;
	padding:40px 5px 0;
	font-size:16px;
	text-transform:uppercase;
}
.tpl6 .dmbutton
{
	display:inline-block;
	margin:30px 5px 20px 5px;
	font-size:13px;
}

.tpl6 .bg
{
	height:100%;
	width:100%;
	background-color:#00b3fe;
	background-color:rgba(0,179,254,.9);
	text-align:center;
}

/* Testimonials Wrap */
#twrap {
	background: url(../img/t-back.jpg) no-repeat center top;
	margin-top: 0px;
	padding-top:60px;
	text-align:center;
	background-attachment: relative;
	background-position: center center;
	min-height: 450px;
	width: 100%;
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#twrap i {
	font-size: 50px;
	color: white;
	margin-bottom: 25px;
}

#twrap p {
	color: white;
	font-size: 15px;
	line-height: 30px;
}

/* clients logo */
#cwrap {
	display: block;
	background: #f7f7f7;
	margin-top: 0px;
	padding-top: 80px;
	padding-bottom: 100px;
}

#cwrap h4 {
	margin-bottom: 60px;
}

/* Footer */
#footerwrap {
	position: relative;
	margin: 0 auto;
	right: 0;
	left: 0;
	width: 100%;
    padding-top: 70px;
	padding-bottom: 60px;
	padding-left: 30px;
	padding-right: 30px;
    background-color: #385C7A;
    overflow: hidden;
    visibility: visible;
	top: auto;
	z-index: 1;
}


#footerwrap p {
	color: #bfc9d3;
}

#footerwrap h4 {
	color: white;
}

#footerwrap i {
	font-size: 30px;
	color: #bfc9d3;
	padding-right: 5px;
}

#footerwrap i:hover {
	color: #00b3fe
}

/*	################################################################
	PAGE CONFIGURATIONS
################################################################# */
/* General Tweaks */

#blue {
	background: #00b3fe;
	margin-top: 60px;
	margin-bottom: 60px;
	padding-top: 25px;
	padding-bottom: 25px;
}

#blue h3 {
	color: white;
	margin-left: 15px;
}

.ctitle {
	color: #00b3fe;
	font-weight: 700;
	margin-bottom: 15px;
}

.csmall {
	font-size: 12px;
	color: #b3b3b3;
}
.csmall2 {
	font-size: 12px;
	color: #f39c12
}

.spacing {
	margin-top: 40px;
	margin-bottom: 40px;
}
.spacing-small {
	margin-top: 15px;
	padding: 20px;
	margin-bottom: 15px;
	justify-content: center;
}
.spacing-big {
	margin-top: 50px;
	padding: 20px;
	margin-bottom: 50px;
}
.badge-theme {
	background: #00b3fe;
}

/* Contact Page */
#contactwrap {
	padding:0px 35px;
	background-attachment: relative;
	background-position: center center;
	min-height: 400px;
	max-width: 100%;
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}