@charset "UTF-8";
@font-face { font-family: arial; src: url('fonts/arial.ttf'); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: arialbd; src: url('fonts/arialbd.ttf'); font-weight:bold; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: basic-sans-heavy-bold; src: url('fonts/basic-sans-heavy-bold.ttf'); font-weight:900; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: opensans; src: url('fonts/opensans-regular.ttf'); font-weight:600; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: opensans-bold; src: url('fonts/opensans-bold.ttf'); font-weight:600; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: roboto-light; src: url('fonts/roboto-light.ttf'); font-weight:400; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: roboto-bold; src: url('fonts/roboto-bold.ttf'); font-weight:600; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: roboto-boldcond; src: url('fonts/roboto-boldcond.ttf'); font-weight:500; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: shentox-bold; src: url('fonts/shentox-bold.woff'); font-weight:600; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: calibri; src: url('fonts/calibri.ttf'); font-weight:300; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: eund; src: url('fonts/eund-medium.ttf'); font-weight:700; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }


	/*body { font-size:24px; }*/
	table, tr, td { border-width:0px; }
	a { text-decoration:none; }
	/*h1, h2, h3, h4, h5, h6 { font-family:roboto-boldcond,opensans-bold,sans-serif; color:#4c4c4c; font-weight:800; margin-top:20px; margin-bottom:10px; vertical-align:middle; }
	h1 { font-size:48px; }
	h2 { font-size:24px; }
	h3 { font-size:22px; }
	h4 { font-size:20px; }
	h5 { font-size:18px; }
	h6 { font-size:16px; }
	p { margin:10px 10px 20px 0px; font-family:roboto-light,opensans,sans-serif; color:#787878; font-weight:200; font-size:18px; line-height:1.8em; letter-spacing:0.12em; }
	*/
	/*iframe {
		width:100%!important; max-width:800px!important; height:600px!important; max-height:600px!important;
	}*/
	@media (max-width: 699px) {
		.page-container iframe { width:100%!important; max-width:500px!important; height:300px!important; }
	}
	@media (max-width: 449px) {
		.page-container iframe { width:100%!important; max-width:400px!important; height:200px!important; }
	}
	
	.scroll-to-top { bottom:30px; }
	.tox.tox-pop { display:none!important; }

	.page-header.navbar { height: 60px!important; box-shadow: 0px 0px 2px #000000; position:fixed!important; }
	.page-header.navbar .menu-toggler.responsive-toggler { margin-top: 6px; }
	.page-header.navbar .menu-toggler>span { top:3px; }
	.page-header.navbar .page-logo { height: 60px!important; }
	.page-header.navbar .page-logo .img-logo { position:relative; top:4px; max-height:52px; }
	
	.page-header-inner { height: 60px!important; }
	
	.page-navigation { z-index:999; position:fixed; top:60px; left:0px; display:block; width:100%; height:40px; padding: 0px; margin:0px; border:0px; box-shadow:2px 0px 6px #343434; }
	.page-navigation-inner, .page-navigation-links { height:40px; }
	.page-navigation-links { display:block; }

	.page-navigation .page-subnav { margin:0; padding:1px; display:none;position:absolute;top:40px;left:0px; box-shadow:1px 1px 4px #343434; min-width:180px; }
	.mobile-menu .page-subnav { margin:0; padding:1px; display:none; position:relative; box-shadow:0px 0px 4px #343434; min-width:180px; }

	
	/*.menuspacer { float:left; display: inline-block; margin: 0px; height:40px; width:1px; background-image: url(../images/menu-spacer.gif); }*/
	a.menu-button { display: block; margin: 0px; height:40px; width:auto; padding: 9px 28px 9px 28px; text-decoration:none; }
	a.submenu-button { display: block; margin: 0px; height:40px; width:auto; padding: 10px 10px 10px 18px; text-decoration:none; }
	/*a.menu-button:hover{ background-image: linear-gradient(to bottom, rgba(13,101,25,1), rgba(70,153,76,1) ); }
	a.menu-button.active { background-image: linear-gradient(to bottom, rgba(13,101,25,1), rgba(70,153,76,1) ); }*/
	
	/*.btn-mobile { float:right; display:none; position:absolute; top:6px; right:10px; width:38px; height:28px; border:0.1em solid #cdcdcd; border-radius:8px; padding:2px 0px 0px 0px; background-color:#5EB668; }
	.btn-mobile span { display:block; font-weight:100; color:#ffffff; width:100%; height:16px; font-size:20px; text-align:center; vertical-align:middle; }
	.mobile-menu { z-index:8888; display:none; width:100%; height:auto; background-color:#5EB668; position:absolute; top:60px; left:0px; margin:0px; box-shadow:1px 0px 8px #343434; }
	.mobile-menu a { padding:8px 16px; margin:6px; display:block; font-family:roboto-boldcond,opensans-bold,sans-serif; color:#ffffff; font-size:13px; font-weight:800; line-height:24px; 
		text-decoration:none; border:1px solid #3A763F; border-radius:8px !IMPORTANT; background-color:#3A9E5F; }
	.mobile-menu a:active { color:#ffffff; font-weight:800; background-color:#66B0C7; }
	.mobile-menu a:hover { color:#ffffff; font-weight:800; background-color:#66B0C7; }*/

	/*.videobg { display:block; position:absolute!important; top:0; left:0; width:100%; height:100%; z-index:1!important; }*/
	.page-container { margin-top:100px!important; z-index:9000!important; }
	@media (max-width: 991px) { .page-container { margin-top:60px!important; } }
	
	.page-content-wrapper .page-content { margin-left: 0px!important; margin-right:0px!important; padding:40px 0px 60px 0px!important; }
	@media (max-width: 699px) { .page-content-wrapper .page-content { padding:20px 0px 40px 0px!important; } }
	
	.page-content-wrapper .row {
	    margin:0px!important; padding: 10px 40px 10px 40px!important;
	}
	.page-content img { position:relative; margin:0px; padding:10px; border-radius:16px; }
	.page-content .btn { padding-right:18px; margin-bottom:8px; }
	.page-content .btn span { margin-left:0px; margin-right:4px; }
	.page-footer-container { z-index:100; width:100%; position:relative; bottom:0px; left:0px; background-color:#2b2b2b; }
	
	.btn-custom { margin-left:0px; margin-right:0px; }

	.form-horizontal .form-group {
    	margin-left: 0px;
	    margin-right: 0px;
	}

	.container-social-media-links { text-align:center; }
	.container-social-media-links .socicon-btn { margin:5px!important; }
	
	.container-reach-me-links { text-align:center; }
	.container-reach-me-links .socicon-btn { margin:5px!important; text-align:center; padding-top:12px!important; }
	.container-reach-me-links .socicon-btn span { position:relative;top:-3px; }
	
	.container-reach-me-links .socicon-btn.socicon-sm { margin:5px!important; text-align:center; padding-top:8px!important; }
	.container-reach-me-links .socicon-btn.socicon-sm span { position:relative;top:-2px; }
	
	.container-reach-me-links .socicon-btn.socicon-lg { margin:5px!important; text-align:center; padding-top:14px!important; }
	.container-reach-me-links .socicon-btn.socicon-lg span { position:relative;top:-2px; font-size:34px; }
	
	.form-horizontal .form-group { margin-left: 0px!important; margin-right: 0px!important; }
				
	.page-footer { clear:none; height: auto!important; text-align:center; }
	.page-footer .page-footer-inner { float: none!important; }


	.copyright { display:block; width: 100%; height: auto; text-align:center; padding:16px 40px; background-color:#121212; vertical-align:middle; font-family:arial; font-size:11px; color:#787878; font-weight: normal; line-height:18px; }

	@media (max-width: 500px) {
		.page-content img { position:relative; width:100%!important; height:auto!important; }
	}
	
	/*.page-content-wrapper .page-content {
	    margin-left: 0px!important;
	    margin-right: 0px!important;
	    padding: 0px!important;
	}*/
