/* 
/* textosapunto.com v2.0 | 2019
/* 

/* Declaración de constantes ------------------------------------------------ */
:root {
/* Colores MONOCROMO */
	--mono_01: #FFF;
	--mono_02: #EDEDED;
	--mono_02v: #CCC;
	--mono_03: #999;
	--mono_04: #666;
	--mono_05: #333;
	--mono_06: #000;
/* Color PRIMARIO (rojo) */
	--pri_01: #F00;
	--pri_02: #C00;
	--pri_03: #900;
	--pri_04: #600;
	--pri_05: #300;
/* Color SECUNDARIO (ocre)  */
	--sec_01: #FF6;
	--sec_02: #FC0;
	--sec_03: #C90;
	--sec_04: #960;
}

/* body CSS ----------------------------------------------------------------- */
body {
	padding-top: 60px;
	background: var(--mono_01);
    font-family: 'Titillium Web', sans-serif;
	font-weight: 300;
	color: var(--mono_06);
	line-height: 1.5;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: 600;
    font-family: 'Titillium Web', sans-serif;
	color: var(--mono_06);
}
p {
    font-family: 'Titillium Web', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 300;
}
a {font-family: 'Titillium Web', sans-serif;color: var(--sec_04);} a:hover, a:focus {text-decoration: none;color: var(--sec_03);}
hr {border-top: 1px solid var(--mono_04);border-bottom: 1px solid var(--mono_01);}
.gradiant {
	background-image: -moz-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
	background-image: -webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
	background-image: -ms-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
}
.gradiant-horizontal {
	background-image: -moz-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%);
	background-image: -webkit-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%);
	background-image: -ms-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%);
}

/* Section NAVBAR ----------------------------------------------------------- */
.navbar.navbar-default {
	border: 0;
	border-radius: 0;
	margin-bottom: 0;
}
.navbar.navbar-default .navbar-toggle {
	margin-top: 32px;
}
.navbar-header .navbar-brand {
	padding:5px 0;
}
.navbar-header .navbar-brand a {
	height: auto;
	display: inline-block;
}
#top-header {
	padding: 10px 0;
}

@media only screen and (min-width: 768px) {
  #main-menu.navbar-default {
    background: rgba(255, 255, 255, 0.9);
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
  }
  #main-menu.navbar-default .navbar-nav > li.active > a,
  #main-menu.navbar-default .navbar-nav > li.open > a,
  #main-menu.navbar-default .navbar-nav > li:hover > a {
    background: transparent;
  }
  #main-menu.navbar-default .dropdown-menu {
    padding: 0 20px;
    min-width: 220px;
    background-color: rgba(26, 28, 40, 0.9);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    background-clip: inherit;
  }
  #main-menu.navbar-default .dropdown-menu > li {
    border-left: 3px solid transparent;
    margin-left: -20px;
    padding-left: 17px;
    -webit-transition: border-color 400ms;
    transition: border-color 400ms;
  }
  #main-menu.navbar-default .dropdown-menu > li > a {
    border-top: 1px solid var(--sec_04);
    padding: 15px 0;
    color: var(--mono_02);
  }
  #main-menu.navbar-default .dropdown-menu > li:first-child > a {
    border-top: 0;
  }
  #main-menu.navbar-default .dropdown-menu > li.active,
  #main-menu.navbar-default .dropdown-menu > li.open,
  #main-menu.navbar-default .dropdown-menu > li:hover {
    border-left-color: var(--sec_03);
  }
  #main-menu.navbar-default .dropdown-menu > li.active > a,
  #main-menu.navbar-default .dropdown-menu > li.open > a,
  #main-menu.navbar-default .dropdown-menu > li:hover > a {
    color: var(--sec_03);
    background-color: transparent;
  }
}

/* Section SLIDER ----------------------------------------------------------- */
#main-slider {
	overflow: hidden;
}
#main-slider h1,h2,h3,h4,h5,h6,p {
	color: var(--mono_01);
	text-shadow: 1px 1px 3px var(--mono_06);
	line-height:0.7;
}
#main-slider span {color: var(--sec_03);}
#main-slider .item {
	height: 430px;
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-size: cover;
}
#main-slider .slider-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: var(--mono_01);
	margin-top: 180px;
}
#main-slider .slider-inner h1 {font-weight: 600;font-size: 42px;text-transform: uppercase;color: var(--mono_01);text-shadow: 1px 1px 5px var(--mono_06);text-align:center;line-height:46px;margin:0;padding:0}
#main-slider .slider-inner h2 {font-weight: 600;font-size: 36px;text-transform: uppercase;color: var(--mono_01);text-shadow: 1px 1px 5px var(--mono_06);text-align:center;line-height:40px;margin:0;padding:0}
#main-slider .slider-inner h3 {font-weight: 600;font-size: 30px;text-transform: uppercase;color: var(--mono_01);text-shadow: 1px 1px 5px var(--mono_06);text-align:center;line-height:34px;margin:0;padding:0}
#main-slider .slider-inner h4 {font-weight: 600;font-size: 26px;text-transform: uppercase;color: var(--mono_01);text-shadow: 1px 1px 5px var(--mono_06);text-align:center;line-height:30px;margin:0;padding:0}
#main-slider .slider-inner h5 {font-weight: 600;font-size: 22px;text-transform: uppercase;color: var(--mono_01);text-shadow: 1px 1px 5px var(--mono_06);text-align:center;line-height:26px;margin:0;padding:0}
#main-slider .slider-inner h6 {font-weight: 600;font-size: 18px;text-transform: uppercase;color: var(--mono_01);text-shadow: 1px 1px 5px var(--mono_06);text-align:center;line-height:22px;margin:0;padding:0}
#main-slider .slider-inner p {font-weight: 600;font-size: 16px;margin-top:25px;color: var(--mono_02v);text-shadow: 1px 1px 5px var(--mono_06);line-height:20px;margin:0;padding:0}
#main-slider .slider-inner h1 span {color: var(--sec_03);}
#main-slider .slider-inner h2 span {color: var(--sec_03);}
#main-slider .slider-inner h3 span {color: var(--sec_03);}
#main-slider .slider-inner h4 span {color: var(--sec_03);}
#main-slider .slider-inner h5 span {color: var(--sec_03);}
#main-slider .slider-inner h6 span {color: var(--sec_03);}
#main-slider .slider-inner p span {color: var(--sec_03);}
#main-slider .nexo {font-size:0.8em;color: var(--sec_03);}
#main-slider .slider-inner .btn {margin: 15px;}
#main-slider .owl-prev, #main-slider .owl-next {
  position: absolute;
  top: 50%;
  background-color: rgba(0, 0, 0, 0.2);
  color: var(--pri_04);
  font-size: 30px;
  display: inline-block;
  margin-top: -35px;
  height: 70px;
  width: 70px;
  line-height: 70px;
  text-align: center;
  z-index: 5;
  -webkit-transition: background-color 400ms;
  transition: background-color 400ms;
}
#main-slider .owl-prev:hover, #main-slider .owl-next:hover {
  background-color: var(--pri_03);
}
#main-slider .owl-prev {left: -35px;text-indent: 14px;}
#main-slider .owl-next {right: -35px;text-indent: -14px;}
#bar {
  width: 0%;
  max-width: 100%;
  height: 4px;
  background: var(--pri_02);
}
#progressBar {
  margin-top: -4px;
  position: relative;
  z-index: 999;
  width: 100%;
  background: rgba(0, 0, 0, 0.1);
}

