/***************************************************
### Autor:      Nikola Vujovic                   ###
###             www.ics.ba                       ###
###             copyright (c) 2006 - 2014        ###
****************************************************
### Projekat:   sarajevocitycenter.ba            ###
### Datum:      13.01.2015.                      ###
### Namjena:    Main                             ###
***************************************************/
/***    Box Sizing: Border-box
*/
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:before,
*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
/***    Body & HTML
*/
* {margin: 0;padding: 0;border: 0;outline: 0;}
body, html {background: #ebebeb;margin: 0;padding: 0;}
/***    Global
*/
/***    Global - Font  */
body,input,textarea,select {font-size:14px;color:#2a2a2a;font-weight: 400;}
body,input,textarea,select,.fontPTsans {font-family:'PT Sans',Arial,Helvetica,sans-serif;}
body {padding-bottom: 100px;}
/***    Global - Elements  */
p {font-size:14px;line-height: 24px;}
h1 {font-size:22px;} h2 {font-size:20px;} h3 {font-size:18px;}
h4 {font-size:16px;} h5 {font-size:14px;} h6 {font-size:12px;}
h1, h2, h3, h4, h5, h6 {color:#9e248a;}
h1, h2, h3, h4, h5, h6, .fontRoboto {font-family:'Roboto',Arial,Helvetica,sans-serif;font-weight: 700;}
a {color:#9e248a;text-decoration:underline;}
a:hover {color:#2a2a2a;text-decoration:none;}
img {border:0;margin:0;padding:0;}
ul, ol {list-style-type:none;}
b, strong {font-weight: 700;}
/***    Global - Input  */
input, textarea, select {margin:0;padding:0;}
input[type="text"], input[type="password"], textarea {width: 100%;background-color:#ffffff;border:1px solid #bbbbbb;padding:5px 10px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: inset -1px 2px 7px 0px rgba(0, 0, 0, 0.15);-moz-box-shadow: inset -1px 2px 7px 0px rgba(0, 0, 0, 0.15);box-shadow: inset -1px 2px 7px 0px rgba(0, 0, 0, 0.15);}
input[type="button"] {cursor:pointer;margin-right:5px;}
textarea {resize:none;}
select {width: 100%;border:1px solid #bbbbbb;padding: 5px;}
select option {padding: 0px 5px;}
/***    Global - Buttons */
button {background-color:#9e248a;border-radius:2px;}
button span {font-size:14px;line-height: 1;font-weight:600;color:#ffffff;text-transform:uppercase;border:0;display:block;padding:6px 15px 4px;}
/***    Global - Float */
.float_clear {zoom:1;}
.float_clear:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.float_left {float:left;display:inline-block;}
.float_right {float:right;display:inline-block;}
/***    Global - Custom */
.margin0A {margin:0 auto;}
.bgr_purple {background-color: rgba(158,40,137,.8);}
.bgr_orange {background-color: rgba(253,183,32,.8);}
.bgr_blue {background-color: rgba(0,174,239,.8);}
.bgr_green {background-color: rgba(155,174,30,.8);}
.input_form_loader {width: 100%;height: 100px;background: rgba(255,255,255,.5) url(../design/loader.gif) no-repeat center center;}
.input_form_loader {position: absolute;left: 0;top: 0;z-index: 100;display: none;}
/***    Header
*/
#main_header {width: 100%;}
#main_header header {width: 100%;max-width: 1080px;height: 300px;position: relative;margin: 0 auto;}
#main_header header ul {width: 100%;height: 300px;position: relative;}
#main_header header ul li {width: 100%;height: 300px;background-repeat: no-repeat;background-position: center center;}
#main_header header ol {width: 540px;position: absolute;left: 50px;bottom: 10px;z-index: 100;}
#main_header header ol li {float: left;margin-right: 10px;}
#main_header header ol li a {background: #9e248a;font-size: 16px;color: #ffffff;text-decoration: none;display: block;}
#main_header header ol li a span {height: 30px;line-height: 30px;display: block;padding: 0 10px;text-transform: uppercase;}
#main_header header ol li.home a {background: #9e248a;}
#main_header header ol li.home a:hover {background: #2a2a2a;}
#main_header header ol li.lang a {background: #2a2a2a;}
#main_header header ol li.lang a:hover {background: #9e248a;}
#main_header header .logo {width: 100%;position: absolute;left: 0;top: 0;z-index: 200;}
#main_header header .logo span {width: 30px;height: 30px;display: block;position: absolute;left: 0;top: 0;}
#main_header header .logo span a {width: 30px;height: 30px;display: block;}
#main_header header .logo span.logo_top {z-index: 500;left: 325px;top: 114px;}
#main_header header .logo span.logo_bottom {z-index: 600;left: 331px;top: 155px;display: none;}
#main_header header .logo span.logo_show {display: block;}
/***    SCC Offer
*/
#scc_offer {width: 100%;background-color: #ffffff;border-top: 1px solid #cfcece;border-bottom: 1px solid #cfcece;}
#scc_offer ul {width: 980px;height: 140px;margin: 0 auto;padding: 12px 0 0;}
#scc_offer ul li {width: 126px;float: left;}
#scc_offer ul li a {display: block;text-decoration: none;}
#scc_offer ul li a span {width: 97px;height: 97px;display: block;background-image: url(../design/scc_offer_icons_20150113.png);background-repeat: no-repeat;margin: 0 auto;}
#scc_offer ul li a h5 {color: #2a2a2a;text-transform: uppercase;text-align: center;margin: 5px 0 0;}
#scc_offer ul li a:hover h5 {color: #9e248a;}
#scc_offer ul li.scco_shopping {width: 112px;}
#scc_offer ul li.scco_shopping span {background-position: 0 0;margin:0;}
#scc_offer ul li.scco_shopping h5 {padding-right: 14px;}
#scc_offer ul li.scco_gastro span {background-position: -97px 0;}
#scc_offer ul li.scco_entertainment span {background-position: -194px 0;}
#scc_offer ul li.scco_services span {background-position: -291px 0;}
#scc_offer ul li.scco_about_us span {background-position: -388px 0;}
#scc_offer ul li.scco_news span {background-position: -485px 0;}
#scc_offer ul li.scco_parking span {background-position: -582px 0;}
#scc_offer ul li.scco_contact {width: 112px;}
#scc_offer ul li.scco_contact span {background-position: -679px 0;margin:0 0 0 14px;}
#scc_offer ul li.scco_contact h5 {padding-left: 14px;}
/***    Page Title
*/
.page_title {width: 980px;padding: 30px 0 0;margin: 0 auto;position: relative;}
.page_title h1 {width: 755px;font-size: 28px;height: 47px;line-height: 45px;background-color: rgba(0,0,0,.8);padding-left: 20px;text-transform: uppercase;color: #ffffff;}
.page_title h3 {width: 225px;height: 47px;position: absolute;left: 755px;top: 30px;z-index: 30;background: url(../design/center_map_bgr.png) no-repeat 0 0;padding: 12px 0 0 85px;}
.page_title h3 a {color: #ffffff;text-decoration: none;text-transform: uppercase;}
.page_title ul {float: left;background: url(../design/corner_purple_20150116.png) no-repeat top right;padding: 0 18px 0 0;height: 33px;}
.page_title ul li {background: #ad4f9d;float: left;}
.page_title ul li a {display: block;font-size: 16px;color: #ffffff;line-height: 33px;padding: 0 10px;text-transform: uppercase;text-decoration: none;}
.page_title ul li a:hover {color: rgba(255,255,255,.5);}
.page_title ul li.divider {height: 33px;}
.page_title ul li.divider span {color: rgba(255,255,255,.5);line-height: 30px;display: block;font-size: 20px;}
/***    Page Content
*/
.page_content {width: 980px;padding: 15px 0;margin: 0 auto;}
.page_content .page_content_space {margin: 0 0 15px;}
.page_content .content_holder {background-color: #ffffff;padding: 20px;}
.page_content .content_holder .content_header {padding: 0 0 20px;}
/***    Page Content - Left Side    ***/
.page_content .page_content_left {width: 700px;margin-right: 10px;float: left;}
/***    Page Content - Right Side    ***/
.page_content .page_content_right {width: 270px;float: left;}
/***    Page Content - Right Side: Boxes    ***/
.page_content .page_content_right .box_right {width: 100%;background-color: #ffffff;}
.page_content .page_content_right .box_right header {height: 48px;background-color: #2a2a2a;padding: 0 20px;}
.page_content .page_content_right .box_right header h1 {font-size: 22px;color: #ffffff;text-transform: uppercase;line-height: 48px;}
.page_content .page_content_right .box_right .box_right_content {padding: 20px;}
.page_content .page_content_right .box_right .box_right_content table {width: 100%;border-bottom: 1px solid #ebebeb;}
.page_content .page_content_right .box_right .box_right_content table td {height: 30px;vertical-align: middle;font-size: 16px;border-top: 1px solid #ebebeb;}
.page_content .page_content_right .box_right .box_right_content table td.title {width: 130px;}
.page_content .page_content_right .box_right .box_right_content table td.hours {width: 100px;text-align: right;}
.page_content .page_content_right .box_right .box_right_content table td.time {width: 140px;}
.page_content .page_content_right .box_right .box_right_content table td.price {width: 145px;text-align: right;}
.page_content .page_content_right .working_hours header {background-color: #00aeef;}
.page_content .page_content_right .parking_price header {background-color: #f6b754;}
.page_content .page_content_right .virtual_tour_banner,
.page_content .page_content_right .radio {margin-top: 15px;}
.page_content .page_content_right .parking_price .box_right_content .note {background-color: #ebebeb;margin-top: 10px;padding: 10px 0;}
.page_content .page_content_right .parking_price .box_right_content .note p {text-align: center;line-height: normal;}
.page_content .page_content_right .parking_price .box_right_content .note p span.first_child {text-transform: uppercase;font-weight: 700;}
.page_content .page_content_right .parking_banner .box_right_content {background-color: #00adef;padding: 10px;}
.page_content .page_content_right .lockers_banner .box_right_content {background-color: #9e2489;padding: 10px;}
/***    Page Content - Full    ***/
.page_content .page_content_full {width: 980px;float: left;}
/***    Tabs
*/
.tabs ul {margin-right: -20px;}
.tabs ul li {width: 220px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin: 0 20px 10px 0;overflow: hidden;float: left;}
.tabs ul li a {height: 40px;background-color: rgba(0,0,0,.3);display: block;padding: 0 20px;line-height: 40px;text-transform: uppercase;color: #ffffff;text-decoration: none;}
.tabs ul li a:hover {background-color: rgba(0,0,0,.7);}
.tabs ul li.active a {background-color: rgba(0,0,0,1.0);}
.tabs .tabs_content {width: 100%;padding: 0 0 0;border-top: 1px solid #ebebeb;}
.tabs .tabs_content ol {margin: 0 -20px 0 0;}
.tabs .tabs_content ol li {width: 220px;margin: 10px 20px 0 0;float: left;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;overflow: hidden;}
.tabs .tabs_content ol li a {height: 40px;background-color: #d4e3a7;display: block;padding: 0 20px;line-height: 40px;text-transform: uppercase;text-decoration: none;color: #2a2a2a;}
.tabs .tabs_content ol li a:hover {background-color: #9e248a;color: #ffffff;}

/***    Footer
*/
#main_footer {width: 100%;position: fixed;left: 0;bottom: 0;z-index: 500;}
/***    Footer - Brands  ***/
.scc_brands {width: 980px;background-color: #ffffff;margin: 0 auto;}
.scc_brands .page_title {padding: 0;}
.scc_brands .page_title h3 {top: 0;background-position: 0 -47px;}
.scc_brands .brands_list {padding: 20px;}
.scc_brands .brands_list ul {width: 940px;height: 293px;overflow: hidden;}
.scc_brands .brands_list .bx-wrapper .bx-viewport {border: 0;left: 0;box-shadow: none;}
/*.scc_brands .brands_list ul li figure img {display: none;}*/
/***    Footer - Copyright  ***/
#main_footer .copyright {width: 100%;background-color: #191919;margin: 0 auto;padding: 20px 0;}
#main_footer .copyright div {width: 980px;background-color: #191919;margin: 0 auto;}
#main_footer .copyright div p {font-size: 16px;line-height: 42px;color: #6f6f6f;float: left;}
#main_footer .copyright div ul {height: 42px;float: right;}
#main_footer .copyright div ul li {width: 42px;margin-left: 10px;float: left;}
#main_footer .copyright div ul li a {width: 42px;height: 42px;background-color: #f5f5f5;-webkit-border-radius: 21px;-moz-border-radius: 21px;border-radius: 21px;display: block;text-align: center;color: #191919;text-decoration: none;}
#main_footer .copyright div ul li a:hover {background-color: #9e248a;color: #f5f5f5;}
#main_footer .copyright div ul li a i.fa {line-height: 42px;font-size: 24px;}
#main_footer.copyright_fixed {padding-bottom: 82px;}
#main_footer.copyright_fixed .copyright {position: fixed;left: 0;bottom: 0;z-index: 9999;}