body {position: relative; }

#apart     {padding-left:0px;padding-top: 0px;min-height:450px;height:100vh}
#apartsql  {padding-left:0px;padding-top:24px;min-height:900px;background-color: #fff;}
#programe  {padding-left:0px;padding-top:24px;min-height:900px;background-color: #fff;}
#asistenta {padding-left:0px;padding-top:24px;min-height:900px;background-color: #fff;}
#contact   {padding-left:0px;padding-top:24px;min-height:750px;background-color: #fff;}
#info      {padding-left:0px;padding-top:24px;min-height:150px;background-color: #f6f5f0}
#infocc    {padding-left:0px;padding-top: 0px;min-height: 50px;background-color: #fff;}

.texti {color: #fff; font-size: 1.1em}

@media (min-width: 1400px){
.text  {font-size: 1.1em; letter-spacing: .6px; }
.texti {font-size: 1.3em; letter-spacing: .8px; }
}				
.img-center{    margin:0px auto;}

.navbar {
    margin:0;
    border-radius:0px;
    margin-top:0px;

}

*
#main-nav a.ir-logo {
    margin:0;
    margin-top:5px;
    padding:0;
    width:151px;
    height:57px;
    text-indent: 200%;
	white-space: nowrap;
    overflow: hidden;
}

#main-nav a.ir-logo span{
    color:transparent;
    font:0/0 a;
}


/*-----------------------
---- Preloader Styles ----
-------------------------*/

#page-loader{
	position: fixed;
	right:0;
	bottom: 0;
	top: 0;
	width:100%;
	background: #fff;
	z-index: 99999;
}

#page-loader .page-loader-gif{
	display: block;
	width:64px;
	height:64px;
	position: absolute;
	top:50%;
	left:50%;
	margin:-32px 0 0 -32px;
	background: url('weblib/preloader.gif') no-repeat;
}

/*---------------------------
---Main Typography Styles----

input[type="button"], input[type="submit"] {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
-----------------------------*/