/* Section ABOUT ------------------------------------------------------------ */
#about {
    font-family: 'Titillium Web', sans-serif;
	padding: 80px 0;
	}
#about h1,h2,h3,h4,h5,h6,p {font-family: 'Titillium Web', sans-serif;text-shadow:none;}
#about p {
    font-family: 'Titillium Web', sans-serif;
	color:var(--mono_06);
	text-align:left;
	font-size:18px;
	font-weight:300;
	line-height:1.5;
}
#about .description {
    font-family: 'Titillium Web', sans-serif;
	color:var(--mono_06);
	text-align:left;
	font-size:17px;
	font-weight:300;
	line-height:1.5;
}

/* Section HEADER ----------------------------------------------------------- */
.section-header {
    font-family: 'Titillium Web', sans-serif;
  margin-bottom: 50px;
}
.section-header .section-title {
    font-family: 'Titillium Web', sans-serif;
  margin-bottom: 25px;
  display: block;
  clear: both;
  font-size: 28px;
  line-height: 38px;
  text-align: center;
  font-weight: 400;
  color: var(--mono_05);
  text-transform: uppercase;
}
.btn {
    font-family: 'Titillium Web', sans-serif;
  border-width: 0;
  border-bottom-width: 3px;
  border-radius: 0px;
}
.btn.btn-primary {
  background: var(--sec_03);
  border-color: var(--sec_03);
}
.btn.btn-primary:hover,
.btn.btn-primary:focus {
  background: var(--sec_04);
}
.column-title {
    font-family: 'Titillium Web', sans-serif;
  margin-top: 0;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
  margin-bottom: 15px;
  position: relative;
}
.column-title:after {
  content: " ";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 40%;
  border-bottom: 1px solid #cc9900;
}
ul.nostyle {
  list-style: none;
  padding: 0;
  margin-bottom: 20px;
}
ul.nostyle i {
  color: #cc9900;
}
.scaleIn {
  -webkit-animation-name: scaleIn;
  animation-name: scaleIn;
}
@-webkit-keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.divider {
  margin-top: 50px;
  margin-bottom: 50px;
  background-image: -moz-linear-gradient(180deg, var(--mono_01) 0%, var(--mono_03) 49%, var(--mono_01) 100%);
  background-image: -webkit-linear-gradient(180deg, var(--mono_01) 0%, var(--mono_03) 49%, var(--mono_01) 100%);
  background-image: -ms-linear-gradient(180deg, var(--mono_01) 0%, var(--mono_03) 49%, var(--mono_01) 100%);
  width: 95%;
  height: 1px;
}
.progress {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: var(--mono_02);
}
.progress .progress-bar.progress-bar-primary {
  background-image: -moz-linear-gradient(4deg, var(--sec_01) 0%, var(--sec_02) 100%);
  background-image: -webkit-linear-gradient(4deg, var(--sec_01) 0%, var(--sec_02) 100%);
  background-image: -ms-linear-gradient(4deg, var(--sec_01) 0%, var(--sec_02) 100%);
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* Section CALLOUT ---------------------------------------------------------- */
#callout {
    font-family: 'Titillium Web', sans-serif;
	background: var(--mono_05);
	background-size: cover;
	color: var(--mono_01);
	padding: 50px 0;
}
#callout h1 {font-family: 'Titillium Web', sans-serif;font-weight: 600;font-size: 42px;line-height:1.2;text-transform: uppercase;color: var(--sec_03);text-align:center;}
#callout h1 span {color: var(--mono_01);}
#callout h2 {font-family: 'Titillium Web', sans-serif;font-weight: 600;font-size: 36px;line-height:1.2;text-transform: uppercase;color: var(--sec_03);text-align:center;}
#callout h2 span {color: var(--mono_01);}
#callout h3 {font-family: 'Titillium Web', sans-serif;font-weight: 400;font-size: 26px;line-height:1.2;color: var(--mono_03);text-align:center;}
#callout h3 span {color: var(--mono_03);}
#callout h4 {font-family: 'Titillium Web', sans-serif;font-weight: 400;font-size: 22px;line-height:1.2;color: var(--mono_03);text-align:center;}
#callout h4 span {color: var(--mono_03);}
#callout p {font-family: 'Titillium Web', sans-serif;font-weight: 600;font-size: 16px;color: var(--mono_02v);}
#callout p span {color: var(--sec_03);}
#callout .nexo {font-family: 'Titillium Web', sans-serif;font-size:0.8em;color: var(--sec_03);}

