/*----------------------------------
	
Theme Name: Florida
Theme URI: http://webnus2.net/florida
Description: Florida is a Modern multi-purpose HTML5-CSS3 template with many different options, and is fully responsive. It covers any type of usage: Personal, Small Biz and Corporate. 
Author: WEBNUS
Author URI: http://themeforest.net/user/WEBNUS
Version: 2.0.1
	
------------------------------------------------------------------------*/
/* @import url('./bootstrap-grid.css'); Bootstrap Grid */
@import url('./main-menu.css'); /* Import Menu Stylesheet */
@import url('./base.css'); /* Import Basic Styles, Typography, Forms etc stylesheet */
@import url('./skeleton.css'); /* Import Skeleton (Responsive Grid System) Stylesheet */
@import url('./elements.css'); /* Import Elements stylesheet */
@import url('./blox.css'); /* Import Full width Sections + Parallax Stylesheet */
@import url('./blog.css'); /* Import Blog stylesheet */
@import url('./portfolio.css'); /* Import Portfolio Stylesheet */
@import url('./pages.css'); /* Import Pages stylesheet */
@import url('./icon-box.css'); /* Import Icon Boxes stylesheet */
@import url('./iconfonts.css'); /* Import Icon Fonts stylesheet */
@import url('./shop.css'); /* Import Shop stylesheet */
@import url('./widgets.css'); /* Import Widgets stylesheet */
@import url('./prettyPhoto.css'); /* Import prettyPhoto Stylesheet */
/* layerslider.css and slide1.css have been removed in favor of loading them only when needed with the Hero Slider - 8/31/15 d.osborne */
/*@import url('../js/vendors/layerslider/css/layerslider.css');*/ /* Import LayerSlider Stylesheet */
/*@import url('./slide1.css');*/ /* Import Florida Custom LayerSlider Stylesheet */
@import url('./flexslider.css'); /* Import Flex Slider Stylesheet */
@import url('./font-awesome-4.6.3/css/font-awesome.min.css'); /* Import Font Awesome Icons Stylesheet */
/*@import url('./iconfonts.css'); /* Import Vector Icons Stylesheet */
@import url('./glyphicon.css'); /* Import Vector Icons Stylesheet */
@import url('./icomoon.css'); /* Import Vector Icons Stylesheet */	
@import url('./breadcrumbs.css'); /* Breadcrumbs Stylesheet */
/*@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css'>*/
/*-----------------------------------------------------------------------------------*/
	
/* #Site Styles
================================================== */
	
/* WRAPPER */ 
	
#wrap { margin: 0 auto; position: relative; padding: 0; background: #fff; }
#boxed-wrap { margin: 0 auto; background: #fff; overflow:hidden; width: 1000px; -webkit-box-shadow: 0 0 9px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 7px rgba(0,0,0,0.4); box-shadow: 0 0 7px rgba(0,0,0,0.4); }
#boxed-wrap { border: 1px solid #d6dbdc\9; border-bottom: none; }
#full-width, #hero { width: 100%; padding: 0; clear: both; border-bottom: 1px solid #d6d6d6; }
#full-width img, #hero img { margin: 0; max-width: 100%; margin-bottom: -6px; }
#hero .parallelogram { 
    width: 968px; 
    height: 206px; 
    -webkit-transform: skew(150deg); 
    -moz-transform: skew(150deg); 
    -o-transform: skew(150deg);
	transform: skew(150deg);
	background: #263892;
	border: 1px solid #fff;
	-webkit-box-shadow: 11px 10px 7px -7px rgba(0,0,0,0.35);
	-moz-box-shadow: 11px 10px 7px -7px rgba(0,0,0,0.35);
	box-shadow: 11px 10px 7px -7px rgba(0,0,0,0.35);
    /*background: #EE1F23;*/
	}
	
#headline, #headline2 { width: 100%; height: 82px; padding: 16px 0 20px; background: #fafafa; display: table; }
#headline h3, #headline2 h3 { color: #424748; font-size: 56px; line-height:1.3; margin: 20px 10px; position: relative; text-transform: capitalize; font-weight: 100; letter-spacing: 0; }
#headline h3 small, #headline2 small { font-size: 56%; color: rgba(255,255,255,0.8); font-weight: 300; margin-left: 10px; letter-spacing: -0.07em; text-transform: capitalize; }
#headline h3 small { color: #808080; font-weight: 100; }
#headline2 { padding: 25px 0 12px; background: #0093d0; }
#headline2 h3 { color: #fff; border: 0 none; }
#header h6, .top-bar h6, .top-inf h6  { font-size:16px; margin:20px; font-weight:400; color:#797979; display:inline-block;}
#header h6 i, .top-bar h6 i, .top-inf h6 i { background:#f1f1f1; color:#545454; display:inline; margin:7px; padding:7px; border-radius:4px; vertical-align:middle;}
.tbg1 { background: url('../images/template/tbg1.png') repeat-x; }
	
