@charset "UTF-8";
/*!
Project: Danica Sreckovic HTML webpage
Author: mala WEB manufaktura / http://www.malawebmanufaktura.com / 2019.
*/



/*General styles*/

html,body {
   
font-family: 'Montserrat', sans-serif;
line-height: 1.4;
color: #26313D;
-webkit-font-smoothing: antialiased;}

a {   
text-decoration: none;    
color: #DBDCDD;
-webkit-transition: all 0.3s ease-in-out;
-kthtml-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
a:hover {
color: #3B5898; text-decoration: none;}
a:focus, a:active {
color: #3B5898; text-decoration: none;outline: none;}

small a {
color: #3B5898;
font-weight: 600;    
}

small a:hover {
text-decoration: none;    
color: #DBDCDD;
}

strong, b {
font-weight: 600;
}

i, em {
font-style: italic;
}

.figure-caption {
color: rgba(38, 49, 61, 0.8);
font-size: 0.75em;
font-weight: 200;    
}

.mwm-animated {
opacity: 0;
position: relative;
}

.mwm-animated[data-animation="fade-in-from-bottom"] {
bottom: -50px;
}

.navbar {
border-bottom: 1px solid rgba(38, 49, 61, 0.1); 
}

.navbar-light .navbar-toggler {
color: #26313D!important;
border-color: transparent!important;
}

.navbar-light .navbar-toggler:focus, .navbar-light .navbar-toggler:active, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:active {
outline: none;
}

.btn, [type='submit'] {
border: none;
border-radius: 0;
position: relative;
text-align: center;
vertical-align: middle;
margin: 10px 0px;
font-family: 'Barlow-Medium', sans-serif;
padding: 7px 18px;
font-size: 1em;
line-height: 1.6;
text-transform: uppercase;
white-space: nowrap;    
letter-spacing: 0;
will-change: box-shadow, transform;
transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color .2s cubic-bezier(.4, 0, .2, 1);
}

input[type="submit"]{
margin:0;
}

.btn.disabled {
opacity: 0.5;
box-shadow:none!important;
border:none;
color: #26313D!important;    
}

.btn, .btn.active, .btn.active:focus, .btn.active:hover .btn:active, .btn:active:focus, .btn:active:hover, .btn:focus, .btn:hover{
background-color: #fff;
color: #26313D;
}

.btn.btn-primary, [type='submit'] {
box-shadow: 0 2px 2px 0 rgba(44, 152, 187, 0.14), 0 3px 1px -2px rgba(44, 152, 187, .2), 0 1px 5px 0 rgba(44, 152, 187, .12);
}

.btn.btn-primary, .btn.btn-primary.active, .btn.btn-primary.active:focus, .btn.btn-primary.active:hover, .btn.btn-primary:active, .btn.btn-primary:active:focus, .btn.btn-primary:active:hover, .btn.btn-primary:focus, .btn.btn-primary:hover, [type='submit'], input[type="submit"]:hover {
background-color: #4D9FD2;
color: #FFF;
}

.btn.btn-primary:active, .btn.btn-primary:focus, .btn.btn-primary:hover, input[type="submit"]:hover {
box-shadow: 0 14px 26px -12px rgba(44, 152, 187, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(44, 152, 187, .2);
background-color: #2690CE;    
}

input[type="submit"]:hover,
.btn:hover,
.btn:focus,
.btn.focus {
text-decoration: none;
}
.btn:active,
.btn.active {
-webkit-box-shadow: none;
box-shadow: none;
}

input[type="submit"]:hover {
cursor: pointer;
}

/*    Ekko lightbox */


.modal-backdrop.in {
opacity: 0.9;
background-color: rgba(105, 209, 250, 1);
}

.modal-content  {
border:rgba(105, 209, 250, 0.3) 1px solid;
opacity: 1;
background-color: #000;
padding: 20px;
border-radius: 0;
}

#myModal .modal-content {
opacity: 0.8;
}

.modal-body {
padding: 10px;
}


.modal-title {
padding-bottom: 10px;
color: #fff;
text-align: left;
border-bottom:rgba(105, 209, 250, 0.3) 1px solid;
}

.modal-footer {
display: block;
margin: auto;
text-align: right;
color: #EBF1EF;
margin-top: 10px;
line-height: 18px;
text-transform: none;
padding-left: 0;
padding-right: 0;
border-top:rgba(105, 209, 250, 0.3) 1px solid;
}

#myModal .modal-footer {
border-top:none;
}

.modal-header {
display: block!important;    
padding-left: 0;
padding-right: 0;
text-align: center;
border: 0;   
}

.modal-header .close {
margin-top: -12px;
margin-bottom: 25px;
color: #fff;
font-size: 80px;
font-weight: 100;
text-shadow: none;
opacity: 1;
filter: alpha(opacity=100);
float: none;
transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
}

.modal-header .close:hover {
opacity: 0.6;
filter: alpha(opacity=60);
}


.modal-body {
padding: 0;
}

.modal-body a {
color: #5ec4f2;
outline: 0;
}

#myModalLabel, .form-group {
color: #fff;
}

.ekko-lightbox-container img {
-webkit-animation: fadeIn 2s;
-moz-animation: fadeIn 2s;
-ms-animation: fadeIn 2s;
-o-animation: fadeIn 2s;
animation: fadeIn 2s;
}

.popover-body {
color: #fff!important;
}



/*Contact forma*/


.popover {
font-size: 10px;
border:rgba(105, 209, 250, 0.3) 1px solid;
background-color:rgba(105, 209, 250, 0.1); 
border-radius: 0;
}

.popover.top > .arrow:after {
bottom: 1px;
margin-left: -10px;
content: " ";
border-top-color: rgba(105, 209, 250, 0.3);
border-bottom-width: 0;
}

#contactform input[type="text"], #contactform textarea {
color: #fff;
font-size: 13px;
height: 40px;
padding-left: 3%;
padding-right: 3%;
padding-top: 10px;
padding-bottom: 10px;
width: 100%;
background-color:rgba(105, 209, 250, 0.1);
border-radius:0px;
margin-bottom:20px;
border-color:rgba(105, 209, 250, 0.3);
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
box-sizing: border-box;
}

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

.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #fff;
opacity: 0.4;
}

.form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #fff;
opacity: 0.4;
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #fff;
opacity: 0.4;
}

#contactform input[type=text]:focus, #contactform textarea:focus, #contactform input[type=email]:focus {
background-color:rgba(105, 209, 250, 0.2);
-webkit-box-shadow: none;
box-shadow: none;
}

.error_message {		
text-align:center;		
margin-bottom:30px;
font-size:13px;		
color:#e93735;		
font-weight:bold;		
}

#success_page {		
text-align:center;		
}	

#success_page p {		
color:#fff;		
margin-top:20px;		
}

#success_page h1 {
font-weight: 200;
color:#fff;			
}

#message fieldset {		
border:none;		
}


/*Iz starog bootsrapa - klase za contact form validaciju*/

.hide {
display: none !important;
}
.show {
display: block !important;
}