html {
height:100%;
}
body {
background: #e8e8e8 url("../img/body-bg.jpg") no-repeat center top;
font-family: 'LatoWeb', sans-serif;
color: #3d3d3d;
font-size: 14px;
margin: 0;
height: 100%;
}
h1, h2, h3 {
font-family: 'LatoWebBlack';
}
* {
/* transition: all 0.5s ease 0s;*/
}
a {
color: #453432;
font-family: 'PT Sans', sans-serif;
}
#botphone p a, #botmail p a {
font-family: "LatoWebBlack";
}
#topline {
background: rgba(0, 0, 0, 0.4);
}
.topadres p {
background: url("../img/adres-icon.png") no-repeat left center;
font-size: 14px;
font-family: 'PT Sans', sans-serif;
margin: 0;
padding: 5px 0 5px 20px;
color: #fff;
font-style: italic;
}
.topphone p {
background: url("../img/phone-icon.png") no-repeat left center;
font-size: 14px;
font-family: 'PT Sans', sans-serif;
margin: 0;
padding: 5px 0 5px 20px;
color: #fff;
font-style: italic;
}
.topphone p a {
color: #fff;
}
.topprice p {
margin: 0;
}
.topprice p a {
font-family: 'LatoWebBlack';
display: block;
color: #fff;
padding: 7px ;
text-align: center;
font-size: 12px;
text-transform: uppercase;
background: #e31e24;
}
#menuline {
background: #e8e8e8;
}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-text {
color: #434242;
font-size: 14px;
}
.logobox {
display: block;
margin: 38px 0;
}
.logobox img {
max-width: 100%;
}
.topmenu {
margin: 35px 0 20px;
}
#callback {
background: url("../img/callback.png") no-repeat center center;
width: 135px;
height: 87px;
margin: 10px auto;
cursor: pointer;
text-indent: -99999em;
}
#prbox {
width: 150px;
margin: 60px auto 0 auto;
display: block;
}
#redline {
background: url("../img/redline.jpg") no-repeat top center;
background-size: auto 100%;
padding: 40px 0;
font-size: 18px;
text-align: center;
font-family: 'LatoWebBlack';
}
#redline img {
margin: 0 auto;
}
#redline .ptext {
margin: 0;
}
#preslider {
min-height: 368px;
}
#slider {
background: rgba(0, 0, 0, 0.4);
color:#fff;
margin: 68px 0 30px;
padding: 20px 0;
}
#slider .custom {
position: relative;
z-index: 1;
}
#slider .custom:after {
content:'';
position: absolute;
width: 597px;
height: 382px;
left: -650px;
right: auto;
top: -60px;
background: url("../img/mixer.png") no-repeat center center;
}
#slider .custom p {
color: #fff;
font-size: 36px;
line-height: 120%;
margin: 5px 0;
}
@media (min-width: 769px) and (max-width: 989px) {
#slider .custom p {
font-size: 24px;
}
#slider {
margin: 35px 0 ;
}
}
@media (max-width: 768px) {
#slider .custom p {
font-size: 18px;
}
#slider {
margin: 15px 0 ;
}
}
#slider .custom p:nth-child(2) {
color: #e31e24;
}
#tehnika {
background: url("../img/tehnika.jpg") no-repeat top center;
}
#tehnika .hmod {
background: url("../img/red-arrow.png") no-repeat scroll center bottom;
color: #fff;
font-family: "LatoWebBlack";
font-size: 24px;
margin: 40px 0 10px;
padding: 0 0 25px;
text-align: center;
line-height: 100%;
text-transform: uppercase;
}
#tehnika .hmod span {
text-transform: none;
font-family: "LatoWeb";
font-size: 18px;
}
#tehnika .moduletable {
background-image: linear-gradient(to bottom, #e31e24, #bd191e);
color: #fff;
font-size: 24px;
margin: 10px 45px 0 0;
overflow: hidden;
padding: 0 15px 20px;
text-align: center;
}
#tehnika .moduletable h3 {
font-weight: normal;
text-align: center;
font-size: 24px;
font-family: "LatoWeb";
}
#tehnika .moduletable table {
width: 100%;
}
#tehnika .moduletable table tr td {
padding:25px 0;
vertical-align: middle;
text-align: center;
font-size: 18px;
}
#tehnika .moduletable table tr td strong {
font-size: 24px;
}
#tehnika .moduletable table tr td:first-child {
}
#tehnika .moduletable table tr td:nth-child(2) {
line-height: 100%;
}
#tehnika .moduletable table tr td:nth-child(2) {
position: relative;
z-index: 1;
}
#tehnika .moduletable table tr td:nth-child(2):after {
background: rgba(0, 0, 0, 0) url("../img/car-romb.png") no-repeat scroll center top;
content: "";
height: 104px;
left: 50%;
margin: 0 0 0 -52px;
position: absolute;
top: -7px;
width: 104px;
z-index: -1;
}
#setorder3 {
display: block;
margin: 2px 0 40px 60px;
width: 200px;
}
#calcprice {
background: #e8e8e8 url("../img/calc-bg.jpg") no-repeat top center;
}
#calcprice .moduletable > h3 {
background: rgba(0, 0, 0, 0) url("../img/black-arrow.png") no-repeat scroll center bottom;
color: #e31e24;
font-family: "LatoWebBlack";
font-size: 36px;
margin: 40px 0 10px;
padding: 0 0 25px;
text-align: center;
text-transform: uppercase;
}
.chronoforms6_credits {
display: none;
}
#modalbox #display-section1 {
box-shadow: none;
margin: 0 auto;
max-width: 360px;
padding: 10px 0;
}
#modalbox #display-section1 input::-moz-placeholder{color:#000;opacity:1}
#modalbox #display-section1 input:-ms-input-placeholder{color:#000}
#modalbox #display-section1 input::-webkit-input-placeholder{color:#000}
#modalbox #display-section1 .field label {
display: none;
float: none;
}
#modalbox #display-section1 .field > div, #modalbox #display-section1 .field > input{
float: none;
max-width: 360px;
text-align: left !important;
margin: 0 0 10px 0;
}
#display-section1 {
box-shadow: 0 0 10px #333 inset;
display: block;
margin: 15px auto;
max-width: 620px;
padding: 30px;
}
#display-section1 .field label {
float: left;
width: 180px;
margin: 0 15px 0 0;
line-height: 40px;
text-align: right;
text-transform: uppercase;
font-size: 18px;
font-family: "LatoWebBlack";
}
#display-section1 .field > div, #display-section1 .field > input{
float: right;
max-width: 360px;
text-align: left !important;
margin: 0 0 10px 0;
}
#display-section1 .field > input:focus,.ui.selection.active.dropdown, .ui.selection.active.dropdown .menu, .ui.selection.dropdown:focus{
border-color: red !important;
}
#button4, #button7 {
background-color: #e31e24;
border: 1px solid transparent;
border-radius: 0;
color: #fff;
cursor: pointer;
display: block;
float: none;
font-size: 15px;
font-weight: bold;
line-height: 1.42857;
margin: 55px auto 0;
padding: 10px 18px;
text-align: center;
text-transform: uppercase;
vertical-align: middle;
white-space: nowrap;
}
#button7 {
margin: 15px auto;
}
#button4:hover, #button4:focus, #button7:hover, #button7:focus {color:#fff;background-color:#b7171c;border-color:#ae161a}
#display-section1 .field {
margin: 0 0 10px 0;
}
.custom.pricebox {
margin: 15px auto;
max-width: 750px;
}
.custom.pricebox table {
width: 100%;
}
.custom.pricebox table tr:first-child {
background: #999999 !important;
}
.page-header h1, .page-header h2 {
text-transform: uppercase;
border-bottom: 2px solid #e31e24;
}
.custom.pricebox table tr:first-child td {
color: #fff;
text-transform: uppercase;
text-align: center;
}
#mainbox {
background: #e8e8e8;
}
.custom.pricebox table tr:nth-last-child(odd) {
background: #d7d7d7;
}
.custom.pricebox table tr td:first-child {
border-right: 1px solid #cdd2cb;
}
.custom.pricebox table tr td {
width: 50%;
color: #000;
line-height: 40px;
padding: 5px 0 0;
text-align: center;
font-size: 18px;
text-transform: uppercase;
}
.custom.pricebox p:first-child {
background: #333;
padding: 15px;
text-align: right;
color: #fff;
}
.custom.pricebox p.redp {
text-align: center;
color: #fff;
background: #e31e24;
margin: 10px 0;
font-size: 18px;
text-transform: uppercase;
cursor: pointer;
padding: 15px ;
}
.custom.pricebox p.redp strong {
padding: 7px 15px 5px 15px;
display: inline-block;
border:2px solid transparent;
}
.custom.pricebox p.redp strong:hover {
border:2px solid #fff;
}
#setorder2 {
display: block;
font-weight: bold;
margin: 0 auto 30px auto;
width: 150px;
}
.custom.pricebox p:first-child a {
display: inline-block;
background-color: #e31e24;
border: 1px solid transparent;
border-radius: 0;
color: #fff;
cursor: pointer;
float: none;
font-size: 15px;
font-weight: bold;
line-height: 1.42857;
padding: 10px 18px;
text-align: center;
vertical-align: middle;
white-space: nowrap;
}
#footer {
background: url("../img/footer.jpg") no-repeat scroll center top / auto 100%;
color: #000;
font-family: "LatoWebBlack";
}
.footleft {
margin: 30px 0;
}
.footleft a {
color: #ccc;
text-transform: uppercase;
}
#footer .navbar-default .navbar-nav > li > a, #footer .navbar-default .navbar-text {
color: #000;
font-size: 14px;
font-family: "LatoWebBlack";
border-left: 1px solid #000;
padding: 0 10px;
}
#footer .navbar-default .navbar-nav > li:first-child a {
border: 0 none;
}
#footer .navbar-default .navbar-nav>.active>a,
#footer .navbar-default .navbar-nav>.active>a:focus,
#footer .navbar-default .navbar-nav>.active>a:hover,
#footer .navbar-default .navbar-nav>li>a:focus,
#footer .navbar-default .navbar-nav>li>a:hover
{color:#000;background-color: transparent;}
#footer .item-113 {
background:none;
padding: 0 ;
}
#footer p {
margin: 0;
}
#botphone {
background: url("../img/red-phone.png") no-repeat scroll left top;
padding: 0 0 0 30px;
margin: 0 0 15px 0;
}
#botadres {
background: url("../img/red-adres.png") no-repeat scroll left top;
padding: 0 0 0 30px;
margin: 0 0 15px 0;
}
#botmail {
background: url("../img/red-mail.png") no-repeat scroll left top;
padding: 0 0 0 30px;
}
#footer .topmenu {
margin: 25px 0 20px;
}
#callzamer2 {
font-size:16px;
}
#inforight {
text-align: right;
margin: 0 0 15px;
}
#inforight a {
color:#ccc;
}
#inforight a img {
vertical-align: baseline;
}
#advant {
background: rgba(0, 0, 0, 0) url("../img/advant.jpg") no-repeat scroll center top / auto 100%;
font-family: "LatoWebBlack";
font-size: 18px;
padding: 40px 0;
text-align: center;
}
#advant img {
margin: 0 auto;
}
#advant .ptext {
margin: 10px 0 0;
}
#proizvodim {
background: #e8e8e8 url("../img/proizvod.jpg") no-repeat top center;
padding: 0 0 15px;
}
#proizvodim .moduletable > h3 {
background: url("../img/black-arrow.png") no-repeat bottom center;
margin: 20px 0 10px 0;
padding: 0 0 25px 0;
color: #e31e24;
font-size: 36px;
text-align: center;
text-transform: uppercase;
font-family: 'LatoWebBlack';
}
#proizvodim .ac-newsitem, #proizvodim .ac-newsitem a {
color: #e31e24;
}
#proizvodim .ac-newsitem:hover , #proizvodim .ac-newsitem:hover a {
color: #fff;
}
#proizvodim .ac-newsitem {
margin: 150px auto;
position: relative;
width: 250px;
z-index: 1;
}
#proizvodim .ac-newsitem:after {
background: rgba(0, 0, 0, 0) url("../img/beton-romb.jpg") no-repeat scroll 0 -9999em;
border: 2px solid #000;
content: "";
height: 250px;
left: 0;
position: absolute;
top: -90px;
transform: rotate(45deg);
width: 250px;
z-index: -1;
}
#proizvodim .ac-newsitem:hover:after, #proizvodim .ac-newsitem:focus:after {
background: url("../img/beton-romb.jpg") no-repeat scroll 0 0;
}
#prodmenu {
background: rgba(0, 0, 0, 0.4);
}
#prodmenu .navbar-default {
border: 0 none;
text-align: center;
margin: 0;
}
#prodmenu .navbar-default .navbar-nav {
width: 100%;
text-align: center;
float: none;
}
#prodmenu .navbar-default .navbar-nav a:hover, #prodmenu .navbar-default .navbar-nav a:focus, #prodmenu .navbar-default .navbar-nav .acteve a {
background: url("../img/redarrow.png") no-repeat top center;
}
.item-113 {
padding: 0 0 0 20px;
background: url("../img/calc-icon.png") no-repeat left center;
}
#prodmenu .navbar-default .navbar-nav a {
color: #fff;
text-transform: uppercase;
font-size: 14px;
padding: 0 10px;
line-height: 40px;
display: block;
position: relative;
}
#prodmenu .navbar-default .navbar-nav li {
display: inline-block;
margin: 0 10px;
float: none;
}
.cfdiv_text input {
background-color: #fff;
border: 1px solid #666 !important;
border-radius: 10px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
color: #666;
font-size: 14px;
height: 36px;
line-height: 1.42857;
padding: 8px 12px;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
.cfdiv_text input:focus {
border: 1px solid #d9230f !important;
outline:0;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(217,35,15,.6);
box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(217,35,15,.6);
}
.ccms_form_element.cfdiv_submit input {
padding: 14px 16px !important;
}
#empty_container_div {
margin:0;
padding: 0;
}
select.form-control {
border-radius: 10px 0 0 10px;
}
.scrollup {
background: transparent url("../img/icon_top.png") no-repeat scroll center center;
bottom: 100px;
cursor: pointer;
display: none;
height: 80px;
opacity: 0.6 !important;
position: fixed;
right: 10px;
text-indent: -9999px;
width: 80px;
z-index: 9999;
}
.scrollup:hover {
opacity: 1 !important;
}
.rotateScr {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes rotateScr {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 0.6;
}
}
@keyframes rotateScr {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 0.6;
}
}
.rotateScr {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
.modal-content {
background: #e8e8e8 url("../img/calc-bg.jpg") no-repeat scroll center top;
}
#popupbox .modal-title {
font-size: 24px;
border: 0 none;
color: #e31e24;
text-align: center;
text-transform: uppercase;
}
.modal-header {
padding: 35px 15px 0;
}
.modal-footer {
padding: 15px;
text-align: right;
}
#fintext {
color: #e31e24;
font-size: 24px;
font-weight: normal;
line-height: normal;
margin: 30px;
text-align: center;
}
.modal-footer .btn {
background-image: linear-gradient(to bottom, #cccccc, #333333);
border: 1px solid #031e6a;
border-radius: 5px;
cursor: pointer;
font-size: 14px;
font-weight: 400;
line-height: 1.42857;
margin-bottom: 0;
padding: 5px 10px;
text-align: center;
vertical-align: middle;
white-space: nowrap;
}
.pagination > li > a, .pagination > li > span {
border: 1px solid #fff;
color: #fff;
float: left;
line-height: 1.42857;
margin-left: -1px;
padding: 10px 18px;
position: relative;
text-decoration: none;
}
.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
background-color: #0c346c;
border-color: #fff;
color: #999;
cursor: not-allowed;
}
.boxplus-hidden {
overflow: hidden;
}
.gtooltip-close , .close {
font-family: Arial;
}
#actinn > .container > .row > .col-md-7:first-child {
border-right: 1px solid #fff;
}
#flawlink {
margin-bottom: 30px;
}
#flawlink a {
color: #fff;
}
#flawlink a:hover,
#flawlink a:focus {
color: #ff0000;
}
#cement p {
text-align: center;
font-size: 24px;
}
#cement p a {
text-decoration: none;
display: block;
border: 2px solid red;
padding: 5px 10px;
max-width: 800px;
margin: 0 auto;
}
@media (max-width: 989px) {
}
@media (max-width: 768px) {
}
/* Webfont: Lato-Black */@font-face {
font-family: 'LatoWebBlack';
src: url('../fonts/Lato-Black.eot'); /* IE9 Compat Modes */
src: url('../fonts/Lato-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/Lato-Black.woff2') format('woff2'), /* Modern Browsers */
url('../fonts/Lato-Black.woff') format('woff'), /* Modern Browsers */
url('../fonts/Lato-Black.ttf') format('truetype');
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
}
/* Webfont: Lato-Medium */@font-face {
font-family: 'LatoWebMedium';
src: url('../fonts/Lato-Medium.eot'); /* IE9 Compat Modes */
src: url('../fonts/Lato-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/Lato-Medium.woff2') format('woff2'), /* Modern Browsers */
url('../fonts/Lato-Medium.woff') format('woff'), /* Modern Browsers */
url('../fonts/Lato-Medium.ttf') format('truetype');
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
}
/* Webfont: Lato-Regular */@font-face {
font-family: 'LatoWeb';
src: url('../fonts/Lato-Regular.eot'); /* IE9 Compat Modes */
src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */
url('../fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/Lato-Regular.ttf') format('truetype');
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
}