@charset "utf-8";

/*Default Properties*/
body {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 16px;
	color: #000000;
}

.group a.button-blue,
.group a.button-green,
.group a.button-red {
	padding-left: 25px;
	padding-right: 25px;
}

.group-vertical a.button-blue,
.group a.button-green,
.group a.button-red {
	width: 100%;
}

a.button-blue,
a.button-green,
a.button-red {
	text-decoration: none;
	float: left;
	border-radius: 6px;
	margin-left: 1px;
}

/*Button Default Background*/
.button-blue {
	background-color: #337ab7;
}

.button-green {
	background-color: #3CC93F;
}

.button-red {
	background-color: #FF0007;
}

.button-redish {
	background-color: #B30608;
}

/*Button Default Properties*/
.button-blue,
.button-green,
.button-red,
.button-redish {
	color: #FFFFFF;
	text-align: center;
	font-size: 20px;
	border-radius: 4px;
	padding: 10px;
	margin-bottom: 4px;
	margin-right: 1px;
}

/*Button:hover Default*/
.button-blue:hover,
.button-green:hover,
.button-red:hover,
.button-redish:hover {
	cursor: pointer;
}

/*Button:hover Default Background*/
.button-blue:hover {
	background-color: #2A6AA2;
}

.button-green:hover {
	background-color: #33B936;
}

.button-red:hover {
	background-color: #EC0309;
}

.button-redish:hover {
	background-color: #337ab7;
}

nav ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

nav ul li {
	position: relative;
	float: left;
}

nav ul li a {
	display: block;
	background-color: #B30608;
	padding: 10px;
	margin-top: 0px;
	margin-bottom: 1px;
	margin-right: 1px;
	text-align: center;
	border-radius: 4px;
	font-size: 20px;
	color: #FFFFFF;
	text-decoration: none;
	position: relative;
	width: 174px;
}

nav li a:hover {
	background-color: #337ab7;
}

nav ul li a.btn-blue {
	display: block;
	background-color: #337ab7;
	padding: 10px;
	margin-top: 0px;
	margin-bottom: 1px;
	margin-right: 1px;
	text-align: center;
	border-radius: 4px;
	font-size: 20px;
	color: #FFFFFF;
	text-decoration: none;
	position: relative;
	width: 174px;
}

nav li a.btn-blue:hover {
	background-color: #2A6AA2;
}

nav ul ul {
	display: none;
	position: absolute;
	width: 174px;
}

nav ul li:hover ul {
	display: block;
	z-index: 999;
}

nav ul ul li {
	width: 174px;
}

.projects-box,
.p-box-sm,
.certification-box {
	float: left;
	font-size: 18px;
	text-align: center;
	cursor: pointer;
}

.projects-box {
	width: 300px;
}

.projects-box p {
	height: 80px;
	overflow: hidden;
	font-size: 16px;
	line-height: 1;
	margin-top: 15px;
}

.projects-box img {
	width: 100%;
	height: 230px;
	border-radius: 20px;
}
.projects-box2 {
    margin-top: 20px;
    width: 350px;
    display: inline-block;
}
.projects-box2 p {
    font-size: 20px;
    font-weight: 800;
    display: inline-block;
}
.projects-box2 img {
    width: 100%;
    height:500px;
}
.projects-box {
	width: 265px;
	height: 300px;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 13px;
}

.p-box-sm {
	width: 150px;
	height: 150px;
	margin-top: 4px;
	margin-bottom: 10px;
	padding: 4px;
}

.certification-box {
	width: 340px;
	height: 400px;
	margin-top: 10px;
	margin-bottom: 60px;
	padding: 15px;
}

#aboutus?,
#btn-projects-submenu {
	display: none;
}

.img-zoom {
	transform: scale(1);
	transform: all 5s;
}

.img-zoom:hover {
	transform: scale(1.03);
	z-index: 999;
}

.bg-shade-projects {
	border-radius: 25px;
	margin-top: 2px;
	margin-bottom: 1px;
	background: rgba(255, 255, 255, .2);
}

.bg-shade-projects:hover {
	background: rgba(255, 255, 255, .5);
}

.bg-shade {
	border-radius: 25px;
	margin-top: 20px;
	margin-bottom: 20px;
	background: rgba(255, 255, 255, .2);
}

.showcase-img {
	background-image: url('../images/showcase.jpg');
}

.team-email {
	color: #1807F7;
	text-decoration: none;
}

/*.showcase-img{background-image:url('../images/showcase.gif');}*/
.align-text-left {
	text-align: left;
}

.align-text-right {
	text-align: right;
}

.align-text-center {
	text-align: center;
}

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

.font-14 {
	font-size: 14px;
}

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

.font-18 {
	font-size: 18px;
}

.font-20 {
	font-size: 20px;
}

.font-22 {
	font-size: 22px;
}

.font-24 {
	font-size: 24px;
}

