body {
	font-family: 'Open Sans', sans-serif;
	position: relative;
	font-weight:400;
	background: #fff;
	color:#43484E;
	overflow-x: hidden;
}

body  section{
	padding: 60px 0;
}

a:focus,
a:hover {
	text-decoration:none;
	outline:none;
	outline-offset: 0;
	color: #43484E;
}

a {
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
	color:#2b63e4;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Bebas Neue', cursive;
	letter-spacing: 3px;
}

img {width:100%; pointer-events: none;}
.center {text-align: center;}
.justify {text-align: justify;}
.justifyc {text-align: justify;text-align-last: center;}

.imgc {
display: block;
margin-right: auto;
margin-left: auto;
text-align: center;
}

.slider-btn {
	background-color:#2b63e4;
	color: #FFF;
	-webkit-box-shadow: inset 0 0 0 2px #2b63e4;
	box-shadow: inset 0 0 0 2px #2b63e4;
	text-transform: uppercase;
	width: 190px;
	text-align: center;
	height: 55px;
	line-height:55px;
	padding: 0;
	font-size: 18px;
	font-weight:800;
	border: 0;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.slider-btn:hover {
	background-color:#43484E;
	-webkit-box-shadow: inset 0 0 0 2px #43484E;
	box-shadow: inset 0 0 0 2px #43484E;
	color:#fff
}


.parallax-section{
	min-height: 300px;
	width: 100%;
	background-position: 50% 0;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

.vertical-middle{
	width: 100%;
	height: 100%;
	display: table;
}

.vertical-middle div{
	display: table-cell;
	vertical-align: middle;
}

.dly01 { animation-delay: 0.1s;}
.dly02 { animation-delay: 0.2s;}
.dly03 { animation-delay: 0.3s;}
.dly04 { animation-delay: 0.4s;}
.dly05 { animation-delay: 0.5s;}
.dly06 { animation-delay: 0.6s;}
.dly07 { animation-delay: 0.7s;}
.dly08 { animation-delay: 0.8s;}
.dly09 { animation-delay: 0.9s;}
.dly10 { animation-delay: 1.0s;}
.dly11 { animation-delay: 1.2s;}

.no_marg {margin-left: 0;margin-right: 0;}
.no_padd {padding-left: 0;padding-right: 0;}

.btn.active.focus, 
.btn.active:focus, 
.btn.focus, 
.btn:active.focus, 
.btn:active:focus, 
.btn:focus {
    outline: 0px auto transparent;
    outline-offset: -2px;
}

button.active.focus, 
button.active:focus, 
button.focus, 
button:active.focus, 
button:active:focus, 
button:focus {
    outline: 0px auto transparent;
    outline-offset: -2px;
}
a.active.focus, 
a.active:focus, 
a.focus, 
a:active.focus, 
a:active:focus, 
a:focus {
    outline: 0px auto transparent;
    outline-offset: -2px;
}

.btn {
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}

#to_top {
	display: inline-block;
	background-color: transparent;
	width: 35px;
	height: 35px;
	text-align: center;
	border-radius: 50%;
	position: fixed;
	bottom: 160px;
    right: 10px;
	transition: background-color .3s, 
	opacity .5s, visibility .5s;
	opacity: 1;
	visibility: hidden;
	z-index: 1000;
	box-shadow: 0 0 5px transparent;
}
#to_top::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  line-height: 32px;
  color: #fff;
  text-shadow: 0 0 2px #2b63e4;
}
#to_top:hover {
  cursor: pointer;
  background-color: #2b63e4;
  opacity: 1;
  box-shadow: 0 0 5px #fff6;
}
#to_top:active {
  background-color: #2b63e4;
}
#to_top.show {
  opacity: 0.2;
  visibility: visible;
}
#to_top.show:hover {
  opacity: 1;
  visibility: visible;
}

hr {
    border: 0;
    border-top: 5px solid #2b63e4;
    width: 90px;
    margin: 30px auto;
}
.hr_ {
    border: 0;
    border-top: 5px solid #2b63e4;
    width: 90px;
    margin: 30px 0;
}
.hr_w {
    border: 0;
    border-top: 5px solid #fff;
    width: 90px;
    margin: 30px auto;
}

.blink_ {animation: blinking 1s linear infinite;}
@keyframes blinking {  
  50% { opacity: 0.2; }
}

.upp_ {text-transform: uppercase;}

