body, html {font-family:'Open Sans', sans-serif; text-rendering:optimizeLegibility !important; -webkit-font-smoothing:antialiased !important; color:#656c6d; width:100% !important; height:100% !important;}
h2 {line-height:20px; margin:0; color:#121d1f; font-weight:400; margin-bottom:30px; font-size:34px;}
h3, h4 {color:#121d1f; font-size:20px; font-weight:600;}
h5 {text-transform:uppercase; font-weight:300; line-height:35px; color:#7bc3d1; font-size:25px;}
.h6 {font-size:16px; font-style:italic; font-weight:300; line-height:30px;}
p.intro {font-size:30px; margin:12px 0 0; line-height:24px; font-family:'Open Sans',sans-serif; font-weight:300;}
a {color:#333;}
a:hover, a:focus {text-decoration:none; color:#7bc3d1;}
ul, ol {list-style:none;}
.clearfix:after {visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}
ul, ol {padding:0; webkit-padding:0; moz-padding:0;}
hr {height:4px; width:70px; text-align:center;position:relative; background:#7bc3d1; margin:0 auto; margin-bottom:30px; border:0;}

/* CLASI ZA BARVE */
.cian {color:#0199d3}
.magenta {color:#ec008b}
.rumena {color:#ffcc00}
.crna {color:#000000}

/* STATIČNI SLOGANI */
/*.slogan {width:100%; background-color:#fff; padding:20px;}
.slogan-innerbox {color:#000; text-align:center; font-weight:300; font-size:25px; font-style:italic}*/

.slogan {width:100%; float:left; padding:10px 0 0 10px; }
.slogan-innerbox {color:#121d1f; text-align:center; font-weight:300; font-size:25px; font-style:italic;  }
#support .slogan-innerbox {color:#fff}

/* ŠIRINE */
.w1, .w2, .w75, .w25, .w40, .w60 {float:left; margin-bottom:20px;}
.w1 {width:100%;}
.w2 {width:50%;}
.w75 {width:75%;}
.w25 {width:25%;}
.w40 {width:40%;}
.w33 { width:33%; float:left;}
.w60 {width:60%;}



/* SLIKE */
.jezik {padding:10px; margin:10px; position:absolute; top:50px; left:100px;}
.jezik a {padding:10px 0px 10px 0px; margin:10px 10px 10px 10px}
.boxzamik{padding:30px;}
.box img {width:100%; border-radius:50%; display:inline-block; border:8px solid #7bc3d1; padding:5px; margin:15px;-webkit-filter:grayscale(0%); /* Safari 6.0 - 9.0 */filter:grayscale(0%);}
.box img:hover {margin:15px;-webkit-filter:grayscale(100%); /* Safari 6.0 - 9.0 */filter:grayscale(100%);}
#solutions img {border:8px solid #fff;}
#contact img, .slika img {border-radius:0; padding:0; margin:0; border:0;}
.slika img:hover {margin:0;-webkit-filter:grayscale(0); /* Safari 6.0 - 9.0 */filter:grayscale(0);}
/* INTRO TEXT */
.intro-text h1 {color:#ffcc00; font-family:'Open Sans',sans-serif; font-weight:300; font-size:50px; width:100%}
.intro-text .name {width:100%; font-weight:600; color:#0199d3; float:left}
.intro .intro-text {width:100%; height:300px;}
.intro p { font-size:20px; color:#F09;}

/* NAVIGACIJA */
#nav {z-index:9999;}
#nav.affix {position:fixed; top:0; width:100%}
.navbar-custom {margin-bottom:0; background-color:#efefef; border-radius:0px; padding:10px 0;}
.navbar-custom .navbar-brand:focus {outline:0;}
.navbar-custom .navbar-brand .navbar-toggle {padding:4px 6px; font-size:16px; color:#fff;}
.navbar-custom .navbar-brand .navbar-toggle:focus, .navbar-custom .navbar-brand .navbar-toggle:active {outline:0;}
.navbar-custom a {color:#000;}
.navbar-brand {padding:0 !important; margin-top:-5px !important;}
.navbar-custom .nav li a {text-transform:uppercase; letter-spacing:1px; -webkit-transition:background .3s ease-in-out; -moz-transition:background .3s ease-in-out; transition:background .3s ease-in-out;}
.navbar-custom .nav li a:hover {outline:0; color:#7bc3d1; background-color:transparent;}
.navbar-custom .nav li a:focus, .navbar-custom .nav li a:active {outline:0; background-color:transparent; color:#7bc3d1;}
.navbar-custom .nav li.active {outline:0;}
.navbar-custom .nav li.active a {background-color:rgba(255,255,255,.3);}
.navbar-custom .nav li.active a:hover {color:#fff;}
.btn-default {color:#fff; background-color:transparent; border-color:#fff; padding:10px 20px; margin:0; font-size:16px; border-radius:0;}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active {color:#fff; background-color:#121d1f; border-color:#121d1f;}
.btn-primary {color:#fff; background-color:#121d1f; padding:10px 20px; border-color:#121d1f; border-radius:0;}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active {color:#fff; background-color:#7bc3d1; border-color:#7bc3d1;}
.btn-primary i.fa {margin-right:10px;}

/* HOME */
.intro {display:table; width:100%; padding:100px 0; text-align:center; color:#000; background:url(../img/intro-bg.jpg) no-repeat center top; background-color:#7bc3d1; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover; -o-background-size:cover;}
.section-title.center {padding:25px 0 45px 0;}

/* ABOUT */
#about {padding:100px 0 20px 0; background:#f6f6f6; }
#about .about-text {margin-left:10px;}
#about img {border-radius:50%; display:inline-block; border:5px solid #7bc3d1}
#about p {margin-top:20px; margin-bottom:30px;}
.zamik {padding:0 0 10px 30px;}

/* SKILS */
#skills {padding:100px 0 20px 0;  background:#7bc3d1;}
#skills h2 {color:#fff;}
#skills hr {background:rgba(255,255,255,0.3);}
#skills .skill {margin-bottom:40px; text-align:center; padding:0px;}
#skills .skill h4 {font-weight:600; color:#fff;}
.chart {position:relative; display:inline-block; width:152px; height:152px; margin-bottom:26px; text-align:center;}
.chart canvas {position:absolute; top:0; left:0;}
.percent {display:inline-block; font-size:21px; color:#121d1f; line-height:152px; z-index:2;}
.percent:after {content:'%'; margin-left:0.1em; font-size:.8em;}

/* CONSULTING */
#consulting {padding:100px 0 20px 0;  background:#ffffff;/* background-image:url(../img/intro-bg2.jpg);*/}

/* SOLUTIONS */
#solutions {padding:100px 0 20px 0;   background:#7bc3d1; color:#fff;}
#solutions h2, #solutions h5 {color:#fff;}
#solutions hr {background:rgba(255,255,255,0.3);}

/* SUPPORT */
#support {padding:100px 0 20px 0;  background:#ffffff; background-image:url(../img/intro-bg3.jpg); color:#efefef}
#support h2 {color:#fff;}
#support h3 {color:#7bc3d1}

/* CUSTOMER BENEFITS*/
#customerbenefits {padding:100px 0 20px 0;}

/* CONTACT */
#contact {padding:100px 0 20px 0; color:#121d1f; background:#7bc3d1; /*background-image:url(../img/repro.jpg); background-repeat:no-repeat;*/ }
#contact h2 {color:#fff;}
#contact hr {background:rgba(255,255,255,0.3);}
#contact h3 {padding-top:20px; font-size:20px; font-weight:400; color:#fff;}
#contact i.fa {color:#121d1f; margin-bottom:10px;}
#contact .text-danger {color:#E87E04; text-align:left;}
label {font-size:12px; font-weight:400; font-family:'Open Sans', sans-serif; float:left;}
#contact .social {margin-top:60px;}
#contact .social ul li {display:inline-block; margin:0 20px;}
#contact .social i.fa {font-size:30px; padding:4px 5px; color:#fff; transition:all 0.5s;}
#contact .social i.fa:hover {color:#121d1f;}

/* NOGA*/
#footer {background:#121d1f; color:#7d8384; padding:30px 0 25px 0;}
#footer p {font-size:13px;}
#footer a {color:#a0a5a5;}
#footer a:hover {color:#7bc3d1;}

/* KVADRATKI NAD SKILS*/
.box {float:left; line-height:28px;}
.row1 .innerbox {padding:15px;}
.ikona {width:100%; font-size:30px; color:#999; text-align:center; display:none;}
.row1 {width:25%; height:200px; float:left; font-weight:300; font-size:16px; text-align:left; color:#000; background-color:rgba(0,0,0,.1);}
.row1:nth-child(1), .row1:nth-child(7), .row1:nth-child(10) {background-color:rgba(0,0,0,.2);}
.row1:nth-child(6), .row1:nth-child(4) {background-color:rgba(0,0,0,.3);}
.row1:nth-child(3) {background-image:url(../img/about1.jpg);}
.row1:nth-child(5) {background-image:url(../img/about2.jpg);}
.row1:nth-child(12) {background-image:url(../img/about3.jpg);}
.row1:hover {background-color:#7bc3d1; color:#fff;}

/* SLIDE TEKSTI*/
.rslides {position:relative; list-style:none; overflow:hidden; width:100%; padding:0; margin:0;}
.rslides li {-webkit-backface-visibility:hidden; position:absolute; display:none; width:100%; left:0; top:0;}
.rslides li:first-child {position:relative; display:block; float:left;}
.rslides img {display:block; height:auto; float:left; width:100%; border:0;}

/* .jezik { position: absolute; right: 550px; top: 5px; width: 200px; height: 100px;} */
/* .jezik a { padding:10px 0px 10px 0px; margin:10px 10px 10px 10px} */

/* RESPONSIVE PRILAGODITVE */
@media(max-width:1200px) {
.nav > li > a {padding:18px 5px 10px 5px;} 
#contact .w75, #contact .w25 { width:100%}

}

@media(max-width:1000px) {
.nav > li > a {padding:18px 3px 10px 3px;}
.row1 {width:33%;}
.w25, .w75, .w2{width:50%;}

.intro-text h1 { font-size:45px;}
.intro .name { font-size:35px;}
.intro .intro-text {height:250px;}
.intro p { font-size:18px;}

}


@media(max-width:600px) {
.row1 {width:50%;}
.w25, .w75, .w2, .w40, .w60{width:100%;}
#about img { width:50%;}
.slogan { padding:10px; }
.slogan-innerbox {font-size:18px;}
.slogan-innerbox .magenta { width:100%; float:left}

.intro-text h1 { font-size:35px;}
.intro .name { font-size:25px;}
.intro .intro-text {height:170px;}
.intro p { font-size:18px;}

}

@media(min-width:768px) {
section {padding:120px 0;}
}

@media(max-width:480px) {
#contact .w33 { width:100%;}
.slogan-innerbox .magenta { width:100%; float:left}

.intro-text h1 { font-size:25px;}
.intro .name { font-size:20px;}
.intro .intro-text {height:100px;}
.intro p { font-size:18px;}

}


/* .jezik  img { padding:30px 10px 10px 10px; margin;10px} */