.font-26 {
	font-size: 26px;
}

.font-28 {
	font-size: 28px;
}

.font-32 {
	font-size: 32px;
}

.font-36 {
	font-size: 36px;
}

.font-38 {
	font-size: 38px;
}

.font-42 {
	font-size: 42px;
}

.contact {
	top: 5px;
	position: relative;
	width: 24px;
	height: 25px;
}

.width-50 {
	width: 50px;
}

.width-75 {
	width: 75px;
}

.width-100 {
	width: 100px;
}

.width-125 {
	width: 125px;
}

.width-150 {
	width: 150px;
}

.width-175 {
	width: 175px;
}

.width-200 {
	width: 200px;
}

.width-225 {
	width: 225px;
}

.width-250 {
	width: 250px;
}

.width-260 {
	width: 50%;
	margin: 0px auto;
}

.radius-8 {
	border-radius: 8px;
	overflow: hidden;
}

.radius-10 {
	border-radius: 10px;
	overflow: hidden;
}

.radius-12 {
	border-radius: 12px;
	overflow: hidden;
}

.radius-15 {
	border-radius: 15px;
	overflow: hidden;
}

.radius-20 {
	border-radius: 20px;
	overflow: hidden;
}

.radius-25 {
	border-radius: 25px;
	overflow: hidden;
}

.radius-30 {
	border-radius: 30px;
	overflow: hidden;
}

.radius-35 {
	border-radius: 35px;
	overflow: hidden;
}

.radius-40 {
	border-radius: 40px;
	overflow: hidden;
}

.radius-45 {
	border-radius: 45px;
	overflow: hidden;
}

.radius-50 {
	border-radius: 50px;
	overflow: hidden;
}

.radius-60 {
	border-radius: 60px;
	overflow: hidden;
}

.radius-70 {
	border-radius: 70px;
	overflow: hidden;
}

.radius-80 {
	border-radius: 80px;
	overflow: hidden;
}

.radius-90 {
	border-radius: 90px;
	overflow: hidden;
}

.radius-100 {
	border-radius: 100px;
	overflow: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}

h1 {
	font-size: 36px
}

h2 {
	font-size: 24px
}

h3 {
	font-size: 18px
}

h4 {
	font-size: 16px
}

h5 {
	font-size: 14px
}

h6 {
	font-size: 12px
}

.uline {
	text-decoration: underline;
}

.oline {
	text-decoration: overline;
}

.cline {
	text-decoration: line-through;
}

.nline {
	text-decoration: none;
}

.ubline {
	text-decoration: underline;
	font-weight: bold;
}

.img-left {
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	width: 15%;
	padding: 10px;
	border-radius: 15px;
}

.img-right {
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	width: 15%;
	padding: 10px;
	border-radius: 15px;
}

/*Colors Default*/
.color-white {
	color: #ffffff;
}

.color-silver {
	color: #C0C0C0;
}

.color-gray {
	color: #808080;
}

.color-black {
	color: #000000;
}

.color-gunmetal {
	color: #2C3539;
}

.color-midnight {
	color: #2B1B17;
}

.color-charcoat {
	color: #34282C;
}

.color-black-eel {
	color: #463E3F;
}

.color-platinum {
	color: #E5E4E2;
}

.color-navy-blue {
	color: #000080;
}

.color-blue-angel {
	color: #B7CEEC;
}

.color-sea-blue {
	color: #C2DFFF;
}

.color-blue {
	color: #0D7BDB;
}

.color-blue-light {
	color: #4E57F8;
}

.color-water {
	color: #EBF4FA;
}

.color-yellow-green {
	color: #52D017;
}

.color-green-apple {
	color: #4CC417;
}

.color-yellow {
	color: #FFFF00;
}

.color-sun-yellow {
	color: #FFE87C;
}

.color-cream {
	color: #FFFFCC;
}

.color-brown {
	color: #E2A76F;
}

.color-wood {
	color: #DEB887;
}

.color-wood-dark {
	color: #966F33;
}

.color-coffee {
	color: #6F4E37;
}

/*Background Default*/
.bg-white {
	background-color: #ffffff;
}

.bg-silver {
	background-color: #C0C0C0;
}

.bg-gray {
	background-color: #808080;
}

.bg-black {
	background-color: #000000;
}

.bg-gunmetal {
	background-color: #2C3539;
}

.bg-midnight {
	background-color: #2B1B17;
}

.bg-charcoat {
	background-color: #34282C;
}

.bg-black-eel {
	background-color: #4633F0;
}

.bg-platinum {
	background-color: #E5E4E2;
}

.bg-navy-blue {
	background-color: #000080;
}

.bg-blue-angel {
	background-color: #B7CEEC;
}

.bg-sea-blue {
	background-color: #C2DFFF;
}

.bg-blue {
	background-color: #337ab7;
}

.bg-water {
	background-color: #EBF4FA;
}