::selection {background: #2b63e4; color: #2b2b2b;}

/*====================
======Header CSS=====
======================*/

#navigation .navbar {
  background: transparent;
  border-radius: 0;
  border-bottom: 0;
  box-shadow: none;
  padding-bottom: 0;
}

#navigation .navbar-toggle{
  margin-top: 15px;
  background-color: #2b63e4;
  border-color: #2b63e4;
}

#navigation .navbar-brand h1{
  padding: 0;
  margin: 0;
}

#navigation .navbar-nav.navbar-right li {
	padding: 0 1px;
}

#navigation .navbar-nav.navbar-right {
	margin-top: 0;
}

/* #navigation .navbar-nav.navbar-right li a { */
	/* color: #43484E; */
	/* font-family: 'Open Sans', sans-serif; */
	/* font-size: 14px; */
	/* padding: 0; */
	/* text-transform: uppercase; */
	/* -webkit-transition: all .9s ease 0s; */
	/* -moz-transition: all .9s ease 0s; */
	/* -o-transition: all .9s ease 0s; */
	/* transition: all .9s ease 0s; */
	/* padding: 6px 15px; */
/* } */

/* #navigation .navbar-inverse .navbar-nav  .active  a,   */
/* #navigation .navbar-inverse .navbar-nav  .active  a:focus,  */
/* #navigation .navbar-nav.navbar-right li a:hover { */
	/* color: #fff; */
	/* background-color: #2b63e4; */
/* } */

footer .btn-primary,
#navigation .btn-primary {
    color: #fff;
    background-color: #0077b5;
    border-color: #0077b5;
	border-radius: 50%;
    width: 35px;
    height: 35px;
    margin: 20px 0 0 5px;
    padding: 0 0 0 2px;
    text-align: center;
    font-size: 18px;
}
footer .btn-primary:hover,
footer .btn-primary:focus,
#navigation .btn-primary:hover,
#navigation .btn-primary:focus {
    color: #fff;
    background-color: #0b5175;
    border-color: #0b5175;
}
#navigation .navbar-inverse {
    background-color: transparent;
    border-color: transparent;
	
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
#navigation .navbar-inverse.scrolled {
	background-color: #181F2A!important;
    border-color: #181F2A!important;
    transition: background-color 300ms ease-in-out;
    box-shadow: 0 0 5px #00000061 !important;
}

#navigation .navbar-inverse .navbar-nav>li>a {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
	padding: 30px 20px;
}
#navigation .navbar-inverse .navbar-nav>li>a.scrolled {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
	padding: 20px;
}

#navigation .navbar-inverse .navbar-nav>li>a:focus, 
#navigation .navbar-inverse .navbar-nav>li>a:hover {
    color: #fff;
    background-color: #2b63e4;
}
#navigation .navbar-inverse .navbar-nav>li>a:focus.scrolled, 
#navigation .navbar-inverse .navbar-nav>li>a:hover.scrolled {
    color: #fff;
    background-color: #2b63e4;
	padding: 20px;
}

#navigation .navbar-inverse .navbar-nav>.active>a.scrolled, 
#navigation .navbar-inverse .navbar-nav>.active>a:focus.scrolled, 
#navigation .navbar-inverse .navbar-nav>.active>a:hover.scrolled {
    color: #fff;
    background-color: #2b63e4;
}
#navigation .navbar-inverse .navbar-nav>.active>a, 
#navigation .navbar-inverse .navbar-nav>.active>a:focus, 
#navigation .navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #2b63e4;
}

#navigation .logo {
	width: 333px;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
#navigation .logo.scrolled {width: 260px; padding:  0;}
#navigation .btn-primary.scrolled {margin: 15px 0 0 5px;}
.img_ln.scrolled {
    margin: 15px 10px 0;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: transparent;
}

.navbar-collapse {
    -webkit-box-shadow: inset 0 0 0 transparent;
    box-shadow: inset 0 0 0 transparent;
}

/*======================
====Main Slider CSS=====
=======================*/
#home{
  padding: 0;
  overflow: hidden;
  position:relative
}

#main-carousel .carousel-inner .item {
	background-size:cover;
	height: 100%;
	background-position: 50% 50%;
	background-repeat:no-repeat;
}

#main-carousel .carousel-indicators { 
	bottom:15px
}

#main-carousel .carousel-indicators li{
	background: rgba(0, 0, 0, 0);
	border: 1px solid #fff;
	width: 13px;
	height: 13px;
	margin-left: 5px;
	text-indent: -9999px;
	display: inline-block;
}

.carousel-indicators .active{
	background-color: #fff !important;
	
}

