/* Add here all your CSS customizations */
@import "preload.css";
@import "custom_calendar.css";
@import "custom_admin_menu.css";
@import "card.css";
@import "table.css";
@import "text.css";
@import "calendar.css";
@import "person.css";
@import "button.css";
@import "post.css";


@media (min-width: 1300px) {
.container { width: 1270px !important; }
}

.mt-1{ margin-top:5px !important; }
.mt-2{ margin-top:10px !important; }
.mt-3{ margin-top:15px !important; }
.mt-4{ margin-top:20px !important; }
.mb-1{ margin-bottom:5px !important; }
.mb-2{ margin-bottom:10px !important; }
.mb-3{ margin-bottom:15px !important; }
.mb-4{ margin-bottom:20px !important; }

p{padding:0px !important; margin:0px 0px 10px 0px !important;}

.form-control{ font-size:15px; }
.form-control:focus { box-shadow: 0 5px 6px #e6e6e6 !important;}

.feature-box .feature-box-info { padding-left: 0px; }

.row{ margin-left:0px!important; margin-right:0px !important;}
.topic,h1{ font-family:K2D !important; }

label { margin-top:5px; margin: 10px 0px 4px 1px; font-size: 16px; color: #33B1F0; font-family:K2D;}
.image-gallery-item{ margin:0px !important;}

.form-control{ border-radius:6px !important; border-color:#33B1F0; font-family:K2D;}

.box-shadow-1{background:#FFFFFF; padding:20px; margin-top:20px; box-shadow:0px 0px 10px #FF9900; border-radius:15px; border:1px solid #F90;}
.box-shadow-2{background:#F4F4F4; padding:20px; margin-top:20px; border-radius:15px; border:1px solid #F90;}

.modal-title{font-family:K2D; font-size:18px;  }
.modal-header { background: #33B1F0; color:#FFF; }
.modal-header .close { color:#FFF !important; font-size:29px; opacity: .7!important;}

.btn-big-icon i { display:table; font-size:30px; border:1px solid #FFF; height:70px; margin-bottom:5px; width:70px; padding-top:18px; margin-left:auto; margin-right:auto; border-radius:50px; transition:ease 0.3s;}
.btn-big-icon:hover i{ box-shadow:0px 3px 15px #333; transition:ease 0.3s;}

.bg-dark{ padding:40% 0% !important; max-height:400px !important; overflow:hidden !important; background-position:70% 70% !important; color:#FFF; text-align:center; font-size:25px; line-height:30px; }


input[type=file] {font-size: 15px; padding: 0px 6px 7px 0px; height: 40px;}

.social-top .fa-facebook-f { color:#3949AB;}
.social-top .fa-line{ color:#00CC0F;}
.social-top .fa-youtube { color:#D34515;}
.social-top .fa-twitter{color:#42A5F6;}
.social-top .fa-envelope{color:#FCA62D;}

.social-top .fab,.social-top .fas{ background:#FFF; border:1px solid #76D1FF; border-radius:50px; width:34px; height:34px;  text-align:center; padding:6px 0px 0px 0px; margin-right:0px; transition:all 0.3s;}
.social-top .fab:hover, .social-top .fas:hover{ border:1px solid #FFFFFF; box-shadow:0px 0px 3px #666;  background:#33B1F0; color:#FFF; transition:all 0.3s;}

.form-search{font-family:Verdana; border-radius:50px; font-size:13px; padding:0px 10px 0px 15px; border:1px solid #76D1FF; transition:all 0.3s;}
.form-search:hover{border:1px solid #FFFFFF;}
.form-search:focus{border:1px solid #FFFFFF; transition:all 0.3s; box-shadow:0px 0px 10px #666;  }

@media (max-width: 990px) {

	.bg-footer{ margin-top:0px !important;}
}

.bg-footer{margin-top:-40px; }

.social-icons li:hover.social-icons-custom a {
    background: #A67720;
}

.social-icons li a { width:50px !important; height:50px !important; font-size:25px !important; padding-top:11px !important;}
section.section { margin:0px !important;}

/* header nav*/
.bg-head{
background: rgb(229,229,229);
background: -moz-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 97%);
background: -webkit-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 97%);
background: linear-gradient(to bottom, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 97%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 );
}

.header-nav-main nav > ul > li > a {
    font-size: 15px !important;
	font-weight:300 !important;
}

#header .header-top.header-top-style-2 { background: #33b1f0;;}

.header-nav-main nav > ul > li.active > a, #header .header-nav-main nav > ul > li.active > a:focus, #header .header-nav-main nav > ul > li.active > a:hover {
    background-color: #fff !important;
}

.nav { font-family: K2D; }

.header-nav-main nav > ul > li > a {
    color: #FFF !important;
}

@media (max-width: 992px) {	
	.header-nav-main nav > ul > li > a {
		color: #4088c2 !important;
	}
}

.header-nav-main nav > ul > li > a:hover {
    color: #4088c2 !important;
}

.header-nav-main.header-nav-main-light nav > ul > li.active > a { color: #006fc9 !important; }

.page-header{ margin-bottom:0px !important;}

/* page header */
.page-header .breadcrumb > li {
    font-size: 14px !important; font-family: K2D;
}

.page-header { background-color: #FFFFFF !important; border-top:0px !important;}  
.page-header h1 { color:#33b1f0 !important; margin-top: 10px;}

section.page-header h1 { border-bottom-color: #33B1F0  !important; text-transform:uppercase !important; }

.padding-x{ padding:20px 0px;}

label{ font-weight:300 !important;}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .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-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-right: 7px !important;
    padding-left: 7px !important;
}

.alert{ margin:0px 7px !important;}

.btn-lg{ margin-bottom:5px !important;}

.margin-buttom-5{ margin-bottom:5px;}
.margin-buttom-10{ margin-bottom:10px;}

.thumb-info.thumb-info-centered-icons .thumb-info-action-icon i { padding-top:10px !important;}

.text-white{ color:#FFF !important;}

.call-to-action .call-to-action-content {
    text-align:left;
    width: 100%;
    margin-left: 3%;
    padding: 40px 0px 40px 0px;
}

.lightbox{ z-index:99 !important;}
img.mfp-img {
	max-width:100%;
    width: 800px !important;
	height:auto !important;
}

html.sticky-header-active #header.has-nav-bar .header-logo img {
    background-color: #FFF;
	border-radius:0px;
	padding:4px 8px 2px 8px;
	border:3px solid #FB9601;
}

#header .header-nav-main.header-nav-main-light nav > ul > li > a.dropdown-toggle::after {
    border-color: #999 transparent transparent transparent;
}



.border-bottom{ border-bottom:5px solid #1E4C7A !important; border-radius:0;}
.border-bottom:hover{ border-bottom:5px solid #FFCC00 !important;}

.dropdown-menu > li > a{ color:#333; font-size:15px !important;}


@media (max-width: 600px) {
	.icon-bar{ display:none; }
}

 /* Fixed/sticky icon bar (vertically aligned 50% from the top of the screen) */
.icon-bar {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* Style the icon bar links */
.icon-bar a {
  display: block;
  text-align: center;
  padding: 16px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}

/* Style the social media icons with color, if you want */
.icon-bar a:hover {
  background-color: #FB9600;
}

.facebook {
  background: #3B5998;
  color: white;
}

.twitter {
  background: #55ACEE;
  color: white;
}

.google {
  background: #dd4b39;
  color: white;
}

.linkedin {
  background: #007bb5;
  color: white;
}

.youtube {
  background: #bb0000;
  color: white;
}

.label {
    font-size: 90% !important;
}