h1, h2, h3, h4, h5, h6 {	margin: 0;	padding: 0;	font-family: 'Montserrat', sans-serif;	color: #e3a203; 	font-weight: bold; 	;}
h1, .h1 {    font-size: 4em;    text-shadow: 2px 2px 2px rgba(0,0,0,0.6);}
h2, .h2 {    font-size: 3em;    text-shadow: 1.5px 1.5px 1.5px    rgba(0,0,0,0.6);}
h3, .h3 {    font-size: 2.5em;  text-shadow: 1px 1px 1px          rgba(0,0,0,0.6);}
h4, .h4 {    font-size: 2em;    text-shadow: 1px 1px 1px          rgba(0,0,0,0.6);}
h5, .h5 {    font-size: 1.5em;  text-shadow: 1px 1px 1px          rgba(0,0,0,0.6);}
h6, .h6 {    font-size: 1em;    text-shadow: 0.5px 0.5px 0.5px    rgba(0,0,0,0.6);}

i1, i2, i3, i4, i5, i6 {	margin: 0;	padding: 0;	font-family: 'Montserrat', sans-serif;	color: #e3a203; 	font-weight: bold; 	}
i1, .i1 {    font-size: 4em;    text-shadow: 2px 2px 2px          #fff;}
i2, .i2 {    font-size: 3em;    text-shadow: 1.5px 1.5px 1.5px    #fff;}
i3, .i3 {    font-size: 2.5em;  text-shadow: 1px 1px 1px          #fff;}
i4, .i4 {    font-size: 2em;    text-shadow: 1px 1px 1px          #fff;}
i5, .i5 {    font-size: 1.5em;  text-shadow: 1px 1px 1px          #fff;}
i6, .i6 {    font-size: 1em;    text-shadow: 0.5px 0.5px 0.5px    #fff;}


p {
	margin: 0;
}

ul {
	margin: 0;
	padding: 0;
}
label {
	margin: 0;
}

a:focus, a:hover {
	text-decoration: none;
	outline: none;
}
.logo {
    height: 56px;
}

.infocc {
  font-size: 0.75em;
}


sql, .sql{
    background-color:#e8a928;
}

.tablei, .thi, .tdi { border: none; padding: 0px;}

.intro {
  display: table;
  width: 100%;
  height: 100hv;
  text-align: center;
  background: url("../weblib/intro.png") no-repeat top center scroll;
  background-color: #00002A;
  background-size: cover;
  }

/*----------------------
---Main Color Styles----
------------------------*/

#main-nav .navbar-toggle{
    border:1px solid rgba(255,255,255,0.5);
    border-radius:3px;
    margin-top:15px;
}

#main-nav .icon-bar {
    background:#fff;
}
.btn-a {
    font-weight: 300;
    font-style: normal;
}

.btn-a{
    border: none;
    color: #fff;
    background-color: #e3a203;
    border-radius: 10px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
}

.btn-a {
    border: none;
    color: #fff;
    background-color: #e3a203;
    border-radius: 10px;
}

    .btn-a:hover, .btn-a:active, .btn-a:focus, .btn-a:active:focus {
        background-color: #77a000;
        color: #fff;
    }


    .btn:hover, .btn:active, .btn:focus, .btn:active:focus  {
        background-color: #77a000;
        color: #fff;
    }



.btn-theme{
	color:#fff;
	background-color:#e8a928;
	padding:15px 90px;
	font-size:24px;
	font-weight:300;
	text-transform:uppercase;
	border:none;
	border-radius:0;
	-webkit-transition:background-color 0.2s ease-out;
	transition:background-color 0.2s ease-out;
}

.btn-theme:hover{
	cursor:pointer;
	color:#fff;
	background-color:#9fb8e0;
}

.btn-theme:active,
.btn-theme:focus{
	color:#fff;
}


.btn-theme [class*=fa]{
    margin-right:10px;
}


.btn-theme.transparent{
	color:#fff;
	background-color:transparent;
	padding:14px 35px;
	border:2px solid #fff;
	font-weight:400;
	-webkit-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
}

.btn-theme.transparent:hover,
.btn-theme.transparent:focus,
.btn-theme.transparent:active{
	color:#e8a928;
	background-color:#fff;
	border:2px solid #fff;
	opacity:1;
}

/*----------------------
----Navigation Styles---
------------------------*/

.navbar-brand,
.navbar-brand:hover,
.navbar-brand:active,
.navbar-brand:focus {
    padding:0 10px;
    font-size:30px;
    line-height:30px;
    font-weight:normal;
    height:auto;
    color:#fff;
    float: none;

}


.navbar-brand span {
    font-size:24px;
    font-weight:300;
}


*
#main-nav{
/*background:#f6f5f0;*/
    background:transparent; 
    color:#fff;
    box-shadow:0 0 0px transparent;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
#main-nav .container{
    padding:30px 20px;
    -webkit-transition:padding 0.3s ease-out;
    transition:padding 0.3s ease-out;
}
#main-nav .logof{display:inline-block;}
#main-nav .logos{display:none;}

#main-nav.scrolled{
    background:#f6f5f0;
    border-bottom:1px solid #ddd;
}
#main-nav.scrolled .logos{display:inline-block;}
#main-nav.scrolled .logof{display:none;}



#main-nav.scrolled .navbar-toggle{
    color:#e8a928;
    border-color:#e8a928;
    margin-top:15px;

}

#main-nav.scrolled .navbar-toggle .icon-bar{
    background:#e8a928;
}



#main-nav.scrolled .navbar-brand{
    color:#e8a928;
}



#main-nav.scrolled .container{
    padding:10px 20px;
}



#main-nav .nav a,
#main-nav .nav a:active,
#main-nav .nav a:hover{
    padding:7px;
    font-size:1.25em;
    line-height:40px;
    background:transparent;
    color:#fff;
    text-shadow: 1.25px 1.25px 1.25px rgba(0,0,0,0.6);
    margin-top:10px;
}


#main-nav.scrolled .nav a,
#main-nav.scrolled .nav a:active,
#main-nav.scrolled .nav a:hover{
    color:#e8a928;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
}


#main-nav li{
    background:transparent; 
    margin:0 5px;
    border:2px solid transparent;
}


#main-nav .dropdown-menu a{
    font-size:14px;
}

/* Hover Effect */


#main-nav .nav a {
    position:relative;
}

#main-nav .nav a:before {
	position: absolute;
	bottom:-5px;
	left: 50%;
	color: transparent;
	content: '';
	text-shadow: 0 0 transparent;
	font-size: 16px;
	line-height:21px;
	-webkit-transition: text-shadow 0.3s, color 0.3s;
	-moz-transition: text-shadow 0.3s, color 0.3s;
	transition: text-shadow 0.3s, color 0.3s;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	pointer-events: none;
}