.slider-content {
	height: 100%;
}

#main-carousel .carousel-caption {
	display: table;
	height: 100%;
	width: 100%;
	min-height: 100%;
	left: 0;
	top: 0;
	z-index: 11;
	text-align: justify;
	padding: 0 20px;
	background: linear-gradient(#181f2aba, #181f2aba);
}

#main-carousel .carousel-caption > div{
    vertical-align: middle;
    display: table-cell;
}

#main-carousel .carousel-inner h2 {
	color: #fff;
    /* display: inline-block; */
    font-family: 'Open Sans', sans-serif;
    font-size: 55px;
    font-weight: 800;
    margin: 20% 0 20px;
    text-shadow: none;
    text-transform: uppercase;
    font-style: italic;
}

#main-carousel .carousel-inner p {
	color: #f6f6f6;
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	font-weight: 300;
	margin-bottom: 59px;
	margin-top: 0;
	text-shadow:none;
}

#main-carousel .carousel-left{
	left:-50px;
}

#main-carousel .carousel-right{
	right:-50px;
}

#main-carousel:hover .carousel-left{
	left:0px;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}

#main-carousel:hover .carousel-right{
	right:0px;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}

#main-carousel .carousel-left,
#main-carousel .carousel-right{
	padding: 15px;
	z-index: 12;
	font-size: 60px;
	color: rgba(255, 255, 255, 0.52);
	top: 50%;
	position: absolute;
	margin-top: -60px;
	text-align: center;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}

.carousel-right {
  right:65px
}

.carousel-left {
  left:65px
}

#main-carousel .carousel-left:hover,
#main-carousel .carousel-right:hover{
	color: #F6F6F6;
}

#wlcm_ {padding: 0;}
.wlcm_ {
    background: url(../img/bg_welcome.jpg);
    padding: 0;
    background-size: contain;
    background-position: right;
}
.bg_prog {
    padding: 10%;
}
.bg_gral {padding: 5% 10%;}
.bg_gral_ {padding: 5% 0;}
.bg_gral_1 {padding: 50px 100px;}

.line_gray_ {
    background: transparent;
    border: 17px solid #ddd;
    padding: 10px 0;
    width: 80%;
    height: 80%;
    position: absolute;
    z-index: 0;
    top: 10%;
    left: 26%;
}
.line_gray {
    background: transparent;
    border: 17px solid #2b63e4;
    border-radius: 2em;
    padding: 10px 0;
    width: 80%;
    height: 80%;
    position: absolute;
    z-index: 0;
    top: 10%;
    left: 15%;
}

.line_gray__ {
    background: transparent;
    border: 17px solid #ddd;
    border-radius: 2em;
    padding: 10px 0;
    width: 80%;
    height: 80%;
    position: absolute;
    z-index: 0;
    top: 10%;
    left: 15%;
}
.line_blu {
	background: #2b63e4;
    padding: 10px 0;
    width: 200px;
	border-radius: 1em;
    position: absolute;
    z-index: 10;
    top: 22vh;
    left: 5%;
	box-shadow: -5px 5px 15px #0006;
	-webkit-box-shadow: -5px 5px 15px #0006;
	-moz-box-shadow: -5px 5px 15px #0006;
	-o-box-shadow: -5px 5px 15px #0006;
}

.embed-responsive {
    border-radius: 1.5em;
    background: #000;
}