/* Section RADIO ------------------------------------------------------------ */
#radio {
    font-family: 'Titillium Web', sans-serif;
	background: var(--mono_04);
	background-size: cover;
	color: var(--mono_01);
	padding: 50px 0;
}
#radio h1 {font-family: 'Titillium Web', sans-serif;font-weight: 600;font-size: 42px;line-height:1.2;text-transform: uppercase;color: var(--sec_03);text-align:center;}
#radio h1 span {color: var(--mono_01);}
#radio h2 {font-family: 'Titillium Web', sans-serif;font-weight: 600;font-size: 36px;line-height:1.5;text-transform: uppercase;color: var(--sec_03);text-align:center;}
#radio h2 span {color: var(--mono_01);}
#radio h3 {font-family: 'Titillium Web', sans-serif;font-weight: 400;font-size: 26px;line-height:1.2;color: var(--mono_03);text-align:center;}
#radio h3 span {color: var(--mono_03);}
#radio h4 {font-family: 'Titillium Web', sans-serif;font-weight: 400;font-size: 22px;line-height:1.2;color: var(--mono_03);text-align:center;}
#radio h4 span {color: var(--mono_03);}
#radio p {font-family: 'Titillium Web', sans-serif;font-weight: 600;font-size: 16px;color: var(--mono_02v);}
#radio p span {color: var(--sec_03);}
#radio .nexo {font-family: 'Titillium Web', sans-serif;font-size:0.8em;color: var(--sec_03);}

/* Section SERVICES --------------------------------------------------------- */
#services {
    font-family: 'Titillium Web', sans-serif;
	padding: 80px 0;
}
#services h1 {font-family: 'Titillium Web', sans-serif;font-weight: 600;font-size: 42px;text-transform: uppercase;color: var(--mono_05);line-height:46px;}
#services h2 {font-family: 'Titillium Web', sans-serif;font-weight: 600;font-size: 36px;text-transform: uppercase;color: var(--mono_05);line-height:40px;}
#services h3 {font-family: 'Titillium Web', sans-serif;font-weight: 600;font-size: 28px;text-transform: uppercase;color: var(--mono_05);line-height:34px;}
#services h4 {font-family: 'Titillium Web', sans-serif;font-weight: 600;font-size: 24px;text-transform: uppercase;color: var(--mono_05);line-height:30px;}
#services h5 {font-family: 'Titillium Web', sans-serif;font-weight: 600;font-size: 20px;text-transform: uppercase;color: var(--mono_05);line-height:26px;}
#services h6 {font-family: 'Titillium Web', sans-serif;font-weight: 600;font-size: 18px;text-transform: uppercase;color: var(--mono_05);line-height:22px;}
#services p {font-family: 'Titillium Web', sans-serif;font-weight: 200;font-size: 18px;margin-top:25px;color: var(--mono_06);line-height:22px;}
#services h1 span {color: var(--sec_03);}
#services h2 span {color: var(--sec_03);}
#services h3 span {color: var(--sec_03);}
#services h4 span {color: var(--sec_03);}
#services h5 span {color: var(--sec_03);}
#services h6 span {color: var(--sec_03);}
#services p span {color: var(--sec_03);}
#services .nexo {font-family: 'Titillium Web', sans-serif;font-size:0.8em;color: var(--sec_03);}
#services hr{
	border-top: var(--pri_02) 2px solid;
	border-bottom: var(--mono_05) 1px solid;
	margin-bottom:25px;
}
#services .service-title {font-family: 'Titillium Web', sans-serif;font-weight: 600;font-size: 20px;color: var(--sec_04);text-transform: uppercase;margin:0px;padding: 10px 0px;text-align:center;}
#services .service-subtitle-1 {font-family: 'Titillium Web', sans-serif;font-weight: 300;font-size: 16px;color: var(--mono_05);line-height:1.2;text-align:center;margin-top:0px;padding-top:0px;}
#services .service-subtitle-2 {font-family: 'Titillium Web', sans-serif;font-weight: 300;font-size: 14px;color: var(--mono_06);line-height:1.2;text-align:center;}
#services .hr-2 {
	border-top: var(--sec_03) 2px solid;
	border-bottom: var(--mono_01) 1px solid;
}
#services .features-item {
    margin: 25px 0;
}
#services .features-item .service-icon i {
  font-size: 40px;
  text-align: center;
}
#services .features-item:hover .features-icon i , #services .features-item:hover h3 {
  color: var(--sec_03);
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all;
}
#services .features-item h3 {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 400;
    font-size: 14px;
    color: var(--mono_02);
    margin: 16px 0 15px; 
    text-align: center;
}

.media.service-box {
  margin: 25px 0;
}
.media.service-box .pull-left {
  margin-right: 20px;
}
.media.service-box .pull-left > i {
  font-family: 'Titillium Web', sans-serif;
  font-size: 24px;
  height: 64px;
  line-height: 64px;
  text-align: center;
  width: 64px;
  color: #cc9900;
  box-shadow: inset 0 0 0 1px #d7d7d7;
  -webkit-box-shadow: inset 0 0 0 1px #d7d7d7;
  transition: background-color 400ms, background-color 400ms;
  position: relative;
  display: block;
  line-height: 60px;
  font-size: 18px;
  transform: translateZ(0px);
}

