@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic);
body {font-family:'Roboto', sans-serif;position:relative;font-weight:400;background:var(--boja1);color:var(--boja)}
body  section{padding:20px 0 50px 0;overflow:hidden;}
a:hover {outline:none;text-decoration:none;color:var(--boja6)}
a:focus {outline:none;outline-offset:0;text-decoration:none;}
a {-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;transition:300ms;color:var(--glavna);font-weight:600;}
h1, h2, h3, h4, h5, h6 {font-family:'Roboto', sans-serif;}
.h1, .h11, .h12, .h13 {
	text-align:center;
	display:table;
	white-space:nowrap;
    color:var(--boja);
    font-size: 30px;
    font-weight: 700;
    padding-top:2%;
    position: relative;
    width: 100%;
	margin-top:10px;
}
.h1:after, .h1:before, .h11:after, .h11:before, .h12:after, .h12:before, .h13:after, .h13:before{
    border-top: 2px solid var(--glavna);
    content: '';
    display: table-cell;
    position: relative;
    top: 0.5em;
    width: 45%;
}
.h1:before, .h11:before, .h12:before, .h13:before{right:1.5%;}
.h1:after, .h11:after, .h12:after, .h13:after {left:1.5%;}
@media (max-width: 992px) {
.h1, .h11, .h12, .h13{display:block;white-space:normal;}
}
.h11, .h12{color:var(--boja1);}
.h12, .h13{padding-top:0px;}

h1.post-title,h2.post-title,h3.post-title{margin-top:0;}

video {max-width:100%;margin:0 auto;}
.video{overflow:hidden;}
.video iframe, p iframe{width:100%;}

p iframe{max-width:100%;margin:0 auto;overflow:hidden;}