.shadow_ {
    box-shadow: 0px 45px 50px -40px #0006;
    border-radius: 2em;
	-webkit-transition: 900ms;
	-moz-transition: 900ms;
	-o-transition: 900ms;
	transition: 900ms;
}
.shadow_:hover { box-shadow: 0px 45px 50px -40px #2b63e4;}

#top_contact {
	background: linear-gradient(#181f2aba, #181f2aba), url(../img/bg_contact_top.jpg);
	padding:100px 0;
    color: #fff;
    background-position: 0 50%;
    background-size: cover;
    background-attachment: fixed;
}
#top_contact h2 {font-weight: 600; letter-spacing: 5px;}

footer {
    background: #181f2a;
    color: #fff;
    padding: 30px 0 15px;
}
footer a {color: #fff;}
footer a:hover {color: #2b63e4;}
footer p{margin: 0;}
footer h3 {
    font-size: 24px;
    font-weight: 700;
}

#footer {
    background: #0f141d;
    color: #fff;
    padding: 40px 0 20px;
}
#footer a {color: #fff;}
#footer a:hover {color: #2b63e4;}
#footer p{margin: 0;}

.bg_us {
	background: linear-gradient(#2b63e4ba, #2b63e4ba), url(../img/bg_us.jpg);
	padding: 6.5% 0;
    color: #fff;
    background-position: 0 50%;
    background-size: cover;
    background-attachment: fixed;
}
.bg_serv {
	background: linear-gradient(#2b63e4ba, #2b63e4ba), url(../img/bg_sv.jpg);
	padding: 6.5% 0;
    color: #fff;
    background-position: 0 50%;
    background-size: cover;
    background-attachment: fixed;
}
.bg_sec {
	background: linear-gradient(#2b63e4ba, #2b63e4ba), url(../img/bg_us.jpg);
	padding: 60px 0;
    color: #fff;
    background-position: 0 50%;
    background-size: cover;
    background-attachment: fixed;
}
.bg_us  h2,
.bg_serv  h2,
.bg_clnts h2,
.bg_sec h2 {
    font-size: 45px;
    font-weight: 800;
    text-shadow: 0 0 5px #0006;
}

.info_us {
    background: #2b63e4;
    padding: 50px;
    color: #fff;
    line-height: 1.3;
    width: 85%;
    margin: 0 auto;
	-webkit-box-shadow: 0 40px 35px -35px #000000a6;
	box-shadow: 0 40px 35px -35px #000000a6;
}

.value_ {
    width: 150px;
    padding: 10px;
    margin: 0 auto;
    display: inline-grid
}

.value_ h3 {
    font-weight: 800;
    font-size: 1.2em;
    text-transform: uppercase;
    font-style: italic
}

.value_ img {
    width: 100px;
    padding: 10px;
    margin: 0 auto;
    -webkit-transition: 900ms;
    -moz-transition: 900ms;
    -o-transition: 900ms;
    transition: 900ms
}

.value_:hover img {
    transform: translate(0,15px);
    -webkit-transform: translate(0,15px);
    -o-transform: translate(0,15px);
    -moz-transform: translate(0,15px)
}

#cols {padding: 50px 0;}

.snip1579 {
  position: relative;
    display: inline-block;
    overflow: hidden;
    margin: 0 auto;
    width: 350px;
    background-color: #fff;
    box-shadow: 0 0 5px rgb(0 0 0 / 15%);
  
  background: linear-gradient(#181f2afa, #181f2afa), url(../img/bg_info_serv.svg);
    padding: 15px 25px;
    background-attachment: fixed;
    background-size: cover;
    color: #fff;
}

.snip1579 * {
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.snip1579 img {
    max-width: 100%;
    vertical-align: top;
    width: 70px;
    margin: 0 auto 50px;
    display: block;
}
.snip1579:hover img {
	opacity: 0;
	transform: translate(-50px,0);
    -webkit-transform: translate(-50px,0);
    -o-transform: translate(-50px,0);
    -moz-transform: translate(-50px,0);
}
.snip1579 figcaption {
  position: absolute;
  height: 75px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  padding: 15px;
  background-color: transparent;
  border-radius: 0;
}
.snip1579 h3 {
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 10px 0;
}
.snip1579 blockquote {
  padding: 0;
  margin: 30px 0 0 0;
  font-size: 1em;
  border-left: none;
}
.snip1579:hover figcaption,
.snip1579.hover figcaption {
  height: calc(100%);
}
.snip1579 .btn-primary {
    color: #fff;
    background-color: #2b63e4;
    border-color: #2b63e4;
    border-radius: 0;
	width: auto;
}
.snip1579 .btn-primary:hover,
.snip1579 .btn-primary:focus {
    color: #fff;
    background-color: #153c94;
    border-color: #153c94;
    border-radius: 2em;
}

/* MODALS */
.modal-open .modal {background: #fff;}
body.modal-open { overflow: visible;padding-right: 0!important; } /*EVITA QUE SALTE LA PAGINA AL ABRIR MODAL*/

.modal {background: #fff;}
.modal-dialog {
    width: 100%;
    margin: 0 auto;
	position: absolute;
}
.modal-content {
    border: 0px solid transparent;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
}
.modal-header {
    padding: 30px;
    border-bottom: 0px solid transparent;
    background: #2b63e4;
	color: #fff;
    text-align: center;
}
.modal-title {
    margin: 0;
    line-height: 1.42857143;
    text-transform: uppercase;
    font-size: 25px;
    font-style: italic;
    font-weight: 800;
}
.close {
    float: none;
    color: #fff;
    text-shadow: none;
    opacity: .4;
    position: absolute;
    right: 15px;
    font-weight: 100;
    font-size: 35px;
    top: 25px;
}
.close:focus, .close:hover {
    color: #fff;
    opacity: 1;
}
.modal_space {padding: 90px 0;}

.btn_cntt {
    color: #fff;
    background-color: #37465f;
    border-color: #37465f;
    border-radius: 5em;
    padding: 10px 30px;
}
.btn_cntt:hover,
.btn_cntt:focus {
    color: #fff;
    background-color: #1a2a44;
    border-color: #1a2a44;
	padding: 10px 40px;
}

.client_ {
	display: inline-grid;
	margin: 35px 10px;
	padding: 0 10px;
	width: 275px;
}
.client_ img{
	-webkit-transition: 900ms;
	-moz-transition: 900ms;
	-o-transition: 900ms;
	transition: 900ms;
}
.client_:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
}

.bg_clnts {
	background: linear-gradient(#2b63e4ed, #2b63e4ed), url(../img/bg_client.jpg);
	background: -webkit-linear-gradient(#2b63e4ed, #2b63e4ed), url(../img/bg_client.jpg);
	padding: 5.5% 0;
    color: #fff;
    background-position: 0 50%!important;
    background-size: cover;
    background-attachment: fixed;
}

#contact {
	padding: 0;
	background: linear-gradient(#181f2aed, #181f2aed), url(../img/bg_contact.jpg);
	padding: 55px 0;
    color: #fff;
    background-position: 0 50%;
    background-size: cover;
    background-attachment: fixed;
}
.map_ {
    border: 0;
    margin: 0 0 -6px 0;
}

.bg_gral_cn {
    background: #2b63e4;
    padding: 5% 10%;
	color: #fff;
	font-size: 20px;
    position: relative;
    top: 110px;
}
#contact h2 {
    text-transform: uppercase;
    font-size: 45px;
    margin: 10px 0 0 15px;
    font-weight: 800;
}

#contact .form_ {
    width: 90%;
    margin: 35px auto;
}

.form-control {
    height: 45px;
    border-radius: 0;
    margin: 0 0 15px 0;
    color: #fff;
	background: transparent;
	border-bottom: 5px solid #2b63e4;
	border-top: 0px solid #2b63e4;
	border-left: 0px solid #2b63e4;
	border-right: 0px solid #2b63e4;
	 -webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
	-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 0);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 0);
}
.form-control:focus {
    border-color: transparent;
	border-bottom: 5px solid #fff;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 0), 0 0 8px rgb(0 0 0 / 0);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 0), 0 0 8px rgb(0 0 0 / 0);
}

.form-control::-webkit-input-placeholder{color:#fff;}

.w100 {width: 100%;}

.bg_gral_cn i{
    text-align: center;
    width: 50px;
    height: 50px;
    background: #0003;
    padding: 15px 0;
    margin: 10px;
    border-radius: 50%;
}
.bg_gral_cn .row i {
	-webkit-transition: 1300ms;
	-moz-transition: 1300ms;
	-o-transition: 1300ms;
	transition: 1300ms;
}
.bg_gral_cn .row:hover i{
    background: #fff;
	color: #2b63e4;
	box-shadow: -5px 5px 15px #0006;
}

.bg_gral_cn a {color: #fff;}
.bg_gral_cn a:hover {color: #181f2a;}

.bg_gral_cn p {
    margin: 20px 0 0 -20px;
    line-height: 1;
}
.bg_gral_cn p span{font-weight: 100;}

/* PRELOADER */
#preloader {
    background-color: #fff;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 10000000;
	background: #fff;
}

preloader {
  position: absolute;
  width: 80px;
  height: 80px;
  top: 50%;
  left: 50%;
  margin: -40px 0 0 -40px;
}

preloader > div {
  position: absolute;
  width: 100%;
  height: 100%;
  -moz-animation: rotate-elements 8000ms infinite linear;
  -o-animation: rotate-elements 8000ms infinite linear;
  -webkit-animation: rotate-elements 8000ms infinite linear;
  animation: rotate-elements 8000ms infinite linear;
}

preloader div div {
  border-radius: 50%;
  -moz-transform: scale(0.1);
  -ms-transform: scale(0.1);
  -o-transform: scale(0.1);
  -webkit-transform: scale(0.1);
  transform: scale(0.1);
  opacity: 0.1;
}

preloader div div:nth-child(1) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #2b63e4;
  -moz-animation: pulse-elements 1000ms infinite ease alternate;
  -o-animation: pulse-elements 1000ms infinite ease alternate;
  -webkit-animation: pulse-elements 1000ms infinite ease alternate;
  animation: pulse-elements 1000ms infinite ease alternate;
  -moz-animation-delay: 0;
  -o-animation-delay: 0;
  -webkit-animation-delay: 0;
  animation-delay: 0;
}

preloader div div:nth-child(2) {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 100%;
  background: #181f2a66;
  -moz-animation: pulse-elements 1000ms infinite ease alternate;
  -o-animation: pulse-elements 1000ms infinite ease alternate;
  -webkit-animation: pulse-elements 1000ms infinite ease alternate;
  animation: pulse-elements 1000ms infinite ease alternate;
  -moz-animation-delay: 250ms;
  -o-animation-delay: 250ms;
  -webkit-animation-delay: 250ms;
  animation-delay: 250ms;
}

preloader div div:nth-child(3) {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 100%;
  background: #2b63e466;
  -moz-animation: pulse-elements 1000ms infinite ease alternate;
  -o-animation: pulse-elements 1000ms infinite ease alternate;
  -webkit-animation: pulse-elements 1000ms infinite ease alternate;
  animation: pulse-elements 1000ms infinite ease alternate;
  -moz-animation-delay: 500ms;
  -o-animation-delay: 500ms;
  -webkit-animation-delay: 500ms;
  animation-delay: 500ms;
}

preloader div div:nth-child(4) {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  background: #181f2a;
  -moz-animation: pulse-elements 1000ms infinite ease alternate;
  -o-animation: pulse-elements 1000ms infinite ease alternate;
  -webkit-animation: pulse-elements 1000ms infinite ease alternate;
  animation: pulse-elements 1000ms infinite ease alternate;
  -moz-animation-delay: 750ms;
  -o-animation-delay: 750ms;
  -webkit-animation-delay: 750ms;
  animation-delay: 750ms;
}

@keyframes rotate-elements {
  from {
    transform: rotate(-180deg);
  }
  
  to {
    transform: rotate(180deg);
  }
}
@keyframes pulse-elements {
  from {
    top: -50%;
    left: -50%;
    transform: scale(1.0);
    opacity: 0;
  }
  
  to {
    transform: scale(0.2);
    opacity: 0.8;
  }
}

#btn_serv {margin: 0 auto 50px;}
#btn_ftr {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 45px;
}

/*-- Sign Styles --*/
.sign__word {
  -webkit-animation: neon 0.8s ease-in-out infinite alternate;
          animation: neon 0.8s ease-in-out infinite alternate;
}
/*-- Animation Keyframes --*/
@-webkit-keyframes neon {
  from {
    text-shadow: 0 0 3px #ffffffc7, 0 0 6px #ffffff26, 0 0 10px #ffffff4f, 0 0 15px #2b63e48c, 0 0 20px #2b63e4ad, 0 0 30px #2b63e4c7;
  }
  to {
    text-shadow: 0 0 0px #ffffffc7, 0 0 3px #ffffff26, 0 0 5px #ffffff4f, 0 0 10px #2b63e48c, 0 0 15px #2b63e4ad, 0 0 20px #2b63e4c7;
  }
}
@keyframes neon {
  from {
    text-shadow: 0 0 3px #ffffffc7, 0 0 6px #ffffff26, 0 0 10px #ffffff4f, 0 0 15px #2b63e48c, 0 0 20px #2b63e4ad, 0 0 30px #2b63e4c7;
  }
  to {
    text-shadow: 0 0 0px #ffffffc7, 0 0 3px #ffffff26, 0 0 5px #ffffff4f, 0 0 10px #2b63e48c, 0 0 15px #2b63e4ad, 0 0 20px #2b63e4c7;
  }
}

.ttl_ {margin: 20px 0 40px;}

#us_ {padding: 0 0 50px;}

.img_iso {
    width: 100px;
    margin: 0 10px 0 0;
}

#home p { 
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}

#home p:hover { 
	text-shadow: 0 0 50px #ff0;
}

#top_hm {
	background: linear-gradient(#181f2aba, #181f2aba), url(../img/bg_home.jpg);
	background-size: cover;
	background-position: center;
	padding: 160px 0 60px;
	color: #fff;
}
#top_hm h2 {
    font-size: 45px;
    font-weight: 800;
    text-shadow: 0 0 5px #0006;
}
#top_hm p {
	font-size: 24px;
	font-weight: 300;
}

#wlcm_ h2 {
    font-weight: 600;
    letter-spacing: 5px;
}

.space_hm {padding: 0 10%;}

#sended {
	background: linear-gradient(#181f2aba, #181f2aba), url(../img/bg_home.jpg);
	background-size: cover;
	background-position: center;
	padding: 230px 100px;
	color: #fff;
}

#sended  h2 {
    font-size: 45px;
    margin: 2rem 0;
    font-weight: 800;
    font-style: italic;
    text-transform: uppercase;
}

