body {
    font-family: "Source Sans Pro",sans-serif;
    min-width: 320px;
    padding-top: 70px;
    font-size: 16px;
    background-color: #fff;
}

/* Added by RJ */
.RJdisabled {
   pointer-events: none;
   cursor: default;
}
.RJred, h2.blog-title a.RJred { color: #f00 !important; }
.RJcenter { text-align:center !important; }
.RJrte div * { color: #333; }
.RJrte div input {  border: 1px solid #329B3F !important; }
.RJrte div button { margin-right:3px !important; }
.RJrte .btn-primary, .RJrteS .btn-primary { background: #329B3F !important; color:#fff !important; border: 1px solid #fff !important; }
.RJrte .btn-primary:hover { background: #fff !important; color:#329B3F !important; border:1px solid #329B3F !important;}
#myModal img { max-height: 450px; }
.RJsearchDD { border: 1px solid #ccc; background:#fff; font-size:13px; padding:5px 10px; display:none; }
.RJhidden { display: none; }
.RJblgimg { min-width: 90px; }
.RJblgmc { margin-bottom: 5px; }
/* End Added by RJ */
.center-text{margin-left: auto;margin-right: auto;}
.pull-center {display: inline-block; margin-left: auto; margin-right: auto; vertical-align: middle}
.gray{color: #333;}h1.main-title {font-weight: bold;}
.pointer {cursor: pointer}
h1.main-title .normal {font-weight: normal;}
a {cursor: pointer;}
.gray-bck{background-color: #F8F8FC}
body {padding-right: 0 !important;}
body.modal-open > .container {overflow-y: hidden !important;}
.row, .row.pedit, form{overflow-x: hidden !important;}
body, html {overflow-x: hidden !important;min-width: 320px !important;}
.no-shadow{box-shadow:none !important;}
/*clear stuffs*/
.clear {clear: both;}
a, .btn ,.btn-white span{-webkit-transition:all .3s;transition:all .3s;}
a {color: #333;}
/*a:focus, a:hover {text-decoration: none;}*/
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus, .btn:active, .close:active, .close:focus {outline: none; outline-offset: 0; box-shadow:none;}
.glyphicon-flag {-webkit-transition: all .3s;transition: all .3s}
.no-border{border:none !important;}
.big-skip, h3.big-skip {margin-top: 36px;}
.small-skip {margin-top: 12px;}
.modal .btn {margin-top: 0; padding: 5px 16px; font-size: 16px; line-height: 24px}
/* special Fonts*/
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa, a.more:after {
  display: inline-block;
  font: normal normal normal 24px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.tooltip-inner{background-color:#0068a4;}
.fa-share-alt::before {content: "\f1e0";}
.fa-google-plus:before { content: "\f0d5";}
.fa-reddit::before {content: "\f281";}
.fa-google-plus,  .social-line .btn .fa.fa-google-plus{background-color: #dd4b39;}
.fa-reddit, .social-line .btn .fa-reddit, .re  .tooltip-inner{background-color:#FF4500}
.fa-twitter:before { content: "\f099";}
.fa-twitter, .tw  .tooltip-inner, .social-line .btn .fa.fa-twitter {background-color:#55acee;}
.fa-facebook:before { content: "\f09a";}
.fa-facebook, .fb  .tooltip-inner,  .social-line .btn .fa.fa-facebook{background-color:#3b5998;}
.fa-linkedin:before { content: "\f0e1";}
.fa-linkedin, .lin  .tooltip-inner, .social-line .btn .fa.fa-linkedin{background-color:#007bb5}
.fa-pinterest:before { content: "\f0d2";}
.fa-pinterest, .pi  .tooltip-inner, .social-line .btn .fa.fa-pinterest {background-color:#cb2027}
.fa-instagram:before {content: "\f16d";}
.fa-instagram, .is .tooltip-inner, .pi  .tooltip-inner, .social-line .btn .fa.fa-instagram {background-color: #125688}
.activities  .tooltip-inner{background-color: #125688; font-weight: bold;}
.fa-instagram, .is .tooltip-inner, .social-line .btn:hover .fa.fa-instagram{ background: radial-gradient(circle at 0% 100%,#fed576 0%,#f47133 20%, #bc3081 70%, #4c63d2 100%);}
.facebook-group {background-image: url(../img/facebook-group.svg); background-repeat: no-repeat; background-size: 30px auto;background-position:10px 3px; background-color: #fff; margin-bottom: -8px; border: 1px solid #4c63d2 }
.fa-comments-o:before {content: "\f0e6";}

/* COLORS */
/*.orange, .popover-content a   {color: #ff9102;}*/
/*Bogi Zelena*/
.orange, .popover-content a   {color: #329B3F;}
.black {color:#202020; font-weight: 700}
.red, .err {color:#d01017}
.my-link, .lightblue-link {color: #0085FF;}
.my-link:hover {color: #0068a4;}
/*.orange:hover, .popover-content a:hover   {color: #D01017;}*/
/*Bogi Zelena*/
.orange:hover, .popover-content a:hover   {color: #21682a;}
.glyphicon.glyphicon-flag {color: #ddd}
.glyphicon.glyphicon-flag:hover {color: inherit;}

/* Buttons */
.btn {border-radius: 0;-webkit-transition:all .3s;transition:all .3s;background-color: transparent;}
.btn-warning, .linktag {background-color: #eee;; border-color: #eee; color: #333}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .linktag:hover {background-color: #329B3F; border-color: #329B3F}
.btn-default{border:1px solid #333}
 hr.blue{margin: 3px 0 ; border-top: 2px solid #0068a4;}

/* Navbar*/
.navbar-djoci .btn span.glyphicon-user {color: #329B3F; }
.navbar-djoci .btn:hover span.glyphicon-user{color: #21682a;}
.navbar-djoci .navbar-nav>li>a {color: #101010;}
.navbar-djoci .navbar-nav > .active > a, .navbar-djoci .navbar-nav > .active > a:focus, .navbar-djoci .navbar-nav > .active > a:hover {color: #555; background-color: transparent;}
.search-field {background: #fff; min-width:100vw;min-height: 30px; padding: 30px;position: fixed; right:0; top:50px; 
					box-shadow: 2px 2px 4px 2px rgba(0,0,0,.3);   animation-duration: .5s;z-index: 2;background-color: #eee}
button.close{margin-top: -25px;margin-right: -15px}
.form-control {border: 1px solid #329B3F;box-shadow: none;}
.navbar-brand {display:  inline-block; height: 50px; position:relative;z-index: 1}
.navbar-brand > img {display: inline-block; position: absolute; top:3px }
.navbar-toggle.navbar-left {background: transparent; margin-bottom: 0;padding: 0 6px; font-size:27px; color:#329B3F; border:0;}
.logotext {display: inline-block; margin:0;transition:all 0.3s;position:relative; margin-left: 40px}
.logotext .aos, .logotext .slogan {display:  block;margin: 0 ;}
.logotext .slogan {color: #000; font-size: 15px;margin-top: 3px;}
.logotext .slogan.slogan-bogi { font-weight:bold; margin-top: 1px !important;; font-size: 12.7px;margin-top: 3px; letter-spacing: -.7px;transform: scaleY(1.2)}

.logotext .aos{font-weight:bold; font-size:23px;margin-top: 3px;}
.logotext .art {color: #d01017;}
.logotext .of {color: #329b3f;}
.logotext .saving {color: #0068a4;}
.logotext .aos,.logotext .art, .logotext .of, .logotext .saving {color: #0F8AFF; transition:all 0.3s;}

.logotext .aos span {margin-right: 6px}
.logotext .aos{ font-style:italic;}
.navbar-brand:hover  .logotext .art {color: #329b3f;}
.navbar-brand:hover .logotext .of {color: #0068a4;}
.navbar-brand:hover .logotext .saving {color: #d01017;}
button .navbar-user-img-lg {margin-top: -6px; border-radius: 50%; margin-right: -15px;height: 40px; width: 40px;}
.navbar-form button {padding: 3px 6px 4px 5px; margin-left: -4px}
nav .form-control:focus {box-shadow: none; border-color:#329B3F;    }
/*PAGINACIJA*/
.pagination{margin-top: 0; margin-bottom: 10px}
.pagination > li > a, .pagination > li > span {position: relative;float: left;margin-left: -1px;line-height: 1.42857143; color: #333333; text-decoration: none;  background-color: #fff; border: 1px solid #ddd;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #329B3F;
    border-color: #329B3F;
}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    color: #333333; background-color: #FBF3DD; 
}

/* KOLONE */
.colon-left, .colon-main, .colon-right, .com-author-img, .com-frame, .ans-frame {float: left;}
.colon-left {width:170px;min-width:170px;min-height:100vh;margin-right: 10px;margin-left: -15px;}
.my-link {display: block; width: 100%; border:1px solid #eeeeee;  margin: 0 0 -1px 0; padding: 6px 5px; background: #fff; text-decoration:none }
.colon-right  {width:300px; margin-left: 10px; margin-right: -15px;}
.right-item {border-top: 3px solid #d01017;
    box-shadow: 0 2px 3px rgba(0,0,0,.3);
    background: #fff;margin-bottom: 15px;} 


/* MIDDLE ROW */
h1.main-title {background-color: #0068a4; color:#fff; margin-top:0;margin-bottom:10px; font-size:30px;padding:3px 5px;border:0 }

h2.blog-title{ font-size:20px; margin-top:0;margin-bottom:0;}
h2.blog-title a, h2.blog-title{color:#0085FF;}
p.info {color:#666; font-size:16px;}
.blog-item, .blog-single, .directory-item, .question-single {margin-bottom: 10px;background: #fff; overflow: auto;padding-top: 5px;}
.blog-item:first-of-type , .directory-item:first-of-type{border-top:0}
.blog-image {height: 90px;max-height: 90px; float: left;margin-right: 5px;}
.colon-main .blog-image {margin-bottom: 10px}
p.blogstat {margin-top:-5px;line-height: 120%}


a.more:after {content: "\f101"; margin-left:5px; font-size: 20px }
.social-line {padding:1px;text-align: center;margin-bottom: 0; margin-top:10px;overflow-x: hidden !important;background: #eee;color:#fff; }
.blog-single .social-line, .question-single .social-line {background: transparent;}
.social-line .btn:hover .fa{color: #fff;}
.social-line .fa {width:25px; height:25px; font-size: 16px;padding-top:4px; 
					border-radius:50%; }
		
.canshare .fa {background:#fff; transition:  all .3s; color: #FFF}					
.blog-single .fa  {color:#fafafe}
.blog-single .social-line .share .fa-share-alt, .blog-single .social-line {background-color:transparent;color: #9aa2ab}
.social-line .btn {padding:2px; margin: 0 5px; }
.share {display: inline-block; color: #9aa2ab} .social-line .share .fa-share-alt {background-color: #eee ; color: #9aa2ab; 
  font-size: 24px !important; line-height: 24px !important; vertical-align: text-bottom 
  }
 .input-group-btn .btn-white{margin-top: 0;} 
 /*SINLGE BLOG*/
 .blog-single h1{margin-top: 5px; font-size: 30px; } 
 .question-single h1{margin-top: 5px; font-size: 26px; }
 .blog-single h3 {font-size: 19px;}
.reklama {background: #EEEEEE;padding: 10px; margin-top: 10px;position:relative; border:2px solid #fff}
.reklama img {max-width: 100%; height: auto;margin: 0 !important;}
.closeadd {color:#888;position: absolute;right:0; top:0; border:1px solid #888; padding: 0; line-height: 15px;width: 15px; height: 15px; 
	border-radius: 20%;background: rgba(255,255,255,.5); font-size:15px; line-height:10px; }
.closeadd:hover {color: #333; border-color: #333}
.blog-single h2{color: #000; margin-top: 15px; margin-bottom:10px; border-bottom: 2px solid #d01017 }
.blog-single .well{background: #EEEEEE; color: #000; border-color: #d01017;}
.blog-single img {max-width: 100%; width:100%; height: auto;margin: 10px 0 15px}
.blog-single img.olovka{width:100px;}
.linktag {padding: 1px 4px; color: #333; display:inline-block; margin-bottom:5px;}
 img.author {float: left;margin:5px 10px 0 0; vertical-align: text-top; width:150px; height:150px; }
.author {overflow: auto;}
.linktag:hover {color: #fff; }
.blog-single  ul.blogs-suggested li {    list-style-type: square; color: #329B3F; transition: all .3s;}
.blog-single  ul li:hover, .question-single ul li:hover{color: #21682a;}
.blog-single textarea {height: 35px; max-height: 250px; min-height: 35px;}
textarea {resize: vertical}
.blog-single form {padding: 0; margin-bottom: 10px;margin-top: 15px;}
div.author {border-bottom: 2px dotted #ddd; padding-bottom: 15px;margin-bottom: 15px;} 

.stars, .zvezde .glyphicon {color:#FE830E;}
.stars {font-size: 11px}
.margin-right {margin-right: 10px;}
.block {display: block;}
.i-block{display: inline-block;}
.single {margin: 0; line-height: 19px;}
/*.pro:after{content: "PRIME"; background-color: #FE830E; color:#fff; font-size:80%; font-weight:bold; border-top-left-radius: 10px;
border-bottom-right-radius: 10px; padding: 2px 6px 2px 6px;   display:inline-block; width:50px; margin-left:auto; margin-right:auto;}*/
.pro:after{content: "PRIME"; background-color: #329B3F; color:#fff; font-size:80%; font-weight:bold; margin-right: 5px;
padding:0 4px 6px 4px;margin-left:5px; display: inline-block; height: 18px;line-height: 20px;border-top-left-radius: 8px;
border-bottom-right-radius: 8px;}
.colon-left .pro:after {display: block;margin-left:auto; margin-right:auto;width:48px}

.blue {color: #0085FF;}

.roto{background: #fff;text-align: left;margin-bottom: 10px;border: 1px solid #0068a4;margin-left:-15px;padding: 0 10px 0 0;text-align: center;}
.supporters {background:#0068a4; color: #fff;padding: 0 3px;float: left;}
.supporters-text{display: inline-block;  margin-left: auto; margin-right: auto;color: #0068a4;}
.popover-content {padding: 0;}
.popover-content a { display: block;font-weight:normal; font-size: 12px;padding: 2px 8px;}
.popover-content a:hover {background: #fffcf7; width: 100%}
/* PROFILE */
span.input-group-addon {
    border: 0;
        border-left-width: 0px;
        border-left-style: none;
        border-left-color: currentcolor;
    background: 0;
    padding: 0 2px;
}
nav span.input-group-addon {
    border: 1px solid #329B3F;
    background: #329B3F;
    padding: 0 2px;
    color:#fff;
    padding: 0 6px;
}
span.input-group-addon img {border: 1px solid #ddd}
.cmplx-input .fa {color: #fff; width:25px; height:25px;text-align: center;padding-top: 4px}
.cmplx-input .my-soc-link {display: inline-block; width:205px;text-align: right}
.cmplx-input input.soc-link {margin: 2px; height: 24px; border-width: 0  1px 1px 0;display: table-cell; width: 220px;}
.user-form label  {margin-top: 12px;margin-bottom: 0}
.user-form .form-group {margin-bottom: 0;}
.datepicker table  {min-width: 250px;margin-left: auto; margin-right: auto}
 .sel-left .form-group {margin-bottom: 0;}
 .lightgray{color:#333;}
 footer .colon-left {display: none;}
@media screen and (min-width:1271px){
.roto{margin-right: 5px;}
footer .colon-left {display: inline-block;}
}
/*.hide-sm {display: none !important;}*/


@media screen and (min-width:1061px){
.visible-mysm{display: none;}
/*.hide-sm {display: inline-block !important;}*/
}

@media screen and (min-width:768px){
	.vrh-class {padding-left: 10px; padding-right: 10px;box-shadow: 1px 2px 3px rgba(0,0,0,.3);}
	body{background-color: #f8f8fc;}
	.container-main{padding-right: 0}
	nav .container-main{padding-right: 15px}
	.navbar-djoci{border-bottom: 3px solid #fff; font-size: 18px;background:#fff;box-shadow: 0 1px 4px  rgba(0,0,0,.2);height:53px;}
	.navbar-djoci .navbar-nav>li>a {border-bottom: 3px solid #fff; margin-bottom: -4px;	}
	.navbar-brand {padding: 2px 15px 3px 0;}
	.navbar-brand img{    height: 44px;}
	.navbar-djoci span.glyphicon.glyphicon-menu-down {font-size: 14px}
	.navbar-djoci span.glyphicon-lg {font-size: 21px;}
	.navbar-djoci .navbar-nav > li > a:focus, .navbar-djoci .navbar-nav > li > a:hover {
	    color: #3ab54a; background-color: transparent; border-bottom-color:  #3ab54a;}
    
	.navbar-djoci .navbar-right li button {padding: 12px 15px;border:3px solid transparent; border-width:0 0 3px 0; margin-bottom: -3px}	
	.navbar-right li {margin-top: 1px }
    .navbar-right .dropdown-menu{top:33px; width: 110px;}
	.navbar-djoci .navbar-nav > .active > a, .navbar-djoci .navbar-nav > .active > a:focus, .navbar-djoci .navbar-nav > .active > a:hover {
	    color: #0068a4; background-color: transparent; border-color:#0068a4;}
	   .navbar-djoci .navbar-right li.active button.guest { border-color:#0068a4;} 
       .navbar-djoci .navbar-right li.active button img {box-shadow: 0 0 2px 1px #0068a4;transition:all .3s}
       .navbar-djoci .navbar-right li.active button:hover img {box-shadow: 0 0 1px 0px #0068a4;} 
       .navbar-djoci .navbar-right li button:hover img {box-shadow: 0 0 2px 1px #3ab54a;transition:all .3s} 
	.navbar-djoci .dropdown-menu{min-width: 100%;top: 52px; font-size: 16px; padding-top: 0; padding-bottom: 0; border-radius: 0}
	.tooltip-inner {width: 90px; font-size:12px;line-height: 130%; padding: 5px;}
	nav .glyphicon-user:after {content: "Sign-In"; font-size: 10px;display: block;margin-left: -10px; position: absolute; width: 40px; height: 12px; text-align: center;}
	.soclike {display: block; font-size: 30px; color: #fff;}
	.soclike .fa {  width: 45px; height: 40px; text-align: center;padding: 6px}
	.soc-bar {position:  fixed; left: -5px; top:200px; top:calc(50vh - 140px);z-index: 2}
	.soc-bar a:hover{color:#fff; margin-left:5px;transition: all .3s;}
   .visible-small{display: none !important}
   	h1.main-title{box-shadow: 1px 2px 3px  rgba(238,238,238,1); }	
   /*blog*/
   .blog-item, .blog-single, .directory-item, .question-single {box-shadow: 1px 2px 3px rgba(0,0,0,.3);padding-left: 10px;padding-right: 10px;}
   .social-line, .reklama{ margin-left: -10px; margin-right: -10px;}
   .pregleda{float: right;}
   .nadji input {min-width: 25vw;margin-bottom:0}
   .sel-left .form-group {margin-left: -30px}
   .navbar-comment .navbar-nav.pull-left a {border-bottom: 2px solid #ddd; padding-right: 10px; padding-left:5px; font-weight:  bold; text-transform: uppercase; font-size: 20px}
 }

@media screen and (max-width:767px){
	.navbar-brand {padding: 2px 15px 3px 5px;}
	.navbar-brand img{    height: 44px;}
	.visible-small{display: inline-block}
	.navbar-djoci {border-color:  #329B3F; background-color:#fff }
	button.navbar-toggle  {border-color:  #329B3F; background: #fff}
	button.navbar-toggle .icon-bar:nth-of-type(2) {background: #D01017;}
	button.navbar-toggle .icon-bar:nth-of-type(3) {background: green;}
	button.navbar-toggle .icon-bar:nth-of-type(4) {background: blue;}
	button .navbar-user-img-lg {margin-top: -4px;  margin-right: -15px;}
	.colon-left{z-index: 1029}
	.glyphicon-user{font-size: 22px; }
   .glyphicon-user:after {content: "Sign-In"; font-size: 10px;display: block;margin-left: -10px; position: absolute; width: 40px; height: 12px; text-align: center;}
   .btn-user {margin-right: 0px; margin-top: 3px}
   .navbar-djoci span.glyphicon-lg {font-size: 21px;}
	.btn-lupa {margin-right: 6px; margin-top: 8px;}
	.search-field {
	    background: #fff;
	    min-width: 100%;
		 width: 100%;
	    padding: 30px 15px 15px 15px;
	    right: 0;
	    top: 50px;
	    box-shadow: 1px 3px 2px 1px rgba(0,0,0,.2);
	    -webkit-animation-duration: .3s; animation-duration: .3s;
	}
	.search-field .btn-default{ float: left;}
	/*.search-field .btn-warning {float: right;}*/	
	.pregleda:before{content: "|";}
.first-message select {margin-left: 5px}	

/*PAGINACIJA*/
ul.pagination li {display: none;}
ul.pagination li.active {display: inline-block;}
.vidi-xs{display: inline-block !important;}	
.visible-mysm{display: none;}	

/*Samo jedna forma na mobilnom telefonu*/
.navbar-form.navbar-right{display: none !important;}
}

@media screen and (max-width:404px){
.logotext .slogan, .logotext .aos{display: none;}
.logotext .aos{font-weight:bold; font-size:17px;margin-top: 3px;margin-right: -20px;}
.social-line .btn{margin: 0}
img.author {float:none;margin-top:5px;margin-left: auto; margin-right:auto;display:block; width:150px; height:150px;}
}
@media screen and (max-width:359px){
.logotext .slogan, .logotext .aos{display: none;}
}




@media screen and (min-width:1060px) and (max-width:1270px){
	.container {width:970px;}
}
@media screen and (min-width:840px) and (max-width:1059px){
	.container {width:750px;}
}
@media screen and (min-width:768px) and (max-width:839px){
	.container {width:680px;}
	.container {width:720px; margin-right:0px}
}
@media screen and (min-width:768px) and (max-width:1270px){
	.navbar-toggle.visible-large {display: inline-block;margin: -4px 0 -10px 0}
	.colon-main {width: 500px; width: calc(100% - 295px); margin-left:-15px;}
	.navbar-collapse.collapse {position: relative;}
	.navbar-form {padding-top: 2px;position: absolute; right:85px}
	.navbar-form input {transition: all .3s linear; width: 150px !important;transform-origin: right; transition-delay: 0.1s;}
	.navbar-form input:focus, .navbar-form input.focused {width: 390px !important;}
}
@media screen and (min-width:1271px){
.colon-main {width: 500px; width: calc(100% - 510px + 30px)}
.colon-left.collapse{display: block !important;}
	.link-holder{border-top:3px solid #d01017;box-shadow: 0 2px 3px rgba(0,0,0,.3)}
.link-holder{width: 170px}
.affix{top:65px;position: fixed;}
.navbar-collapse.collapse {position: relative;}
.navbar-form {padding-top: 2px;position: absolute; right:30px}
.navbar-form input {transition: all .3s linear; width: 150px !important;transform-origin: right ; transition-delay: 0.1s}
.navbar-form input:focus, .navbar-form input.focused {width: 400px !important;}
}
@media screen and (max-width:767px){
.colon-right{display: none;}
.colon-main{width: 100%;}
form, form button,  .btn-block, .actions-qaa .glyphicon {position: relative; z-index: 0 !important;}
.logotext .slogan.slogan-bogi {font-size: 10.5px}
}
@media screen and (min-width:768px) and (max-width:1059px){
	.colon-right  {width:200px;}
	.colon-main {width: 500px; width: calc(100% - 195px); }
	.visible-mylg{display: none;}
}



@media screen and (max-width:1270px){
	.colon-left{position: fixed;top:50px;right: -15px; width: 300px; background: #fff;  
		height:auto; height:-webkit-calc(100vh - 50px);height:calc(100vh - 50px);}
	.colon-left.collapsing{ width: 300px; right:-320px; height:-webkit-calc(100vh - 50px) !important;height:calc(100vh - 50px) !important; overflow: hidden; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .35s; -o-transition-duration: .35s; transition-duration: .35s; -webkit-transition-property: all; -o-transition-property: all; transition-property: all;}
	.colon-left.collapse.in { box-shadow: -2px 0 4px 2px rgba(0,0,0,.3);  width: 300px; overflow: hidden; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .35s; -o-transition-duration: .35s;  transition-duration: .35s; -webkit-transition-property: all; -o-transition-property: all; transition-property: all;}
	.link-holder a img {display: none !important;}
	.affix{position: relative;}				
}


/*.form-subscribe .err {line-height: 0;}*/
.form-subscribe .input-group{margin-bottom: 10px}
.form-subscribe .err, .form-subscribe .form-group{margin-bottom: 0} 
.form-subscribe .form-control {border: 1px solid #d01017;}
.form-control {border-radius: 0; }
.form-subscribe {background: #fff; color: #fec10e;padding: 5px 10px 13px 10px;margin-bottom: -4px;}
.form-subscribe legend {border-bottom: 0;color:#0085FF; margin-bottom: 13px; margin-top:5px;text-align:center;line-height: 22px;}
/*.btn-white {background: #fff; border: 1px solid #d01017; color:#FE830E;font-size:18px; line-height: 20px;margin-top:6px}
.btn-white:hover {background: #FE830E; color:#fff;border-color:#fff; }*/
.btn-white {background: #FE830E; border: 1px solid #fff; color:#fff;font-size:18px; line-height: 20px;margin-top:6px}
.btn-white:hover, .btn-white:hover > span {background: #fff; color:#FE830E;border-color:#d01017; }
/*Bogi */
.btn-white {background: #329B3F;}
.btn-white:hover, .btn-white:hover > span {color:#329B3F; border-color:#329B3F; }

.btn-blue {background: #0068A4; border: 1px solid #fff; color:#fff;font-size:18px; line-height: 20px;margin-bottom: 10px;}
.btn-blue:hover, .btn-blue:focus,.btn-blue:active,.btn-blue:hover > span, .btn-blue.active {background: #fff; color:#0068A4;border-color:#0068A4; }

.form-subscribe .form-control:focus {-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(233,175,102,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(233,175,102,.6);}

.colon-right  .related-art{background:#eeeeee;padding: 5px 5px 10px 5px;}
.colon-right  .related-art a {display: block;box-shadow:none;background:transparent;padding:0; margin:0 }
.colon-right  .related-art a, .related-art a h3 {font-size: 16px; }
.colon-right .related-art h2 {font-size: 20px; line-height:20px; margin:0; padding:5px 5px 10px 0; color:#000; font-weight: 700;margin-bottom:-10px;   }
.colon-right  .blog-item img {height: 50px}
.colon-right .qaa a {margin-top: 15px;}


.link-holder {background: #fff;}
.link-holder a img, .link-holder a .member-name {width: 90%;margin:0 5% 0 5%; }
.link-holder a img {max-height: 160px;}
.link-holder a .member-name {display: block; width: 100%; text-align: center; padding: 0; margin:2.5% 0 2.5% 0; }
.single-line {margin-bottom: 1px}
.btn-djoci {padding: 6px 30px;}
.first-message {background-color: #fff;color:#0085FF;}
.white {color: #fff;}
.colon-main .blog-item:first-of-type{ border:1px solid #d01017;}
	
	
}

.navbar-comment {
  min-height: 0;

  border: 1px solid transparent;
	border-radius: 0; 
}
.navbar-comment.navbar-comment-vote ul >li{margin-right:5px}
.navbar-comment ul >li > a  {height: auto;min-height: 0; padding:3px 0;}
 .navbar-comment ul.dropdown-menu >li > a  {padding:3px 5px;}
 .navbar-comment .navbar-right{margin-right: 0;}
 .navbar-comment ul >li > a:hover, .navbar-comment ul >li > a:active,.navbar-comment ul >li > a:focus, .navbar-comment .drop-down.open, .navbar-comment .nav .open > a, .navbar-comment .nav .open > a:focus, .nav .open > a:hover {background: transparent;}
 hr{margin-bottom: 0}
 
 .providan {opacity: 0; height: 0; margin:0; padding:0; overflow-y: hidden !important;}
 .vidljiv {transition:all .3s}
 .btn-center{margin-left: auto;margin-right: auto;display: block;}
.com-author-img {width: 48px; margin: 0 0 0 15px;}
.com-author-img img {width: 100%; height: auto;margin-top: 3px;}
.com-frame, .ans-frame {padding-left: 5px;width: calc(100% - 81px);overflow-x: hidden;}
.com-frame {line-height: 120%; font-size: 16px;}
.bloger-name{font-weight: bold; color:#202020;}
.head-line .btn{padding: 0; margin-right: 10px;font-size: 18px; margin-top: -5px}
.btn.otvori,.btn.zatvori{color:#999;}
.submit-coment  {  overflow-y:hidden; }
@media screen and (max-width:767px){
.submit-coment .navbar-nav > li {
    float: left;
}
.submit-coment .nav > li {
    position: relative;
    display: block;
}
.submit-coment .nav  {
margin-left: 0;
}

.submit-coment nav.navbar ul{ width: auto; min-width: 1px;position: relative}
.submit-coment .dropdown-menu.dropdown-menu.dropdown-menu {
    position: absolute;
    top: 100%;
    float: left;
    min-width: 160px;
    padding: 0;
    margin: 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);

}
   .submit-coment .navbar-right .dropdown-menu {margin-left: -102px !important;} 
   nav ul.dropdown-menu {box-shadow: none ; border: 0;}
   .cmplx-input input.soc-link {
    height: 24px;
    border-width: 0 1px 1px 1px;
    width: 100%;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 5px;
    border-top: 1px solid #FFF9E6;   
}
   }
.replay-line {margin-top: 5px;}   
.com-content form {margin-top:0 }
.comm-share-btns {display: inline-block; width:0; height: 23px; overflow:hidden;transition:all 0.3s; transition-delay:1s;vertical-align: text-top;margin-top:-4px;margin-bottom: 5px}
.comm-share-btns.wide {display: inline-block; width:200px;  transition-delay:0s;}
.comm-share-btns  .btn {margin: 0 3px; padding: 0; }
.comm-share-btns .btn .fa {width: 20px; height: 20px; border-radius: 50%; padding-top: 3px;font-size: 13px}    
.colon-main div.collapse{ overflow-x: hidden !important; }

.dir-form {margin-top: 7px; margin-bottom: 6px }
.dir-form .form-group {margin-right:10px}
.main-dir .first-message {padding-top: 0;margin-top: -3px}
.dir-form fieldset {display: inline-block;margin-right: 10px; }
.main-dir .col-xs-4{padding-left: 0; padding-right: 0;}
.no-pad{padding-left: 0; padding-right: 0}
.width75 {width: 75px}
p.width75{line-height: 100%;margin-bottom: 3px}
.pull-top {margin-top: -5px; line-height: 120%;}
a.orange.frame {border:1px solid #d01017; width: 105px;padding: 0 2px; line-height: 100%; margin-bottom: 3px;text-align: center; }
/*Bogi*/
a.orange.frame {border-color: #555}
.stat-qaa, .ques-text {float: left;}
.btn-light {border:1px solid #F8F8FC; width: 100%;height: 20px;padding: 0px}
.btn-light.up:hover {color: #00aa00} 
.btn-light.down:hover {color: #aa0000} 
.votes-label {font-size: 13px;padding: 2px 0 2px 0}
.votes-label:nth-child(3){padding-bottom: 3px}
.votes-label:nth-child(1){padding-top: 3px}
.com-author-img .votes-label {font-size: 12px;padding: 0 0 0 0}   
}

.user-img{margin-right: 5px;}
.num-votes{font-weight: bold;}
.vote-env {border:1px solid #ddd; width: 70px;padding:0;background: #F8F8FC;margin-bottom: 5px;/* min-height: 73px*/}
.question-single .vote-env{ min-height: 45px}
.vote-env.blog {width:48px;font-size:8px;min-height:50px;margin-top:-10px}
.vote-env .no-answers {background-color: #d01017; color: #fff}
.question-single .stat-qaa {width: 70px;}
.frame-ans {margin-left: 5px; padding-top: 20px; background: #fff; border-color:#d01017; width: 70px}
.ques-text { margin-left: 10px;width: -webkit-calc(100% - 180px); width:calc(100% - 180px);}
.question-single .ques-text { margin-left: 10px;width: -webkit-calc(100% - 110px); width:calc(100% - 110px);}
.directory-item  .ques-text .tags a {line-height: 14px; font-size: 13px;padding-bottom: 2px;margin-top: 3px;}
.listing .directory-item{padding-bottom: 5px;padding-left: 5px;}
.ques-text .blog-title {font-size: 16px;line-height:18px}
.item-meta {font-size: 14px; margin-top: 3px}
.actions-qaa a{color: #ddd;}
.actions-qaa a:hover {color: #333;}
.orange-bcgk {background:  #FFFFFF; color: #329B3F; padding: 0; font-size: 20px;height:65px}

.orange-bcgk .form-control:focus {
    border-color: #329B3F;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(1,0,0,.075),0 0 5px rgba(50,155,63,.3);
    box-shadow: inset 0 1px 1px rgba(1,0,0,.075),0 0 5px rgba(50,155,63,.3);
}
nav .orange-bcgk input {margin-left: -25px}

.directory-item .vote-env  > div:nth-child(2) {border-bottom: 1px dotted #999;  border-top: 1px dotted #999}
.user-img img{height: 73px}
.large-pad {padding-top: 10px;padding-bottom: 5px;}
.smallest {font-size: 12px;line-height: 14px; margin-bottom: 0px; font-weight: bold;color: #999}
.question-single .item-meta { max-width: 50%;line-height: 150%;margin-bottom: 5px;}
.zor-row{margin-left: 0; margin-right: 0}
.answer-envelop .colon-main .form-subscribe{padding: 5px 0 5px 0;margin-bottom: 0;}
.zor-row .com-author-img {
    width: 70px;
    margin: 0 10px  15px;
        margin-left: 0;
}
.zor-row .com-author-img img {margin-bottom: 10px}
 a.graytag {background-color: #eee; border-radius:10px; padding-left: 8px; padding-right: 8px;color:#333; font-weight:normal;line-height: 120%;}
.replay-line{font-size:14px }
ul.animated > li > ul > li > a:hover {background-color: #eee}
.form-ask {padding-top: 14px;}
@media screen and (max-width:767px){
.form-iten {max-height: none; height: auto; text-align: center;padding: 0;}
.form-iten .control-label {margin-bottom: 0}
.form-iten .form-group {margin-bottom: 8px;}
.form-ask input {display: inline-block; width: 100%;margin-bottom: 0;margin: 0 0 -10px 0}
.user-img, .tags{display: none;}
.ques-text {
    margin-left: 5px;
    width: -webkit-calc(100% - 95px);
    width: calc(100% - 95px);

}
.item-meta{width: calc(100vw - 30px);margin-left: -75px;margin-top: 5px}
.item-meta span.pull-right{margin-right: 22px;margin-left: -15px}
.ques-text h2.blog-title{display:  inline-block;min-height: 70px}
.item-who-data a {max-width: 80px; max-width: calc(100% - 225px); overflow: hidden; display: inline-block;
    text-overflow: ellipsis;
    height: 18px;margin-bottom:-5px}
}
.question-single .item-meta {margin-left: 0px}
.question-single .item-meta .item-who-data a {max-width: 180px }
textarea.form-control {border-top-width: 1px  !important }

textarea.single-coment, .note-editor  {width: calc(100% - 45px);margin-left: 45px;display: inline-block; }
.odgovarac {display: inline-block; width: 35px; height: 35px; background: #f8f8fc;margin-right: -39px;text-align: center;
    margin-bottom: -5px;vertical-align: top;}
.odgovarac .glyphicon {color: #fff; font-size: 28px;margin-top: 2px}
.odgovarac img {margin: 0;}

/* LOGIN MODAL */
.mylogin .btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
.mylogin .btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}
.mylogin  .btn-danger:active, .mylogin .btn-danger:focus, .mylogin .btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}
.mylogin .btn-primary:active, .mylogin .btn-primary:focus, .mylogin .btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}
.mylogin .btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}
#xpwd, #xeml {  margin-top:0;}
.mylogin .modal-content {max-width: 350px;margin-left:auto;margin-right:auto;}
.mylogin .modal-body {max-width: 350px;margin-left:auto;margin-right:auto;}
.modal-dialog .btn, .or-row, input {margin-bottom: 12px}
 input.nav-input {margin-bottom: 0}
.modal-content .text-left {padding-right: 0}
.blue-link, .green-link {background: #0068A4;padding: 3px 6px;border-radius: 3px; color:#fff; cursor: pointer;}
.green-link {background: #8fd400}
.green {color: #8fd400}
.blue-link:hover, .green-link:hover {background: #ddd;color:#444;}
.modal-footer{text-align: center;}
.or-email {background: #0068A4;padding: 4px 5px;border-radius: 50%;color:#fff;border:1px solid rgba(16, 70, 98, 0.6);}
.or-row:before {display: inline-block;content: ""; width:25%; height: 1px; background-color: #0068A4;background:linear-gradient(-90deg, #0068A4, rgba(255,255,255,0));
vertical-align: middle;margin-right: 3px;}
.or-row:after {display: inline-block;content: ""; width:25%; height: 1px;  background-color: #0068A4;background:linear-gradient(90deg, #0068A4, rgba(255,255,255,0));
  vertical-align: middle;margin-left: 3px;}
.checkme {font-weight: normal;}
.glyphicon-refresh {font-size: 25px;display: inline-block;height: 35px;width:38px;padding:4px 6px;margin-left: 5px;}
.glyphicon-refresh:hover{color: #337ab7}
.modal p {line-height: 105%;}
.gray{color:#333;}
.or-row {margin-top: 24px;margin-bottom: 24px}
.capcha {position: relative;height:35px;margin-bottom: 15px}
.my-left {margin:0; height:35px;position: absolute;}
.my-right input {width: 145px;right:0;position: absolute;}
.my-left:nth-child(1) img {height: 35px; float:left;border:1px solid #ddd; }
.my-left a img {width: 35px !important;margin-left: 5px; }
.rj_prompt textarea {overflow-y: auto; max-height:300px !important;}

@-webkit-keyframes fadeIn{from{opacity:0;}
to{opacity:1;}
}
@keyframes fadeIn{from{opacity:0;transform:translatey(-500px);}
to{opacity:1;transform:translatey(0);}
}
@-webkit-keyframes fadeOut{from{opacity:1;}
to{opacity:0;}
}
@keyframes fadeOut{from{opacity:1;}
to{opacity:0;transform:translatex(-500px);}
}
.mylogin.modal.fade{opacity:0; transition:all .5s; -webkit-animation-name:fadeOut;animation-name:fadeOut;-webkit-animation-duration:0.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.mylogin.modal.fade.in{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:0.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}


/*nav ul.dropdown-menu li {font-size: 16px; width: 100vw}*/
.service-form  .btn.btn-white {padding: 6px 8px; margin-top:-5px;}


.radio.zvezde {padding-top: 0; margin-bottom: -5px}

.service-form .form-inner {background: #fff; box-shadow: 1px 2px 3px 4px rgba(0,0,0,.1);
    overflow: hidden;
    border-radius: 6px; border:1px solid #777; padding: 0 10px 10px}
.service-form  {position: fixed;  z-index: 20000 !important; padding:11px;
 }
.service-form h3 {background: #F8F8FC; margin: 0 -10px; padding: 5px; border-bottom:1px solid #ddd}

.service-form:before{content: "";   width: 0; 
  height: 0; 
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent; 
  position: absolute;top:115px; left:0px;
  border-right:12px solid #777;  }
 .form-control-feedback {
    position: absolute;
    top: 0;
    right: 10px;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
}
.form-control-feedback {color: transparent;}
.has-error .form-control-feedback {color: #a94442;;}
.center-cont .vote-env { margin-left: auto; margin-right: auto;  }
footer {background: #EEEEEE; padding: 15px 0;  box-shadow: 0 -2px  3px rgba(0,0,0,.3);}
footer p {margin: 0}
.colon-main h3 {font-weight: bold}

.form-inner .radio.zvezde   {font-size: 15px}
.form-inner .radio.zvezde span {margin-right: 2px}
td .btn-trans, td .btn-trans:hover {background: transparent; border:0;padding: 0px 6px; font-size: 16px;}
td .btn-danger.btn-trans {color: #d9534f }
td .btn-primary.btn-trans {color: #333; transform: rotate(-20deg);margin-right: 12px; }
tr td:nth-child(4) {text-align: right;}
.table > tbody > tr > td {padding:  0; line-height: 30px;border: 0}
.table > thead > tr > th {padding:  8px 0;border:0;}
.row.nopad {margin-left:0; margin-right: 0;margin-top:0}
.row.nopad .col-xs-6 {padding: 0}
table  tbody   tr > td {  padding: 0 4px !important; max-width: 23vw;max-width: calc((100vw - 100px) / 3);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis !important;
}
table  tbody   tr > td {  padding: 0 4px !important; max-width: 15vw;max-width: calc((100vw - 100px) / 6) ;
overflow: hidden !important;;
white-space: nowrap !important;;
text-overflow: ellipsis !important;
}
table tbody tr > td:nth-child(4) {min-width: 80px; max-width: 80px; }
.voteup-count.label-info {margin: 0 7px;font-size: 16px; color: #333; background: #f5f5f5; border:2px solid #ddd; text-align: center;}

/* footer  {position: relative; z-index: -1;} */
/* ADDED ON FIRST REVISION */
.right-item.related-art ul {padding-left: 18px}
.form-control.normal-width {max-width: 200px; display: inline-block; margin-left: 5px; margin-right: 5px}
.right-item .blog-image {max-width: 50px; overflow-y: hidden}

.rss {
    color: #fff;
    background: #ff7a08;
    font-weight: bold;
    padding: 0px 2px;
    text-decoration: none;
    margin-right: 2px;
}
.social-line.mar-top {margin-top: -5px; margin-bottom: -15px}
.no-bott-mar {margin-bottom: 0;}
.no-top-margin {margin-top: 0}
.no-ver-pad{padding-top: 0}
.navbar-form.navbar-right{background: #FFFFFF; padding-left:0; padding-right:0;padding-top: 0; margin-right: 7px}
.navbar-djoci .navbar-right li button{padding-top: 8px; }
.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    float: right;
    margin-top: -35px;
    text-indent: 100%;
    margin-right: 10px;
    opacity: 0.3;
    white-space: nowrap;
    background: #329B3F url(../img/cd-top-arrow.svg) no-repeat center 50%;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top:hover{opacity: 1}


/*INDEX STRANA*/
.row-or { background: rgba(255,255,255,0.3); padding: 20px; border-radius: 30px; box-shadow: 0 0 2px 2px #efefef; margin-top:0; }
.graytext {
 font-size: 28px;
 color: #888;
}
.moto-cont .large {font-size: 32px}
.orblock{background: #329B3F; padding: 15px 5px; border-radius: 15px;margin-top:40px; margin-bottom:40px; 
		color:#FFFFFF; cursor: pointer; font-size:14px; transition:0.3s}
.orblock:hover{background:#21682a }
.orblock h2 {color: #FFFFFF;margin: 0}
.bLeft .orblock {margin-left: calc(100% - 200px);}
.bRight .orblock {margin-right: calc(100% - 200px);}
.you{background: #0068A4; color: #FFF; font-size: 40px; width: 130px; height: 130px; 
	margin-left: auto; margin-right: auto; border-radius: 50%; padding-top: 35px; }
.ravna-crta {height: 3px; background: #999;margin-top: 120px; margin-bottom: -65px;  
	width:100%;}	
.you-cent {border-left: 3px solid #999;border-right: 3px solid #999; margin: 80px 25px; padding-bottom: 60px; }
.crtaTL {margin-bottom: -80px;width:58px; margin-left: 100%;margin-top: 80px;}
.crtaTR {margin-bottom: -80px;width:58px; margin-left: -58px; margin-top: 80px;}

@media screen and (max-width:1199px){
    .graytext {font-size: 22px;}
   .you{ font-size: 35px; width: 112px; height: 112px; padding-top: 35px; } 
    .ravna-crta { margin-bottom: -60px;}  
    .crtaTL{margin-top: 80px; margin-bottom:-77px;}  
    .crtaTR{margin-top: 80px; margin-bottom:-77px;}  
}
 div.input-group.hide-sm #top_search_vrs { width:0px ; transition:width 0.5s; padding: 0; border-width: 0}
 div.input-group.hide-sm #top_search_vrs.show { width:85px ; transition:all 0.5s; border-width: 1px}
 
.plavi-in {
    background-color: #329b3f;
    color: #fff;
    padding: 20px 0 30px 0;
    margin-top: 100px;
    margin-bottom: 100px
} 
 .plavi-in.zeleni {background-color: #0F8AFF} 
.blue-text{color: #0068A4;} 
h1.no-bottom-margin {margin-top: 50px; margin-bottom: 6px}
h1.no-bottom-margin .green-title {background: #0068A4; color:#fff; padding: 3px 20px; border-top-left-radius: 50px 100%;border-top-right-radius: 50px 100%; }
.adv-cont{ margin-bottom: 50px;background:rgba(255,255,255,0.8);padding-top:30px; 
    padding-bottom:30px;border-top:1px solid #0068A4;  box-shadow: 0 3px 3px  rgba(0, 104, 164, 0.3)}
.adv-cont p.lead {margin-bottom: 14px; font-size: 26px}
.adv-row {margin-top: 15px;}
.adv-row a {margin-left: auto; margin-right: auto; display: inline-block}
/* IDEX NA MOBILNOM */
@media screen and (max-width:767px){
    .moto-cont{margin-top:-50px;}
    .row-or {box-shadow:none;margin-top: 0;  padding: 0 25px}
	  .orblock { border-radius: 10px;}
    .orblock h2 {font-size: 15px; font-weight:bold;}
    .graytext {display: none;}
   .you{ font-size: 28px; width: 70px; height: 70px; padding-top: 15px; margin-bottom:-25px;margin-top: 55px } 
    .ravna-crta {  margin-top:60px; margin-bottom: -95px }  
    .crtaTL{margin-top: 100px; margin-bottom: -65px;width:18px}  
    .crtaTR{margin-top: 100px; margin-bottom:-65px; width: 18px; margin-left: -15px}  
    
    .bLeft .orblock {margin-left: -30px;}
   .bRight .orblock {margin-right: -30px;}
    .you-cent{margin-left: -15px; margin-right: -15px;margin-top: 100px; margin-bottom: -50px;  }

}
    .small-tide {line-height: 110%}
.image-center {display: block;  margin-left: auto; margin-right: auto;float: none; }
.visible-mylg2{display: none;}	
@media screen and (min-width:1275px){
.visible-mylg2{display: inline-block;}	
}
.moto-slogan{margin-bottom: 50px; }
footer .colon-left {min-height: 10px;}
.owner {margin-top: 12px}


/*IGARMO SE I BOJIMO*/
.go-pro {font-size: 13px}
.go-pro:after{content: "GO PRIME"; font-size: 14px; background-color: #329B3F;  padding:2px 4px 8px 4px;border-top-left-radius: 0;
border-bottom-right-radius: 0; border-radius: 3px;}
.colon-left .go-pro:after {width:68px; height: 25px}

.plavi-in .btn-warning {background: #FFF; color: #329B3F !important; border-color: #21682a !important;}
.plavi-in .btn-warning:hover {color: #21682a !important;}
.input-group-btn .btn-white {border-color: #329B3F}
.inline-block{display: inline-block;}
.mar-top-10px{margin-top: 10px}

.main-content a, footer a{ color: #0F8AFF !important; transition: all 0.3s;}
.main-content a.graytag {color: #333 !important}
.main-content a.graytag:hover {color: #FFF !important}
.main-content a:hover, footer a:hover {text-decoration: underline !important;  }
@media (min-width: 768px){
.navbar-right { margin-right: -7px;}
}


@media screen and (min-width:1271px){
.colon-left .my-link { 
	margin-bottom: 0; 
	margin-top:-1px}
.colon-left .affix {max-height: calc(100vh - 65px); overflow-y: auto; overflow-x: hidden;}
}

.newtooltip {width: 110px;padding-right: 5px;;}
.orange.frame.nbsp{padding-left: 6px; padding-right: 6px;}

.bull:before {content: ""; display: inline-block; height: 6px; width: 6px; background: #0085FF; border-radius: 50%; margin-right: 4px; margin-bottom:1px}
.bull:hover:before {border-radius: 0; transition: all 0.3s;  background-color: #0068a4;}

.btn-wtf-bogi{border: 0; color: #329B3F; background: transparent; padding-left:3px; padding-right:3px; margin-left:5px;margin-right:5px; float: right;}
.btn-wtf-bogi:hover {text-decoration: underline; color: #21682a;}
.bogi-frame-btn {border:1px solid #555; padding: 0 2px;font-size:16px;margin-top: 10px;}