@import url('../font-awesome/css/font-awesome.css');
/* COLORS
#F27032
#004785
 ======================================== */
/* GLOBAL STYLES ======================================== */
html, body {height: 100%;}
body		{background-image: url(../images/bg.png); color:#555; font-size:16px}
.rad	{border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
.no-rad	{border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
.no-gutter > [class*='col-']	{padding-right:0; padding-left:0;}

h1, h2	{color:#F27032; font-weight:bold;}
h1		{font-size:28px}


hr		{height: 2px; color:#F27032; background:#F27032; border:none; border-radius: 2px;}
strong, b	{color:#004785;}
.HL		{color:#F27032; font-weight:bold;}

a		{color:#F27032; text-decoration: none!important;}
a:hover	{color:#F29052;}
a:focus	{outline: none;}
.fa		{color:#F27032;}


.fa-ul li		{margin-bottom:15px;}

#whatsapp {position:fixed; z-index:100; top:0px; left:0px}

/* header ======================================== */
header		{position:relative; width:100%; height:120px; margin-bottom:0px; padding:0; background:#FFF; padding-top:30px}
#logo		{width:100%; height:auto;}
#slogan		{width:100%; height:auto;}
#logo img	{position:absolute; z-index:10!important; left:15px;}
#slogan img	{position:absolute; right:15px}

/* NAVIGATION ======================================== */
.navbar	{margin:0!important; padding:0; background:#004785!important; border:none; border-bottom:6px solid #F27032!important;}
.nav	{padding-top:10px;}
.nav li	{margin-left:2px;}
.nav li a	{background:#FFF; color:#004785!important; font-size:18px; font-weight:bold; padding:0 15px; margin:0; height:45px; line-height:45px;
		border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0; border:none!important;}
.nav li a:hover, .nav li a:focus, .nav .active a {background:#F27032!important; color:#FFF!important; }
.navbar-toggle					{background:#FFF!important; border:none!important;}
.navbar-toggle:hover			{background:#F27032!important;}
.navbar-toggle .icon-bar			{background:#004785!important;}
.navbar-toggle:hover .icon-bar	{background:#FFF!important;}


/* PAGE ======================================== */
.page		{padding-top:40px; padding-bottom:40px; background:#FFF; }
.page img	{width:100%; height:auto; }
.title		{margin:0 0 -15px 0;}
.subtitle	{width:100%; height:30px; font-size:20px; margin-bottom:-25px!important; display:block;}
#img-vid-xs	{width:50%; height:auto;}

/*  VIDEOS  */
.video		 {position:relative; padding-bottom: 56.25%; padding-top: 60px; overflow: hidden; }
.video iframe,
.video object,
.video embed {position:absolute; top: 0; left: 0; width: 100%; height: 100%;}

.map	 {width:100%; height:auto!important; margin:30px 0!important; padding:0;}
.mapiframe	{width:100%!important; height:250px}
iframe	{margin:0!important; padding:0!important;}

/* FOOTER ======================================== */
footer	{padding:0 0 40px 0; background:#004785; color:#5097D5;}
footer strong {color:#a1d5f7!important}
footer a, footer .fa	{color:#80c7f5!important;}
footer a:hover	{color:#d0eafb!important;}
footer a .fa	{background:#003775; width:32px; height:32px; line-height:32px; text-align:center; font-size:20px; padding:0!important; margin:0!important; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;}
footer a:hover .fa	{color:#fff!important;}
footer .social li	{margin-bottom:20px; list-style-type:none;}
footer hr	{background:#105795; height:1px;}
footer .btn	{background:#003775!important; border:none}
footer .btn:hover	{color:#fff!important;}


/* RESPONSIVE ======================================== */

@media(max-width:991px) {

}

@media(max-width:850px) {
	header		{height:px;}
	#logo img, #slogan img	{height:90px; width:auto;}
	#logo img	{left:0px}	
	#slogan img	{right:5px}	
}

@media only screen and (min-width: 768px) {
	.container	{width:96%;}
}

@media(max-width:767px) {
	#map	 {width:80%!important;}
}
@media(max-width:560px) {
	header		{height:82px; margin-bottom:0!important; padding-top:43px}
	#logo img, #slogan img	{height:55px; width:auto;}	
	#logo img	{left:0px;}		
}

@media (max-width: 767px) {
	/* DISABLE CEL MENU ============================= */
	.navbar-header	{display:none!important}
	.navbar-collapse.collapse {display:block!important;}
	.navbar-nav					{margin:0 0 -1px 0}	
	.navbar-nav, .navbar-nav>li	{float:right!important;}
	nav .container {padding:0}
	.nav li		{width:25%!important; margin:1px!important; text-align:center }
	.nav li a	{font-size:13px!important; font-weight:bold; line-height:1.1!important; border:none!important; display:flex; justify-content:center; align-items:center; padding:0; height:35px;}
}

.callto {background:#003775; padding:10px 5px 30px; margin-bottom:40px}
.callto a {display:inline!important; color:#FFF!important; font-size:20px; font-weight:bold}
.callto a:nth-child(2) {margin-right:10%!important;}
.callto i {font-size:24px; color:#25D366}