#sended .btn-default {
    color: #fff;
    background-color: #2b63e4;
    border-color: #2b63e4;
    border-radius: 50%;
    padding: 20px;
    width: 100px;
    height: 100px;
    font-size: 30px;
    box-shadow: 0 0 5px rgb(0 0 0 / 60%);
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}

#sended .btn-default:hover {
	color: #fff;
    background-color: #232323;
    border-color: #232323;
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
}

#sended .btn-default i {
	-webkit-transition: -webkit-transform .8s ease-in-out;
          transition:         transform .8s ease-in-out;
}
#sended .btn-default:hover i {
	-moz-transform: scale(1.5) rotate(-360deg);
	-webkit-transform: scale(1.5) rotate(-360deg);
	transform: scale(1.5) rotate(-360deg);
}

/* RESPONSIVE */
@media screen and (max-width: 1400px) {

.client_ {
    margin: 50px 10px;
    width: 215px;
}

}

@media screen and (max-width: 767px) {
	
#navigation .logo {
    width: 280px;
}

.navbar-collapse {
    border-top: 5px solid transparent;
    -webkit-box-shadow: inset 0 0 0 transparent;
    box-shadow: inset 0 0 0 transparent;
}

#main-carousel .carousel-inner p {
    font-size: 16px;
    margin-bottom: 30px;
}

