/************** fonts *******************/ @font-face { font-family: Abel-Regular; src: url(../fonts/Abel-Regular.ttf); } @font-face { font-family: Bottom-Brazil; src: url(../fonts/Bottom-Brazil.otf); } @font-face { font-family: gothambold1; src: url(../fonts/gothambold1.ttf); } @font-face { font-family: GothamBook; src: url(../fonts/GothamBook.ttf); } @font-face { font-family: Montserrat-Black; src: url(../fonts/Montserrat-Black.ttf); } @font-face { font-family: Montserrat-BlackItalic; src: url(../fonts/Montserrat-BlackItalic.ttf); } @font-face { font-family: Montserrat-Bold; src: url(../fonts/Montserrat-Bold.ttf); } @font-face { font-family: Montserrat-BoldItalic; src: url(../fonts/Montserrat-BoldItalic.ttf); } @font-face { font-family: Montserrat-ExtraBold; src: url(../fonts/Montserrat-ExtraBold.ttf); } @font-face { font-family: Montserrat-ExtraBoldItalic; src: url(../fonts/Montserrat-ExtraBoldItalic.ttf); } @font-face { font-family: Montserrat-ExtraLight; src: url(../fonts/Montserrat-ExtraLight.ttf); } @font-face { font-family: Montserrat-ExtraLightItalic; src: url(../fonts/ Montserrat-ExtraLightItalic.ttf); } @font-face { font-family: Montserrat-Italic; src: url(../fonts/Montserrat-Italic.ttf); } @font-face { font-family: Montserrat-Light; src: url(../fonts/Montserrat-Light.ttf); } @font-face { font-family: Montserrat-LightItalic; src: url(../fonts/Montserrat-LightItalic.ttf); } @font-face { font-family: Montserrat-Medium; src: url(../fonts/Montserrat-Medium.ttf); } @font-face { font-family: Montserrat-MediumItalic; src: url(../fonts/Montserrat-MediumItalic.ttf); } @font-face { font-family: Montserrat-Regular; src: url(../fonts/Montserrat-Regular.ttf); } @font-face { font-family: Montserrat-SemiBold; src: url(../fonts/Montserrat-SemiBold.ttf); } @font-face { font-family: Montserrat-SemiBoldItalic; src: url(../fonts/Montserrat-SemiBoldItalic.ttf); } @font-face { font-family: Montserrat-Thin; src: url(../fonts/Montserrat-Thin.ttf); } @font-face { font-family: Montserrat-ThinItalic; src: url(../fonts/Montserrat-ThinItalic.ttf); } @font-face { font-family: MyriadPro-Bold_1; src: url(../fonts/MyriadPro-Bold_1.otf); } @font-face { font-family: MyriadPro-BoldCond_1; src: url(../fonts/Abel-Regular.otf); } @font-face { font-family: MyriadPro-BoldCondIt_1; src: url(../fonts/Abel-Regular.otf); } @font-face { font-family: MyriadPro-BoldIt_1; src: url(../fonts/Abel-Regular.otf); } @font-face { font-family: MyriadPro-Cond_1; src: url(../fonts/Abel-Regular.otf); } @font-face { font-family: MyriadPro-CondIt_1; src: url(../fonts/Abel-Regular.otf); } @font-face { font-family: MyriadPro-It_1; src: url(../fonts/Abel-Regular.otf); } @font-face { font-family: MyriadPro-Regular_1; src: url(../fonts/Abel-Regular.otf); } @font-face { font-family: MyriadPro-Semibold_1; src: url(../fonts/Abel-Regular.otf); } @font-face { font-family: MyriadPro-SemiboldIt_1; src: url(../fonts/Abel-Regular.otf); } @font-face { font-family: Cinzel; font-weight: bold; src:url(../fonts/goodtimesrg.ttf);} @font-face { font-family: 'Space_age'; src: url('../fonts/space age.eot'); src: local('☺'), url('../fonts/space age.woff') format('woff'), url('../fonts/space age.ttf') format('truetype'), url('../fonts/space age.svg') format('svg'); font-weight: normal; font-style: normal; } /** Generated by FG **/ @font-face { font-family: 'Conv_GothamLight'; src: url('../fonts/GothamLight.eot'); src: local('☺'), url('../fonts/GothamLight.woff') format('woff'), url('../fonts/GothamLight.ttf') format('truetype'), url('../fonts/GothamLight.svg') format('svg'); font-weight: normal; font-style: normal; } /************** Global reset *******************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } .clear { clear: both;} a { text-decoration:none;} /*********************************** Header *****************************************/ #mob_top { display:none;} #mob_middle{ display:none;} #mob_bottom { display:none;} #header{ width:100%; height:124px; background:#17172d; } #holder0 { width:1440px; height:124px; background:#17172d url(../img/header_bck.jpg) no-repeat; margin:0px auto; } #left_box0 { width:581px; height:124px; float:left; } #search { width:130px; height:124px; float:left; text-align:center; } #search a img { vertical-align: middle; margin-top:40px; } #left_part_header { width:451px; height:124px; float:left; } #lph_top { width:431px; height:62px; padding-left:20px; } #lph_top img { width:34px; height:38px;} .help1 { margin-top:10px; float:left; margin-left:10px;} .help1 a { -moz-transition: all 1s ease-in; -ms-transition: all 1s ease-in; -o-transition: all 1s ease-in; transition: all 1s ease-in; } .help1 a:hover { webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; opacity:0.7;} #lph_bottom {width:371px; height:62px; text-align:center; padding-left:80px; } .help2 { float:left; width:105px; height:20px; margin-right:15px; margin-top:20px; text-align:center;} .help2 a { font-size:18px; color:#8b8bd2; font-family: Montserrat-Regular; -moz-transition: all 1s ease-in; -ms-transition: all 1s ease-in; -o-transition: all 1s ease-in; transition: all 1s ease-in;} .help2 a:hover { color:#fff; webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } #mid_box0 { width:278px; height:124px; float:left; z-index:999; overflow:visible; position:relative; } #right_box0 { width:581px; height:124px; float:left; text-align:center; } #rb_top { width:451px; height:62px;} #rb_bottom { width:451px; height:62px; text-align:center;} .help3 { float:left; height:auto; margin-left:5px; margin-top:15px; text-align:center; padding-top:5px; color:#8eb8de; font-size:18px; font-family: GothamBook; } .help3_spc {float:left; height:auto; margin-left:80px; margin-top:15px; text-align:center; } .help4 { float:left; width:105px; height:20px; margin-left:25px; margin-top:20px; text-align:center; } .help4 a { font-size:18px; color:#8b8bd2; font-family: Montserrat-Regular; -moz-transition: all 1s ease-in; -ms-transition: all 1s ease-in; -o-transition: all 1s ease-in; transition: all 1s ease-in;} .help4 a:hover { color:#fff; webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } /***************************************** NAV ***********************************************************/ .header { visibility:hidden; height:0px!important;} /*********************************** Slider *****************************************/ #slider { width:100%; min-height:auto; background:#000000; } #holder1 { width:100%; margin:0px auto; height:auto; background:#000053; z-index:-1;} #holder1 img { width:100%; height:auto;} #divider1 { width:100%; text-align:center; margin:0px auto; background:#000000;} #divider1 img { width:1440px; height:9px; background:#000000;} /*********************************** Onama *****************************************/ #onama { width:100%; height:auto; background:#000000; } #holder2 { width:1440px; margin:0px auto; height:auto; background:#540000 url(../img/slider/onama_bck.jpg) no-repeat; background-size:100% 100%; padding-top:90px; } #left_box1 { width:46%; height:auto; float:left; padding:2%; } #onama_title { font-family: Bottom-Brazil; font-size:37px; color:#ff008a; margin-bottom:20px; } #onama_txt { font-family: 'Conv_GothamLight'; font-size:18px; color:#fff; } #onama_txt p { line-height:20px;} #onama_txt p strong { color:#7593fa;} #onama_txt p b { color:#45d0c8;} #button1 { width: 275px; height:39px; background:url(../img/onama_button1.png) no-repeat; text-align:center; margin-top:10px; float:right; padding-top:20px; color:#c5c5c5; font-size:20px; font-family:Montserrat-Bold; -moz-transition: all 1s ease-in; -ms-transition: all 1s ease-in; -o-transition: all 1s ease-in; transition: all 1s ease-in; } #button1:hover { webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; opacity:0.6; } #right_box1{ width:46%; height:auto; float:left; padding:2%; text-align:center;} #right_box1 img { margin:0px auto; width:100%;-webkit-box-shadow: 5px 5px 14px -10px rgba(64,255,246,1); -moz-box-shadow: 5px 5px 14px -10px rgba(64,255,246,1); box-shadow: 5px 5px 14px -10px rgba(64,255,246,1); } #bottom_box1 { width:100%; min-height:120px; text-align:center; } #bb1_text1 {font-family: Bottom-Brazil; font-size:50px; color:#b8ffc0; } #bb1_text2 {font-family: Bottom-Brazil; font-size:37px; color:#ff008a; text-shadow: 2px 2px 2px #40fff6;} #divider2 { width:100%; text-align:center; margin:0px auto; background:#000000; } /*********************************** O igri *****************************************/ #oigri { width:100%; height:auto; background:#000; } #holder3 { width:1440px; margin:0px auto; height:auto; background:#b11465; display: flex;justify-content: space-around;padding-top: 25px;} #left_box2 { width: 644px; max-width: 100%; height: auto; float: none; position: relative; } img.customPrevBtn{ position: absolute; left: -40px; top: 50%; margin-top: -36px; cursor: pointer; } img.customNextBtn{ position: absolute; right: -40px; top: 50%; margin-top: -36px; cursor: pointer; } /* #left_box2 img { width:100%; margin:0px auto; } */ #right_box2 { width:36%; height:auto; float:none;} #oigri_title { font-family: Bottom-Brazil; font-size:40px; color:#fff; margin-bottom:20px; } #oigri_special_txt { width:96%; padding:2%; margin:0px auto; background:#3eedfc; font-size:17px; color:#000; font-family: 'Conv_GothamLight'; line-height:22px; } #oigri_txt { color:#fff; font-size:17px; font-family: 'Conv_GothamLight'; line-height:22px; margin-top:10px; } #button2 { width: 275px; height:39px; background:url(../img/oigri_button1.png) no-repeat; text-align:center; margin-top:60px; float:left; padding-top:20px; color:#c5c5c5; font-size:20px; font-family:Montserrat-Bold; -moz-transition: all 1s ease-in; -ms-transition: all 1s ease-in; -o-transition: all 1s ease-in; transition: all 1s ease-in; } #button2:hover { webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; opacity:0.6; } #divider3 { width:100%; text-align:center; margin:0px auto; background:#000000; } /*********************************** Usluge *****************************************/ #usluge { width:100%; height:auto; background:#000; } #holder4 { width:1440px; margin:0px auto; height:auto; background:url(../img/usluge-bck.jpg) no-repeat; background-size:100% 100%; padding-top:40px; padding-bottom:40px;} #list_box1 { width:956px; height:94px; background: url(../img/list_box1_bck.png) no-repeat; padding:10px 0px 0px 100px; color:#7792a3; font-size:50px; font-family: 'Conv_GothamLight'; margin:10px 0px 20px 200px; } #list_box2 { width:956px; height:94px; background: url(../img/list_box2_bck.png) no-repeat; padding:10px 0px 0px 100px; color:#7792a3; font-size:50px; font-family: 'Conv_GothamLight'; margin:10px 0px 20px 305px; } #list_box3 { width:956px; height:94px; background: url(../img/list_box3_bck.png) no-repeat; padding:10px 0px 0px 100px; color:#7792a3; font-size:50px; font-family: 'Conv_GothamLight'; margin:10px 0px 0px 400px; } #divider4 { width:100%; text-align:center; margin:0px auto; background:#000000;} #divider4 img{ width:1440px; height:9px;} /*********************************** Kontakt *****************************************/ #kontakt { width:100%; min-height:340px; background:#000000; } #holder5 { width:1440px; margin:0px auto; min-height:340px; background: url(../img/kontakt_bck.jpg) no-repeat; background-size:100% 100%; } #centar_helper { width:1380px; min-height:300px; margin:0px auto; padding-top:40px; } #left_box3 { width:44%; float:left; padding:2%;} #kontakt_title { color:#da0077; font-size:18px; font-family: Bottom-Brazil; margin-bottom:20px; } #kontakt_txt { color:#c4c4c4; font-size:17px; font-family: Abel-Regular; line-height:24px;} #right_box3{ width:48%; float:left; padding:2%;} input[type=text] { width:98%; font-size:17px; font-family: Abel-Regular; color:#fff; background:none; border:none; padding:1%;} textarea { width:98%; padding:1%; box-sizing: border-box; border: 2px solid #ff008a; float:left; margin-top:20px; margin-bottom:10px;margin-left:2%; color:#fff; font-size:17px; font-family: Abel-Regular; background:none; resize: none; height: 120px;} input[type=button] { background-color: #4CAF50; border: none; color: white; padding: 5px 5px; text-decoration: none; margin: 4px 2px; cursor: pointer; float:right; color:#d50077; font-size:22px; font-family: Abel-Regular; background:none; } input[type=button]:hover { color:#fff;} .crop { overflow:hidden; width:46%; float:left; padding:2%; } .crop2 { overflow:hidden; width:46%; float:left; padding:2%; } .skew { display:block; height : 30px; width : 100%; border: 2px solid #ff008a; } .skew2 { border: 2px solid #ff008a; height : 30px; width : 100%; } #divider5 { width:100%; text-align:center; height:44px; background:#000;} #inside_color {width:100%; height:44px; background:#ff008a; margin:0px auto;} /*********************************** Mapa *****************************************/ #mapa { width:100%; height:auto; background:#000; } #holder6 { width:100%; margin:0px auto; } /*********************************** Futer *****************************************/ #footer { width:100%; height:140px; background:#15161d; padding-top:20px; } #holder7 { width:1440px; margin:0px auto; height:auto; } #foot_left { float:left; width:675px; height:140px; text-align:center!important; padding-left:1px;} .help6 { width:150px; float:left; margin-left:50px; text-align:center; margin-top:60px;} .help6 a { font-size:18px; color:#8b8bd2; font-family: Montserrat-Regular; -moz-transition: all 1s ease-in; -ms-transition: all 1s ease-in; -o-transition: all 1s ease-in; transition: all 1s ease-in;} .help6 a:hover { color:#fff; webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } #foot_mid { float:left; width:89px; height:140px;} #foot_right { float:left; width:675px; height:140px;} .help7 { width:150px; float:left; margin-left:50px; text-align:center; margin-top:60px;} .help7 a { font-size:18px; color:#8b8bd2; font-family: Montserrat-Regular; -moz-transition: all 1s ease-in; -ms-transition: all 1s ease-in; -o-transition: all 1s ease-in; transition: all 1s ease-in;} .help7 a:hover { color:#fff; webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } #divider6 { width:100%; text-align:center; height:1px; background:#15161d;} #color { width:1440px; height:1px; margin:0px auto; background:#c1006b;} #credits { width:100%; min-height:40px; background:#15161d; padding-top:25px; } #credits_txt { width:100%; text-align:center; font-size:20px; font-size:14px; color:#00c6bb; font-family: Abel-Regular; } /* Desktops and laptops ------------------------------------------------------------------------------------------------------------------------------------------------------ */ @media only screen and (max-width : 1440px) { /*********************************** Header *****************************************/ #header { width:100%; height:124px; background:#17172d; } #holder0 { width:100%; height:124px; background:#17172d url(../img/header_bck.jpg) no-repeat; margin:0px auto; } #left_box0 { width:40%; height:124px; float:left; } #search { width:20%; height:124px; float:left; text-align:center; } #search a img { vertical-align: middle; margin-top:40px; } #left_part_header { width:80%; height:124px; float:left; } #lph_top { width:100%; height:62px; padding-left:20px; } #lph_top img { width:34px; height:38px;} .help1 { margin-top:10px; float:left; margin-left:10px;} .help1 a { -moz-transition: all 1s ease-in; -ms-transition: all 1s ease-in; -o-transition: all 1s ease-in; transition: all 1s ease-in; } .help1 a:hover { webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; opacity:0.7;} #lph_bottom {width:100%; height:62px; text-align:center; padding-left:10%; } .help2 { float:left; height:20px; margin-right:15px; margin-top:20px; text-align:center; } .help2 a { font-size:18px; color:#8b8bd2; font-family: Montserrat-Regular; -moz-transition: all 1s ease-in; -ms-transition: all 1s ease-in; -o-transition: all 1s ease-in; transition: all 1s ease-in;} .help2 a:hover { color:#fff; webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } #mid_box0 { width:20%; height:124px; float:left; z-index:999; overflow:visible; position:relative; } #mid_box0 img { width:100%; height:auto; } #right_box0 { width:40%; height:124px; float:left; text-align:center; } #rb_top { width:100%; height:62px; } #rb_bottom { width:100%; height:62px; text-align:center;} .help3 { float:left; height:auto; margin-left:25px; margin-top:15px; text-align:center; padding-top:5px; color:#8eb8de; font-size:18px; font-family: GothamBook; } .help3_spc {float:left; height:auto; margin-left:80px; margin-top:15px; text-align:center; } .help4 { float:left; width:105px; height:20px; margin-left:25px; margin-top:20px; text-align:center; } .help4 a { font-size:18px; color:#8b8bd2; font-family: Montserrat-Regular; -moz-transition: all 1s ease-in; -ms-transition: all 1s ease-in; -o-transition: all 1s ease-in; transition: all 1s ease-in;} .help4 a:hover { color:#fff; webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } /*********************************** Slider *****************************************/ #slider { width:100%; min-height:auto; background:#000000; } #holder1 { width:100%; margin:0px auto; height:auto; background:#000053; z-index:-1;} #holder1 img { width:100%; height:auto;} #divider1 { width:100%; text-align:center; margin:0px auto; background:#000000;} #divider1 img { width:100%; height:9px; background:#000000;} /*********************************** Onama *****************************************/ #onama { width:100%; height:auto; background:#000000; } #holder2 { width:100%; margin:0px auto; height:auto; background:#540000 url(../img/slider/onama_bck.jpg) no-repeat; background-size:100% 100%; padding-top:90px; } #left_box1 { width:46%; height:auto; float:left; padding:2%; } #onama_title { font-family: Bottom-Brazil; font-size:37px; color:#ff008a; margin-bottom:20px; } #onama_txt { font-family: 'Conv_GothamLight'; font-size:18px; color:#fff; } #onama_txt p { line-height:20px;} #onama_txt p strong { color:#7593fa;} #onama_txt p b { color:#45d0c8;} #button1 { width: 275px; height:39px; background:url(../img/onama_button1.png) no-repeat; text-align:center; margin-top:10px; float:right; padding-top:20px; color:#c5c5c5; font-size:20px; font-family:Montserrat-Bold; -moz-transition: all 1s ease-in; -ms-transition: all 1s ease-in; -o-transition: all 1s ease-in; transition: all 1s ease-in; } #button1:hover { webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; opacity:0.6; } #right_box1{ width:46%; height:auto; float:left; padding:2%; text-align:center;} #right_box1 img { margin:0px auto; width:100%;-webkit-box-shadow: 5px 5px 14px -10px rgba(64,255,246,1); -moz-box-shadow: 5px 5px 14px -10px rgba(64,255,246,1); box-shadow: 5px 5px 14px -10px rgba(64,255,246,1); } #bottom_box1 { width:100%; min-height:120px; text-align:center; } #bb1_text1 {font-family: Bottom-Brazil; font-size:50px; color:#b8ffc0; } #bb1_text2 {font-family: Bottom-Brazil; font-size:37px; color:#ff008a; text-shadow: 2px 2px 2px #40fff6;} #divider2 { width:100%; text-align:center; margin:0px auto; background:#000000; } #divider2 img { width:100%; height:9px; } /*********************************** O igri *****************************************/ #oigri { width:100%; height:auto; background:#000; } #holder3 { width:100%; margin:0px auto; height:auto; background:#b11465; } #right_box2 { width:36%; height:auto; float:left; padding:2%;} #oigri_title { font-family: Bottom-Brazil; font-size:40px; color:#fff; margin-bottom:20px; } #oigri_special_txt { width:96%; padding:2%; margin:0px auto; background:#3eedfc; font-size:17px; color:#000; font-family: 'Conv_GothamLight'; line-height:22px; } #oigri_txt { color:#fff; font-size:17px; font-family: 'Conv_GothamLight'; line-height:22px; margin-top:10px; } #button2 { width: 275px; height:39px; background:url(../img/oigri_button1.png) no-repeat; text-align:center; margin-top:60px; float:left; padding-top:20px; color:#c5c5c5; font-size:20px; font-family:Montserrat-Bold; -moz-transition: all 1s ease-in; -ms-transition: all 1s ease-in; -o-transition: all 1s ease-in; transition: all 1s ease-in; } #button2:hover { webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; opacity:0.6; } #divider3 { width:100%; text-align:center; margin:0px auto; background:#000000; } #divider3 img { width:100%; height:9px; } /*********************************** Usluge *****************************************/ #usluge { width:100%; height:auto; background:#000; } #holder4 { width:100%; margin:0px auto; height:auto; background:url(../img/usluge-bck.jpg) no-repeat; background-size:100% 100%; padding-top:80px;} /* #list_box1 { width:96%!important; height:94px; background:none; color:#7792a3; font-size:50px; font-family: 'Conv_GothamLight'; padding:2%; margin:0px!important; text-align:center; } */ /* #list_box2 { width:96%!important; height:94px; background:none; color:#7792a3; font-size:50px; font-family: 'Conv_GothamLight'; padding:2%;margin:0px!important;text-align:center; } */ /* #list_box3 { width:96%!important; height:94px; background:none; color:#7792a3; font-size:50px; font-family: 'Conv_GothamLight'; padding:2%; margin:0px!important;text-align:center; } */ #divider4 { width:100%; text-align:center; margin:0px auto; background:#000000;} #divider4 img { width:100%; height:9px; } /*********************************** Kontakt *****************************************/ #kontakt { width:100%; min-height:340px; background:#000000; } #holder5 { width:100%; margin:0px auto; min-height:340px; background: url(../img/kontakt_bck.jpg) no-repeat; background-size:100% 100%; } #centar_helper { width:100%; min-height:300px; margin:0px auto; padding-top:40px; } #left_box3 { width:44%; float:left; padding:2%;} #kontakt_title { color:#da0077; font-size:18px; font-family: Bottom-Brazil; margin-bottom:20px; } #kontakt_txt { color:#c4c4c4; font-size:17px; font-family: Abel-Regular; line-height:24px;} #right_box3{ width:48%; float:left; padding:2%;} input[type=text] { width:98%; font-size:17px; font-family: Abel-Regular; color:#fff; background:none; border:none; padding:1%;} textarea { width:98%; padding:1%; box-sizing: border-box; border: 2px solid #ff008a; float:left; margin-top:20px; margin-bottom:10px;margin-left:2%; color:#fff; font-size:17px; font-family: Abel-Regular; background:none; resize: none; height: 120px;} input[type=button] { background-color: #4CAF50; border: none; color: white; padding: 5px 5px; text-decoration: none; margin: 4px 2px; cursor: pointer; float:right; color:#d50077; font-size:22px; font-family: Abel-Regular; background:none; } input[type=button]:hover { color:#fff;} .crop { overflow:hidden; width:46%; float:left; padding:2%; } .crop2 { overflow:hidden; width:46%; float:left; padding:2%; } .skew { display:block; height : 30px; width : 100%; border: 2px solid #ff008a; } .skew2 { border: 2px solid #ff008a; height : 30px; width : 100%; } #divider5 { width:100%; text-align:center; height:44px; background:#000;} #inside_color {width:100%; height:44px; background:#ff008a; margin:0px auto;} /*********************************** Mapa *****************************************/ #mapa { width:100%; height:auto; background:#000; } #holder6 { width:100%; margin:0px auto; } #holder6 img { width:100%; height:auto;} /*********************************** Futer *****************************************/ #footer { width:100%; height:140px; background:#15161d; padding-top:20px; } #holder7 { width:100%; margin:0px auto; height:auto; } #foot_left { float:left; width:45%; height:140px; text-align:center!important; padding:0px;} .help6 { width:20%; float:left; text-align:center; margin-top:60px; } .help6 a { font-size:18px; color:#8b8bd2; font-family: Montserrat-Regular; -moz-transition: all 1s ease-in; -ms-transition: all 1s ease-in; -o-transition: all 1s ease-in; transition: all 1s ease-in;} .help6 a:hover { color:#fff; webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } #foot_mid { float:left; width:10%; height:140px; text-align:center;} #foot_right { float:left; width:45%; height:140px; } .help7 { width:20%; float:left; text-align:center; margin-top:60px; } .help7 a { font-size:18px; color:#8b8bd2; font-family: Montserrat-Regular; -moz-transition: all 1s ease-in; -ms-transition: all 1s ease-in; -o-transition: all 1s ease-in; transition: all 1s ease-in;} .help7 a:hover { color:#fff; webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } #divider6 { width:100%; text-align:center; height:1px; background:#15161d;} #color { width:100%; height:1px; margin:0px auto; background:#c1006b;} #credits { width:100%; min-height:40px; background:#15161d; padding-top:25px; text-align:center; } #credits_txt { width:100%; text-align:center; font-size:20px; font-size:14px; color:#00c6bb; font-family: Abel-Regular; } /****************************************************** NAV ****************************************************************/ } @media only screen and (max-width : 1200px) { #search { display:none;} #left_part_header { width:100%; } #lph_bottom {width:100%; height:62px; text-align:center; padding-left:50px; } .help2 { float:left; height:20px; margin-right:15px; margin-top:20px; text-align:center;} .help2 a { font-size:18px; color:#8b8bd2; font-family: Montserrat-Regular; -moz-transition: all 1s ease-in; -ms-transition: all 1s ease-in; -o-transition: all 1s ease-in; transition: all 1s ease-in;} .help2 a:hover { color:#fff; webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } #right_box0 { width:40%; height:124px; float:left; text-align:center; } #rb_top { width:100%; height:62px;} #rb_bottom { width:100%; height:62px; text-align:center;} .help3 { float:left; height:auto; margin-left:5px; margin-top:15px; text-align:center; padding-top:5px; color:#8eb8de; font-size:18px; font-family: GothamBook; } .help3_spc {float:left; height:auto; margin-left:15px; margin-top:15px; text-align:center; } .help4 { float:left; width:105px; height:20px; margin-left:25px; margin-top:20px; text-align:center; } .help4 a { font-size:18px; color:#8b8bd2; font-family: Montserrat-Regular; -moz-transition: all 1s ease-in; -ms-transition: all 1s ease-in; -o-transition: all 1s ease-in; transition: all 1s ease-in;} .help4 a:hover { color:#fff; webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } /*********************************** Futer *****************************************/ #footer { width:100%; height:140px; background:#15161d; padding-top:20px; } #holder7 { width:100%; margin:0px auto; height:auto; } #foot_left { float:left; width:45%; height:auto; text-align:center!important; padding:0px!important; margin:0px!important;} .help6 { width:96%; float:none; text-align:center; margin-top:20px; padding:2%!important; padding:0px!important; margin:20px 0px!important;} .help6 a { font-size:16px; color:#8b8bd2; font-family: Montserrat-Regular; -moz-transition: all 1s ease-in; -ms-transition: all 1s ease-in; -o-transition: all 1s ease-in; transition: all 1s ease-in;} .help6 a:hover { color:#fff; webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } #foot_mid { float:left; width:10%; height:140px; text-align:center; padding:0px!important; margin:0px!important;} #foot_mid img{ width:100%; height:auto;} #foot_right { float:left; width:45%; height:140px; padding:0px!important; margin:0px!important;} .help7 { width:96%; float:none; text-align:center; margin-top:20px; padding:2%!important; padding:0px!important; margin:20px 0px!important;} .help7 a { font-size:16px; color:#8b8bd2; font-family: Montserrat-Regular; -moz-transition: all 1s ease-in; -ms-transition: all 1s ease-in; -o-transition: all 1s ease-in; transition: all 1s ease-in;} .help7 a:hover { color:#fff; webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } #divider6 { width:100%; text-align:center; height:1px; background:#15161d;} #color { width:100%; height:1px; margin:0px auto; background:#c1006b;} #credits { width:100%; min-height:40px; background:#15161d; padding-top:25px; text-align:center; } #credits_txt { width:100%; text-align:center; font-size:20px; font-size:14px; color:#00c6bb; font-family: Abel-Regular; } } @media only screen and (max-width : 1024px) { .header { visibility:visible; height:40px!important;} #search { display:none;} #left_part_header { width:100%; } #lph_bottom { display:none;} #rb_bottom { display:none;} } @media only screen and (max-width : 800px) { .header { visibility:visible; height:40px!important;} #search { display:none;} #left_part_header { width:100%; } #lph_bottom { display:none;} #rb_bottom { display:none; } #rb_top { width:100%; height:62px; } .help3 { font-size:15px!important; } .help3 a { font-size:15px!important; } /*********************************** Onama *****************************************/ #onama { width:100%; height:auto; background:#000000; } #holder2 { width:100%; margin:0px auto; height:auto; background:#540000 url(../img/slider/onama_bck.jpg) no-repeat; background-size:100% 100%; padding-top:20px; } #left_box1 { width:92%; height:auto!important; float:none; padding:2%; } #onama_title { font-family: Bottom-Brazil; font-size:30px; color:#ff008a; margin-bottom:20px; } #onama_txt { font-family: 'Conv_GothamLight'; font-size:16px; color:#fff; } #onama_txt p { line-height:20px;} #onama_txt p strong { color:#7593fa;} #onama_txt p b { color:#45d0c8;} #button1 { width: 275px; height:39px; background:url(../img/onama_button1.png) no-repeat; text-align:center; margin:10px auto; float:none; padding-top:20px; color:#c5c5c5; font-size:20px; font-family:Montserrat-Bold; -moz-transition: all 1s ease-in; -ms-transition: all 1s ease-in; -o-transition: all 1s ease-in; transition: all 1s ease-in; } #button1:hover { webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; opacity:0.6; } #right_box1{ width:96%; height:auto!important; float:none; padding:2%; text-align:center;} #right_box1 img { margin:0px auto; width:100%;-webkit-box-shadow: 5px 5px 14px -10px rgba(64,255,246,1); -moz-box-shadow: 5px 5px 14px -10px rgba(64,255,246,1); box-shadow: 5px 5px 14px -10px rgba(64,255,246,1); } #bottom_box1 { width:96%; height:auto; padding:2%; text-align:center; } #bb1_text1 {font-family: Bottom-Brazil; font-size:35px; color:#b8ffc0; } #bb1_text2 {font-family: Bottom-Brazil; font-size:32px; color:#ff008a; text-shadow: 2px 2px 2px #40fff6;} #divider2 { width:100%; text-align:center; margin:0px auto; background:#000000; } /*********************************** O igri *****************************************/ #oigri { width:100%; height:auto; background:#000; } #holder3 { width:100%; margin:0px auto; height:auto; background:#b11465; } #left_box2 { width:644px; height:auto!important; float:none;} #right_box2 { width:96%; min-height:400px; float:none; padding:2%;} #oigri_title { font-family: Bottom-Brazil; font-size:40px; color:#fff; margin-bottom:20px; } #oigri_special_txt { width:96%; padding:2%; margin:0px auto; background:#3eedfc; font-size:17px; color:#000; font-family: 'Conv_GothamLight'; line-height:22px; } #oigri_txt { color:#fff; font-size:17px; font-family: 'Conv_GothamLight'; line-height:22px; margin-top:10px; } #button2 { width: 275px; height:39px; background:url(../img/oigri_button1.png) no-repeat; text-align:center; margin-top:60px; float:left; padding-top:20px; color:#c5c5c5; font-size:20px; font-family:Montserrat-Bold; -moz-transition: all 1s ease-in; -ms-transition: all 1s ease-in; -o-transition: all 1s ease-in; transition: all 1s ease-in; } #button2:hover { webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; opacity:0.6; } #divider3 { width:100%; text-align:center; margin:0px auto; background:#000000; } /*********************************** Usluge *****************************************/ #usluge { width:100%; height:auto; background:#000; } #divider4 { width:100%; text-align:center; margin:0px auto; background:#000000;} #divider4 img { width:100%; height:9px; } /*********************************** Kontakt *****************************************/ #kontakt { width:100%; height:auto; background:#000000; } #holder5 { width:100%; margin:0px auto; height:auto; background: url(../img/kontakt_bck.jpg) no-repeat; background-size:100% 100%; } #centar_helper { width:100%; min-height:300px; margin:0px auto; padding-top:40px; } #left_box3 { width:96; float:none; padding:2%;} #kontakt_title { color:#da0077; font-size:18px; font-family: Bottom-Brazil; margin-bottom:20px; } #kontakt_txt { color:#c4c4c4; font-size:17px; font-family: Abel-Regular; line-height:24px;} #right_box3{ width:96%; float:none; padding:2%;} input[type=text] { width:98%; font-size:17px; font-family: Abel-Regular; color:#fff; background:none; border:none; padding:1%;} textarea { width:98%; padding:1%; box-sizing: border-box; border: 2px solid #ff008a; float:left; margin-top:20px; margin-bottom:10px;margin-left:2%; color:#fff; font-size:17px; font-family: Abel-Regular; background:none; resize: none; height: 120px;} input[type=button] { background-color: #4CAF50; border: none; color: white; padding: 5px 5px; text-decoration: none; margin: 4px 2px; cursor: pointer; float:right; color:#d50077; font-size:22px; font-family: Abel-Regular; background:none; } input[type=button]:hover { color:#fff;} .crop { overflow:hidden; width:46%; float:left; padding:2%; } .crop2 { overflow:hidden; width:46%; float:left; padding:2%; } .skew { display:block; height : 30px; width : 100%; border: 2px solid #ff008a; } .skew2 { border: 2px solid #ff008a; height : 30px; width : 100%; } #divider5 { width:100%; text-align:center; height:44px; background:#000;} #inside_color {width:100%; height:44px; background:#ff008a; margin:0px auto;} /*********************************** Futer *****************************************/ #footer { width:100%; height:140px; background:#15161d; padding-top:20px; } #holder7 { width:100%; margin:0px auto; height:auto; } #foot_left { float:left; width:45%; height:auto; text-align:center!important; padding:0px!important; margin:0px!important;} .help6 { width:96%; float:none; text-align:center; margin-top:20px; padding:2%!important; padding:0px!important; margin:20px 0px!important;} .help6 a { font-size:16px; color:#8b8bd2; font-family: Montserrat-Regular; -moz-transition: all 1s ease-in; -ms-transition: all 1s ease-in; -o-transition: all 1s ease-in; transition: all 1s ease-in;} .help6 a:hover { color:#fff; webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } #foot_mid { float:left; width:10%; height:140px; text-align:center; padding:0px!important; margin:0px!important;} #foot_mid img{ width:100%; height:auto;} #foot_right { float:left; width:45%; height:140px; padding:0px!important; margin:0px!important;} .help7 { width:96%; float:none; text-align:center; margin-top:20px; padding:2%!important; padding:0px!important; margin:20px 0px!important;} .help7 a { font-size:16px; color:#8b8bd2; font-family: Montserrat-Regular; -moz-transition: all 1s ease-in; -ms-transition: all 1s ease-in; -o-transition: all 1s ease-in; transition: all 1s ease-in;} .help7 a:hover { color:#fff; webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } #divider6 { width:100%; text-align:center; height:1px; background:#15161d;} #color { width:100%; height:1px; margin:0px auto; background:#c1006b;} #credits { width:100%; min-height:40px; background:#15161d; padding-top:25px; text-align:center; } #credits_txt { width:100%; text-align:center; font-size:20px; font-size:14px; color:#00c6bb; font-family: Abel-Regular; } } @media only screen and (max-width : 600px) { .header { visibility:visible; height:40px!important;} #search { display:none;} #left_part_header { width:100%; } #lph_bottom { display:none;} #rb_bottom { display:none; } #rb_top { width:100%; height:62px; } .help3_spc { float:none;} .help3 { font-size:15px!important; float:none; } .help3 a { font-size:15px!important; } } @media only screen and (max-width : 500px) { .header { visibility:; height:40px!important;} #header { display:none;} #search { display:none;} #left_part_header { width:100%; } #lph_bottom { display:none;} #rb_bottom { display:none; } #rb_top { width:100%; height:62px; background:blue; } .help3_spc { float:none;} .help3 { font-size:15px!important; float:none; } .help3 a { font-size:15px!important; } #mob_top { display:block; background:#17172d; text-align:center; } #mob_middle{ display:block;background:#17172d; text-align:center; color:#ff008a; font-size:22px; font-family: Abel-Regular;} #mob_bottom { display:block;background:#17172d; text-align:center; padding-top:10px; padding-bottom:10px;} .helpmob_icon { float:left; width:35px; height:35px; margin-left:15%; } .helpmob_icon img { width:35px; height:35px;} #left_box0 { display:none;} #mid_box0 { display:none;} #right_box0 { display:none;} }