.media.service-box:hover .pull-left > i {

}

/* Section RRSS ------------------------------------------------------------- */
#rrss {
    font-family: 'Titillium Web', sans-serif;
  background: var(--mono_05);
  background-size: cover;
  color: var(--mono_01);
  padding: 50px 0;
}
#rrss h2 {font-family: 'Titillium Web', sans-serif;font-weight: 600;font-size: 36px;line-height:0.5;text-transform: uppercase;color: var(--sec_03);}
#rrss h2 span {color: var(--mono_01);}
#rrss h3 {font-family: 'Titillium Web', sans-serif;font-weight: 400;font-size: 26px;line-height:1;color: var(--mono_03);}
#rrss h3 span {color: var(--mono_01);}
#rrss h3 {font-family: 'Titillium Web', sans-serif;font-weight: 400;font-size: 22px;line-height:1;color: var(--mono_03);}
#rrss h3 span {color: var(--mono_01);}
#rrss p {font-family: 'Titillium Web', sans-serif;font-weight: 600;font-size: 16px;color: var(--mono_02v);}
#rrss p span {color: var(--sec_03);}
#rrss .nexo {font-family: 'Titillium Web', sans-serif;font-size:0.8em;color: var(--sec_03);}

/* Section TESTIMONIAL ------------------------------------------------------ */
#testimonial {
    font-family: 'Titillium Web', sans-serif;
  background: var(--mono_02);
  padding: 80px 0;
  color: var(--mono_06);
  text-align: center;
}
#testimonial h4 {
  font-family: 'Titillium Web', sans-serif;
  color: var(--mono_06);
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-weight: normal;
  text-align:right;
  line-height: normal;
}
#testimonial small {
  font-family: 'Titillium Web', sans-serif;
  display: block;
  margin-bottom: 10px;
  color: var(--mono_06);
}
#testimonial p {
  font-family: 'Titillium Web', sans-serif;
  color: var(--mono_06);
  font-style: italic;
  font-size: 22px;
  line-height: normal;
}
#testimonial a {
  font-family: 'Titillium Web', sans-serif;
  margin:0;
  padding:0;
  line-height: normal;
}
#testimonial p >span {
  color: var(--sec_04);
}
#testimonial .img-thumbnail {
  background: transparent;
}
#testimonial #carousel-testimonial .btns {
    margin-top: 30px;
}
#testimonial #carousel-testimonial .btns a {
	margin:0 2px;
}
#testimonial .stars {text-align:left;font-size:14px;color:var(--sec_03);text-shadow:1px 1px var(--mono_06);}

/* Section CURSOS ----------------------------------------------------------- */
#cursos {
    font-family: 'Titillium Web', sans-serif;
	padding: 80px 0;
	background-color:var(--mono_02);
}
#cursos h1 {font-family: 'Titillium Web', sans-serif;font-weight: 600;font-size: 42px;text-transform: uppercase;color: var(--mono_05);line-height:46px;}
#cursos h2 {font-family: 'Titillium Web', sans-serif;font-weight: 600;font-size: 36px;text-transform: uppercase;color: var(--mono_05);line-height:40px;}
#cursos h3 {font-family: 'Titillium Web', sans-serif;font-weight: 600;font-size: 28px;text-transform: uppercase;color: var(--mono_05);line-height:34px;}
#cursos h4 {font-family: 'Titillium Web', sans-serif;font-weight: 600;font-size: 24px;text-transform: uppercase;color: var(--mono_05);line-height:30px;}
#cursos h5 {font-family: 'Titillium Web', sans-serif;font-weight: 600;font-size: 20px;text-transform: uppercase;color: var(--mono_05);line-height:26px;}
#cursos h6 {font-family: 'Titillium Web', sans-serif;font-weight: 600;font-size: 18px;text-transform: uppercase;color: var(--mono_05);line-height:22px;}
#cursos p {font-family: 'Titillium Web', sans-serif;font-weight: 200;font-size: 20px;margin-top:25px;color: var(--mono_06);line-height:22px;}
#cursos h1 span {color: var(--sec_03);}
#cursos h2 span {color: var(--sec_03);}
#cursos h3 span {color: var(--sec_03);}
#cursos h4 span {color: var(--sec_03);}
#cursos h5 span {color: var(--sec_03);}
#cursos h6 span {color: var(--sec_03);}
#cursos p span {color: var(--sec_03);}
#cursos ul li {style="font-size:1.3em;line-height:2em;"}
#cursos .nexo {font-family: 'Titillium Web', sans-serif;font-size:0.8em;color: var(--mono_05);}
#cursos hr{
	border-top: var(--pri_02) 2px solid;
	border-bottom: var(--mono_05) 1px solid;
	margin-bottom:25px;
}
#cursos .service-title {font-family: 'Titillium Web', sans-serif;font-weight: 600;font-size: 20px;color: var(--sec_04);text-transform: uppercase;margin:0px;padding: 10px 0px;text-align:center;}
#cursos .service-subtitle-1 {font-family: 'Titillium Web', sans-serif;font-weight: 300;font-size: 16px;color: var(--mono_05);line-height:1.2;text-align:center;margin-top:0px;padding-top:0px;}
#cursos .service-subtitle-2 {font-family: 'Titillium Web', sans-serif;font-weight: 300;font-size: 14px;color: var(--mono_06);line-height:1.2;text-align:center;}
#cursos .hr-2 {
	border-top: var(--sec_03) 2px solid;
	border-bottom: var(--mono_01) 1px solid;
}
#cursos .features-item {
    margin: 25px 0;
}
#cursos .features-item .service-icon i {
  font-size: 40px;
  text-align: center;
}
#cursos .features-item:hover .features-icon i , #services .features-item:hover h3 {
  color: var(--sec_03);
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all;
}
#cursos .features-item h3 {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 400;
    font-size: 14px;
    color: var(--mono_02);
    margin: 16px 0 15px; 
    text-align: center;
}