.modal_space {
    padding: 65px 15px;
}

.client_ {
    margin: 10px;
    width: 150px;
}

footer .btn-primary, #navigation .btn-primary {margin: 10px 0 10px 15px;}

.bg_gral_1 {padding: 50px 30px;}

.bg_gral_cn p {margin: 20px 0 0 10px;}
.bg_gral_cn {position: unset;}

#contact {padding: 55px 0 0;}

.img_iso {
    width: 50px;
    margin: 0 10px 10px 0;
}

#top_hm p {font-size: 16px;}

}

@media screen and (max-width: 479px) {

.bg_us {
    background: linear-gradient(#2b63e4ba, #2b63e4ba), url(../img/bg_us.jpg);
    padding: 50px 0;
    background-position: center;
    background-size: cover;
    background-attachment: unset;
}

.bg_serv {
    background: linear-gradient(#2b63e4ba, #2b63e4ba), url(../img/bg_sv.jpg);
    padding: 50px 0;
    background-position: center;
    background-size: cover;
    background-attachment: unset;
}

.info_us {
    padding: 25px;
    width: 97%;
}

.snip1579 {width: 100%;}

}

.no_drop {cursor: no-drop;}

.img_ln {
    width: 30px;
    margin: 20px 10px 0;
}


#ENG_ .modal-body {padding: 30% 0;}
#ENG_ .modal-dialog {
    width: 60%;
    margin: 0 auto;
    position: relative;
}
#ENG_ .modal-content {
    background: transparent;
    padding: 0;
    background-color: transparent;
    background-size: cover;
    border: none;
    border-radius: 0;
    box-shadow: none;
}
#ENG_ .tit_cot {
    background: #2b63e4;
    margin: 50px auto;
    padding: 20px 40px;
    color: #fff;
    width: 50%;
    border-radius: 5em;
	width: auto;
    text-transform: uppercase;
    font-style: italic;
    letter-spacing: 5px;
    font-weight: 700;
}
#ENG_ .close {
    float: right;
    font-size: 40px;
    font-weight: bold;
    line-height: 1;
    color: #2b63e4;
    text-shadow: 0 1px 0 #fff;
    opacity: .6;
}
#ENG_ .close:focus,
#ENG_ .close:hover {
    color: #2b63e4;
    text-shadow: 0 1px 0 #fff;
    opacity: .6;
}

