/*General Styles*/
@font-face {
   font-family: calibriFont;
   src: url('../fonts/calibri.woff2') format('woff2'),
		url('../fonts/calibri.woff') format('woff'),
		url('../fonts/calibri.ttf') format('truetype');
}

* {
	font-family:arial;
}

div.ks-main-content p.kwd-btn-blue {
	text-align:center;
}

div.ks-main-content p.kwd-btn-blue a.kwd-btn-blue-link:link,
div.ks-main-content p.kwd-btn-blue a.kwd-btn-blue-link:visited {
	border:1px solid #00ACE6;
	background-color:#00ACE6;
	color:#ffffff;
	padding:15px 40px;
}


div.ks-main-content p.kwd-btn-blue a.kwd-btn-blue-link:hover,
div.ks-main-content p.kwd-btn-blue a.kwd-btn-blue-link:active {
	background-color:transparent;
	color:#00ACE6;
}

div.ks-main-content p.kwd-btn-blue a.kwd-btn-transparent-blue-link:link,
div.ks-main-content p.kwd-btn-blue a.kwd-btn-transparent-blue-link:visited {
	border:1px solid #00ACE6;
	background-color:transparent;
	color:#00ACE6;
	padding:15px 40px;
}


div.ks-main-content p.kwd-btn-blue a.kwd-btn-transparent-blue-link:hover,
div.ks-main-content p.kwd-btn-blue a.kwd-btn-transparent-blue-link:active {
	background-color:#00ACE6;
	color:#fff;
}

a.kwd-blue-link:link,
a.kwd-blue-link:visited {
	color:#00ACE6;
}

a.kwd-blue-link:hover,
a.kwd-blue-link:active {
	text-decoration: underline;
}

br.kwd-break-line-tablet {
	display:none;
}



/*Main Header*/
div.ks-heading-logo {
	font-size:1.8em;
}

div.ks-menu-line {
	background-color:#E0E0E0;
	height:2px;
}

div.ks-menu-darkline {
	background-color:#555555;
}

ul.ks-heading-links-inline li.ks-heading-submenu {
	height:30px;
}

/*Main Links*/
a.ks-heading-sublink,
a.ks-heading-link:link,
a.ks-heading-link:visited,
a.kwd-headlogo-link:link,
a.kwd-headlogo-link:visited {
	color:#E0E0E0;
	font-size:1em;
	/*font-weight:bold;*/
}

a.ks-heading-sublink,
a.ks-heading-link:link,
a.ks-heading-link:visited {
	text-transform:uppercase;
}


a.ks-heading-link:hover,
a.ks-heading-link:active {
	border-bottom:2px solid #FFFFFF;
	color:#FFFFFF;
}

a.ks-heading-sublink:hover,
a.ks-heading-sublink:active {
	border-bottom:none;
}

a.ks-heading-submenu-link:link,
a.ks-heading-submenu-link:visited {
	display:block;
	color:#E0E0E0;
	text-align:center;
	font-size:0.9em;
	padding:5px 0px;
}

a.ks-heading-submenu-link:hover,
a.ks-heading-submenu-link:active {
	color:#FFFFFF;
}

/*Dark Links*/
a.ks-heading-subdarklink,
a.ks-heading-darklink:link,
a.ks-heading-darklink:visited,
a.kwd-headlogo-darklink:link,
a.kwd-headlogo-darklink:visited {
	color:#555555;
	font-size:1em;
	/*font-weight:bold;*/
}

a.ks-heading-subdarklink,
a.ks-heading-darklink:link,
a.ks-heading-darklink:visited {
	text-transform:uppercase;
}


a.ks-heading-darklink:hover,
a.ks-heading-darklink:active {
	border-bottom:2px solid #777777;
	color:#777777;
}

a.ks-heading-subdarklink:hover,
a.ks-heading-subdarklink:active {
	border-bottom:none;
}

a.ks-heading-submenu-darklink:link,
a.ks-heading-submenu-darklink:visited {
	display:block;
	color:#E0E0E0;
	text-align:center;
	font-size:0.9em;
	padding:5px 0px;
}

a.ks-heading-submenu-darklink:hover,
a.ks-heading-submenu-darklink:active {
	color:#FFFFFF;
}



/* Main Button Link Styles */
a.kwd-btn-cta:link,
a.kwd-btn-cta:visited {
	background-color: #ffffff;
	color:#333;
	font-weight:bold;
	padding: 10px 15px;
}