/* TOP-BAR  */ 
.top-bar { background:#fff; min-height:26px; /*padding:12px 0;*/ padding: 5px 0 0; /*border-bottom:1px solid #f3f3f3;*/ } 
.top-bar h6 { font-size:12px; font-weight:400; margin:0 20px 0 0; color:#999; letter-spacing:0.6px;} 
.top-links { float:left; color:#a9b2b4; font-size:11px; padding:4px 0 0 4px; }
.top-links.rgtflot { float:right; padding-right:10px;}
.top-links img, .container .top-links p { float:left; margin:4px 3px 0 0;}
.container .top-links p { color:#d9d9d9; font-weight:bold; font-size:12px; line-height:1; margin:5px 9px 0 0;}
.top-links a, .top-links span { color: #9aa6af; font-size:10px; display:inline; margin:0 6px; text-transform:uppercase; font-weight:bold; }
.top-links a:hover { color:#e2383f}
.top-co-inf .top-links { float:right; margin-top:8px;}
.top-co-inf .top-links p { color:#6d6e71; }
.top-bar #search-form input[type="text"] { margin: 0; }
.top-bar #search-form { margin: 0 10px 8px 0; }
.top-bar #search-form form input[type="text"].header-search { width: 261px; margin-bottom: 0; }
.top-bar form { margin-bottom: 0; } 
	
/* HEADER  */ 
#header { border-bottom: 4px solid #f0f0f0; margin:0; }
#header.transed { position: fixed; background: rgba(255,255,255,0.8); width: 100%; z-index: 9100; }
#header.super-fixed { background:#fff; border:none; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3); width:100%; height:90px; z-index: 9100;}
.logo { height:100%; /*line-height: 72px;*/ }
.logo img { max-width: 100%; height: auto; max-height: 100%; /*padding: 2% 0;*/ padding: 0; /*vertical-align: middle;*/ }
/*.logo img { max-width: 100%; height:auto; max-height:100%; min-height:54px; padding: 2% 0; }*/
#header.super-fixed .logo img, header.super-fixed .logo { max-height:90px; width:auto;}
	
#sticker { background: #fff\9; z-index: 90000; width: 100%; height: auto; position: relative; }
.darkhalf #sticker { position:fixed; top:0;}
.darkhalf section.homedark{ margin-top:-114px;}
header.sticky { margin: 0; position: fixed; top: 0; z-index: 100; }
	
/* replacing this for now as transparency of dynamically created logo not being maintained
.is-sticky #header { margin-top:-15px; background:rgba(255,255,255,0.89); border-bottom: 4px solid #f0f0f0; }
*/
.is-sticky #header { margin-top: -15px; background:#fff; border-bottom: 4px solid #f0f0f0; }
.is-sticky .logo { height:54px; /*margin-top:50px;*/ margin-top: 15px; line-height: 54px; }
.is-sticky .logo img { /*max-height:48px; min-height:30px;*/ width:auto; }
.is-sticky #header.super-fixed { margin:0; border:none; background:#fff;}
.is-sticky #header.super-fixed .logo,
.is-sticky #header.super-fixed .logo img { max-height:90px; margin:0;}
	
#search-form { float:right; margin:61px 0 auto 16px; position:relative;}
#search-form .search-text-box, #search-form2 .search-text-box2 { background-color: #f3f3f3;  background-image: url('../images/template/search-icon.png'); background-position: 12px 50%; background-repeat: no-repeat; border: 0 none; border-radius: 18px; box-shadow: none; color: transparent; cursor: text; font-size: 13px; color:#444; height:18px; line-height: 18px; padding: 7px 5px 8px 30px; transition: all 0.3s ease-in-out 0s; width: 1px;}	
#search-form2 { display:none; position:relative; }
#search-form2 .search-text-box2 { width:220px; margin:auto; position:relative; z-index: 1; }
#header.super-fixed #search-form { margin-top:29px;}

	
/* --------------------- */

	
/* Side Nav */
	
#side-content { float:right;}
#side-nav { float:left; z-index:979;}
#side-nav ul { padding:10px 20px; background:#fff;  border:3px solid #f3f3f3; list-style:none;}
#side-nav ul li { border-bottom:1px solid #eaeaea; padding:0; margin:0;}
#side-nav ul li:last-of-type { border-bottom:0 none;}
#side-nav ul li ul { border:0 none; padding:0; padding-left:20px; margin:0; background:#fdfdfd; display:none;}
#side-nav a { display:block; color:#575757; padding:14px 0; text-transform:capitalize; font-size:13px; font-weight:400; letter-spacing:0.2px;  }
#side-nav a:after { float:right;  font-family: 'FontAwesome'; font-size:10px; color:#878787; content: "\f054"; speak: none; font-style: normal; font-weight: normal; text-transform: none; line-height: 1;	-webkit-font-smoothing: antialiased;}
#side-nav a:hover, #side-nav a:hover:after { color:#ff9900;}
#side-nav li.current a, #side-nav li.current a:after { color:#0093d0;}
#side-nav ul li ul li a { padding:10px 0; font-size:12px;}
#side-nav ul li:hover > ul { display:block;}
.latest-posts li {border-bottom: 1px solid #eee; padding-bottom: 10px;}
	
/* Image Gallery */
.image-gallery { display:block; margin:10px 0;}
.image-gallery ul li { float:left; width:215px; height:215px; margin:1px; overflow:hidden;}
.image-gallery ul li img { max-width:420px; width:auto; height:215px; border-radius:1px; text-align:center}
.image-gallery .zoomex { bottom:0;}
	
/* --------------------- */
	
/* ================================================== */
/* HOMEPAGE */
/* ================================================== */

.c-iconbox__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; 
    -webkit-box-pack: justify; 
    -ms-flex-pack: justify; 
    justify-content: space-between; 
}

.c-iconbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;	
	-webkit-box-flex: 1;	
	-ms-flex: 1 0;	
	flex: 1 0;
	padding: 10px 10px 20px;
}

.c-iconbox__wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
    
.c-iconbox__fa-icon {
    font-size: 64px !important; 
    padding: 0 30px;
    color: #273792; /*customize color in override.css */
}
    
.c-iconbox__fa-icon:hover {
    color: #999; /*customize color in override.css */
}
  
@media (max-width: 768px) {
	.c-iconbox__container {
	    padding-top: 30px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	
}

@media (min-width: 1200px) {
	.c-iconbox:first-child {
	    padding-right: 30px;
	}
	.c-iconbox:last-child {
	    padding-left: 30px;
	}
}
	
/* ================================================== */    
/* IMAGES */
/* ================================================== */

.border {
    border: 1px solid #c9c9c9;
    background: #f9f9f9;
    padding: 6px;
}
	
	
/* FOOTER */
	
#footer { 
    width: 100%; 
	padding: 20px 0; 
	background: #2d2d2d; 
	color: #9B9B9B;
	/*border-top: 8px solid #222;*/ 
}
	
#footer .container {
    display: flex; 
	align-items: center; 
	justify-content: space-between;
	flex-wrap: wrap;
}
	
@media (max-width: 768px) {
	#footer .container{
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	
	.footer-navi, .footer-legal {
	    flex-direction: column;
	    align-items: center;
	    text-align: center;
	}    
}
	
#footer.litex { 
    background: #fafafa;  
	border-top: 6px solid #e9e9e9; 
}
	
.footer-in { margin: 0 auto; padding-bottom: 50px; color: #ccc; position: relative; }
.footer-in .columns { margin-top: 20px; }
.footer-in h5.subtitle { color: #ddd; display: block; border-bottom: 1px solid #212121; padding-bottom: 6px; margin: 0; margin: 35px 0; -webkit-box-shadow: 0 1px #373737; -moz-box-shadow: 0 1px #373737; box-shadow: 0 1px #373737; position: relative; }
#footer.litex .footer-in h5.subtitle { color:#414141;}
#footer h5.subtitle span { position: absolute; right: 0; text-align: right; }
#footer h5.subtitle span a { color: #787878; font-size: 10px; font-weight: 400; }
.lts-news { height: 64px; overflow: hidden; margin-bottom: 15px; }
.lts-news .img-hover { float:left; margin:0 10px 0 0;}
.lts-news img { height: 64px; }
.lts-news h5 { font-size: 16px; font-weight: 500; border: none; margin: 0; padding: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; white-space:nowrap;}
.lts-news a { color: #ddd; }
.footer-in .lts-news p { font-size: 11px; line-height: 17px; color: #9c9b9b; margin-bottom:5px; letter-spacing:0; }
.lts-news .img-hover:before { -webkit-box-shadow: inset 0 0 0 3px #fff; -moz-box-shadow: inset 0 0 0 3px #fff; box-shadow: inset 0 0 0 3px #fff; opacity: .5; }
.lts-news:hover .img-hover:before { opacity: 1; -webkit-box-shadow: inset 0 0 0 3px #e84a52; -moz-box-shadow: inset 0 0 0 3px #e84a52; box-shadow: inset 0 0 0 3px #e84a52; }
.lts-news:hover h5 a { color: #e84a52; }
.footer-in hr { border-color: #373737; }
.footer-in .copyright-txt { font-size: 12px; }
.footer-in p { line-height: 19px; color: #898989; }
.contact2 div { line-height: 21px; }
.footer-in a { text-decoration: none; -webkit-transition: all 0.18s ease; -moz-transition: all 0.18s ease; -o-transition: all 0.18s ease; transition: all 0.18s ease; }
.footer-sbc { position: relative; text-align: center; margin: 0 auto; }
.footer-sbc input[type="text"], .footer-sbc input[type="submit"] { float: left; margin: 4px 7px; }

/* Social Icons */
.social-icons a { border: 0; float: left; margin: 1px 7px 0 12px; opacity: 0.5; text-decoration: none; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }
.social-icons a:hover { opacity: 1; }
.social-icons.members { clear: both; text-align: center; margin-bottom: 10px; }
.social-icons.members a { text-align: center; float: none; }

.footer-in a img { float: left; }
.contact-inf span { display: block; color: #9b9b9b; font-family: Arial; font-size: 14px; }
.contact-inf i { margin-right: 5px; color: #474747; }
.contact-inf form { margin-top: 20px; }
.footer-in .contact-inf input, .footer-in .contact-inf textarea { display: block; min-width: 97%; margin: 10px 0; background: #2b2928; color: #ccc; border: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 6px 0px 6px 12px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 0 3px 1px #222, 1px 1px #424242; -moz-box-shadow: inset 0 0 3px 1px #222, 1px 1px #424242; box-shadow: inset 0 0 3px 1px #222, 1px 1px #424242; }
.footer-in .contact-inf button { padding: 10px 20px; font-size: 12px; font-weight: 400; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #373737; background: -moz-linear-gradient(top, #373737, #252525); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #373737), color-stop(100%, #252525)); background: -webkit-linear-gradient(top, #373737, #252525); background: -ms-linear-gradient(top, #373737, #252525); background: -o-linear-gradient(top, #373737, #252525); background: linear-gradient(top, #373737, #252525); border: none; float: right; }
.footer-in a:hover { color: #85b940; }
#footer.litex .footer-in a { color: #0093d0; }
.footer-in a.terms { color: #578f1a; }
.footer-in .lts-tweets { padding: 12px; padding-top: 34px; text-align: center; position: relative; }
.footer-in .lts-tweets i { font-size: 80px; color: #333; position: absolute; top: 2px; left: 40%; z-index: 9; }
.footer-in .lts-tweets h3 { z-index: 12; position: relative; }
.footer-in .lts-tweets h5 { color: #82878a; padding: 0 10px; font-size: 16px; font-weight: 400; font-family: "Roboto Slab"; }
	
.partner-website h5 { margin: 20px 0; }
.partner-website a { display: block; color: #808080; font-family: Arial, Helvetica, sans-serif; font-size: 12px; -webkit-transition: all .08s ease; -moz-transition: all .08s ease; -ms-transition: all .08s ease; -o-transition: all .08s ease; transition: all .08s ease; }
.partner-website a:hover { color: #fff; }
.partner-website a i { margin: 0 5px; -webkit-transition: all .18s ease; -moz-transition: all .18s ease; -ms-transition: all .18s ease; -o-transition: all .18s ease; transition: all .18s ease; }
.partner-website a:hover i { margin-left: 10px; }
.footbot { margin: 0 auto; position: relative; padding: 26px 0 18px; border-top-right-radius: 2px; border-top-left-radius: 1px; }
#footer.litex .footbot { background:#e9e9e9}
#footer.litex .footbot, #footer.litex .footer-in h4, #footer.litex .footer-in hr { border-color: #e0e0e0; color: #5b5b5b; }
.footbot img { position: relative; margin: 6px 40px 0 0; opacity: 0.93; }
	
.footer-navi {
    display: flex;
	flex-grow: 2; 
	flex-direction: column;
	font-size: .9rem;
	font-family: Arial, Helvetica, sans-serif; 
	color: #9B9B9B; 
}

.footer-legal {
    display: flex;
    flex-wrap: wrap;
}
	
.footer-navi ul { margin-left: 40px; }
.footer-navi a, .footer-navi a:visited, .legal a { 
    color: #e9ecec; 
}
	
.footer-navi a:hover, .legal a:hover { 
    color: #a9b2b4;
	text-decoration: underline;
}
	
.socailfollow { float: right; }
.socailfollow a { height: 18px; padding: 10px; float: left; text-decoration: none; display: block; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.31s ease; -moz-transition: all 0.31s ease; -ms-transition: all 0.31s ease; -o-transition: all 0.31s ease; transition: all 0.31s ease; }
.socailfollow a:first-of-type { margin-left: 0; }
.footer-in .socailfollow a:hover { text-decoration: none; }
.socailfollow a.facebook:hover { background: #3b5996; }
.top-bar .socailfollow a.facebook:hover i, .our-team .socailfollow a.facebook:hover i { color: #3b5996; }
.socailfollow a.twitter:hover { background: #00acee; }
.top-bar .socailfollow a.twitter:hover i, .our-team .socailfollow a.twitter:hover i { color: #00acee; }
.socailfollow a.vimeo:hover { background: #0dadd6; }
.top-bar .socailfollow a.vimeo:hover i, .our-team .socailfollow a.vimeo:hover i { color: #0dadd6; }
.socailfollow a.dribble:hover { background: #d53e68; }
.top-bar .socailfollow a.dribble:hover i, .our-team .socailfollow a.dribble:hover i { color: #d53e68; }
.socailfollow a.youtube:hover { background: #cb322c; }
.top-bar .socailfollow a.youtube:hover i, .our-team .socailfollow a.youtube:hover i { color: #cb322c; }
.socailfollow a.pinterest:hover { background: #cb2027; }
.top-bar .socailfollow a.pinterest:hover i, .our-team .socailfollow a.pinterest:hover i { color: #cb2027; }
.socailfollow a.google:hover { background: #c3391c; }
.top-bar .socailfollow a.google:hover i, .our-team .socailfollow a.google:hover i { color: #c3391c; }
.socailfollow a.linkedin:hover { background: #0073b2; }
.top-bar .socailfollow a.linkedin:hover i, .our-team .socailfollow a.linkedin:hover i { color: #0073b2; }
.socailfollow a.rss:hover { background: #f29a1d; }
.top-bar .socailfollow a.rss:hover i, .our-team .socailfollow a.rss:hover i { color: #f29a1d; }
.socailfollow a.instagram:hover { background: #457399; }
.top-bar .socailfollow a.instagram:hover i, .our-team .socailfollow a.instagram:hover i { color: #457399; }
.socailfollow a.other-social:hover { background: #ff5d5e; }
.top-bar .socailfollow a.other-social:hover i, .our-team .socailfollow a.other-social:hover i { color: #ff5d5e; }
.socailfollow img { opacity: 0.79; }
.socailfollow i { font-size: 18px; width: 18px; text-align: center; color: #fff; opacity: 0.95; }
#footer.litex .socailfollow i { color: #343434; }
#footer.litex .socailfollow a:hover i { color: #fff; }
.top-bar .socailfollow { float: right; margin-right: 10px; }
.top-bar .socailfollow.lftflot { float: left; }
.top-bar .socailfollow img { opacity: 0.97; }
.top-bar .socailfollow a, .our-team .socailfollow a { padding: 4px; margin: 1px 4px; background: #fff; }
.top-bar .socailfollow i, .our-team .socailfollow i { color: #979797; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.125s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }
.top-bar .socailfollow a:hover, .our-team .socailfollow a:hover { background: none; }	

/* #Misc
================================================== */
	
/* EXTRAS */
	
.brdr-r1, .brdr-r2 { border-right: 1px solid #e5e5e5; padding-right: 19px; }
.brdr-l1, .brdr-l2 { border-left: 1px solid #e5e5e5; padding-left: 19px; }
.brdr-r2 { padding-right: 27px; }
.brdr-l2 { padding-left: 27px; }
.pad-r27 { padding-right: 27px; }
.pad-l27 { padding-left: 27px; }
.alignright { text-align: right; }
img.alignright { float: right; }
.alignleft, .text-left { text-align: left; }
img.alignleft { float: left; }
.aligncenter, .text-center { text-align: center; }
.wp-caption { display: block; color: #444; }
.wp-caption-text { font-size: 15px; }
.sticky { color: #555; }
.gallery-caption { display: inline; }
.bypostauthor { font-size: 13px; }
.moonicons-box1 { font-size: 16px; display: inline-block; width: 15em; padding: .25em .5em; background: #fff; margin: .5em 1em .5em 0; border: 1px solid #e8e8e8; }
.alignright, .text-right { text-align: right; }
img.alignright { float: right; }
.alignleft { text-align: left; }
img.alignleft { float: left; }
.aligncenter { text-align: center; }
.wp-caption { display: block; color: #444; }
.wp-caption-text { font-size: 15px; }
.sticky { color: #555; }
.gallery-caption { display: inline; }
.bypostauthor { font-size: 13px; }
.moonicons-box1 { font-size: 16px; display: inline-block; width: 15em; padding: .25em .5em; background: #fff; margin: .5em 1em .5em 0; border: 1px solid #e8e8e8; }
	
/* Scroll to top */
#scroll-top a { width: 16px; height: 16px; padding: 10px; border-radius: 4px; background: #818c90; position: fixed; bottom: 48px; right: 10px; display: flex; justify-content:center; align-items: center; opacity: 0.89; filter: alpha(opacity=89); z-index: 499841; }
#scroll-top a i { font-size: 15px; color: #fff; display:block; }
#scroll-top a:hover { background-color: #e2383f; cursor: pointer; }
	
h1.pnf404 {font-size: 176px; line-height: 1.1; font-weight:900;}
h2.pnf404 {font-size: 42px; line-height: 1.2; font-weight:700; }
h3.pnf404 {color: #797777; }
input.txbx404 {float:left; margin-top:2px; margin-right:4px; padding:7px 4px; min-height:inherit; border-radius:3px; }
input.btn404 {float:left; margin:1px; padding:8px 12px 9px; }
	
.v-shadow-l {background:url('../images/template/v-shadow-left.png') no-repeat right center; }
.v-shadow-r {background:url('../images/template/v-shadow-right.png') no-repeat left center; }
.v-shadow-r, .v-shadow-l { min-height:320px;}
.pad-r0		{padding-right: 0px !important;}
.pad-r10 	{padding-right:10px;}
.pad-r20 	{padding-right:20px;}
.pad-r30 	{padding-right:30px;}
.pad-r40 	{padding-right:40px;}
.pad-l0		{padding-left: 0px !important}
.pad-l10 	{padding-left:10px;}
.pad-l20 	{padding-left:20px;}
.pad-l30 	{padding-left:30px;}
.pad-l40 	{padding-left:40px;}
.ptxs       {padding-top: 5px;}
.pad-20     {padding:20px;}
.pts        {padding-top: 10px;}
.prm        {padding-right: 20px;}
.pbm        {padding-bottom: 20px;}
.plm        {padding-left: 20px;}
.mtz        {margin-top:0;}
.mts        {margin-top: 10px;}
.mtm        {margin-top: 20px;}
.mrs        {margin-right: 10px;}
.mls        {margin-left: 10px;}
.mbz        {margin-bottom: 0;}
.mbs        {margin-bottom: 10px;}
.center     {text-align: center;}
.small {font-size: 12px;}
.primary-btn, .btn-primary {background-color: #273792; text-decoration: none !important;}
.primary-btn:hover, .btn-primary:hover {background-color: #1F3878; color: #fff;}
.btn-light {background-color: #eeeeee; color: #273792!important;}
.btn-light:hover {background-color: #dddddd; color: #273792;}
	
/* #Column Shortcodes
----------- */
.one_half, .one-half, 
.one_third, .one-third,
.two_third, .two_thirds, .two-third, .two-thirds,
.three_fourth, .three_fourths, .three-fourth, .three-fourths, .three_quarters, .three-quarters,
.one_fourth, .one-fourth, .one_quarter, .one-quarter,
.one_fifth, .one-fifth,
.two_fifth, .two-fifth, .two_fifths, .two-fifths { margin-right: 4%; float: left; margin-bottom:20px; }
.one_half, .one-half { 	width: 48%; }
.one_third, .one-third { width: 30.6666%; }
.two_third, .two-third, .two_thirds, .two-thirds { width: 65.3332%; }
.one_fourth, .one-fourth, .one_quarter, .one-quarter { width: 22%; }
.three_fourth, .three-fourth, .three_fourths, .three-fourths, .three_quarters, .three-quarters { width: 74%; }
.one_fifth, .one-fifth { width: 16.8%; }
.two_fifth, .two-fifth, .two_fifths, .two-fifths  { width: 37.6%; }
.full_width { width: 100%; }
.column-last { margin-right: 0 !important; clear: right; }

.easyPieChart { position: relative; text-align: center; }
.easyPieChart canvas { position: absolute; top: 0; left: 0; }
.pie { text-align:center; font-size:49px; position:relative; margin:0 auto 20px; }
.pie p { font-size:16px; color:#888; font-weight:400; position:absolute; bottom:-52px; width:100%; padding-top:10px; border-top:2px solid #f9f9f9;}
.container .pie p { margin-bottom:0;}
	
.bottom-shadow {
	-webkit-box-shadow: 0 8px 6px -6px #ababab;
	-moz-box-shadow: 0 8px 6px -6px #ababab;
	box-shadow: 0 8px 6px -6px #ababab;	
}
.absoluteCenter {
	height: 50%;
	width: 100%;
	overflow: hidden;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;	
}
	
/* #Font Awesome Wildcard Classes */
[class^="fa-"], [class*=" fa-"] {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
	
/* #TinyMCE
------------*/
#mceTemplatePreview { background: none !important; }

/* clear the darn thing. Apply the class .group to parent */

.group:after {
  content: "";
  display: table;
  clear: both;
}
	
/* Temporary Bootstrap 4 Styles -- Remove after hooking in Bootstrap
================================================== */
	
/* Margins */
.m-auto {margin: auto;}
.m-0 {margin: 0;}
.m-1 {margin: .25rem;}
.m-2 {margin: .5rem;}
.m-3 {margin: 1rem;}
.m-4 {margin: 1.5rem;}
.m-5 {margin: 2rem;}
.mt-0 {margin-top: 0;}
.mr-0 {margin-right: 0;}
.mb-0 {margin-bottom: 0;}
.ml-0 {margin-left: 0;}
.mt-1 {margin-top: .25rem;}
.mr-1 {margin-right: .25rem;}
.mb-1 {margin-bottom: .25rem;}
.ml-1 {margin-left: .25rem;}
.mt-2 {margin-top: .5rem;}
.mr-2 {margin-right: .5rem;}
.mb-2 {margin-bottom: .5rem;}
.ml-2 {margin-left: .5rem;}
.mt-3 {margin-top: 1rem;}
.mr-3 {margin-right: 1rem;}
.mb-3 {margin-bottom: 1rem;}
.ml-3 {margin-left: 1rem;}
.mt-4 {margin-top: 1.5rem;}
.mr-4 {margin-right: 1.5rem;}
.mb-4 {margin-bottom: 1.5rem;}
.ml-4 {margin-left: 1.5rem;}
.mt-5 {margin-top: 2rem;}
.mr-5 {margin-right: 2rem;}
.mb-5 {margin-bottom: 2rem;}
.ml-5 {margin-left: 2rem;}
.my-0 {margin-top: 0; margin-bottom: 0;}
.my-1 {margin-top: .25rem; margin-bottom: .25rem;}
.my-2 {margin-top: .5rem; margin-bottom: .5rem;}
.my-3 {margin-top: 1rem; margin-bottom: 1rem;}
.my-4 {margin-top: 1.5rem; margin-bottom: 1.5rem;}
.my-5 {margin-top: 2rem; margin-bottom: 2rem;}
/* Padding */
.p-0 {padding: 0;}
.p-1 {padding: .25rem;}
.p-2 {padding: .5rem;}
.p-3 {padding: 1rem;}
.p-4 {padding: 1.5rem;}
.p-5 {padding: 2rem;}
.pt-0 {padding-top: 0;}
.pr-0 {padding-right: 0;}
.pb-0 {padding-bottom: 0;}
.pl-0 {padding-left: 0;}
.pt-1 {padding-top: .25rem;}
.pr-1 {padding-right: .25rem;}
.pb-1 {padding-bottom: .25rem;}
.pl-1 {padding-left: .25rem;}
.pt-2 {padding-top: .5rem;}
.pr-2 {padding-right: .5rem;}
.pb-2 {padding-bottom: .5rem;}
.pl-2 {padding-left: .5rem;}
.pt-3 {padding-top: 1rem;}
.pr-3 {padding-right: 1rem;}
.pb-3 {padding-bottom: 1rem;}
.pl-3 {padding-left: 1rem;}
.pt-4 {padding-top: 1.5rem;}
.pr-4 {padding-right: 1.5rem;}
.pb-4 {padding-bottom: 1.5rem;}
.pl-4 {padding-left: 1.5rem;}
.pt-5 {padding-top: 2rem;}
.pr-5 {padding-right: 2rem;}
.pb-5 {padding-bottom: 2rem;}
.pl-5 {padding-left: 2rem;}
/* X axis */
.px-0 {padding-right: 0; padding-left: 0;}
.px-1 {padding-right: .25rem; padding-left: .25rem;}
.px-2 {padding-right: .5rem; padding-left: .5rem;}
.px-3 {padding-right: 1rem; padding-left: 1rem;}
.px-4 {padding-right: 1.5rem; padding-left: 1.5rem;}
.px-5 {padding-right: 2rem; padding-left: 2rem;}
/* Y axis */
.py-0 {padding-top: 0; padding-bottom: 0;}
.py-1 {padding-top: .25rem; padding-bottom: .25rem;}
.py-2 {padding-top: .5rem; padding-bottom: .5rem;}
.py-3 {padding-top: 1rem; padding-bottom: 1rem;}
.py-4 {padding-top: 1.5rem; padding-bottom: 1.5rem;}
.py-5 {padding-top: 2rem; padding-bottom: 2rem;}
.py-6 {padding-top: 3rem; padding-bottom: 3rem;}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { 
    .ml-sm-1 {margin-left: .25rem;}
    .ml-sm-2 {margin-left: .5rem;}
    .ml-sm-3 {margin-left: 1rem;}
    
    .mr-sm-1 {margin-right: .25rem;}
    .mr-sm-2 {margin-right: .5rem;}
    .mr-sm-3 {margin-right: 1rem;}
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 
    .mt-md-1 {margin-top: .25rem;}
    .mt-md-2 {margin-top: .5rem;}
    .mt-md-3 {margin-top:  1rem;}
    .mt-md-4 {margin-top: 1.5rem;}
    .mt-md-5 {margin-top: 2rem;}
    .mr-md-1 {margin-right: .25rem;}
    .mr-md-2 {margin-right: .5rem;}
    .mr-md-3 {margin-right:  1rem;}
    .mr-md-4 {margin-right: 1.5rem;}
    .mr-md-5 {margin-right: 2rem;}
    .mb-md-0 {margin-bottom: 0;}
    .mb-md-1 {margin-bottom: .25rem;}
    .mb-md-2 {margin-bottom: .5rem;}
    .mb-md-3 {margin-bottom:  1rem;}
    .mb-md-4 {margin-bottom: 1.5rem;}
    .mb-md-5 {margin-bottom: 2rem;}
    .mb-md-6 {margin-bottom: 3rem;}
    .ml-md-1 {margin-left: .25rem;}
    .ml-md-2 {margin-left: .5rem;}
    .ml-md-3 {margin-left:  1rem;}
    .ml-md-4 {margin-left: 1.5rem;}
    .ml-md-5 {margin-left: 2rem;}
    .my-md-0 {margin-top:0; margin-bottom:0;}
    .my-md-6 {margin-top: 4rem; margin-bottom: 4rem;}
    .pt-md-1 {padding-top: .25rem;}
    .pt-md-2 {padding-top: .5rem;}
    .pt-md-3 {padding-top:  1rem;}
    .pt-md-4 {padding-top: 1.5rem;}
    .pt-md-5 {padding-top: 2rem;}
    .pt-md-6 {padding-top: 3rem;}
    .pl-md-5 {padding-left: 2rem;}
    .px-md-5 {padding-right: 2rem;padding-left:2rem;}
    .px-md-6 {padding-right: 4rem;padding-left:4rem;}
    .py-md-6 {padding-top: 4rem; padding-bottom: 4rem;}
    .py-md-10 {padding-top: 4.5rem; padding-bottom: 4.5rem;}
    
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {  }

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {  }

/* Horizontal Centering */
.mx-auto {
    margin-right: auto;
    margin-left: auto;
}

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

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { 
    .text-sm-center {text-align: center;}
    .text-sm-right {text-align: right;}
    .text-sm-left {text-align: left;}
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 
    .text-md-center {text-align: center;}
    .text-md-right {text-align: right;}
    .text-md-left {text-align: left;}
    
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
    .text-lg-center {text-align: center;}
    .text-lg-right {text-align: right;}
    .text-lg-left {text-align: left;}
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
    .text-xl-center {text-align: center;}
    .text-xl-right {text-align: right;}
    .text-xl-left {text-align: left;}
}

/* Display */
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}
/*Small devices (desktops, 576px and up) */
@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
/*Medium devices (desktops, 768px and up) */
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
/*Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
/*Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

/* Float */

.float-left {float: left;}
.float-right {float: right;}
.float-none {float: none;}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
.float-sm-left {float: left;}
.float-sm-right {float: right;}
.float-sm-none {float: none;}
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
.float-md-left {float: left;}
.float-md-right {float: right;}
.float-md-none {float: none;}
}
/*Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
.float-lg-left {float: left;}
.float-lg-right {float: right;}
.float-lg-none {float: none;}
}
/*Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
.float-xl-left {float: left;}
.float-xl-right {float: right;}
.float-xl-none {float: none;}
}

/* Typography */

h1 {font-size: 2rem; line-height: 1.2;}

@media (min-width: 576px) {
h1 {font-size: 3rem;}
}

li {
    font-size: 1rem;
    line-height: 1.2;
}

.list-default {
    list-style-type: disc;
    margin-left: 20px;
}

.list-default ul {
    list-style-type: circle;
    margin-left: 20px;
}

.lead {
    font-size: 1.25rem;
    font-weight: 300;
}

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.mark, mark {
    padding: .2em;
    background-color: #fcf8e3;
}

.text-uppercase {
    text-transform: uppercase;
}
.text-decoration-none {
    text-decoration: none!important;
}

.font-weight-light {
    font-weight: 300;
}

.text-decoration-none {
    text-decoration: none;
}

/* Images */
.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto;
}

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

sup {
    vertical-align: super;
    font-size: smaller;
}
	
/* Components */
.btn {
    display: inline-block;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 1.25 !important;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .5rem 1rem;
    font-size: 1rem;
    border-radius: .25rem;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background-color: #273792;
    color: white;
}

.btn:hover  {
    background-color: #999;
    color: white;
}

.btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
}

.btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem;
}
	
/* Colors */
	

/* Text Colors */
.text-blue {
	color: #007bff;
	}
.text-indigo {
	color: #6610f2;
	}
.text-purple { 
	color: #6f42c1;
	}
.text-pink {
	color: #e83e8c;
	}
.text-red {
	color: #dc3545;
	}
.text-orange {
	color: #fd7e14;
	}
.text-yellow {
	color: #ffc107;
	}
.text-green {
	color: #28a745;
	}
.text-teal {
	color: #20c997;
	}
.text-cyan {
	color: #17a2b8;
	}
.text-white {
	color: #fff!important;
	}
.text-gray {
	color: #6c757d;
	}
.text-gray-dark {
	color: #343a40;
	}
.text-primary {
	color: #273792;
	}
.text-secondary {
	color: #6c757d!important;
	}
.text-success {
	color: #28a745;
	}
.text-info {
	color: #17a2b8;
	}
.text-warning {
	color: #ffc107;
	}
.text-danger {
	color: #dc3545;
	}
.text-light {
	color: #f8f9fa;
	}
.text-dark {
	color: #343a40;
	}
.text-black {
    color: #000;
}
.text-white:visited {
    color: #eee;
}

.text-pcc {
    color:#273792;
}

a.text-pcc:hover {
    color:#000;
}

/* Background Colors */
.bg-blue {
	background-color: #007bff;
	}
.bg-indigo {
	background-color: #6610f2;
	}
.bg-purple {
	background-color: #6f42c1;
	}
.bg-pink {
	background-color: #e83e8c;
	}
.bg-red {
	background-color: #dc3545;
	}
.bg-orange {
	background-color: #fd7e14;
	}
.bg-yellow {
	background-color: #ffc107;
	}
.bg-green {
	background-color: #28a745;
	}
.bg-teal {
	background-color: #20c997;
	}
.bg-cyan {
	background-color: #17a2b8;
	}
.bg-white {
	background-color: #fff;
	}
.bg-gray {
	background-color: #bbbfc0;
	}
.bg-gray-dark {
	background-color: #343a40;
	}
.bg-primary {
	background-color: #273792;
	}
.bg-secondary {
	background-color: #6c757d;
	}
.bg-success {
	background-color: #28a745;
	}
.bg-info {
	background-color: #17a2b8;
	}
.bg-warning {
	background-color: #ffc107;
	}
.bg-danger {
	background-color: #dc3545;
	}
.bg-light {
	background-color: #f8f9fa;
	}
.bg-dark {
	background-color: #343a40!important;
	}
.bg-black {
	background-color: #000;
	}
.bg-pcc {
    background-color: #273792;
}
	
/* Call Out */

.callout, .bd-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    background: #f8f8f8;
    border: 1px solid #eee;
    border-left-width: .25rem;
    border-radius: .25rem;
}

.callout h4, .bd-callout h4 {
    margin-top: 0;
    margin-bottom: .25rem;
}

.callout p:last-child, .bd-callout p:last-child {
    margin-bottom: 0;
}

.callout code, .bd-callout code {
    border-radius: .25rem;
}

.callout+.callout, .bd-callout+.bd-callout {
    margin-top: -.25rem;
}

.callout-primary, .bd-callout-primary {
    border-left-color: #273792;
}

.callout-primary h4, .bd-callout-primary h4 {
    color: #273792;
}

.callout-info, .bd-callout-info {
    border-left-color: #5bc0de;
}

.callout-info h4, .bd-callout-info h4 {
    color: #5bc0de;
}

.callout-warning, .bd-callout-warning {
    border-left-color: #f0ad4e;
}

.callout-warning h4, .bd-callout-warning h4 {
    color: #f0ad4e;
}

.callout-danger, .bd-callout-danger {
    border-left-color: #d9534f;
}

.callout-danger h4, .bd-callout-danger h4 {
    color: #d9534f;
}

.highlight-box {
    box-shadow: 0 6px 20px -8px rgba(0,0,0,0.4);
    border-radius: 2px;
    border-top: #273792 solid 2px;
    padding: 30px;
    background: #f1f1f1;
}

.highlight-box-danger {border-top-color: #d9534f;}
.highlight-box-warning {border-top-color: #f0ad4e;}
.highlight-box-info {border-top-color: #5bc0de;}
.highlight-box-success {border-top-color: #28a745;}


/*================================================= */
/* Media Queries
================================================== */

/* Media Queries targeting screen size and up */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .hidden-sm-up {
        display: none !important;
    }
    
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 
    .hidden-md-up {
        display: none !important;
    }
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
    
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
    
}

/* Media Queries targeting screen size and smaller */

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .hidden-xs-down {
        display: none !important;
    }
  
    .mt-sm-5 {
        margin-top: 2rem;  
    }
  
    .mb-sm-5 {
        margin-bottom: 2rem;  
    }

}

/* Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {  
    .hidden-md-down {
        display: none !important;
    }
    .mt-md-5 {
       margin-top: 2rem;  
    }
    
    #overview, .overview-text {
        background-image: none!important;
        height: auto!important;
    }
}

/* Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) { 
    .hidden-md-down {
        display: none !important;
    }
}

/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {  }

/*******************************/
/* End temp Bootstrap *********/
/*****************************/

/* Overview Section */

.overview {
  height: 200px;
  display: flex;
  align-items: center;
}

#overview h6 {
    font-weight: 300;
    text-transform: uppercase;
}

/* Remove default bottom margin on one_half container */

.container-overview .one_half {
    margin-bottom: 0;
}

/* Hide background image on small devices */

@media (max-width: 768px) {
.container-overview {
        background-image: none !important;
        padding: 0 !important;
    }
}
    

/* Keep the intro text from covering background image on large devices */
@media (min-width: 768px) {
 .overview {
  max-width: 50%;
 }   
}

.overview__title {
  color: #666666;
  text-transform: uppercase;
  line-height: 1;
  font-size: 22px;
  margin-bottom: 0;
}

.overview__subtitle {
    color: #273792;
    text-transform: uppercase;
    font-size: 32px;
}
	
/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
    .img-box { width: 256px; height: 188px; }
    .last-project .img-box { background: #EA3C3C; }
    .last-project .img-box:nth-child(even) { background: #F66060; }
    .ab-box { height: 235px; }
    .author-detail { width: 218px; }
    .comment-contents { width: 343px; }
    .child-comment .comment-contents { width: 263px; }
    .contact input { width: 330px; float: none; }
    .contact textarea { width: 486px; }
    .row.magic, .s-qoute-man { padding: 0; margin-bottom: 10px; }
    a.get { margin-bottom: 14px; }
    .pad-r10, .pad-r20, .pad-r30, .pad-r40 { padding-right: 5px; }
    .pad-l10, .pad-l20, .pad-l30, .pad-l40 { padding-left: 5px; }
    #main-content-pin .container { width: auto; }
    .blog-post {padding-left: 20px;}
    .blog-post img {width: 90%;}
}
	
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#boxed-wrap { width: 828px; }
	.social-icons a { margin: 1px 4px 0 4px; }
	.row.magic { padding-left: 20px; margin-bottom: 10px; }
	#tline-content { width: 800px; }
	.tline-box { width: 335px; }
	/*#nav a span, #nav a:after { font-size:9px;  }*/
	.blog-date-sec { width: 42px; height: 42px;  }
	.help-box { width: 50%; }
}
	
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	#full-width, #hero { display: none; } /* Hide hero on mobile devices */
	.sidebar, .rgt-cntt, .sidebar.leftside { padding-right:0; background:none; padding-top:40px; margin-top:40px;}
	.rgt-cntt, .sidebar.leftside { padding-top:0px; margin-top:0px; border-top:0 none;}
	.contact-form .txbx { width:224px;}
	.pricing-table .plans-f-list.respo { display:inline; visibility:visible;}
	#header.super-fixed { height:auto; box-shadow:none; border-bottom:4px solid #f0f0f0;}
	#headline { height:auto; border-bottom:3px solid #f3f3f3; padding:14px 0; }
	#headline h3 { border-top-color:#f6f6f6; font-size:37px; text-align:center;}
	#headline h3 small { display:block; margin-top:14px; margin-bottom:0; font-size:16px; letter-spacing:0; font-weight:400; }
	.servobx, .servobx div, .servobx img, ul#main-ibox li, ul#main-ibox li.active9  { width:100%; float:none;}
	#search-form { display:none; }
	#header .alignright, top-inf.alignright { text-align:center;}
	#search-form2 { display:block; }
	#side-content { padding-bottom:30px; border-bottom:5px solid #f3f3f3; margin-bottom:40px;}
	
	.top-bar { height:65px; padding:5px 0 6px; background:url('../images/template/topsobg1.png') repeat-x center center; white-space:nowrap; overflow:hidden;}
	.top-bar h6 { font-size:11px; letter-spacing:0; margin:0 10px 0 0;}
	.top-bar h6 i { font-size:12px; width: 12px; height: 12px; text-align: center; padding:3px; margin-right:3px; }
	.top-bar .socailfollow, .top-links, .top-links.rgtflot, .top-bar .socailfollow.lftflot { float:none; text-align:center; clear:both; min-height:22px;}
	.top-bar .socailfollow, .top-bar .socailfollow.lftflot  {  padding-top:8px;}
	.top-bar .socailfollow a, .top-bar .socailfollow.lftflot a, .top-links p, .top-links img { float:none; display:inline; padding-top:10px; background:none;}
	.top-links, .top-links.rgtflot { margin:0 0 8px 0; padding-top:4px; }
	.top-links.rgtflot { margin-top:12px; margin-bottom:6px;}
	
	.container hr { margin-left:0; margin-right:0;}
	.blog-date-sec { border:0 none; margin:0; text-align:left; border-bottom:1px solid #e5e5e5; background:#fdfdfd;}
	.blog-post { border-bottom-width:3px;}
	
	.nav-search { float: none; margin: 0; }
	.img-box { width: 420px; height: 308px; }
	.comment-contents { width: 328px; margin-right: 0; }
	.child-comment .comment-contents { width: 248px; }
	.contact textarea { width: 398px; }
	
	.author-detail { margin: 20px 0; }
	.blog-date-sec { width: auto; display:block; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: none; border-bottom: 2px solid #e3e3e3; margin-bottom: 5px; }
	.blog-date-sec span, .blog-date-sec h3 { display: inline; margin: 0 10px; line-height: 50px; }
	.blog-date-sec span { font-size: 20px; font-weight: 300; }
	.blog-date-sec h3 { font-size: 32px;}
	
	.contact-form .txbx { width: 224px; }
	.pricing-table .plans-f-list.respo { display: inline; visibility: visible; }
	#headline h3 { border-top-color: #f6f6f6; }
	.image-gallery ul li, .image-gallery ul li img { display:block; width:auto; max-width:100%; height:auto; float:none;}

	input[type="text"].header-search, input[type="text"].header-search:focus { width: 261px; margin-top: 10px; }
	.logo { text-align: center; }
	.pin-box { width: 256px; }
	
	.tline-box .blog-date-sp { width: 80%; }
	.tline-box .blog-com-sp { width: 0; display: none; }
	.tabs-left > .nav-tabs, .tabs-left > .nav-tabs > li > a, .nav-tabs > li, .nav-tabs > li.active, .tabs-left > .nav-tabs > li.active > a, .tabs-left > .nav-tabs .active > a:hover { width:100%; display:block; padding-left:0; padding-right:0; }
	.tabs-left > .nav-tabs > li > a { border-right:0 none;}
	.tabs-left > .tab-content { border:0 none;}
	.tab-content .columns, .tab-content .column { margin:0 10px; max-width:90%; }

	.date-sp-wrap { margin: 0; float: right; margin-bottom: 7px; }
	.blog-line .blog-date-sec { height: auto; }
	.v-shadow-r, .v-shadow-l { min-height: inherit; background: none; }
	.pad-r10, .pad-r20, .pad-r30, .pad-r40, .pad-l10, .pad-l20, .pad-l30, .pad-l40 { padding: 0; }
	.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth { width: 100%; float: none; margin-right: 0; }
	.latest-f-blog, .qot-week { margin:0;}
	.callout { margin:10px 0px 20px; }
	.brdr-l1, brdr-r1 { padding:0; border:0 none; }
	.brdr-l1 { margin-top:30px;}
	.help-box { width: 100%; }
	.ab-box { height: auto; padding-bottom: 25px; }
	input[type="text"].header-search, input[type="text"].header-search:focus { float: none; /*display: inline;*/ position: relative; z-index: 10000; }
	.jcarousel-next, .jcarousel-prev { padding:12px; }
	.jcarousel-prev { right:38px;}
	.jcarousel-next:after, .jcarousel-prev:after { top:13px; right:13px;}
	.our-clients-wrap .jcarousel-next, .our-clients-wrap .jcarousel-prev { padding:10px;}

	.is-sticky, .is-sticky #header { position:relative; height:auto;}
	.is-sticky #header { margin-top:0;}
	.is-sticky .logo { height:auto; margin-top:0; }
	.is-sticky .logo img { max-height:auto; height:auto; }
}
	
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	.help-block { height: auto; }
	#boxed-wrap { width: 460px; }
	.page-subtitle { left: 0; padding: 10px 0 0 20px; bottom: 0; border-bottom: 1px solid #e8edee; margin-bottom: 20px; height: auto; width: auto; clear: both; background: #fdfdfd; border-radius: 0; }
	.contact-form .txbx { width: 338px; }
	.pricing-table .plans-f-list.respo { display: inline; visibility: visible; }
	.jcarousel-item, .last-project .portfolio-item { max-width: 210px; height: 157px; float: left; }
	.pin-box { width: 166px; width: 164px\9; }
	#tline-content { width: 460px; }
	.tline-box { width: 165px; }
}
	
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	
	#header {padding-bottom: 10px;}
	.nav-wrap2.mn4 #nav a { padding: 15px 4px; }
	#menu a { padding: 15px 4px; }
	.img-box { width: 300px; height: 220px; }
	.author-detail { width: 254px; }
	.author-arrow { width: 11px; height: 6px; background: url('../images/template/testimonial-arrow-top.png') no-repeat; left: 25px; top: -6px; }
	.contact input { width: 288px; margin-right: 0; }
	.contact textarea { width: 278px; }
	#boxed-wrap { width: 340px; }
	.footbot { min-height: 38px; height: auto; }
	
	.page-subtitle { left: 0; padding: 10px 0 0 20px; bottom: 0; border-bottom: 1px solid #e8edee; margin-bottom: 20px; height: auto; width: auto; clear: both; background: #fdfdfd; border-radius: 0; }
	.blox.section-header .container .summary p {font-size: 12px;}
	.pricing-table .plans-f-list.respo { display: inline; visibility: visible; }
	.pricing-table ul { width: 136px; }
	.pricing-table ul li { width: 124px; padding: 5px; }
	.pricing-table ul li.plan-header, .pricing-table ul li .plan-title, .pricing-table ul li .plan-price { max-width: 136px; }
	.pricing-table ul li.plan-footer { max-width: 114px; }
	.portfolio-item { margin-bottom: 14px; }
	.commentin { width: 92%; }
	
	#tline-content { width: 300px; }
	.tline-box { width: 250px; }
	.tline-row-l, .tline-row-r { display: none }
	.tline-box.rgtline { float: left; left: 0; }
}
	
@media only screen and (min-width: 1200px) {	
	
    #boxed-wrap { width:1180px;}
    .white-space { height:110px;}
    #main-content-pin .container { padding:0 40px; }
    .sidebar.leftside { background-position: 295px; padding-right:70px; }
    .blog-date-sec h3 { font-size:36px;}
} 

@media screen and (min-width: 767px) {
    /* ensure #nav is visible on desktop version */
    #nav {	display: block !important;	}
	.ls-layer h1, .ls-layer h3 { left:10px;}
}

/* Page Content */
.page-content a {
    text-decoration: underline;
}

.nav-tabs a {
    text-decoration: none;
}
	

/* ================================================== */
/* Sidebar Navigation */
/* Used on Templates 36, 65, 87 */
/* ================================================== */
.sidebar a {text-decoration: none;}
ul.parent {
    border: none;
    border-bottom: none;
    margin-bottom: 0;
}

ul.parent li {
    padding: 10px;
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 700;
}

.sidebar li i.fa {color: #999;}

ul.parent li a {color: #fff; }
ul.parent li a:hover {color: #eee;}

ul.nav-items {
    border: 1px solid #ddd;
    border-top: none;
}

ul.nav-items li {
    padding: 7px 5px;
    margin-bottom: 0;
    border-bottom: 1px solid #ddd;
}

ul.nav-items .first { border-top: 1px solid #ddd;}
ul.nav-items li.hover {background-color: #ddd;}
ul.nav-items li.last {border-bottom: none;}
ul.nav-items li.active {background: #efefef; font-weight: 700;}

ul.nav-items li a {padding: 8px;}


/* Forms */

fieldset {
    margin-bottom: 0;
}
fieldset > div {
    margin-bottom: 30px;
}

.actions {
    margin-top: 10px;
}

.error {
    color: red;
    font-weight: bold;
}

label {display: inline;font-size: 18px; font-weight: 300; line-hieght:1.3;}
input[type="checkbox"] + label {font-size: 13px; font-weight:300;}
select {font-size:16px; line-height: 1.3;}
fieldset > div > label {display: block;}

input[type="text"], input[type="password"], input[type="email"], textarea, select {width: 100%; height:45px; padding: 0 8px;}
input[type="checkbox"] {margin: 3px 0 3px 4px;}

/* Cookie Consent */

.cookieconsent {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    text-align: center;
    border-radius: 0;
}

.alert {
    padding: .75rem .5rem;
    background-image: none!important;
}
.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;

}

.alert button {
    margin-bottom: 0;
}