#top_us{
   background: url(../img/bg_us.jpg);
    height: 330px;
    color: #fff;
    position: relative;
    
}
#top_sr{
   background: url(../img/bg_sv.jpg);
    height: 330px;
    color: #fff;
    position: relative;
    
}
#top_cl{
   background: url(../img/bg_client.jpg);
    height: 330px;
    color: #fff;
    position: relative;
    
}
#top_us > .bg_overlay, 
#top_sr > .bg_overlay, 
#top_cl > .bg_overlay { 
    background: #00284a; /*2b63e4*/
    opacity: 0.7;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}
#top_us h2,
#top_sr h2,
#top_cl h2{
    text-transform: uppercase;
    font-size: 45px;
    margin: 10px 0 0 15px;
    font-weight: 800;
}
#top_us img, #top_sr img, #top_cl img, #sec_black img{
    position: absolute;
    bottom: 0;
    width: 100%;
}

#cont__ {
    padding: 65px 0;
}
#cont_ {
    padding: 0 0 75px;
}

#sec_black  {
    background: #232323;
    color: #fff;
    padding: 165px 0;
    position: relative;
}

.img_rt {
    bottom: unset;
    top: 0;
    position: absolute;
    transform: rotate(180deg);
}

.vis {
    left: -15%;
}
.mis {
    right: -15%;
}