.media.service-box {
  margin: 25px 0;
}
.media.service-box .pull-left {
  margin-right: 20px;
}
.media.service-box .pull-left > i {
  font-family: 'Titillium Web', sans-serif;
  font-size: 24px;
  height: 64px;
  line-height: 64px;
  text-align: center;
  width: 64px;
  color: #cc9900;
  box-shadow: inset 0 0 0 1px #d7d7d7;
  -webkit-box-shadow: inset 0 0 0 1px #d7d7d7;
  transition: background-color 400ms, background-color 400ms;
  position: relative;
  display: block;
  line-height: 60px;
  font-size: 18px;
  transform: translateZ(0px);
}

.media.service-box:hover .pull-left > i {

}


/* Section sPages ----------------------------------------------------------- */
#sPages {
    font-family: 'Titillium Web', sans-serif;
	padding: 0px;
	}
#sPages h1 {
	font-family: 'Titillium Web', sans-serif;
	margin-top:0px;
	padding-top:0px;
	margin-bottom:25px;
	text-align:center
	}
#sPages .title-page {
	font-family: 'Titillium Web', sans-serif;
	width:100%;
	height:auto;
	text-align:center;
}
#sPages .title-page h1{
	font-family: 'Titillium Web', sans-serif;
	font-weight:600;
    color: var(--mono_01);
    font-size: 36px;
    line-height: 1;
    position: relative;
}
#sPages .title-page span{
    color: var(--sec_03);
}
#sPages .title-page img{
    width:160px;
	height:160px;
	margin: 40px 0px 15px 0px;
    padding: 0px;
}
#sPages .nexo {font-size:0.8em;color: var(--sec_03);}

/* Section SEC-1 ------------------------------------------------------------ */
#sec-1 {
    font-family: 'Titillium Web', sans-serif;
	padding: 80px 0;
	}
#sec-1 h1,h2,h3,h4,h5,h6,p {font-family: 'Titillium Web', sans-serif;text-shadow:none;}
#sec-1 p {
	font-family: 'Titillium Web', sans-serif;
	color:var(--mono_06);
	text-align:left;
	font-size:18px;
	font-weight:300;
	line-height:1.5;
}
#sec-1 .description {
	font-family: 'Titillium Web', sans-serif;
	color:var(--mono_06);
	text-align:left;
	font-size:17px;
	font-weight:300;
	line-height:1.5;
}
#sec-1 ul {
    list-style: none;
    padding: 0px;
	margin-right: 15px;
}
#sec-1 li {
	font-family: 'Titillium Web', sans-serif;
	color:var(--mono_06);
	text-align:left;
	font-size:16px;
	font-weight:300;
	line-height:1.5;
	padding: 10px 0px;
}
#sec-1 li:before {
	top:0px;
    content: "\2712";
    display: block;
    float: left;
	padding-right: 10px;
    font-size:20px;
    color: var(--sec_03);
	text-shadow:1px 1px var(--mono_06);
}
#sec-1 .nexo {font-size:0.8em;color: var(--sec_03);}

/* Section SEC-2 ------------------------------------------------------------ */
#sec-2 {
    font-family: 'Titillium Web', sans-serif;
	padding: 80px 0;
	}
#sec-2 h1,h2,h3,h4,h5,h6,p {font-family: 'Titillium Web', sans-serif;text-shadow:none;}
#sec-2 p {
	font-family: 'Titillium Web', sans-serif;
	color:var(--mono_06);
	text-align:left;
	font-size:18px;
	font-weight:300;
	line-height:1.5;
}
#sec-2 .description {
	font-family: 'Titillium Web', sans-serif;
	color:var(--mono_06);
	text-align:left;
	font-size:17px;
	font-weight:300;
	line-height:1.5;
}
#sec-2 ul {
    list-style: none;
    padding: 0px;
	margin-right: 15px;
}
#sec-2 li {
	font-family: 'Titillium Web', sans-serif;
	color:var(--mono_06);
	text-align:left;
	font-size:16px;
	font-weight:300;
	line-height:1.5;
	padding: 10px 0px;
}
#sec-2 li:before {
	top:0px;
    content: "\2712";
    display: block;
    float: left;
	padding-right: 10px;
    font-size:20px;
    color: var(--sec_03);
	text-shadow:1px 1px var(--mono_06);
}
#sec-2 .nexo {font-family: 'Titillium Web', sans-serif;font-size:0.8em;color: var(--sec_03);}

/* Section SEC-3 ------------------------------------------------------------ */
#sec-3 {
    font-family: 'Titillium Web', sans-serif;
	padding: 80px 0;
	}
#sec-3 h1,h2,h3,h4,h5,h6,p {font-family: 'Titillium Web', sans-serif;text-shadow:none;}
#sec-3 p {
	font-family: 'Titillium Web', sans-serif;
	color:var(--mono_06);
	text-align:left;
	font-size:18px;
	font-weight:300;
	line-height:1.5;
}
#sec-3 .description {
	font-family: 'Titillium Web', sans-serif;
	color:var(--mono_06);
	text-align:left;
	font-size:17px;
	font-weight:300;
	line-height:1.5;
}
#sec-3 .nexo {font-family: 'Titillium Web', sans-serif;font-size:0.8em;color: var(--sec_03);}