.media-body h4 {color:var(--boja1);padding-top:5px;}
.media img.pull-left {height:150px}
.slider-btn {background-color:var(--glavna);color:var(--boja1);-webkit-box-shadow:inset 0 0 0 2px var(--glavna);box-shadow:inset 0 0 0 2px var(--glavna);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:var(--boja);-webkit-box-shadow:inset 0 0 0 2px var(--boja);box-shadow:inset 0 0 0 2px var(--boja);color:var(--boja1)}
.parallax-section{min-height:300px;width:100%;background-position:50% 0;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;}
.preloader{position:fixed;top:0;left:0;height:100%;width:100%;display:table;background:var(--boja1);z-index:9999;}
.preloder-wrap{display:table-cell;vertical-align:middle;}
.preloder-inner {width:200px;height:100px;margin:0 auto;}
.ball {width:10px;height:10px;margin:10px auto;border-radius:50px;}
.ball:nth-child(1) {background:#ff005d;-webkit-animation:right 1s infinite ease-in-out;-moz-animation:right 1s infinite ease-in-out;animation:right 1s infinite ease-in-out;}
.ball:nth-child(2) {background:#35ff99;-webkit-animation:left 1.1s infinite ease-in-out;-moz-animation:left 1.1s infinite ease-in-out;animation:left 1.1s infinite ease-in-out;}
.ball:nth-child(3) {background:#008597;-webkit-animation:right 1.05s infinite ease-in-out;-moz-animation:right 1.05s infinite ease-in-out;animation:right 1.05s infinite ease-in-out;}
.ball:nth-child(4) {background:#ffcc00;-webkit-animation:left 1.15s infinite ease-in-out;-moz-animation:left 1.15s infinite ease-in-out;animation:left 1.15s infinite ease-in-out;}
.ball:nth-child(5) {background:#2d3443;-webkit-animation:right 1.1s infinite ease-in-out;-moz-animation:right 1.1s infinite ease-in-out;animation:right 1.1s infinite ease-in-out;}
.ball:nth-child(6) {background:#ff7c35;-webkit-animation:left 1.05s infinite ease-in-out;-moz-animation:left 1.05s infinite ease-in-out;animation:left 1.05s infinite ease-in-out;}
.ball:nth-child(7) {background:#4d407c;-webkit-animation:right 1s infinite ease-in-out;-moz-animation:right 1s infinite ease-in-out;animation:right 1s infinite ease-in-out;}
@-webkit-keyframes right {0%{ -webkit-transform:translate(-15px);}50%{-webkit-transform:translate(15px);}100%{-webkit-transform:translate(-15px);}}
@-webkit-keyframes left {0%{-webkit-transform:translate(15px);}50%{-webkit-transform:translate(-15px);}100% {-webkit-transform:translate(15px);}}
@-moz-keyframes right {0%{ -moz-transform:translate(-15px);   }50%  { -moz-transform:translate(15px);}100% {-moz-transform:translate(-15px);}}
@-moz-keyframes left {0%{ -moz-transform:translate(15px);}50%{-moz-transform:translate(-15px);}100% {-moz-transform:translate(15px);}}
@keyframes right {0%{transform:translate(-15px);}50%{transform:translate(15px);}100%{transform:translate(-15px);}}
@keyframes left {0%{transform:translate(15px);}50%{transform:translate(-15px);}100% {transform:translate(15px);}}
.vertical-middle{width:100%;height:100%;display:table;}
.vertical-middle div{display:table-cell;vertical-align:middle;}
/*====================
======Header CSS=====
======================*/
#navigation .navbar {background:#fff;margin-bottom:0;z-index:999999;border-radius:0;border-bottom: 1px solid black;}
#navigation .navbar-toggle{margin-top:20px;background-color:#943634;}
#navigation .navbar-brand h1{padding:0;margin:0;}
.navbar-inverse .navbar-collapse, .navbar-inverse{border:none;}
.navbar-brand {padding:5px 5px 5px 0;}
.navbar-brand img {max-height:90px;}
.navbar-brand1 {max-height:60px !important;}
#navigation .navbar-nav.navbar-right li {padding:0 1px;}
#navigation .navbar-nav.navbar-right {margin-top:20px}
#navigation .navbar-nav.navbar-right li a {color:#00a86b;font-family:'Roboto',sans-serif;font-size:14px;padding:0;text-transform:uppercase;-webkit-transition:all .2s ease 0s;-moz-transition:all .2s ease 0s;-o-transition:all .2s ease 0s;transition:all .2s ease 0s;padding:6px 15px;}
#navigation .navbar-nav.navbar-right li ul li a {color:#333}
#navigation .navbar-inverse .navbar-nav  .active  a,  
#navigation .navbar-inverse .navbar-nav  .active  a:focus, 
#navigation .navbar-nav.navbar-right li a:hover {color:var(--boja1);background-color:var(--glavna);}
#navigation .navbar-inverse:not(.mfix) .navbar-nav {margin-top: 30px;}
#navigation .navbar-inverse:not(.mfix) .navbar-toggle {margin-top: 30px;}
#navigation .navbar .navbar-toggle {background-color: #00a86b;}
/*======================
====Main Slider CSS=====
=======================*/
ol.thumb{list-style:none;margin-top:15px;}
ol.thumb li{cursor:pointer;}
.home-pattern {height:100%;position:absolute;width:100%;z-index:1;left:0;bottom:0;background-image:url(../images/home-pattern.png);background-repeat:re\peat;opacity:0.2;}
#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 var(--glavna);width:13px;height:13px;margin-left:5px;text-indent:-9999px;display:inline-block;}

.slider-content {height:100%;}
#main-carousel .carousel-caption {height:100%;width:100%;min-height:100%;z-index:11;}
#main-carousel .carousel-caption > div{vertical-align:middle;}
#main-carousel .carousel-caption > div h3 {color:#943634;margin-top:0;font-size:25px;text-shadow:1px 1px #fff, -1px 1px #fff, 1px -1px #fff, -1px -1px #fff;}
#main-carousel .carousel-caption > div h4{padding-top:225px;}
#main-carousel .carousel-inner h2 {color:#2a2835;display:inline-block;font-family:roboto;font-size:35px;font-weight:800;margin-bottom:0px;text-shadow:1px 1px #fff, -1px 1px #fff, 1px -1px #fff, -1px -1px #fff;text-transform:uppercase;}
#main-carousel .carousel-inner h2 span{color:#7ab700;}
#main-carousel .carousel-inner p {color:var(--boja1);font-family:roboto;font-size:24px;font-weight:300;margin-bottom:59px;margin-top:0;text-shadow:none;}
#main-carousel .carousel-left{left:-60px;}
#main-carousel .carousel-right{right:-60px;}
#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:45px;color:var(--boja5);top:50%;position:absolute;margin-top:-60px;text-align:center;-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;transition:300ms;opacity:0}
#main-carousel .carousel-left:hover,
#main-carousel .carousel-right:hover{color:var(--glavna);opacity:1}
.carousel-right {right:65px}
.carousel-left {left:65px}





.main-carousel .carousel-inner .item {background-size:cover;height:100%;background-position:50% 50%;background-repeat:no-repeat;}
.carousel-indicators {bottom:15px}
.carousel-indicators li{background:rgba(0, 0, 0, 0);border:1px solid var(--glavna);width:13px;height:13px;margin:1px 1px 1px 5px;text-indent:-9999px;display:inline-block;}
.carousel-indicators li.active{background-color:var(--glavna) !important;width:13px;height:13px;border:1px solid var(--glavna);margin:1px 1px 1px 5px;}
.slider-content {height:100%;}
.main-carousel .carousel-caption {height:100%;width:100%;min-height:100%;z-index:11;}
.main-carousel .carousel-caption > div{vertical-align:middle;}
.main-carousel .carousel-caption > div h3 {color:#943634;margin-top:0;font-size:25px;text-shadow:1px 1px #fff, -1px 1px #fff, 1px -1px #fff, -1px -1px #fff;}
.main-carousel .carousel-caption > div h4{padding-top:225px;}
.main-carousel .carousel-inner h2 {color:#2a2835;display:inline-block;font-family:roboto;font-size:35px;font-weight:800;margin-bottom:0px;text-shadow:1px 1px #fff, -1px 1px #fff, 1px -1px #fff, -1px -1px #fff;text-transform:uppercase;}
.main-carousel .carousel-inner h2 span{color:#7ab700;}
.main-carousel .carousel-inner p {color:var(--boja1);font-family:roboto;font-size:24px;font-weight:300;margin-bottom:59px;margin-top:0;text-shadow:none;}


/*=======================
====== About Us CSS =====
=========================*/
#about-us {background:var(--boja1);overflow:hidden;padding:50px 0;}
#about-us h2 {margin-bottom:35px}
.title-one {color:#43484e;display:inline-block;font-size:32px;font-weight:600;padding-bottom:10px;text-align:center;text-transform:uppercase;position:relative}
.title-one:after {color:#43484e;content:"||";position:absolute;right:-40px;top:-2px;}
.title-one:before {color:#43484e;content:"||";left:-40px;position:absolute;top:0;}
#services .title-one:after {color:#fff;content:"||";position:absolute;right:-40px;top:-2px;}
#services .title-one:before {color:#fff;content:"||";left:-40px;position:absolute;top:0;}
#blog .title-one:after {color:#666;content:"||";position:absolute;right:-40px;top:-2px;}
#blog .title-one:before {color:#666;content:"||";left:-40px;position:absolute;top:0;}
#about-us h4 {color:#909090;margin-bottom:50px;margin-top:-5px;text-transform:capitalize;}
#about-us p {font-weight:300;font-size:15px}
.about-us .col-sm-6 {margin-top:50px}
.about-us h3 {font-size:20px;margin-bottom:18px;text-transform:uppercase;}
.about-us .tab-content {background:var(--boja1);border-bottom:1px solid var(--siva2);border-left:1px solid var(--siva2);border-right:1px solid var(--siva2);padding:25px;}
.about-us .nav-tabs li a {border-top:2px solid var(--boja1);color:var(--glavna)}
.about-us .nav-tabs li.active a, .about-us .nav-tabs li.active a:hover, .about-us .nav-tabs li.active a:focus {border-radius:0;border-top:2px solid var(--glavna);color:var(--boja4);}
.about-us .tab-content .pull-left.media-object {background-color:var(--boja1);margin-right:20px;padding:5px;}
.skillbar {position:relative;display:block;margin-bottom:18px;box-shadow:1px 1px 0 0 var(--boja4);width:100%;background:var(--boja);height:35px;-webkit-transition:0.4s linear;-moz-transition:0.4s linear;-ms-transition:0.4s linear;-o-transition:0.4s linear;transition:0.4s linear;-webkit-transition-property:width, background-color;-moz-transition-property:width, background-color;-ms-transition-property:width, background-color;-o-transition-property:width, background-color;transition-property:width, background-color;}
.skillbar-title {position:absolute;top:0;left:0;width:25%;font-weight:bold;font-size:13px;color:var(--boja1);background-color:var(--glavna);}
.skillbar-title span {float:none;margin-bottom:0;margin-right:0;margin-top:0;text-align:left;display:block;background-color:var(--glavna);padding:0 15px;height:35px;line-height:35px;}
.skillbar-bar {height:35px;width:0px;background-color:var(--glavna);box-shadow:0 1px 0 0 var(--boja4);}
.skill-bar-percent {position:absolute;right:10px;top:0;font-size:11px;height:35px;line-height:35px;color:var(--boja1);}
/*====================
======Service CSS=====
======================*/
#services {color:var(--boja1);text-align:center;background-color:var(--glavna);}
.services {display:block;overflow:hidden;margin-top:50px}
#services h2{color:var(--boja1);border-color:var(--boja1);margin-bottom:35px}
.single-service {background-color:var(--boja5);padding:25px;transition:all 0.9s ease 0s;-moz-transition:all 0.9s ease 0s;-webkit-transition:all 0.9s ease 0s;-o-transition:all 0.9s ease 0s;}
.single-service p {text-align:justify;}
.single-service i {text-align:center;font-size:80px;padding-top:8px;vertical-align:middle;background-color:var(--boja1);border-radius:50%;display:inline-block;height:150px;line-height:150px;width:150px;color:#f40005;transition:all 0.9s ease 0s;-moz-transition:all 0.9s ease 0s;-webkit-transition:all 0.9s ease 0s;-o-transition:all 0.9s ease 0s;}
.modal-body p span{vertical-align:middle;}
.single-service:hover {background-color:#2a2835;}
.single-service:hover i {color:#0f4ada;-moz-transform:scale(1.1) rotate(360deg);-webkit-transform:scale(1.1) rotate(360deg);-o-transform:scale(1.1) rotate(360deg);-ms-transform:scale(1.1) rotate(360deg);transform:scale(1.1) rotate(360deg);}
/*=====================
======Our Team CSS=====
=======================*/
#team-carousel {position:relative}
#our-team {background-color:var(--boja1) center top no-repeat fixed;color:var(--boja3);background-repeat:no-repeat;background-size:cover;position:relative;}
#our-team h2 {}
#our-team .team-members {padding:0;margin-top:55px;display:block;overflow:hidden}
#our-team:before{content: '';position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(255, 255, 255, 0.58);z-index:0;}
.single-member {min-height:400px;background-color:var(--boja);border:1px solid var(--boja);color:var(--boja1);padding:25px;text-align:center;overflow:hidden;transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;
-webkit-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;}
.single-member:hover{background-color:var(--glavna);transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;
-webkit-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;}
.single-member img {transition:transform 1s;width:100%;max-width:100%;}
.single-member img:hover{transition: transform 1s;transform:scale(1.1);}
.single-member h4, .single-member h5 {text-align:center}
.member-left, .member-right {position:absolute;top:-43px;color:var(--glavna);font-size:30px}
.member-left {left:47%;}
.member-right {left:53%}
/*======================
======Portfolio CSS=====
========================*/
#portfolio {padding-top:40px;padding-bottom:60px;background:var(--boja1)}
#portfolio p, #portfolio h2 {margin-bottom:30px;}
#portfolio .portfolio-filter {margin-bottom:40px;margin-top:10px;}
#portfolio .portfolio-filter li {display:inline-block;}
#portfolio .portfolio-filter li a:hover, #portfolio .portfolio-filter li a:focus, #portfolio .portfolio-filter li a:active, #portfolio .portfolio-filter li .active{border:1px solid var(--glavna);color:var(--boja3);box-shadow:none;-webkit-box-shadow:none;opacity:1;}
#portfolio .portfolio-filter li a {color:var(--boja3);font-size:16px;text-transform:uppercase;border:none;background:rgba(67, 72, 78, 0);opacity:.8;border:1px solid rgba(252, 119, 0, 0);border-radius:inherit;}
.portfolio-items > div{padding:0;}
.portfolio-items img{width:100%;}
.portfolio-image{position:relative;padding:38px;z-index:-1;}
.portfolio-image:after{position:absolute;content: '';right:0px;top:0px;left:0px;bottom:0px;z-index:-1;border:4px solid var(--glavna);transform:skew(-0deg,-7deg);}
.view {cursor:default;height:100%;overflow:hidden;position:relative;text-align:center;width:100%;}
.view1 {cursor:default;height:100%;overflow:hidden;position:relative;text-align:center;}
.efffect h4 {opacity:0;transform:scale(0);transition:all 0.5s linear 0s;}
.efffect h3 {opacity:0;transform:scale(0);-webkit-transition:all 0.5s linear 0s;-moz-transition:all 0.5s linear 0s;-ms-transition:all 0.5s linear 0s;-o-transition:all 0.5s linear 0s;transition:all 0.5s linear 0s;}
.efffect img {transform:scaleY(1);-moz-transform:scaleY(1);-webkit-transform:scaleY(1);-o-transform:scaleY(1);-ms-transform:scaleY(1);  transition:all 0.7s ease-in-out 0s;-moz-transition:all 0.7s ease-in-out 0s;-webkit-transition:all 0.7s ease-in-out 0s;-o-transition:all 0.7s ease-in-out 0s;}
.view img {display:block;position:relative;}
.efffect .mask {-webkit-transition:all 0.5s linear 0s;-moz-transition:all 0.5s linear 0s;-ms-transition:all 0.5s linear 0s;-o-transition:all 0.5s linear 0s;transition:all 0.5s linear 0s;opacity:0}
.view .mask, .view .content {height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;}
.view1 .mask, .view .content {width:100%;height:inherit;left:0;overflow:hidden;position:absolute;top:0;}
.mask h3 {color:var(--boja);font-family:cabin;font-size:22px;font-weight:700;margin-top:30px;text-transform:uppercase;transition:height 500ms ease 0s;}
.mask h4 {color:#000;font-family:roboto;font-size:14px;font-weight:300;padding:0 15px 5px;}
.mask i {border:2px solid var(--boja4);border-radius:50%;color:var(--boja4);font-size:17px;margin-left:8px;padding:8px;}
.mask i:hover{background-color:var(--glavna);color:var(--boja1);  }
/*====================
======Clients CSS=====
======================*/
#clients{background-color:var(--boja4);padding-bottom:55px}
#clients h2 {margin-bottom:30px;color:var(--boja1)}
#clients p {color:var(--boja1)}
#clients-carousel {margin-top:45px;text-align:center;}
#clients-carousel .carousel-inner {display:inline-block;width:83.33333333333334%}
.carousel-inner blockquote {border-left:0 none;margin:5px;padding:0;text-align:left;}
.carousel-inner blockquote p {font-size:15px;}
#clients-carousel .carousel-inner img {border-right:5px solid var(--glavna);padding-right:5px}
#clients-carousel .carousel-indicators {top:100%;left:50%;margin:0 0 0 -50px;position:absolute;width:100px;}
#clients-carousel .item {background:var(--boja);min-height:150px;}
#clients-carousel .carousel-indicators li{background:rgba(0, 0, 0, 0);border:1px solid var(--boja1);width:13px;height:13px;margin-left:5px;text-indent:-9999px;display:inline-block;}
#clients-carousel .carousel-indicators {margin-top:20px;}
.clients{text-align:center;}
.clients h2 {color:var(--boja1);font-family:'Roboto',sans-serif;font-size:30px;font-weight:500;line-height:40px;text-transform:uppercase;margin-top:0;}
.clients p {color:var(--boja1);font-family:'Roboto',sans-serif;font-size:14px;font-weight:300;letter-spacing:3px;text-transform:uppercase;}
.clients p span{color:var(--glavna);}
/*=====================
======Our Blog CSS=====
======================*/
#blog {padding-bottom:40px;padding-top:40px}
.blog-heading {margin-bottom:35px;margin-top:15px;}
.single-blog {margin-bottom:30px;background-color:#F7F7F7;padding:25px;transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;-webkit-box-shadow:0 2px 0 0 #ddd;box-shadow:0 2px 0 0 #ddd;}
.single-blog:hover {background-color:var(--boja);color:var(--boja1)}
.single-blog:hover.single-blog h2 {color:var(--boja1)}
.single-blog:hover.single-blog .btn-primary {background-color:var(--glavna);color:var(--boja1);border-color:var(--boja1);transition:all 0.9s ease 0s;-moz-transition:all 0.9s ease 0s;-webkit-transition:all 0.9s ease 0s;-o-transition:all 0.9s ease 0s;}
.single-blog img{width:100%;margin-bottom:20px}
.single-blog h2 {color:var(--boja);font-size:20px;}
.single-blog h2{margin:0;margin-bottom:15px;}
.single-blog ul {padding:0;overflow:hidden;}
.single-blog ul li {border-right:2px solid var(--siva2);float:left;line-height:10px;list-style:none;margin-right:10px;padding-right:10px;font-size:12px;color:var(--siva2);}
.single-blog ul li:last-child {border:none;}
.blog-content {margin-bottom:25px;margin-top:0;}
.single-blog .btn-primary {text-transform:uppercase;border:1px solid #943634;color:#fff;background-color:rgb(148 54 52);border-color:#5e2222;}
.single-blog:hover.single-blog .btn-primary:hover{background-color:var(--glavna);color:var(--boja1);}
#blog-detail .modal-body {padding:30px;}
#blog-detail .modal-body img {width:100%}
#blog-detail .close {margin-right:-15px;margin-top:-25px;}
/*====================
======Contact CSS=====
======================*/
#contact {overflow:hidden;background-color:var(--boja1);position:relative;padding-bottom:85px;border-top:2px solid #ddd}
#contact iframe {width:100%}
#contact .contact-heading {padding-bottom:35px;position:relative;z-index:10;}
.contact-details {	padding-top:75px;}
.pattern {height:100%;position:absolute;width:100%;z-index:1;left:0;bottom:0;background-image:url(../images/pattern.png);background-repeat:repeat;opacity:0.2;}
.contact-address {background-color:var(--boja1);height:390px;padding-top:85px}
.contact-address .social-icons a i {border-radius:0;height:30px;line-height:inherit;width:30px;border-width:0;transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;margin-right:10px}
.contact-address .social-icons i:hover {transform:scale(.9);}
.social-icons a {color:#A2A2A2;font-size:20px;border:1px solid #A2A2A2;border-radius:50%;text-align:center;padding:6px;width:44px;height:44px;display:inline-block;margin:2px;}
.social-icons a:hover {color:var(--glavna);border:1px solid var(--glavna);}
.contact-address .social-icons, .contact-address address {z-index:2;position:relative}
.contact-address  p {font-weight:800;font-size:24px}
.contact-address  p span {color:var(--glavna);}
#contact-form-section {	padding:35px;background-color:var(--boja1) height:390px;}
#contact-form-section .btn-primary, .btn-primary, .btn-primary2 {color:var(--boja1);background-color:var(--glavna);border-color:var(--boja1);border-radius:4px;padding:10px 35px;text-transform:uppercase;font-weight:600;transition:all 0.9s ease 0s;
  -moz-transition:all 0.9s ease 0s;
  -webkit-transition:all 0.9s ease 0s;
  -o-transition:all 0.9s ease 0s;}
#contact-form-section .btn-primary:hover, .btn-primary:hover {background-color:var(--boja);}
.btn-primary2 {padding:6px 15px;font-weight:400;border-radius:4px;color:var(--boja1)}
.btn-primary2:hover{background-color:var(--boja1);}
#contact-form input, 
#contact-form textarea, 
#contact-form .btn-primary  {position:relative;z-index:2;}
#contact-form .name-field, 
#contact-form .mail-field  {width:49%;}
#contact-form .name-field {margin-right:2%;	float:left}
#contact-form .mail-field {}
#contact-form-section .form-control {border-radius:0;-webkit-box-shadow:none;box-shadow:none;}
#contact-form-section textarea {resize:none}
#contact-form-section .form-control:focus {border-color:var(--glavna);outline:0;-webkit-box-shadow:none;box-shadow:none;}
/*====================
======Footer CSS=====
======================*/
footer {background-color:var(--boja4);padding:25px 0;color:var(--boja1);font-size:14px;position:relative;}
footer p {margin:0}
footer a {color:var(--glavna)}
footer a:hover {color:#ffee00}
/*============================
======Carousel Effect CSS=====
==============================*/
.carousel.scale .carousel-inner > .item.left > div:nth-child(1),
.carousel.scale .carousel-inner > .item.right > div:nth-child(1) {-webkit-animation:fadeOutDown 300ms linear 0ms both;
  animation:fadeOutDown 300ms linear 0ms both;}
.carousel.scale .carousel-inner > .item.next > div:nth-child(1),
.carousel.scale .carousel-inner > .item.prev > div:nth-child(1) {-webkit-animation:fadeInDown 300ms linear 75ms both;
 animation:fadeInDown 300ms linear 75ms both;}
.carousel.scale .carousel-inner > .item.left > div:nth-child(2),
.carousel.scale .carousel-inner > .item.right > div:nth-child(2) {-webkit-animation:fadeOutDown 300ms linear 75ms both;
  animation:fadeOutDown 300ms linear 75ms both;}
.carousel.scale .carousel-inner > .item.next > div:nth-child(2),
.carousel.scale .carousel-inner > .item.prev > div:nth-child(2) {-webkit-animation:fadeInDown 300ms linear 150ms both;
  animation:fadeInDown 300ms linear 150ms both;}
.carousel.scale .carousel-inner > .item.left > div:nth-child(3),
.carousel.scale .carousel-inner > .item.right > div:nth-child(3) {-webkit-animation:fadeOutDown 300ms linear 150ms both;
  animation:fadeOutDown 300ms linear 150ms both;}
.carousel.scale .carousel-inner > .item.next > div:nth-child(3),
.carousel.scale .carousel-inner > .item.prev > div:nth-child(3) {-webkit-animation:fadeInDown 300ms linear 225ms both;
  animation:fadeInDown 300ms linear 225ms both;}
.carousel.scale .carousel-inner > .item.left > div:nth-child(4),
.carousel.scale .carousel-inner > .item.right > div:nth-child(4) {-webkit-animation:fadeOutDown 300ms linear 225ms both;
  animation:fadeOutDown 300ms linear 225ms both;}
.carousel.scale .carousel-inner > .item.next > div:nth-child(4),
.carousel.scale .carousel-inner > .item.prev > div:nth-child(4) {-webkit-animation:fadeInDown 300ms linear 300ms both;
 animation:fadeInDown 300ms linear 300ms both;}
/*==================================
====== Isotope Recommended CSS=====
====================================*/
/**** 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 */

/*==================================
====== Portfolio Hover effect=======
====================================*/
.efffect img { -webkit-transform:scaleY(1);
   -moz-transform:scaleY(1);
   -o-transform:scaleY(1);
   -ms-transform:scaleY(1);
   transform:scaleY(1);
   -webkit-transition:all 0.5s ease-in-out;
   -moz-transition:all 0.5s ease-in-out;
   -o-transition:all 0.5s ease-in-out;
   -ms-transition:all 0.5s ease-in-out;
   transition:all 0.5s ease-in-out;}
.efffect .mask { -webkit-transition:all 0.5s linear;
   -moz-transition:all 0.5s linear;
   -o-transition:all 0.5s linear;
   -ms-transition:all 0.5s linear;
   transition:all 0.5s linear;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter:alpha(opacity=0);
   opacity:0;
   cursor:zoom-in;}
.efffect h4 {   
   background:transparent;
   -webkit-transform:scale(0);
   -moz-transform:scale(0);
   -o-transform:scale(0);
   -ms-transform:scale(0);
   transform:scale(0);
   -webkit-transition:all 0.5s linear;
   -moz-transition:all 0.5s linear;
   -o-transition:all 0.5s linear;
   -ms-transition:all 0.5s linear;
   transition:all 0.5s linear;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter:alpha(opacity=0);
   opacity:0;}
.efffect h3 { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter:alpha(opacity=0);
   opacity:0;
   font-size:22px;
   -webkit-transform:scale(0);
   -moz-transform:scale(0);
   -o-transform:scale(0);
   -ms-transform:scale(0);
   transform:scale(0);
   -webkit-transition:all 0.5s linear;
   -moz-transition:all 0.5s linear;
   -o-transition:all 0.5s linear;
   -ms-transition:all 0.5s linear;
   transition:all 0.5s linear;}
.mask a i { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter:alpha(opacity=0);
   opacity:0;
   -webkit-transform:rotate(-180deg);
   -moz-transform:rotate(-180deg);
   -o-transform:rotate(-180deg);
   -ms-transform:rotate(-180deg);
   transform:rotate(-180deg);
   -webkit-transition:all 0.5s linear 0.7s;
   -moz-transition:all 0.5s linear 0.7s;
   -o-transition:all 0.5s linear 0.7s;
   -ms-transition:all 0.5s linear 0.7s;
   transition:all 0.5s linear 0.7s;}
.efffect:hover img { -webkit-transform:scale(10);
   -moz-transform:scale(10);
   -o-transform:scale(10);
   -ms-transform:scale(10);
   transform:scale(10);
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter:alpha(opacity=0);
   opacity:0;}
.efffect:hover .mask {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter:alpha(opacity=100);
   opacity:1;}
.efffect:hover h4,.efffect:hover h3,.efffect:hover a i { -webkit-transform:scale(1);
   -moz-transform:scale(1);
   -o-transform:scale(1);
   -ms-transform:scale(1);
   transform:scale(1);
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter:alpha(opacity=100);
   opacity:1;}
  .m0auto{margin:0 auto}
  ul.gallery li {display:inline;}
  .nav-pills>li>a{color:var(--boja1);font-weight:400;font-size:16px;padding:6px 5px 6px 15px;border-radius:0;background:var(--glavna)}
  .nav-pills>li>a:hover{color:var(--boja1);background:var(--boja);-moz-transform:translate(15px);transform:translate(15px);}
  
  .mfix {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;
}
.modal{z-index:999999;}
.modal-dialog{margin:0.5% auto 0.5% auto}

.footer-navigation nav ul{display:grid;grid-template-columns:auto auto;padding-left:10px;}
.footer-navigation nav ul li{display:list-item;list-style:none;}
.footer-navigation nav ul li a{font-size:15px;font-weight:300;line-height:24px;position:relative;display:block;padding:3px 0;color:var(--boja7);}
.footer-navigation nav ul li a:hover{color:#ffee00;}

.dmtop.show {bottom:10px;}
.dmtop {
    background-color:#3C3D41;
    z-index:100;
    width:50px;
    height:50px;
    line-height:55px;
    position:fixed;
    bottom:10px;
    border-radius:3px;
    right:10px;
    text-align:center;
    font-size:28px;
    color:#ffffff !important;
    cursor:pointer;
    -webkit-transition:all .7s ease-in-out;
    -moz-transition:all .7s ease-in-out;
    -o-transition:all .7s ease-in-out;
    -ms-transition:all .7s ease-in-out;
    transition:all .7s ease-in-out;}
.paddli2{padding:0}
.dmtop:hover{background-color:#bbbbbb;}
.dropdown-menu{background:#fff;color:#333}
.dropdown-submenu{position: relative;}
.dropdown-submenu .caret{-webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
.dropdown-submenu > .dropdown-menu {top:0; left:100%; margin-top:5px; margin-left:-1px;}
.dropdown-submenu.open > a:after{border-left-color:#fff;}
.dropdown-submenu.open > .dropdown-menu, .dropdown-submenu.open > .dropdown-menu {display: block;}
.dropdown-submenu .dropdown-menu{margin-bottom: 8px;}
.navbar-default .navbar-nav .open .dropdown-menu .dropdown-submenu ul{background-color: #f6f6f6;}
.navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-submenu ul{background-color:#f6f6f6;}
.navbar .navbar-nav .open .dropdown-submenu .dropdown-menu > li > a{padding-left: 30px;}
.navbar-nav>li>.dropdown-menu li a{color:#333}
@media screen and (min-width:992px){
    .dropdown-submenu .dropdown-menu{margin-bottom: 2px;}
    .navbar .navbar-nav .open .dropdown-submenu .dropdown-menu > li > a{padding-left: 25px;}
    .navbar-default .navbar-nav .open .dropdown-menu .dropdown-submenu ul{background-color:#fff;color:#333}
    .navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-submenu ul{background-color:#fff;color:#333}
}

.heading{color:#fff;
	/*display:table-cell;*/
	vertical-align:middle;
	position:relative;
	z-index:1;}
.heading h1, .heading h2{color:#ffffff;
	font-weight:700;
	font-size:62px;
	text-transform:uppercase;}
.heading p{font-size:18px;padding:20px 0px;}

.heading h3{color:#ffffff;}

.cd-words-wrapper {
  display:inline-block;
  position:relative;
  text-align:left;}
.cd-words-wrapper b {
  display:inline-block;
  position:absolute;
  white-space:nowrap;
  left:0;
  top:0;}
.cd-words-wrapper b.is-visible {
  position:relative;}
.no-js .cd-words-wrapper b {
  opacity:0;}
.no-js .cd-words-wrapper b.is-visible {
  opacity:1;}


.cd-headline.clip span {
  display:inline-block;
  padding:.2em 0;
  color:#ffffff;
  font-size:30px;}
.cd-headline.clip span b{/*text-transform:uppercase;*/}
.cd-headline.clip .cd-words-wrapper {
  overflow:hidden;
  vertical-align:top;}
.cd-headline.clip .cd-words-wrapper::after {
  content:'';
  position:absolute;
  top:0;
  right:0;
  width:2px;
  height:100%;
  background-color:#fefefe;
  animation:flash 2s infinite;
  }
.cd-headline.clip b {
  opacity:0;}
.cd-headline.clip b.is-visible {
  opacity:1;}