#main-nav .nav a:hover:before,
#main-nav .nav li.active a:before {
	color: #fff;
	text-shadow: 12px 0 #fff, -12px 0 #fff;
}

#main-nav.scrolled .nav a:hover:before,
#main-nav.scrolled .nav li.active a:before {
	color: #e8a928;
	text-shadow: 12px 0 #e8a928, -12px 0 #fff;
}

.no-textshadow #main-nav .nav a:before {
	content: '• • •';
}

.no-csstransforms #main-nav .nav a:before {
	margin-left:-25px;
}

/*----------------------
-----Header Styles------
------------------------*/


.jumbotron {
    background:transparent;
    color:#e8a928;
}

header.jumbotron{
    padding:0;
    margin-bottom:0;
    min-height:500px;
}

.jumbotron .left-col,
.jumbotron .right-col{
    float:left;
}

.jumbotron .message-box{
    width:90%;
    margin:300px auto 0;
/*	background:#fff;*/
    background:rgba(255,255,255,0.9);
    padding:20px 0;
}

.jumbotron .left-col{
	width:35%;
    text-align:right;
}

.jumbotron .right-col{
	width:60%;
    text-align:center;
    overflow:hidden;
    border:none;
    box-shadow:none;
    background:transparent;
    margin:0;
    padding:0;
}

.jumbotron .left-col p{
    display:inline-block;
    margin:0;
    padding:18px 5px 12px 30px;
    font-size:38px;
    font-weight:300;
    line-height:48px;
}

.jumbotron .left-col p span{
    font-size:42px;
    font-weight:400;
}

.jumbotron .right-col p{
    display:inline-block;
    margin:0;
    padding:10px 30px 10px 5px;
    font-size:50px;
    line-height:100px;
    font-weight:bold;
    text-transform:none;
}

.jumbotron .home-slider .slides li {
    opacity:0;
    -webkit-ransition:opacity 0.4s ease-out;
    transition:opacity 0.4s ease-out;
}

.no-csstransitions .jumbotron .home-slider .slides li {
    opacity:1;
}

.jumbotron .home-slider .slides li.flex-active-slide,
.jumbotron .home-slider .slides li.clone {
    opacity:1;
}
*------------------------
-----Services Styles------
------------------------*/



/*------------------------
---Scrolling animations---
-------------------------*/

.scrollimation.fade-in{
	opacity:0;
	-webkit-transition:opacity 0.4s ease-out;
	transition:opacity 0.4s ease-out;
}

.scrollimation.fade-in.in{
	opacity:1;
}

.scrollimation.scale-in{
	opacity:0;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform:scale(0.8);
	-webkit-transition: -webkit-transform .6s cubic-bezier(.17,.89,.67,1.57), opacity .6s ease-out;
	transition: transform .6s cubic-bezier(.17,.89,.67,1.57), opacity .6s ease-out;
}

.scrollimation.scale-in.in{
	opacity:1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform:scale(1);
}

.scrollimation.fade-right{
	opacity:0;
	-webkit-transform: translateX(-30px);
	-moz-transform: translateX(-30px);
	-ms-transform: translateX(-30px);
	transform:translateX(-30px);
	-webkit-transition: -webkit-transform .6s ease-in,opacity .8s ease-in;
	transition: transform .6s ease-in,opacity .8s ease-in;
}

.scrollimation.fade-right.in{
	opacity:1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform:translateX(0px);
}

.scrollimation.fade-left{
	opacity:0;
	-webkit-transform: translateX(30px);
	-moz-transform: translateX(30px);
	-ms-transform: translateX(30px);
	transform:translateX(30px);
	-webkit-transition: -webkit-transform .6s ease-in,opacity .8s ease-in;
	transition: transform .6s ease-in,opacity .8s ease-in;
}

.scrollimation.fade-left.in{
	opacity:1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform:translateX(0px);
}

.scrollimation.fade-up{
	opacity:0;
	-webkit-transform: translateY(30px);
	-moz-transform: translateY(30px);
	-ms-transform: translateY(30px);
	transform:translateY(30px);
	-webkit-transition: -webkit-transform .6s ease-in,opacity .8s ease-in;
	transition: transform .5s ease-in,opacity .8s ease-in;
}

.scrollimation.fade-up.in{
	opacity:1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform:translateY(0px);
}

.touch .scrollimation.fade-in{
	opacity:1;
}

.touch .scrollimation.scale-in{
	opacity:1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform:scale(1);
}

.touch .scrollimation.fade-right{
	opacity:1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform:translateX(0px);
}