.bg-yellow-green {
	background-color: #52D017;
}

.bg-green-apple {
	background-color: #4CC417;
}

.bg-yellow {
	background-color: #FFFF00;
}

.bg-sun-yellow {
	background-color: #FFE87C;
}

.bg-cream {
	background-color: #FFFFCC;
}

.bg-brown {
	background-color: #E2A76F;
}

.bg-wood {
	background-color: #DEB887;
}

.bg-wood-dark {
	background-color: #966F33;
}

.bg-coffee {
	background-color: #6F4E37;
}

.bg-redish {
	background-color: #F1C7C8;
}

.container {
	padding-right: 10px;
	padding-left: 10px;
	margin: 0px auto;
}

.row,
header,
footer,
nav {
	padding-top: 2px;
	padding-bottom: 40px;
	float: left;
	width: 100%;
}

.lowercase,
.uppercase,
.capitalize {
	font-weight: bold;
}

.lowercase {
	text-transform: lowercase;
}

.uppercase {
	text-transform: uppercase;
}

.capitalize {
	text-transform: capitalize;
}

.pad-project {
	padding-top: 35px;
	padding-bottom: 35px;
}

.pad-top-5 {
	padding-top: 5px;
	padding-bottom: 5px;
}

.pad-top-10 {
	padding-top: 10px;
	padding-bottom: 10px;
}

.pad-top-15 {
	padding-top: 15px;
	padding-bottom: 15px;
}

.pad-top-20 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.pad-top-25 {
	padding-top: 25px;
	padding-bottom: 25px;
}

.pad-top-30 {
	padding-top: 30px;
	padding-bottom: 30px;
}

.pad-top-35 {
	padding-top: 35px;
	padding-bottom: 35px;
}

.pad-top-40 {
	padding-top: 40px;
	padding-bottom: 40px;
}

.pad-top-45 {
	padding-top: 45px;
	padding-bottom: 45px;
}

.pad-top-50 {
	padding-top: 50px;
	padding-bottom: 50px;
}

.pad-top-60 {
	padding-top: 60px;
	padding-bottom: 60px;
}

.pad-top-70 {
	padding-top: 70px;
	padding-bottom: 70px;
}

.pad-top-80 {
	padding-top: 80px;
	padding-bottom: 80px;
}

.pad-top-90 {
	padding-top: 90px;
	padding-bottom: 90px;
}

.pad-top-100 {
	padding-top: 100px;
	padding-bottom: 100px;
}

.pad-2,
.pad-4,
.pad-6,
.pad-8,
.pad-10,
.pad-12,
.pad-14,
.pad-15 {
	padding-top: 4px;
	padding-bottom: 4px;
}

.pad-2 {
	padding-left: 2px;
	padding-right: 2px;
}

.pad-4 {
	padding-left: 4px;
	padding-right: 4px;
}

.pad-6 {
	padding-left: 6px;
	padding-right: 6px;
}

.pad-8 {
	padding-left: 8px;
	padding-right: 8px;
}

.pad-10 {
	padding-left: 10px;
	padding-right: 10px;
}

.pad-12 {
	padding-left: 12px;
	padding-right: 12px;
}

.pad-14 {
	padding-left: 14px;
	padding-right: 14px;
}

.pad-15 {
	padding-left: 15px;
	padding-right: 15px;
}

.pad-20 {
	padding-left: 20px;
	padding-right: 20px;
}

.pad-25 {
	padding-left: 25px;
	padding-right: 25px;
}

.pad-30 {
	padding-left: 30px;
	padding-right: 30px;
}

.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
	position: relative;
}

@media (min-width:1200px) {
	.container {
		width: 1170px;
	}
}

@media (min-width:1200px) {

	.col-lg-1,
	.col-lg-2,
	.col-lg-3,
	.col-lg-4,
	.col-lg-5,
	.col-lg-6,
	.col-lg-7,
	.col-lg-8,
	.col-lg-9,
	.col-lg-10,
	.col-lg-11,
	.col-lg-12 {
		float: left;
	}

	.col-lg-1 {
		width: 8.33333333%;
	}

	.col-lg-2 {
		width: 16.66666667%;
	}

	.col-lg-3 {
		width: 25.00%;
	}

	.col-lg-4 {
		width: 33.33333333%;
	}

	.col-lg-5 {
		width: 41.66666667%;
	}

	.col-lg-6 {
		width: 50.00%;
	}

	.col-lg-7 {
		width: 58.33333333%;
	}

	.col-lg-8 {
		width: 66.66666667%;
	}

	.col-lg-9 {
		width: 75.00%;
	}

	.col-lg-10 {
		width: 83.33333333%;
	}

	.col-lg-11 {
		width: 91.66666667%;
	}

	.col-lg-12 {
		width: 100.00%;
	}
}
.center-heading h1 {
    text-align: center;
}

.contact-detail a {
    text-decoration: none;
}