/*FONTS*/ 

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Kalam:300&display=swap&subset=latin-ext');

/*SITE CSS*/
html {height: 100%; min-height: 100%; background-color: #fff; position: relative;}
body {font-family: "Roboto", Arial, sans-serif; font-size: 18px; position: relative;
      line-height: 1.5; height: 100%; color: #333; background-color: #fff;}

.section {padding: 0;}
.jumbotron {padding-top: 0; padding-bottom: 0; margin-bottom: 0; background-color: #fff;}
.jumbotron p {font-weight: normal; line-height: 1.42857143;}

.no-padding {padding: 0 !important;}
.no-border {border: none !important;}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: none;}
a {color: #e61702; -webkit-transition: all .3s; transition: all .3s; text-decoration: none;}
a img {-webkit-transition: all .3s; transition: all .3s;}
a:hover {color: #999; text-decoration: none;}
a:focus {color: #999; outline: none; text-decoration: none;}
.flex {display: flex;}

/* Typography */
h1, h2, h3, h4, h5, h6 {margin: 0; font-family: "Montserrat", Arial, sans-serif;}
h1, .h1, h2, .h2, h3, .h3 {}
h2, .h2 {font: 700 60px/1 'Montserrat', Arial, sans-serif;}
p {margin: 0; line-height: 1.8;}
blockquote {font-style: italic; color:#999; margin: 30px 0 30px;}
label {color: #444; font-weight: normal;}
.thin {font-weight:300;}
.text-left p {text-align: left !important;}

/* Helpers */
.marTop0 {margin-top: 0 !important;}
.marTop5 {margin-top: 5px !important;}
.marTop10 {margin-top: 10px !important;}
.marTop20 {margin-top: 20px !important;}
.marTop30 {margin-top: 30px !important;}
.marTop40 {margin-top: 40px !important;}
.marTop60 {margin-top: 60px !important;}
.marBot0 {margin-bottom: 0 !important;}
.marBot10 {margin-bottom: 10px !important;}
.marBot20 {margin-bottom: 20px !important;}
.marBot30 {margin-bottom: 30px !important;}
.marBot40 {margin-bottom: 40px !important;}
.marBot60 {margin-bottom: 60px !important;}
.marBot80 {margin-bottom: 80px !important;}
.marBot120 {margin-bottom: 120px !important;}
.padMain {padding-top: 35px !important;}
.padSub {padding-top: 29px;}
.padTop0 {padding-top: 0 !important;}
.padTop10 {padding-top: 10px !important;}
.padTop20 {padding-top: 20px !important;}
.padBot0 {padding-bottom: 0 !important;}
.padBot10 {padding-bottom: 10px !important;}

img.pull-right {margin-left: 10px;}
img.pull-left {margin-right: 10px;}
.img-block img {display: block; height: auto; max-width: 100%;}
img {max-width: 100%; image-rendering: optimizequality;}
.center {text-align: center;}
hr {margin-top: 40px; margin-bottom: 40px;}

.lined {border-bottom: 1px solid #7fb3d9;}
.lined-up {border-top: 1px solid #7fb3d9;}
.border-top {border-top: 1px solid #7a7a7a;}
.border-bottom {border-bottom: 1px solid #7a7a7a;}
/*.orangebg {background-color: #e61702 !important;}*/
.orangebg {background-color: #dd4b10 !important;}

.fl-left {float: left;}
.fl-right {float: right;}
.relative {position: relative;}

/*MENU*/
.side-menu {width: 280px;}
.side-menu.left {left: -280px;}
.side-menu.header-side-menu .logo {font-family: 'Montserrat', Arial, sans-serif; margin-bottom: 10px; font-weight: 500;}
.menu-contact-data {font-size: 13px !important; text-align: center; position: relative; top: -10px; 
                   font-family: 'Montserrat', Arial, sans-serif; font-weight: 500;}
.side-menu-wrapper {padding: 10px 0 30px;}
.nav-stacked>li+li {margin-top: 1px;}
.side-menu .navbar-nav {padding-right: 0;}
.side-menu .navbar-nav ul {padding: 0;}
.side-menu .navbar-nav li a {color: #fff; background-color: #555; padding: 0 30px;
                 font: 300 18px/34px 'Roboto', Arial, sans-serif;}
.side-menu .navbar-nav li a.active, .side-menu .navbar-nav li li a.active {background-color: #888;}
.side-menu .navbar-nav li li.active a {color: #dd4b10; position: relative;}
.side-menu .navbar-nav li li.active a:before {content: ""; display: block; font-family: fontAwesome; 
    left: 30px; top: 0; font-size: 10px; position: absolute; width: 10px; height: 10px;}

.side-menu .navbar-nav li li a {padding: 0 30px 0 50px; color: #333; background-color: #fff;
                            font: 300 16px/28px 'Roboto', Arial, sans-serif;}
.navbar-white .navbar-nav .open > a {background-color: #888;}
.navbar-white .navbar-nav li a:hover, .navbar-white .navbar-nav li a:focus,
.navbar-white .navbar-nav li a.orangebg:hover {color: #fff; background-color: #888 !important;}
.navbar-white .navbar-nav li a.orangebg:focus {color: #fff; background-color: #dd4b10 !important;}
.navbar-white .navbar-nav li li a:hover, .navbar-white .navbar-nav li li a:focus
        {color: #333; background-color: #ddd !important;}
.navbar-white .navbar-toggle, .navbar-white .btn-toggle,
.navbar-white .btn-toggle:hover, .navbar-white .btn-toggle:focus,
.navbar-white .btn-toggle.opened {background-color: #e61702;}
.side-menu .navbar-nav .angle {margin-top: 0; line-height: 34px;}
.btn-toggle {padding: 20px;}

.sq {margin-top: 30px;}
.greybg {background-color: #555 !important;}
.contact-side {padding: 0 30px;}
.contact-side p {font-size: 18px;}
.contact-side p a {color: #dd4b10;}

/* fix scroll issue */
body.open {
  height: 100vh;
  overflow-y: hidden;
  position: fixed;
}
.side-menu-wrapper {
    overflow: scroll;
}

/*LANGUAGES*/
.lang-holder {position: absolute; top: 0; right: 0; padding: 8px 15px; z-index: 1000;
             background: rgba(255,255,255,0.6);}
.lang-holder span {padding: 0 5px; float: left;}
.lang-holder span a {color: #000; font-size: 18px; font-weight: 300; text-transform: uppercase;
                    line-height: 1;}
.lang-holder span a img {opacity: 1;}
.lang-holder span a:hover img {opacity: 0.7;}
.lang-holder span a.active img {}
.lang-mobile {background: #eee; padding: 0 30px;}
.lang-mobile span {padding-right: 10px;}
.lang-mobile span a {font: 300 18px/34px 'Roboto', Arial, sans-serif; text-transform: uppercase;}
.lang-mobile span a:hover {color: #888;}
.lang-mobile span a.active {color: #e61702;}

/*INDEX*/
.section-header {text-align: center; padding-top: 20px; padding-bottom: 40px; margin-bottom: 0;
                width: 100%; position: relative;}
.section-header h1, .section-header h2 {color: #828282; font-size: 36px; font-weight: 500; 
                    line-height: 1; letter-spacing: 2px; margin-bottom: 10px;
                   font-family: 'Montserrat', Arial, sans-serif; text-transform: uppercase;}
.section-header h3 {font-size: 24px; margin-bottom: 20px; padding-top: 20px; text-align: center; text-transform: uppercase;
                    font-family: 'Montserrat', Arial, sans-serif; font-weight: 500;}
.section-header .icons {font-size: 30px; color: #828282;}
.head-side img {margin: 0 auto;}
.side-sub {font-size: 13px; line-height: 1.1;}
.jumbo-index .row {margin-right: 0; margin-left: 0;}
.jumbo-index [class*="col-"] {padding-right: 0; padding-left: 0;}
.index-block {height: 240px; width: 100%; background-size: cover; background-position: 50% 50%; 
             background-repeat: no-repeat; position: relative;}
.index-block a {height: 100%; display: block;}
.index-block a .index-block-inner {-webkit-transition: all .3s; transition: all .3s;}
.index-block-inner {border: 2px solid #e61702; background: rgba(3,3,3,0.3); display: block;
         text-align: center; height: 100%; width: 100%; position: relative; padding: 35px 10px 0;}
.index-block a:hover .index-block-inner {background: rgba(3,3,3,0.6);}
.index-block-inner h3 {color: #fff; font-size: 24px; font-weight: 400; text-transform: uppercase;
        font-family: 'Montserrat', Arial, sans-serif;line-height: 1;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);}
.inner-quote {color: #fc1a03; font-size: 30px; font-weight: 700; line-height: 1; margin: 10px 0 10px;;
        font-family: 'Roboto', Arial, sans-serif; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);}
.jumbo-index .inner-text {color: #fff; font-size: 18px; font-weight: 500; line-height: 1; margin-bottom: 10px;
        font-family: 'Roboto', Arial, sans-serif; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);}
.jumbo-index .button-inner {bottom: -15px; position: absolute; background: #e61702; height: 30px; width: 260px;
        left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%)}
.index-block-help {color: #fff; padding: 30px 30px 0; text-align: left;}
.index-block-work {color: #fff; padding: 40px 30px 0; text-align: right;}
.extra-quote {font-family: 'Montserrat', Arial, sans-serif; line-height: 1.3; font-weight: 400;
             text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75); margin-bottom: 10px;}
.index-block-help .extra-quote {color: #fc1a03; font-weight: 700; font-size: 20px; line-height: 1.2;
             text-transform: uppercase; margin-bottom: 0;}
.sub-quote {font-family: 'Montserrat', Arial, sans-serif; line-height: 1.3; font-weight: 400;
             text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75); margin-top: 7px;}
.extra-title {font-family: 'Montserrat', Arial, sans-serif; font-size: 28px; font-weight: 400; 
    text-transform: uppercase; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);}
.extra-text {font-size: 20px; line-height: 1.3; font-weight: 400; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);}
.inner-img {margin-top: 10px;}
.video-holder { margin-bottom: 80px;}

.icon-right, .icon-left {width: 20%; float: left;}
.icon-mid {margin: 0 auto; padding: 0; width: 80%; float: left;}
.price-low {margin-right: 10px;}

/*index-blocks*/
.index-block.block1 {background-image: url(../img/omc-index1.jpg);}
.index-block2 {height: 240px; width: 100%; 
    background: url(../img/omc-pomoc.png), url(../img/omc-index5.jpg);
    background-position: 100% 100%, 50% 50%; background-size: auto, cover; 
    background-repeat: no-repeat, no-repeat; position: relative;}
.index-block.block3 {background-image: url(../img/omc-index3.jpg);}
.index-block.block4 {background-image: url(../img/omc-index4.jpg);}
.index-block.block5 {height: 240px; width: 100%;
    background: url(../img/omc-index7.jpg);
    background-position: 0% 100%, 50% 50%; background-size: auto, cover; 
    background-repeat: no-repeat, no-repeat; position: relative;}
.index-block.block6 {background-image: url(../img/omc-index6.jpg);}

/*marquee*/
.marquee {width: 100%; overflow: hidden; background: #eee; padding: 12px 0 10px;}
.marquee span {color: #fc1a03;}
.marquee ul li {font-family: 'Raleway', Arial, sans-serif; font-weight: 500;
    float: left;
    display: block;
    line-height: 14px;
    margin-right: 14px;
    padding-right: 14px;
}
.marquee ul li:after {
    font-family: FontAwesome;
    content: "";
    display: block;
    float: right;
    font-size: 6px;
    line-height: 16px;
    margin-left: 20px;
    width: 0px;
    color: rgb(163, 163, 163);
}

/*SUB*/
.sub-head {height: 180px; padding-top: 60px;}
.sub-head h1 {color: #fff; font: 300 48px/48px 'Montserrat', Arial, sans-serif; 
             text-transform: uppercase; text-align: center;}
.section-text {padding: 60px 85px 75px !important;}
.section-sub {padding-bottom: 75px;}
.sub h2 {color: #555; font-size: 36px; font-weight: 500; margin-bottom: 60px; line-height: 1.1;
    text-transform: uppercase; text-align: center; font-family: 'Montserrat', Arial, sans-serif;}
.subtitle {color: #dd4b10; font-size: 24px; padding-top: 6px; text-align: center; text-transform: none;
          font-family: 'Kalam', cursive; font-weight: bold; line-height: 1; letter-spacing: 0;}
.sub h3.subtitle {color: #555; font-size: 24px; font-weight: 500; margin-bottom: 40px; font-weight: 300;
    line-height: 1.1; text-decoration: underline; text-align: center; font-family: 'Montserrat', Arial, sans-serif;}
.list-index li {line-height: 1.8;}
.flex-title {padding: 30px 0; display: flex; justify-content: space-between;}
.list-index i {color: #FE5815; line-height: 1.5;}

.sell {padding: 30px 0; display: flex; flex-direction: row-reverse;}
.sell-items {display: flex;}
.sell-item {margin-right: 10px; width: 160px; min-width: 100px; margin-top: 30px;}
.sell-item img {margin-left: auto; margin-right: auto;}
.small-btn {background-color: #e61702; display: inline-block; margin-top: 30px;}
.small-btn .btn-inner {font-size: 16px; line-height: 40px; width: 300px; min-width: 300px;}
.black-btn-holder {text-align: center; margin-bottom: 30px; margin-top: 30px;}
.black-btn {display: inline-block; width: 314px;}
.black-btn a {color: #fff; font-size: 16px; text-transform: uppercase; font-weight: 400; padding: 5px 15px;
             background-color: #555; text-align: center; display: flex; align-items: center;}
.black-btn a:hover, .black-btn a:focus {background-color: #888;}
.black-btn a span.glyphicon {font-size: 36px; margin-left: 15px;}
.black-data {color: #fff; font-size: 16px; text-align: center; font-weight: 400; padding: 5px 15px;
             background-color: #555; margin-left: auto; margin-right: auto; width: 280px;}
.img-data {color: #333; text-align: center; font-weight: 400; width: 400px; 
             margin-left: auto; margin-right: auto; background-color: #eee;}
.img-data span {font-size: 14px; padding: 5px 15px;}

.demand .sub-text, .kontakt .sub-text {margin-bottom: 30px;}
.sub-art {margin-right: 30px;}
.head-text {margin: 20px 0 60px;}
.head-text2 {margin: 20px 0 0 !important;}
.head-text.porfido {margin: 20px 0 0;}
.head-text.porfido img {margin-top: 20px;}
.sub-text p, .head-text p {font-size: 22px; margin-bottom: 0; font-weight: 300; line-height: 1.5;
    text-align: justify; text-justify: inter-word; text-align: center;}
.sub-text-img p {font-size: 22px; margin-bottom: 0; font-weight: 300; line-height: 1.5; text-align: right;}
.sub-text-img img {float: right;}
.sub-text h3 {font-size: 24px; font-weight: 400; margin-top: 60px; margin-bottom: 40px; text-decoration: underline;}
.small-text p {font-size: 18px; margin-bottom: 0; font-weight: 300; line-height: 1.5;
    text-align: justify; text-justify: inter-word;}
.demand h3 {margin-bottom: 30px; font: 500 22px/22px 'Montserrat', Arial, sans-serif;}
.checkbox, .radio, .checkbox+.checkbox, .radio+.radio {margin-top: 0;}
.btn-primary {color: #fff; font-size: 18px; background-color: #dd4b10;
            text-transform: uppercase; padding: 15px 40px; border: none; border-radius: 0;}
.btn-primary:hover {color: #fff; background-color: #555;}

.sub-page .sub-text ul {margin-bottom: 20px;}
.sub-page .sub-text ul li {font-size: 18px; font-weight: 300;}
.sub-page ul li i {color: #e61702;}
.sub-img img {margin: 0 auto;}
p.orange-text {color: #e61702; font-style: italic; font-weight: 400;}
.title-logo {position: relative; text-align: center; display: block;}

.form-inline {margin-top: 20px;}
.form-inline .form-group {width: 100%}
.form-inline .form-control {width: 48%; border-radius: 0; border: 1px solid #ddd;
    margin-bottom: 15px;}
textarea.form-control {width: 97%; margin-bottom: 15px;}
.catalogue.checkbox label {font-size: 14px; color: #666; margin-bottom: 20px;}
.offer {padding: 30px 30px 0;}
.offer span {color: #888; font-size: 24px; text-transform: uppercase; padding-right: 15px;
            font-family: 'Montserrat', Arial, sans-serif;}
.disc-item {margin-left: 20px;}
.flex-img {display: flex; align-items: center; margin-bottom: 15px;}
.flex-img img {width: 200px; height: auto;}
.flex-img .img-wide img {width: 100%;}
.flex-items {display: flex; margin-bottom: 15px;}
.flex-items3 {display: flex; margin-bottom: 15px; flex-wrap: wrap;}
.flex-item {width: 20%; padding: 20px;}
.flex-item2 {width: 33%; padding: 20px;}
.flex-item3 {width: 16.6%; padding: 20px;}
.flex-item4 {width: 50%; padding: 20px;}
.flex-item-text p {text-align: center; text-transform: uppercase; font-size: 16px;}
.flex-item-text2 h4 {}
.flex-item-text2 p {font-size: 16px;}

/*HEADS*/
.head-sub {background: url(../img/omc-sub.jpg) center center no-repeat; background-size: cover;}
.head1 {background: url(../img/omc-povprasevanje.jpg) center center no-repeat; background-size: cover;}
.head2 {background: url(../img/omc-kontakt.jpg) center center no-repeat; background-size: cover;}
.head3 {background: url(../img/omc-reference.jpg) center center no-repeat; background-size: cover;}
.head4 {background: url(../img/omc-zakaj.jpg) center center no-repeat; background-size: cover;}

.head-dekorativni {background: url(../img/omc-dekorativni-kamen.jpg) center center no-repeat; background-size: cover;}
.head-police {background: url(../img/omc-okenske-police.jpg) center center no-repeat; background-size: cover;}
.head-stopnice {background: url(../img/omc-granitne-stopnice.jpg) center center no-repeat; background-size: cover;}
.head-pulti {background: url(../img/omc-pulti.jpg) center center no-repeat; background-size: cover;}
.head-robniki {background: url(../img/omc-granitni-robniki.jpg) center center no-repeat; background-size: cover;}
.head-kocke {background: url(../img/omc-granitne-kocke.jpg) center center no-repeat; background-size: cover;}
.head-tlaki {background: url(../img/omc-tlaki.jpg) center center no-repeat; background-size: cover;}
.head-ploscice {background: url(../img/omc-ploscice.jpg) center center no-repeat; background-size: cover;}
.head-rustika {background: url(../img/omc-ploscice-rustika.jpg) center center no-repeat; background-size: cover;}
.head-vrt {background: url(../img/omc-vrt.jpg) center center no-repeat; background-size: cover;}
.head-porfido {background: url(../img/omc-porfido.jpg) center center no-repeat; background-size: cover;}
.head-okrasno {background: url(../img/omc-okrasno.jpg) center center no-repeat; background-size: cover;}
.head-bunja {background: url(../img/omc-bunja.jpg) center center no-repeat; background-size: cover;}
.head-venecijanski {background: url(../img/omc-venecijanski.jpg) center center no-repeat; background-size: cover;}
.head-nega {background: url(../img/omc-nega.jpg) center center no-repeat; background-size: cover;}
.head-kamini {background: url(../img/omc-kamini.jpg) center center no-repeat; background-size: cover;}
.head-mozaiki {background: url(../img/omc-mozaiki.jpg) center center no-repeat; background-size: cover;}
.head-mize {background: url(../img/omc-mize.jpg) center center no-repeat; background-size: cover;}

/*TABS*/
.tab-menu {margin: 26px 0 0;}
.tabs {margin: 0 30px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; border-bottom: 1px solid #7a7a7a;}
.tab1, .tab2 {margin: 0 30px 35px}
.tab3 {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}
.tab-btn {margin: 0 10px 10px}
.tab-title {margin-bottom: 20px; text-align: center;}
.tab-title h4 {font-size: 24px; text-transform: uppercase; font-family: 'Montserrat', Arial, sans-serif; font-weight: 500;}
.tab-btn a {width: 250px; display: block;}
.tab-btn a .tab-text {background: #aaa; color: #fff; text-align: center; padding: 15px; 
          -webkit-transition: all .3s; transition: all .3s; position: relative;}
.tabs.tab-img .tab-btn a .tab-text {padding: 4px;}
.tab-btn a.active .tab-text {background: #555;}
a:hover .tab-text {background: #e61702;}
.tab-text:after {top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-top-color: #aaaaaa;
	border-width: 30px;
	margin-left: -30px;
        -webkit-transition: all .3s; transition: all .3s;}
.tab-btn a:hover .tab-text:after {border-top-color: #e61702;}
.tab-btn a.active .tab-text:after {border-top-color: #555;}

.tab-sub {font-size: 11px; text-transform: uppercase;}
.tab-content h2 {padding-top: 30px; margin-bottom: 60px;}
.tab-menu ul li {margin-left: 30px; text-align: center;}
.tab-menu ul li:first-child {margin-left: 0;}
.tab-menu ul li a {color: #333; font-size: 16px; padding: 9px 15px; 
                  background: #f0f0f0; display: block;}
.tab-menu ul li a:hover {color: #fff; background: #888;}
.tab-menu ul li a .tab-title {text-transform: uppercase; font-size: 18px; line-height: 1.2; font-weight: 500;}
.tab-menu ul li.active a {color: #fff; background: #e61702; position: relative;}
.tab-menu .tab-content ul li {margin-left: 0;}
.red {color: #fc1a03;}
.tab-menu ul li.active a:after {content: ""; position: absolute; width: 0; height: 0; 
     border-style: solid; top: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);
     border-width: 30px 30px 0 30px; border-color: #dd4a10 transparent transparent transparent;}
/*.tab-content {border-bottom: 1px solid #7a7a7a;}*/
.tab-content>.tab-pane {position: relative;}
.text1 {background-image: url(../img/granit-logo.jpg);}

/*POLL*/
.poll {margin-bottom: 55px; margin-top: 55px;}
.poll-block {border: 2px solid #bbb; height: 200px; width: 100%; padding: 30px 10px 0; text-align: center;
    background-color: #f0f0f0; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;}
.poll-block .icon-svg {margin-bottom: 15px;}
.poll-block .icon-text {font-size: 46px; color: #DD4B10; margin-bottom: 15px; line-height: 1; 
    text-transform: uppercase; text-shadow: 1px 1px #fff; font-weight: 500;
    font-family: 'Montserrat', Arial, sans-serif;}
.poll-block .poll-text {font-size: 30px; color: #333; font-weight: 500; line-height: 1.2;
        font-family: 'Montserrat', Arial, sans-serif; text-shadow: 1px 1px 1px rgba(255,255,255,1);}
.poll-block .poll-text.subpoll {text-transform: uppercase;}
.poll-block.block1 {background-image: url(../img/omc-granit-1.jpg);}
.poll-block.block2 {background-image: url(../img/omc-granit-2.jpg);}
.poll-block.block3 {background-image: url(../img/omc-granit-3.jpg);}
.poll-block.block4 {background-image: url(../img/omc-granit-4.jpg);}

.kocke-block {border: 2px solid #bbb; height: auto; width: 100%; position: relative; margin-bottom: 30px;}
.block-abs {position: absolute; bottom: 0; left: 0; right: 0; padding: 0 15px 30px; font-size: 14px; text-align: center;}

/*CONTACT*/
#map {height: 400px; width: 100%; display: block; margin-bottom: -1px; 
      position: relative; z-index: 210;}
.kontakt .small-text ul {margin-bottom: 20px;}
.kontakt .small-text ul li {font-size: 18px; font-weight: 300;}
.kontakt .small-text ul li span {width: 100px; float: left; font-weight: 700;}

/*GALLERY*/
.section-gal {padding-top: 60px;}
.jumbo-sub, .jumbo-sub-s {overflow: hidden; padding-bottom: 50px;}
.jumbo-alinea {overflow: hidden;}

/*ARTIKLI*/
.jumbo-sub.multi-tabs {padding-bottom: 0;}
.jumbo-sub.multi-tabs .container-fluid {border-bottom: 1px solid #7a7a7a;}
ul.gallery1 li, ul.gallery2 li {display: block; line-height: 1.42857143; background-color: #fff; border: none;}
ul.gallery1 li img, ul.gallery2 li img {max-width: 100%; height: auto;
    -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; transition: 0.3s ease-out;}
ul.gallery1 li:hover, ul.gallery2 li:hover {cursor: pointer;}

ul.lightgallery {margin-top: 60px;}
ul.lightgallery li {display: block; line-height: 1.42857143;
    background-color: #fff; border: none; padding-bottom: 30px;}
ul.lightgallery li img {max-width: 100%; height: auto;
    -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; transition: 0.3s ease-out;}
ul.artgallery li:hover, ul.lightgallery li:hover {cursor: pointer;}

.gallery-holder {position: relative; margin-bottom: 30px;}
.overlay {position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%;
        background-color: #555; opacity: 0; transition: .5s ease;}
.gallery-holder:hover .overlay {opacity: 0.4;}
.gal-text {color: #fff; font-size: 20px; position: absolute; top: 50%; left: 50%;
  transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center;}
.gal-block-inner {position: absolute; width: 100%; bottom: 0; z-index: 2; padding: 9px 5px;
    color: #fff; text-transform: uppercase; text-align: center; background: rgba(0,0,0,0.45);
}
.artgallery.subgallery .gallery-holder {margin-bottom: 60px;}
.artgallery.subgallery .gal-block-inner {bottom: -45px;}
.col-border {border-right: 1px solid #7a7a7a;}

.lg-backdrop {background-color: #120d09;}
.lg-backdrop.in {opacity: 0.8;}

.jumbo-sub .btn-orange {background: #e61702; border-radius: 0; border: none;
        color: #fff; font-family: 'Roboto', Arial, sans-serif;
        cursor: pointer; text-transform: none; text-align: center; display: block;}
.jumbo-sub .btn-inner {width: 200px; min-width: 200px;}

.sub-block-image {background: #000; display: block; position: relative; text-align: center; width: 100%;}
.sub-block-image img {-webkit-transition: all .3s; transition: all .3s;}
.sub-block-image:hover img {opacity: 0.8;}
.items {margin-bottom: 30px;}
.sub-items-image {background: #fff; display: block; position: relative; display: block;
                text-align: center; width: 100%; margin-bottom: 15px;}
.btn-items {color: #fc1a03; line-height: 30px; font-family: 'Roboto', Arial, sans-serif; width: 100%;}

.sub-block-inner {position: absolute; width: 100%; top: 0; z-index: 2; text-align: center;
                   padding: 9px 5px; background: rgba(0,0,0,0.55);}
.sub-block-inner h3, .sub-text .sub-block-inner h3 {color: #fff; font-size: 18px; font-weight: 400; text-transform: uppercase;
        line-height: 1; text-decoration: none; font-family: "Roboto", Arial, sans-serif; margin: 0;}

.sub-block-title {width: 100%; text-align: center; padding: 9px 5px; background: rgba(0,0,0,0.55);}
.sub-block-title h3 {color: #fff; font-size: 18px; font-weight: 400; text-transform: uppercase; margin-bottom: 0;
                    line-height: 1; font-family: "Roboto", Arial, sans-serif;}

.btn-product {color: #fff; line-height: 30px; font-family: 'Roboto', Arial, sans-serif; 
   width: 100%; height: 30px; /*background: #dd4b10;*/ background: #fc1a03;
   -webkit-transition: all .3s; transition: all .3s;}
.sub-block-image:focus .btn-product, .sub-block-image:hover .btn-product {background: #f34600;}
.sub-block-down {width: 100%; text-align: center; height: 30px; background: #222;}
.down-text {color: #ddd; font-size: 15px; line-height: 30px; 
            font-family: 'Roboto', Arial, sans-serif; -webkit-transition: all .3s; transition: all .3s;}
.down-text.line-through {text-decoration: line-through;}
.sub-block-image:focus .down-text, .sub-block-image:hover .down-text {background: #333;}
.button-inner {bottom: -15px; position: absolute; background: #e61702; height: 30px; width: 200px;
        left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 500;}

.sub-block-data.small .sb-data {font-size: 13px; font-weight: 700;}
.sb-data span {font-weight: 700;}
.sub-block-art {color: #666; font-size: 14px; text-align: center; display: inline;  
                position: absolute; bottom: 4px; left: 0; right: 0;}
span.border-art {border-top: 1px solid #ccc; padding: 4px 20px 0;}
.sb-small {text-align: center; font-size: 13px; font-weight: 700;}
ul.flex-holder, ul.flex-s {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}
.flex-center {justify-content: center;}
ul.flex-holder li {margin-bottom: 30px; padding-left: 15px; padding-right: 15px; position: relative;}
li .img-solo {position: relative;}
li .img-solo .sub-block-title {position: absolute; z-index: 10; top: 0; left: 0; right: 0;}
.frame {border: #ccc 1px solid !important; height: 100%; position: relative;}
.frame .sub-block-data {padding: 15px 10px 0; margin-bottom: 50px; text-align: center;}

/*BUTTONS*/
.btn-orange {background: #e61702; border-radius: 0; border: none;
        color: #fff; font-family: 'Roboto', Arial, sans-serif;
        cursor: pointer; text-transform: uppercase; text-align: center; display: block;}
.btn-slider {width: 370px; font-size: 26px; font-weight: 300; padding: 9px 0; min-width: 370px;}
.btn-inner {width: 260px; font-size: 18px; font-weight: 400; line-height: 30px; min-width: 260px;}
.footer-btn {background-color: #e61702; display: inline-block;}
.btn-orange:focus, .btn-orange:hover {color: #fff;}
.button-holder {display: flex; justify-content: center;}

.light, .index-block a .lights, .lightbtn, .jumbo-sub .sub-block-image .lights {
background: -moz-linear-gradient(-45deg, #dd4b10 0%, #dd4b10 40%, #ffffff 50%, #dd4b10 60%, #dd4b10 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#dd4b10), color-stop(40%,#dd4b10), color-stop(50%,#ffffff), color-stop(60%,#dd4b10), color-stop(100%,#dd4b10));
background: -webkit-linear-gradient(-45deg, #dd4b10 0%,#dd4b10 40%,#ffffff 50%,#dd4b10 60%,#dd4b10 100%);
background: -o-linear-gradient(-45deg, #dd4b10 0%,#dd4b10 40%,#ffffff 50%,#dd4b10 60%,#dd4b10 100%);
background: -ms-linear-gradient(-45deg, #dd4b10 0%,#dd4b10 40%,#ffffff 50%,#dd4b10 60%,#dd4b10 100%);
background: linear-gradient(135deg, #dd4b10 0%,#dd4b10 40%,#ffffff 50%,#dd4b10 60%,#dd4b10 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd4b10', endColorstr='#dd4b10',GradientType=1 );
background-repeat: no-repeat;  
background-position:0px;
background-size:300%;  
}
.darks {
background: -moz-linear-gradient(-45deg, #555 0%, #555 40%, #ffffff 50%, #555 60%, #555 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#555), color-stop(40%,#555), color-stop(50%,#ffffff), color-stop(60%,#555), color-stop(100%,#555));
background: -webkit-linear-gradient(-45deg, #555 0%,#dd4b10 40%,#ffffff 50%,#555 60%,#555 100%);
background: -o-linear-gradient(-45deg, #555 0%,#555 40%,#ffffff 50%,#555 60%,#555 100%);
background: -ms-linear-gradient(-45deg, #555 0%,#555 40%,#ffffff 50%,#555 60%,#555 100%);
background: linear-gradient(135deg, #555 0%,#555 40%,#ffffff 50%,#555 60%,#555 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555', endColorstr='#555',GradientType=1 );
background-repeat: no-repeat;  
background-position:0px;
background-size:300%;  
}
.light:hover, .index-block a:hover .lights, .lightbtn:hover, .jumbo-sub .sub-block-image:hover .lights, .darks:hover
{animation: light 1s; -webkit-animation: light 1s;}

@keyframes light {
  0% {background-position:-600px;}
  100% {background-position:0px;}
}
@-webkit-keyframes light {
  0% {background-position:-600px;}
  100% {background-position:0px;}
}
@keyframes lights {
  0% {background-position:-300px;}
  100% {background-position:0px;}
}
@-webkit-keyframes lights {
  0% {background-position:-300px;}
  100% {background-position:0px;}
}
@keyframes lightbtn {
  0% {background-position:-300px;}
  100% {background-position:0px;}
}
@-webkit-keyframes lightbtn {
  0% {background-position:-300px;}
  100% {background-position:0px;}
}

/*TICKET*/
.ticket-holder {position: absolute; top: -20px; right: -30px;}
.ticket-text {color: #fff; text-transform: uppercase; position: relative; padding-top: 18px;
    font-size: 16px; font-weight: 500; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75); 
    z-index: 100; letter-spacing: 1px;
        -webkit-transform: rotate(30deg);
        -moz-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
         -o-transform: rotate(30deg);
        -webkit-animation: pulse linear 1s infinite; animation: pulse linear 1s infinite;}
.ticket {background: #fc1a03; width: 60px; height: 60px; position: relative; text-align: center;
        -webkit-animation: pulse linear 1s infinite; animation: pulse linear 1s infinite;}
.ticket:before, .ticket:after {content: ""; position: absolute; top: 0; left: 0;
    height: 60px; width: 60px; background: #fc1a03;
    -webkit-animation: pulse linear 1s infinite; animation: pulse linear 1s infinite;
}
.ticket:before {
    -webkit-transform: rotate(30deg);
       -moz-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
         -o-transform: rotate(30deg);
}
.ticket:after {
    -webkit-transform: rotate(60deg);
       -moz-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
         -o-transform: rotate(60deg);
}

@-webkit-keyframes pulse {
	0% {width: 60px; height: 60px; font-size: 16px;} 
	50% {width: 70px; height: 70px; font-size: 18px;} 
	100% {width: 60px; height: 60px; font-size: 16px;}
}
@keyframes pulse {
	0% {width: 60px; height: 60px; font-size: 16px;} 
	50% {width: 70px; height: 70px; font-size: 18px;} 
	100% {width: 60px; height: 60px; font-size: 16px;}
}
.big-ticket-holder {width: 100px; margin-left: 5px;}
.big-ticket {
    width: 100px;
    height: 100px;
    position: relative;
    text-align: center;
    -webkit-animation: pulse3 linear 1s infinite;
    animation: pulse3 linear 1s infinite;
}
.lg-ticket {
    width: 100%;
    height: 100%;
    position: relative;
    text-align: center;
    -webkit-animation: pulse3 linear 1s infinite;
    animation: pulse3 linear 1s infinite;
}
.xl-ticket-holder {float: right; width: 200px; margin-left: 5px;}
.xl-ticket {
    width: 200px;
    height: 200px;
    position: relative;
    text-align: center;
    -webkit-animation: pulse3 linear 1s infinite;
    animation: pulse3 linear 1s infinite;
}
@-webkit-keyframes pulse3 {
	0% {transform: scale( .75 );} 
	50% {transform: scale( 1 );} 
	100% {transform: scale( .75 );}
}
@keyframes pulse3 {
	0% {transform: scale( .75 );} 
	50% {transform: scale( 1 );} 
	100% {transform: scale( .75 );}
}

/*GALLERY TICKET*/
.art h2 {padding-top: 60px; margin-bottom: 50px;}
.art h2.sub-title {padding-top: 0px;}
.art h2.subtitle {padding-top: 60px; margin-bottom: 10px;}
.jumbo-sub .ticket-holder, .jumbo-sub-s .ticket-holder {position: absolute; top: 40px; right: -15px; z-index: 4;}
.jumbo-sub .ticket-text2, .jumbo-sub-s .ticket-text2 {color: #fff; text-transform: uppercase; position: relative; padding-top: 14px;
    font-size: 10px; font-weight: 500; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75); 
    z-index: 100; letter-spacing: 1px;
        -webkit-transform: rotate(30deg);
        -moz-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
         -o-transform: rotate(30deg);
        -webkit-animation: pulse2 linear 1s infinite; animation: pulse2 linear 1s infinite;}
.jumbo-sub .ticket, .jumbo-sub-s .ticket {background: #fc1a03; width: 40px; height: 40px; position: relative; text-align: center;
        -webkit-animation: pulse2 linear 1s infinite; animation: pulse2 linear 1s infinite;}
.jumbo-sub .ticket:before, .jumbo-sub .ticket:after, .jumbo-sub-s .ticket:before, .jumbo-sub-s .ticket:after {content: ""; position: absolute; top: 0; left: 0;
    height: 40px; width: 40px; background: #fc1a03;
    -webkit-animation: pulse2 linear 1s infinite; animation: pulse2 linear 1s infinite;
}
.jumbo-sub .ticket:before, .jumbo-sub-s .ticket:before {
    -webkit-transform: rotate(30deg);
       -moz-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
         -o-transform: rotate(30deg);
}
.jumbo-sub .ticket:after, .jumbo-sub-s .ticket:after {
    -webkit-transform: rotate(60deg);
       -moz-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
         -o-transform: rotate(60deg);
}

@-webkit-keyframes pulse2 {
	0% {width: 40px; height: 40px; font-size: 10px;} 
	50% {width: 50px; height: 50px; font-size: 12px;} 
	100% {width: 40px; height: 40px; font-size: 10px;}
}
@keyframes pulse2 {
	0% {width: 40px; height: 40px; font-size: 10px;} 
	50% {width: 50px; height: 50px; font-size: 12px;} 
	100% {width: 40px; height: 40px; font-size: 10px;}
}

/* FORMS */
.form-control {margin-bottom: 10px; border-radius: 0;}
.btn-default {color: #0278C1; background-color: #fff; border-color: #ccc; border-radius: 0;}
.btn-default:hover, .btn-default:focus, .btn-default.focus {color: #333; background-color: #e6e6e6; border-color: #adadad;}
.mail-ann {font-size: 14px; color: #999; margin-bottom: 20px;}
.has-error .form-control {border-color: #009937;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}
.has-error input, .has-error textarea {background-color: #eee;}

/*CHECKBOX*/
.radio label, .checkbox label {display: inline-block; cursor: pointer; position: relative;
	padding-left: 30px; margin-right: 15px;}
.radio input[type=radio], .checkbox input[type=checkbox] {display: none;}
.radio label:before, .checkbox label:before {
	content: ""; display: inline-block; width: 16px; height: 16px; position: absolute;
	left: 0; top: 5px; background-color: #e9e9e9; border: 1px solid #c8c8c8;
        vertical-align: middle; webkit-box-sizing: content-box; box-sizing: content-box;}
.checkbox label.big-check:before {width: 24px; height: 24px; top: -3px;}
.checkbox label.big-check {padding-left: 38px;}
.radio label:before {border-radius: 8px;}
.checkbox label {margin-bottom: 10px;}
.checkbox label:before {border-radius: 0px;}

.radio input[type=radio]:checked + label:before {
    text-align: center; background: #e61702 url('../img/dot.png') no-repeat;
    background-size: 8px; background-position: 4px; border-color: #e61702;}
.checkbox input[type=checkbox]:checked + label:before {
    width: 12px; height: 8px; background: #e61702 url('../img/check-icon.png') no-repeat; padding: 4px 2px;
    background-size: 12px 8px; background-position: 2px 4px; text-align: center; border-color: #e61702;}
.checkbox input[type=checkbox]:checked + label.big-check:before {
    width: 16px; height: 12px; background-size: 16px 12px; background-position: 4px 6px; padding: 6px 4px;}
.checkbox.catalogue label:before {top: 2px;}

/*MODAL*/
.modal-content {background-color: #fff; border: none;}
.modal-header, .modal-footer {background-color: #fff; color: #555; border-bottom: none;}
.modal-header {border-bottom: 1px solid #e5e5e5;}
.modal-header .close {background: transparent; opacity: 1; color: #dd4b10; font-family: 'Roboto', Arial; font-size: 36px;}
.modal-header .close:hover, .modal-header .close:focus {color: #888;}
.modal-header h2, .modal-header h3, .modal-header h4 {color: #333; font-weight: 400; font-size: 24px;}
.modal-body {padding: 10px 20px;}
.modal-body p {font-size: 16px; line-height: 24px; margin-bottom: 10px;}
.form-inline textarea.form-control {width: 97%;}
.modal-body .checkbox label {font-size: 14px; color: #666;}
.form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] {margin-right: 10px;}

/*FOOTER*/
.jumbo-footer {margin-top: 50px;}
.footer-top {color: #555; font-size: 15px; background-color: #eee; padding: 45px 0;}
.footer-top a {color: #555;}
.footer-top a:hover, .footer-top a:focus {color: #e61702;}
.footer-top .widget h4, .footer-top .widget h5 {font: 300 24px/1.5 'Roboto', Arial, sans-serif;
    text-transform: uppercase; margin-bottom: 30px; color: #555;}
.footer-top .widget h4:after, .footer-top .widget h5:after {content: ''; display: block;
    position: relative; top: 5px; left: 0; background-color: #bbb; width: 65px; height: 2px;}
.footer-top .widget h5 a {margin-left: 20px;}
.widget .links li a {line-height: 1.8; }
.social li {display: inline-block; margin-right: 20px;}
.social li i {font-size: 20px;}
.footer-bottom {color: #fff; font-size: 14px; background-color: #bbb; padding: 5px 0;}
.footer-bottom a {color: #fff;}
.footer-bottom a:hover, .footer-bottom a:focus {color: #e61702;}
.footer-menu li.plus:after {content: '+'; padding: 0 10px;}
address, ul.links {margin-bottom: 40px;}
.cards {margin-bottom: 30px;}
.footer-phone {color: #fff; font-size: 24px; text-align: center; background-color: #DD4B10; padding: 10px 30px; 
              position: fixed; bottom: 0; left: 0; right: 0; z-index: 50000; box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.6);}
.footer-phone a {color: #fff; cursor: pointer;}
.footer-phone a i {padding-right: 12px;}
a.footer-mail {color: #dd4b10; font-size: 16px;}
a.footer-mail:hover {color: #333;}

/*BACK TO TOP*/
#scroll-top.fixed {bottom: 60px;}
#scroll-top {background: #dd4b10; border-radius: 0;}
#scroll-top:hover {background: #888;}

/*REVSLIDER*/
.tp-leftarrow.default, .tp-rightarrow.default {height: 80px;}
.btn.no-radius {border-radius: 0 !important;}
.tp-caption.rev-title {font: 500 54px/1 "Raleway", sans-serif;}
.tp-caption.rev-subtitle {font: 300 48px/1 "Raleway", sans-serif; text-transform: none;}
.tp-caption.rev-text {font: 500 48px/1.5 "Raleway", sans-serif; color: #fc1a03;
                    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);}