.misvis {
    text-align: justify;
    padding: 0 0 20px;
}
.misvis h2 {
    font-weight: 800;
    font-size: 35px;
    text-transform: uppercase;
    font-style: italic;
    margin: 0 0 20px;
}

.serv_ *{
    -webkit-transition: 900ms;
    -moz-transition: 900ms;
    -o-transition: 900ms;
    transition: 900ms;
}
.serv_ {
    display: inline-flex;
    width: 350px;
    background: #232323;
    margin: 2px 0;
}
.serv_>.img_cnt{
    width: 50px;
    margin: 5px 0;
}
.serv_ img{
    padding: 5px;
} 

.serv_ h3{
    font-weight: 800;
    font-size: 20px;
    text-transform: uppercase;
    font-style: italic;
    color: #fff; /*2b63e4*/
    position: absolute;
    top: 0;
    left: 60px;
}

.video_ {
    width: 85%;
    display: block;
    margin: 0 auto;
}
.line_bk {
    background: transparent;
    border: 20px solid #232323;
    border-radius: 4em;
    padding: 10px 0;
    width: 80%;
    height: 120%;
    position: absolute;
    z-index: 0;
    top: -10%;
    left: 16%;
}


#home_ {
    background: url(../img/bg_home.jpg);
    background-position: 50% 50%;
    padding: 100px 0;
    position: relative;
    color: #fff;
}
#home_ > .bg_overlay {
    background: #181f2a;
    opacity: 0.7;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}
#home_ h2 {
    text-transform: uppercase;
    font-size: 45px;
    margin: 0;
    font-weight: 800;
}

.ttl_us {
    background: #2b63e4;
    width: fit-content;
    padding: 15px 30px 15px 3em;
    color: #fff;
    text-transform: uppercase;
    font-size: 45px;
    margin: 35px 0 0;
    font-weight: 800;
}
.row_us {
    margin: 30px -15px;
}

.img_us {
    position: relative;
    right: -15px;
}

#serv_ {
    padding: 0 0 65px;
}
.ttl_serv {
    background: #2b63e4;
    width: fit-content;
    padding: 15px 30px 15px 3em;
    color: #fff;
    text-transform: uppercase;
    font-size: 45px;
    margin: 35px 0 20px;
    font-weight: 800;
}


.txt_ {
    font-size: 20px;
}
.txt_top {
    font-size: 22px;
}

.cont_btn  {
    position: absolute;
    left: -5em;
    right: 0;
    top: 0;
    margin: 0 auto;
    width: 0;
}
.btn_video {
    background: #2b63e4;
    color: #fff;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    margin: -20px 0 0;
    border: none;
    font-size: 35px;
}
.btn_video:focus,
.btn_video:hover {
    background: #2b63e4;
    color: #fff;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
}
.img_us .cont_btn {
    opacity: 0;
    transform: scale(2.5);
    -webkit-transform: scale(2.5);
    -webkit-transition: 900ms;
	-moz-transition: 900ms;
	transition: 900ms;
}
.img_us:hover .cont_btn {
    top: 50%;
    opacity: 1;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
}


#myModal {
    background: rgb(0 0 0 / 80%);
}
#myModal .modal-content {
    background-color: transparent;
}
#myModal .modal-dialog {
    width: 80%;
    margin: 4em auto;
    position: relative;
}
#myModal .close {
    right: 0.5em;
    font-size: 5em;
    top: 0;
    z-index: 4;
}

.c_01 {
    position: relative;
    top: -10px;
}