/* Section SEC-4 ------------------------------------------------------------ */
#sec-4 {
    font-family: 'Titillium Web', sans-serif;
	padding: 80px 0;
	background-color:var(--mono_02);
	}
#sec-4 h1,h2,h3,h4,h5,h6,p {font-family: 'Titillium Web', sans-serif;text-shadow:none;}
#sec-4 p {
	font-family: 'Titillium Web', sans-serif;
	color:var(--mono_06);
	text-align:left;
	font-size:18px;
	font-weight:300;
	line-height:1.5;
}
#sec-4 .description {
	font-family: 'Titillium Web', sans-serif;
	color:var(--mono_06);
	text-align:left;
	font-size:17px;
	font-weight:300;
	line-height:1.5;
}
#sec-4 ul {
    list-style: none;
    padding: 0px;
	margin-right: 15px;
}
#sec-4 li {
	font-family: 'Titillium Web', sans-serif;
	color:var(--mono_06);
	text-align:left;
	font-size:16px;
	font-weight:300;
	line-height:1.5;
	padding: 10px 0px;
}
#sec-4 li:before {
	top:0px;
    content: "\2712";
    display: block;
    float: left;
	padding-right: 10px;
    font-size:20px;
    color: var(--sec_03);
	text-shadow:1px 1px var(--mono_06);
}
#sec-4 .nexo {font-size:0.8em;color: var(--sec_03);}

/* Section MSG1 ----------------------------------------------------------- */
.msg1 {
    font-family: 'Titillium Web', sans-serif;
	background: var(--mono_02);
	background-size: cover;
	color: var(--mono_05);
	padding: 50px 0;
}
.msg1 h1 {font-family: 'Titillium Web', sans-serif;font-weight: 600;font-size: 42px;line-height:1.2;text-transform: uppercase;color: var(--pri_03);text-align:center;}
.msg1 h1 span {color: var(--sec_03);}
.msg1 h2 {font-family: 'Titillium Web', sans-serif;font-weight: 600;font-size: 36px;line-height:1.2;text-transform: uppercase;color: var(--pri_03);text-align:center;}
.msg1 h2 span {color: var(--sec_03);}
.msg1 h3 {font-family: 'Titillium Web', sans-serif;font-weight: 400;font-size: 26px;line-height:1.2;color: var(--pri_03);text-align:center;}
.msg1 h3 span {color: var(--sec_03);}
.msg1 h4 {font-family: 'Titillium Web', sans-serif;font-weight: 400;font-size: 22px;line-height:1.2;color: var(--pri_03);text-align:center;}
.msg1 h4 span {color: var(--sec_03);}
.msg1 p {font-family: 'Titillium Web', sans-serif;font-weight: 600;font-size: 16px;color: var(--mono_06);}
.msg1 p span {color: var(--sec_03);}
.msg1 .nexo {font-family: 'Titillium Web', sans-serif;font-size:0.8em;color: var(--sec_03);}

/* Section MSG-1 ---------------------------------------------------------- */
#msg-1 {
    font-family: 'Titillium Web', sans-serif;
	background: var(--mono_02);
	background-size: cover;
	color: var(--mono_05);
	padding: 50px 0;
}
#msg-1 h1 {font-family: 'Titillium Web', sans-serif;font-weight: 600;font-size: 42px;line-height:1.2;text-transform: uppercase;color: var(--pri_03);text-align:center;}
#msg-1 h1 span {color: var(--sec_03);}
#msg-1 h2 {font-family: 'Titillium Web', sans-serif;font-weight: 600;font-size: 36px;line-height:1.2;text-transform: uppercase;color: var(--pri_03);text-align:center;}
#msg-1 h2 span {color: var(--sec_03);}
#msg-1 h3 {font-family: 'Titillium Web', sans-serif;font-weight: 400;font-size: 26px;line-height:1.2;color: var(--pri_03);text-align:center;}
#msg-1 h3 span {color: var(--sec_03);}
#msg-1 h4 {font-family: 'Titillium Web', sans-serif;font-weight: 400;font-size: 22px;line-height:1.2;color: var(--pri_03);text-align:center;}
#msg-1 h4 span {color: var(--sec_03);}
#msg-1 p {font-family: 'Titillium Web', sans-serif;font-weight: 600;font-size: 16px;color: var(--mono_06);}
#msg-1 p span {color: var(--sec_03);}
#msg-1 .nexo {font-family: 'Titillium Web', sans-serif;font-size:0.8em;color: var(--sec_03);}

/* Section MSG-2 ---------------------------------------------------------- */
#msg-2 {
    font-family: 'Titillium Web', sans-serif;
	background: var(--mono_02);
	background-size: cover;
	color: var(--mono_05);
	padding: 50px 0;
}
#msg-2 h1 {font-family: 'Titillium Web', sans-serif;font-weight: 600;font-size: 42px;line-height:1.2;text-transform: uppercase;color: var(--pri_03);text-align:center;}
#msg-2 h1 span {color: var(--sec_03);}
#msg-2 h2 {font-family: 'Titillium Web', sans-serif;font-weight: 600;font-size: 36px;line-height:1.2;text-transform: uppercase;color: var(--pri_03);text-align:center;}
#msg-2 h2 span {color: var(--sec_03);}
#msg-2 h3 {font-family: 'Titillium Web', sans-serif;font-weight: 400;font-size: 26px;line-height:1.2;color: var(--pri_03);text-align:center;}
#msg-2 h3 span {color: var(--sec_03);}
#msg-2 h4 {font-family: 'Titillium Web', sans-serif;font-weight: 400;font-size: 22px;line-height:1.2;color: var(--pri_03);text-align:center;}
#msg-2 h4 span {color: var(--sec_03);}
#msg-2 p {font-family: 'Titillium Web', sans-serif;font-weight: 600;font-size: 16px;color: var(--mono_06);}
#msg-2 p span {color: var(--sec_03);}
#msg-2 .nexo {font-family: 'Titillium Web', sans-serif;font-size:0.8em;color: var(--sec_03);}