a.kwd-btn-cta:hover,
a.kwd-btn-cta:active {
	border-bottom: none;
	background-color:#e7e7e7;
}



/*Mobile Header*/
header.ks-mobile-main-heading {
	background-color:#333333;
}

div.ks-mobile-heading-logo {
	font-size:1.4em;
}

a.kwd-mobile-headlogo-link:link,
a.kwd-mobile-headlogo-link:visited {
	color:#E0E0E0;
	font-size:1em;
}

a.ks-mobile-heading-sublink,
a.ks-mobile-heading-link:link,
a.ks-mobile-heading-link:visited {
	display:block;
	color:#E0E0E0;
	font-size:1.25em;
	padding:15px 0px;
}

a.ks-mobile-heading-submenu-link:link,
a.ks-mobile-heading-submenu-link:visited {
	display:block;
	color:#E0E0E0;
	font-size:1.15em;
	padding:15px 0px 15px 10px;
}

a.ks-mobile-heading-submenu-link:first-child:link,
a.ks-mobile-heading-submenu-link:first-child:visited {
	padding-top:0px;
}

a.ks-mobile-heading-link:hover,
a.ks-mobile-heading-link:active,
a.ks-mobile-heading-submenu-link:hover,
a.ks-mobile-heading-submenu-link:active {
	color:#AAAAAA;
}



/*Main Background*/
div.ks-bgshade {
	background-color:rgba(0,0,0,0.5);
}

div.kwd-page-bgimg {
	height:290px;
}

div.ks-bgtext {
	max-width:700px;
	width:100%;
}

div.ks-bgtext h1 {
	color:#FFFFFF;
	text-align:center;
	font-size:3rem;
	font-weight:normal;
	margin-bottom:20px;
}

div.ks-bgtext p {
	text-align:center;
}



/*Main Section*/
div.ks-main-content > h3 {
	color:#333333;      /*#505050;*/  /*#00ACE6;*/  /*#00A8B3;*/
	text-align:center;
	font-size:2em;
	font-weight:normal;
	margin-bottom:40px;
}

div.ks-main-content > p {
	color:#656565;  /*#B3B3B3;*/
	text-align:justify;
	font-size:1.15em;
	line-height:1.5;
}



/* My Work */
div.kwd-gallery-work-container {
	gap:25px;
	margin-bottom:40px;
}

a.kwd-gallery-link {
	display:block;
}

div.kwd-gallary-work {
	text-align: center;
}

div.kwd-gallary-work img {
	margin-bottom:20px;
}

div.kwd-gallary-work h4 {
	color:#444444;
	font-size:1.4em;
	font-weight:normal;
	margin-bottom:15px;
}

div.kwd-gallary-work h4 + p {
	color:#656565;
	text-align:center;
	font-size:1.1em;
	line-height:1.5;
}


/* Resent Work Styles */
div.kwd-btn-cta-container {
	display:flex;
	justify-content:center;
	gap:15px;
}



/*Main Footer*/
footer.kwd-main-footer {
	background-color: #808080;
	padding:40px 20px 20px;
}

div.ks-footer-content p.ks-copy {
    color:#fff;
	margin-bottom:0px;
}

div.kwd-footer-socialmedia-wrap {
	text-align:center;
	margin-bottom:20px;
}

span.ks-icon-circle {
	background-color:#00ACE6;
	font-size: 20px;
    line-height: 40px;
    width: 40px;
    height: 40px;
}



/*All Media Queries*/
@media only screen and (max-width:900px) {
	br.kwd-break-line-tablet {
		display:inline;
	}

	div.ks-gallery-third-stack {
		max-width: 400px;
		margin:auto;
		margin-bottom:60px;
		row-gap: 60px;
	}
}

@media only screen and (max-width:600px) {
	/*Main Background*/
	div.ks-bgtext h1 {
		font-size:2.5em;
	}
}

@media only screen and (max-width:420px) {
	br.kwd-break-line-tablet {
		display:none;
	}

	/*Main Background*/
	div.ks-bgtext h1 {
		font-size:1.5rem;
	}



	/* Resent Work Styles */
	div.kwd-btn-cta-container {
		flex-direction:column;
		gap:10px;
	}
}

@media only screen and (max-width:370px) {
	/*Main Background*/
	div.ks-bgtext h1 {
		font-size:1.25rem;
	}
}