.touch .scrollimation.fade-left{
	opacity:1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform:translateX(0px);
}

.touch .scrollimation.fade-up{
	opacity:1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform:translateY(0px);
}

/*-----------------------
------Media Queries------
------------------------*/
@media (max-width: 1100px) {
    .navbar {        padding-left: 0;    }

    .logo {      max-height: 40px;    }

    .navbar-brand {        min-height: 40px;    }

    .navbar-nav {        margin-top: 10px;        margin-left: 0;    }

    .navbar-default .navbar-nav > li > a {        font-size: 16px;        padding: 10px 8px;        color: #000;    }
}

@media (min-width: 768px) and (max-width: 800px) {
    .home-page {
        display: none !important;
    }
}



@media (max-width: 1199px) {

.jumbotron .left-col p{
    font-size:28px;
    line-height:32px;
}

.jumbotron .left-col p span{
    font-size:36px;
}

.jumbotron .right-col p{
    font-size:82px;
    line-height:82px;
}


    .logo {
        max-height: 40px;
    }

    .navbar-brand {
        min-height: 40px;
    }

    .navbar-nav {
        margin-top: 10px;
        margin-left: 0;
    }
}

@media (max-width: 991px) {

.jumbotron .message-box{
	padding:10px 0;
}

.jumbotron .left-col {
    width:100%;
    text-align:center;
}

.jumbotron .left-col p{
    padding:10px;
}

.jumbotron .right-col{
    width:100%;
    text-align:center;
}

.jumbotron .right-col p{
    padding:10px;
}

}

@media (max-width: 768px) {

#main-nav .navbar-brand{
    color:#e8a928;
}

#main-nav{
/*    background:#fff;*/
    borderi-bottom:1px solid #ddd;
}
#main-nav .navbar-toggle{
/*    color:#919191;*/
/*    border-color:#919191;*/

}

#main-nav .navbar-toggle .icon-bar{
/*    background:#919191;*/
}

#main-nav .container{
    padding:10px 20px;
}

#main-nav .nav a,
#main-nav .nav a:active,
#main-nav .nav a:hover{
    color:#fff;
    line-height:42px;
    text-align:center;
	text-shadow:1 1 1 1px;
	boxi-shadow:0 0 0 1px;
}

#main-nav .nav a:before {
    display:none;
}

#main-nav .nav a:hover,
#main-nav .nav li.active a {
    boxi-shadow:0 0 0 1px;
}

.jumbotron .left-col p{
    font-size:24px;
    line-height:28px;
}

.jumbotron .left-col p span{
    font-size:32px;
}

.jumbotron .right-col p{
    font-size:62px;
    line-height:62px;
}


.modal-dialog{
    max-width:480px;
}

.modal-body .left-col,
.modal-body .right-col{
	width:100%;
}

h1.section-title{
    font-size:42px;
    line-height:56px;
}

}

@media (max-width: 479px) {

.jumbotron .right-col p{
    font-size:38px;
    line-height:38px;
}

h1.section-title{
    font-size:32px;
    line-height:46px;
}


.btn-theme{
	padding:15px 40px;
	font-size:18px;
}


}


.w3l-banner {
    background: url(/e:/weba/weblib/deska1.jpg) no-repeat 0px 0px;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
     min-height: 700px;
	 opacity:1
}
.w3l-banner1 {
   background: url() no-repeat 0px 0px;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    min-height: 300px;
}
.w3l-info {
    padding: 17em 0 0;
	text-align: center;
}
.w3l-info h3 {
    font-size: 42px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
}
.w3l-info h1 {
    color: #e8a928!important;
    margin: 0;
    font-size: 36px;
    font-weight: 600;
    text-transform: uppercase;
}
.w3l-info p {
    font-size: 16px;
    color: #fff;
    line-height: 28px;
    margin: 20px auto 0;
    width: 65%;
}
.agileinfo-news-button a {
    padding: 8px 20px;
    color: #fff;
    font-size: 15px;
    text-decoration: none;
    outline: none;
}
.agileinfo-news-button input {
    padding: 8px 20px;
    color: #fff;
    font-size: 15px;
    text-decoration: none;
    outline: none;
}/* Shutter In Horizontal */

.hvr-shutter-in-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #279c4e;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-shutter-in-horizontal:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #e8a928;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
  color: white;
}
.hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}
.agileinfo-news-button {
    margin-top: 25px;
}
input[type="submit"], textarea {

  background-color : #e8a928; 

}