/* Section PACKS ---------------------------------------------------------- */
#packs {
    font-family: 'Titillium Web', sans-serif;
	min-width: 280px;
	color: var(--mono_06);
	margin: 5px 5px;
	padding: 5px;
	min-height: 610px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color:var(--sec_03);
}
#packs h2 {
	font-family: 'Titillium Web', sans-serif;
	text-align:right;
	font-weight:600;
    color: var(--pri_03);
	text-shadow: 2px 2px var(--sec_01);
    font-size: 40px;
    line-height: 1;
    margin-top: 0;
    padding: 15px;
    border-bottom: 2px solid var(--sec_04);
    margin-bottom: 15px;
    position: relative;
}
#packs h3 {
	font-family: 'Titillium Web', sans-serif;
	text-align:left;
	font-weight:600;
    color: var(--pri_03);
	text-shadow: 1px 1px var(--sec_02);
    font-size: 20px;
    line-height: 0.7;
    margin-top: 10px;
    padding-left:10px;
	position: relative;
} 
#packs p {
	font-family: 'Titillium Web', sans-serif;
	text-align:left;
	font-weight:400;
    color: var(--mono_06);
    font-size: 13px;
    line-height: 1;
    margin-top: 0px;
    padding-left:10px;
	position: relative;
}
#packs ul {
    list-style: none;
    padding: 0px;
	margin-right: 15px 0px;
}
#packs li {
	font-family: 'Titillium Web', sans-serif;
	padding: 0px 10px;;
	margin: 0px;
	margin-left: 15px;
	text-align:left;
	font-weight:400;
    color: var(--mono_06);
    font-size: 15px;
    line-height: 1.5;
	position: relative;
}
#packs li:before {
	top:0px;
    content: "\2712";
    display: block;
    float: left;
	padding-right: 14px;
    color: var(--pri_04);
	text-shadow:none;
    font-size: 15px;
    line-height: 1.5;
}

/* Sección FOOTER ----------------------------------------------------------- */
#footer {
    font-family: 'Titillium Web', sans-serif;
	padding: 30px 0;
	color: var(--mono_01);
	background: var(--mono_06);
}
#footer div {alignment-adjust:central;text-align:center;}
#footer h2 {font-family: 'Titillium Web', sans-serif;font-weight: 600;font-size: 36px;line-height:1;color: var(--mono_01);text-align:center;margin: 0px;padding: 10px 0px;}
#footer h2 span {color: var(--sec_03);}
#footer p {font-family: 'Titillium Web', sans-serif;font-weight: 200;font-size: 10px;font-stretch:condensed;line-height:1;color: var(--mono_01);text-align:center;}
#footer p span {font-weight: 600;font-size: 11px;line-height:1;color: var(--sec_03);}
#footer a {font-family: 'Titillium Web', sans-serif;color: var(--mono_01);}
#footer a:hover {color: var(--sec_03);}
#footer .lcc {
	font-family: 'Titillium Web', sans-serif;text-align:center;
	padding-top: 25px;
	margin: 25px 0px 10px 0px;
}
#footer .textosapunto {
	font-family: 'Titillium Web', sans-serif;
	text-align:center;
	padding:0px;
	margin:0px;
}
#footer .geminii {
	font-family: 'Titillium Web', sans-serif;
	margin-top:25px;
	padding:15px;
	text-align:center;
}
@media only screen and (min-width: 768px) {
  #footer .social-icons {
    font-size: 20px;
  }
}

/* Section NOTIFICATIONS ---------------------------------------------------- */
#overbox3 {
    font-family: 'Titillium Web', sans-serif;
	position: fixed;
    bottom: 60px;
	width: 100%;
    z-index: 999999;
	display: none;
}
#infobox3 {
    font-family: 'Titillium Web', sans-serif;
    color: var(--mono_06);
	position: relative;
    top: 10px;
	margin-left: auto;
    margin-right: auto;
    height: auto;
    width: 80%;
    text-align:center;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    background: -webkit-linear-gradient(var(--sec_02), var(--sec_03)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(var(--sec_02), var(--sec_03)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(var(--sec_02), var(--sec_03)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(var(--sec_02), var(--sec_03)); /* Standard syntax */	
	box-shadow: 0px 0px 25px #000;
}
#infobox3 h1,h2,h3,h4,h5,h6 {
	font-family: 'Titillium Web', sans-serif;
	color: var(--mono_06);
	padding:15px;
	text-align:left;
	line-height:1.2;
	font-family:'Titillium Web';
}
#infobox3 p {
	font-family: 'Titillium Web', sans-serif;
	color: var(--mono_05);
	padding:15px;
	text-align:center;
	line-height:16px;font-family:'Titillium Web';font-size:14px;
}
#infobox3 a {color: var(--pri_04);} 
#infobox3 a:hover {color: var(--pri_02);}

/* Section MODAL DIALOG ----------------------------------------------------- */
.modalDialog {
    font-family: 'Titillium Web', sans-serif;
	color: var(--mono_06);
	position: fixed;
	top: 0;
	right: 0;
	bottom: 60px;
	left: 0;
	font-family:"Titillium Web";
	font-size:10px;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
	text-align:justify;
}
.modalDialog h2 {font-family: 'Titillium Web', sans-serif;line-height:1.2;font-size: 24px;color: var(--pri_04);padding-top: 15px;border-bottom: 2px solid var(--pri_04);} 
.modalDialog h3 {font-family: 'Titillium Web', sans-serif;font-size:22px;padding-top:15px;color: var(--mono_06);} 
.modalDialog h4 {font-family: 'Titillium Web', sans-serif;font-size:18px;padding-top:15px;color: var(--mono_06);}
.modalDialog p {font-family: 'Titillium Web', sans-serif;color: var(--mono_04);line-height:normal}
.modalDialog ul,ol,li {font-family: 'Titillium Web', sans-serif;color:var(--mono_04);font-size:13px;font-weight:300;
line-height:normal;}
.modalDialog a {font-family: 'Titillium Web', sans-serif;color: var(--pri_03);} 
.modalDialog a:hover {color: var(--pri_01);}
.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}
.modalDialog div {
	width: 90%;
	max-width: 850px;
	max-height: 80%;
	overflow-y: auto;
	overflow-x: hidden;
	position: relative;
	margin: 10% auto;
	padding: 15px 20px 5px 20px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
}
.modalDialog img {
    margin-top: 0;
    padding: 5px;
    margin-bottom: 15px;
    position: relative;
}
.avisos {font-family: 'Titillium Web', sans-serif;font-size:12px;}
.close {
	background: var(--pri_05);
	color: var(--sec_03);
	line-height: 25px;
	position: relative, fixed;
	right: 35px;
	text-align: center;
	width: 50px;
	text-decoration: none;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}
.close:hover { background: var(--pri_02); }

.inter_medium {line-height:130%;}
.inter_small {line-height:100%;}






/* Sección OTHERS ----------------------------------------------------------- */

.flotante {
	font-family: 'Titillium Web', sans-serif;
	text-align:center;
    position: fixed;
    bottom: 60px;
	width: 100%;
    z-index: 999999;
    display: block;
}
/* Feature */
#features {
  padding: 100px 0;
  background: #f5f5f5;
}
#features .media.service-box:first-child {
  margin-top: 80px;
}
#services {
  font-family: 'Titillium Web', sans-serif;
  padding: 100px 0 75px;
  text-align: center;
}

/*************************
*******Portfolio******
**************************/
#portfolio {
  padding: 100px 0;
  background: #f5f5f5;
}
#portfolio .portfolio-filter {
  list-style: none;
  padding: 0;
  margin: 0 0 50px;
  display: inline-block;
}
#portfolio .portfolio-filter > li {
  float: left;
  display: block;
  margin:0 1px;
}
#portfolio .portfolio-filter > li a {
  display: block;
  padding: 7px 15px;
  background: #e5e5e5;
  color: #64686d;
  position: relative;
}
#portfolio .portfolio-filter > li a:hover,
#portfolio .portfolio-filter > li a.active {
  background: #cc9900;
  color: #fff;
}

#portfolio .portfolio-items {
  margin: -15px;
}
#portfolio .portfolio-item {
  width: 33%;
  float: left;
  padding: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
#portfolio .portfolio-item .portfolio-item-inner {
  position: relative;
}
#portfolio .portfolio-item .portfolio-item-inner .portfolio-info {
  opacity: 0;
  transition: opacity 400ms;
  -webkit-transition: opacity 400ms;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  padding: 10px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
}
#portfolio .portfolio-item .portfolio-item-inner .portfolio-info h3 {
  font-size: 16px;
  line-height: 1;
  margin: 0;
  color: #fff;
  text-align: center;
  padding-top: 180px;
}
#portfolio .portfolio-item .portfolio-item-inner .portfolio-info .preview {
-moz-transition: all 300ms;
  -o-transition: all 300ms;
  -webkit-transition: all 300ms;
  transition: all 300ms;
  top: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}
#portfolio .portfolio-item:hover .portfolio-info {
  opacity: 1;
}
#portfolio .portfolio-item:hover .portfolio-item-inner .portfolio-info .preview {
  top: 60px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
  -webkit-transition: all 300ms;
  transition: all 300ms;
}
/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
/*************************
*******Contact******
**************************/

#contact-area {
  font-family: 'Titillium Web', sans-serif;
  padding:120px 0;
}

#contact .contact-form {
  font-family: 'Titillium Web', sans-serif;
  background: rgba(255, 255, 255, 0.8);
  padding: 20px;
  margin-top: 50px;
}
#contact .contact-form h3 {
  font-family: 'Titillium Web', sans-serif;
  margin-top: 0;
}
#contact-area label {
  font-weight: 300;
}
#contact-area .form-group input ,#contact-area .form-group textarea {
  font-family: 'Titillium Web', sans-serif;
  border-radius: 0;
  font-size: 13px;
  font-weight: normal;
  color: #888;
}
#contact-area .form-group textarea {
  height: 195px;
}

#contact-area .form-control:focus, #focusedInput {
  border: 1px solid #000;
  box-shadow: none;
}

#contact-area  .btn-send-msg {
  margin-top: 30px;
}
/***********************
********* Footer ******
************************/
#footer {
  font-family: 'Titillium Web', sans-serif;
  padding-top: 30px;
  padding-bottom: 30px;
  color: #fff;
  background: #2e2e2e;
}
#footer a {
  font-family: 'Titillium Web', sans-serif;
  color: #fff;
}
#footer a:hover {
  color: #cc9900;
}
#footer ul {
  list-style: none;
  padding: 0;
  margin: 0 -7.5px;
}
#footer ul > li {
  display: inline-block;
  margin: 0 7.5px;
}
@media only screen and (min-width: 768px) {
  #footer .social-icons {
    font-size: 20px;
  }
}
.form-control {
  box-shadow: none;
  -webkit-box-shadow: none;
}