/* Name of design: ViK Burgas Website Designer: Atanas Mahony [http://amahony.com] for Coggraphics Design Studio [http://coggraphics.com] Designed (Year): 2013 */ :root { --wd: 1280px; } /* General -------------------------------------------------- */ body { padding-top: 0px; font-family: Tahoma, Arial, Helvetica, sans-serif; } h3, h5 { font-size: 20px; border-bottom: 4px solid #bfbfbf; } h5 { font-size: 13px; line-height: 20px; padding-bottom: 8px; margin-bottom: 5px; } a { color: #006cb7; } /* Header -------------------------------------------------- */ #header { height: 87px; border-bottom: 1px solid #005692; box-shadow: 0 -4px 0 rgba(0,0,0,0.05) inset; min-width:var(--wd); } .brand { padding-top: 20px; display: block; } #call-line { float: right; } #call-line h6 { font-weight: normal; color: #646e75; text-align: right; } #call-line h5.tel { color: #006cb7; border: none; font-size: 28px; font-weight: normal; } #call-line h5.tel span { font-size:26px; } #top-controls { margin-top: 10px; } .language-switcher { float: right; font-size: 12px; color: #646e75; } ul.inline > li, ol.inline > li { padding: 0; } .top-social-link { float: right; font-size: 26px; color: #646e75; clear: right; } .top-social-link a { color: #bfbfbf; } .top-social-link a:hover { color: #006cb7; text-decoration: none; } .top-social-link a .icon-envelope { font-size: 27px;} /* Navigation -------------------------------------------------- */ #mainnav { min-width:var(--wd); background: #086eb5; background-image: linear-gradient(to bottom, #0f75bb, #0166ad); box-shadow: 0 -5px 0 rgba(0,0,0,0.06) inset, 0 1px 0 rgba(255,255,255,0.13) inset, 0 -1px 0 rgba(0,0,0,0.13)inset, 0 4px 8px rgba(0,0,0,0.12); border-bottom: 1px solid #003c66; margin-bottom: 20px; } .vik-map #mainnav{ margin-bottom:0;} #mainnav .navbar { margin-bottom: 0px; } #mainnav .navbar-inner { background: none; background-image: none; background-repeat: repeat-x; border: none; border-radius: 0px; box-shadow: 0 0 0 0; min-height: 40px; padding-left: 0px; padding-right: 0px; filter: none; } .navbar .nav > li > a { color: #fff; text-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 0 2px rgba(0, 0, 0, 0.3); font-size: 20px; padding: 20px; } .navbar .nav > li > a:hover, .navbar .nav > li > a:focus, .navbar .nav > li:hover > a { background: #fff; color: #006cb7; text-shadow: none; box-shadow: 0 -5px 0 rgba(0,0,0,0.06) inset, 0 1px 0 rgba(255,255,255,0.33) inset, 0 -1px 0 rgba(0,0,0,0.13)inset; } .navbar .nav > .active > a { background: none; color: #fff; box-shadow: none; } .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus { background: #fff; color: #006cb7; text-shadow: none; box-shadow: 0 -5px 0 rgba(0,0,0,0.06) inset, 0 1px 0 rgba(255,255,255,0.33) inset, 0 -1px 0 rgba(0,0,0,0.13)inset; } .caret { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid transparent; } .navbar .nav li.dropdown .dropdown-menu {/* width:100%; */ border:none; width:265px; } .navbar .nav li.dropdown .dropdown-menu li {border:none;} .navbar .nav li.dropdown > .dropdown-toggle .caret { border-bottom-color: #fff; border-top-color: #fff; } .navbar .nav li.dropdown > .dropdown-toggle:hover .caret, .navbar .nav li.dropdown > .dropdown-toggle:focus .caret { border-bottom-color: #fff; border-top-color: #fff; } .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle { background: #fff; color: #006cb7; text-shadow: 0 -1px 0 #fff; box-shadow: none; } .navbar .nav li.dropdown.open > .dropdown-toggle .caret { border-bottom-color: #006cb7; border-top-color: #006cb7; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: inherit; width: auto; padding: 5px 0; margin: 0px 0 0; background-color: #ffffff; border: 0px solid #ccc; border: 0px solid rgba(0, 0, 0, 0.2); border-radius: 0px; box-shadow: 0 5px 4px rgba(0, 0, 0, 0.33); } .dropdown-menu > li{ border-bottom:1px solid #BFBFBF;} .dropdown-menu > li:last-child{ border-bottom:none;} .dropdown-menu > li > a { padding: 8px 20px; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a { background-color: #0da387; background-image: linear-gradient(to bottom, #0da387, #0da387); background-repeat: repeat-x; color: #FFFFFF; text-decoration: none; } .navbar .nav > li > .dropdown-menu:before, .navbar .nav > li > .dropdown-menu:after { border-width: 0px; } .navbar-form { display: block; margin-bottom: 0; margin-right: 15px; width: 260px; } .navbar-form input { margin-top: 8px; border: 2px solid #015fa0; color: #808080; font-size: 16px; height: 30px; line-height: 16px; box-shadow: 0 3px 1px rgba(0, 0, 0, 0.075) inset; } .navbar-form input:focus { border-color: #0da387; box-shadow: 0 3px 1px rgba(0, 0, 0, 0.075) inset, 0 3px 8px rgba(255, 255, 255, 0.6)!important; outline: 0 none; } #mainnav .icon-home:before { line-height: 0; } #mainnav .icon-home{ font-size:24px; line-height:19px;} .dropdown:hover .dropdown-menu { display:block; } /* Billcheck and Login Pane -------------------------------------------------- */ #hometools .tab-content { background: #ededed; height: 268px; overflow:hidden; border: 2px solid #cccccc; border-top-width: 0px; border-radius: 0 0 4px 4px; } #hometools > ul { margin-bottom: 0px; } .nav-tabs > li > a { border: 2px solid #eee; border-bottom: 0px; } .nav-tabs > li > a, .nav-tabs > li > a { margin: 0; text-align: center; font-weight: bold; text-shadow: 0 1px 0 #fff; border: 2px solid #ccc; border-bottom: none; } .nav-tabs > li > a:hover, .nav-tabs > li > a:focus { background: #edf4f9; border: 2px solid #bfd3e1; border-bottom: none; } .nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus { border: 2px solid #ccc; border-bottom: none; } .nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus { background: #ededed; position: relative; } #hometools #myTab li:first-child { width: 70%; } #hometools #myTab li:last-child { width: 31%; margin-left: -1%; } #hometools .tab-pane { padding: 20px 20px; } .vik-form { margin: 0; margin-bottom: 18px;} .vik-form input[type="text"], .vik-form input[type="password"] { margin-top: 8px; border: 1px solid #bebebe; color: #808080; font-size: 14px; height: 34px; line-height: 24px; box-shadow: 0 3px 1px rgba(0, 0, 0, 0.075) inset; display: block; } .vik-form label { color: #646e75; font-size: 12px; font-weight: bold; } .vik-form p {text-align: center;} .vik-form-small {font-size:82%;} #billcheck, #signin { margin: 20px auto 10px; display: block; width: 200px; } /*#proverka { padding-top:60px !important; } */ /* Services and Action boxes -------------------------------------------------- */ #vik-services { margin-top: 10px; } .vik-list li a { display: block; border-bottom: 2px dotted #e6e6e6; padding: 14px 30px 14px 0px; position: relative; } .vik-list li { position: relative; list-style-type: none; } .vik-list li a:after { font-family: 'FontAwesome'; content: '\f138'; position: absolute; top: 50%; margin-top: -9px; right: 0; font-size: 18x; color: #ddd; width: 18px; height: 18px; } .vik-list li a:hover:after { color: #006cb7; text-decoration: none; } #actionrow { margin-top: 30px; } .vik-list li > ul > li { list-style-type: none; } .vik-list li > ul > li:before { font-family: 'FontAwesome'; content: '\f043'; position: absolute; top: 50%; margin-top: -9px; left: -20px; font-size: 18x; color: #ddd; width: 18px; height: 18px;color: #006cb7; } /* Infopanel -------------------------------------------------- */ #infopanel, .wavepattern { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAIAAADYYG7QAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAipJREFUeNrsWNmSwjAMI8HdAv//qxy9V0RsKKVN0yOkO4NmeIGUqLZiK1ZN0+y2BL3bGLZFqK5rXVXVRthAPNfrVeOzERllWXaPEHlF55TneVEUDw0ha3E5gQ3C8yJqcLpcLlE4ZQY9pwz5O5/Pn9Q41YLwtL+UzgrE6cdAKRWUTVmWt9vtPSfSm1GsTtNURAIVG+QIW/T+KkPP3EuC1ghVkiQrUrGnaQjifh5RxduAE6K13+9n84A0wcNHoOIjvdwAqiItbeAWGZ6qDJAaEPJnL5MORWHwOJ+GE2EXMB6NwbxwyhJBfO3Hl9CX0L8jhAqiZ9ffEDidTvpwOIRu7J4AE/YAfTweo3NKDB4aQtbALi4bS0DZphPLWcPhwHs9dd1mQE/5MRcLnSAwHRuo3kMCA9TxuSFAnUDBXZa9OXK7zKWlT2uHP1YO0SB39NcrUhn1xGpUxYgWfdkSvSMe9MHjwvLfpvpDbTDeBPS9DRD+dU7Ne2881baq9k/IY9RxO7IhkMiM+xf2W70J8pqqcdEJ5I6nghfZrYxjwIbHWTNzsUYfthQ/b1dWTeAUJXeITbsxvIxjwClQdR46U9ixc9WX94ENKhhKe2iHBB7IlNc4BksRJ06JQlBBaXUcbRkqCez5bD1rRQvvif902xtxVyoOANmGZs+v2A09xyDimW+A1ZnjGHd7YmPhWAg8JhWUaeOY0qBtJ9hGANvUlsxiFo1jAk1kNneV/hVgAISkAGJxYI5EAAAAAElFTkSuQmCC); background-repeat: repeat-x; } #infopanel{ background: #f2f2f2; min-height: 100px; margin-top: 30px; position: relative;} .wavepattern {height: 48px; width: 100%;} #map-legend .wavepattern {position: absolute; bottom: 0px;} .botwave { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAIAAADYYG7QAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAhNJREFUeNrsmNuSgjAQRDcBvP3/l1rlBeWyR0ezKWRDhEDyQD9YQilpZnrSk1HH4/EnJeifxJAeIZAOm/1+r3e7XSJsNptNnuc6y7IUOEFju92+NFQUhVxEZEOy5Ltq21a+3e/36/W6PBvSRIqUUl1CoK7ry+Vi31lAN53kqM7yXBKnqqrmpkJICAzh6d7vjQeEyrJsmma+wACTpmFCgtvthrDC0qKAoOLY/NSgYogWzJDXxP23eKI3Kt8RMtqqnoCZ519YGx6UNELh01dbI2qKvzRvyKU8RL2h3xjxZMVL+9OfG+fzWVPkS248DlDX6EETdjbD6GwoZ0rn5WWyQcdlY1xLm9omf1FyR2BsD9W2kcFpvt25F1BBOv+2sLA5nU6Sy7nB+7MWyeqaf6/a+R0m/Ol8QYAwZIn+bqT3rpQehPCdgLsUVMQfHWLN3S4G/G3I/Sh4+HQ1w0khWuUTmQUfcrUF//rNv5Kh8XwxLGNedlKM043saEerYWJDsh6lV0IroXUc88DhcNCc8qd4QkBg53jAI0IpjGPkAPnSkMwfIrKxCfydy7DiKJ01sbHD0R3H0FMu2cWiG8mUaxzjaOfCljeB+ez+IoxjKGoZx3x9tpfDW0BaUJFqcmw0w8MGhCXd55RTG6mBCtUUbBwjeYQcn54xY22ZxfjwmDSOkUYbtBZkSXscM84AVCKjj3Td/leAAQB5WJoT5F2I8gAAAABJRU5ErkJggg==); height: 48px; width: 100%; position: absolute; bottom: 0px; } /* Directory -------------------------------------------------- */ #directory { margin-top: 30px; margin-bottom: 50px; } .vik-dir > a { display: block; font-size: 13px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAJCAYAAAAPU20uAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGFJREFUeNpiXLd9NwMQPAXiZiCewYAGmKC0FBBPB+KNQCyCTQEM+AHxJSB2xaUABCSBeCcQd+JSAANsIIIFi8RzIE6EmoJhwlog1oVJIiu4D9UVAsRvkXXArFDC5RCAAAMAFv0OqUwfYpsAAAAASUVORK5CYII=); background-position: 0px 6px; background-repeat: no-repeat; padding-left: 18px; } .vik-dir > a:hover { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAJCAYAAAAPU20uAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGBJREFUeNpiZMjZzgAET4G4GYhnMKABJigtBcTTgXgjEItgUwADfkB8CYhdcSkAAUkg3gnEnbgUwAAbiGDBIvEciBOhpmCYsBaIdWGSyAruQ3WFAPFbZB0wK5RwOQQgwADyqg2shxaVKwAAAABJRU5ErkJggg==); } /* Footer -------------------------------------------------- */ #footer { background: #006cb7; border-top: 4px solid #005692; margin-top: 20px; padding-top: 10px; color: #acdff9; font-size: 13px; position:relative; min-width:var(--wd); } #footer .wavepattern{ bottom:48px; z-index:-1;} #footer a { color: #fff; font-weight: bold; } .copy img { margin-right: 5px; } /* Misc -------------------------------------------------- */ #myInfoCarousel .item { min-height: 260px; } #myInfoCarousel .carousel-control { top: 45%; color: #aeb7bb; } #myInfoCarousel .carousel-caption { background: none repeat scroll 0 0 transparent; bottom: 0; color: #333333; left: 0; margin: 50px 15%; right: 0; text-align: center; top: 0; width: 70%; color: #333; } #myInfoCarousel .carousel-caption h4, #myInfoCarousel .carousel-caption p { color: #282828; font-size: 20px; } #myInfoCarousel .carousel-caption p { position: relative; padding: 20px 50px 20px 80px; } #myInfoCarousel .icon-tint { color: #006cb7; font-size: 96px; position: absolute; left: 0; top: 50%; margin-top: -48px; } .carousel-control { border: none; top: 90%; background: none; } /* Inner page template -------------------------------------------------- */ /*Breadcrumbs*/ .top-bc { background: none; font-size: 12px; } .bottom-bc { background: #fff; border: 1px solid #ddd; font-size: 12px; padding: 10px; } .breadcrumb > .active { color: #484f54; } .breadcrumb{padding-left:15px;} /*Side Navigation*/ .nav .nav { margin: 0; } .nav-pills.nav-stacked > li > a { margin-bottom: 0; } .vik-sidenav li { position: relative; } .vik-sidenav > li > a, .vik-sidenav > li > a:hover {background: url(../images/grey.png) 248px 50% no-repeat;} .vik-sidenav > li > a.active, .vik-sidenav > li > a.active:hover {border-color:#046ab1; color:#046ab1; background: url(../images/blue-big.png) 248px 50% no-repeat #edf4f9;} .vik-sidenav > li > ul > li > a, .vik-sidenav > li > ul > li > a:hover {font-weight: normal; background: url(../images/grey-small.jpeg) left 25px no-repeat; padding-left:23px; margin: 0 0 0 10px} .vik-sidenav > li > ul > li > a.active, .vik-sidenav > li > ul > li > a.active:hover {font-weight: bold; color:#046ab1; background: url(../images/blue-small.png) left 25px no-repeat; padding-left:23px; margin: 0 0 0 10px} .vik-sidenav > li > ul > li > ul > li > a { border:none; } .vik-sidenav > li > ul > li > ul > li:last-child > a { border-bottom: 2px dotted #e6e6e6; padding-bottom: 15px; } .vik-sidenav > li > ul > li > ul > li > a.active, .vik-sidenav > li > ul > li > ul > li > a.active:hover {font-weight: bold; color:#046ab1;} .vik-sidenav > li > ul > li > ul > li > a {padding:5px 35px 5px 50px; font-weight: normal;} .vik-sidenav > li > ul > li > ul > li > a:hover {background: none; font-weight: normal;} .vik-sidenav li a {display: block; border-bottom: 2px dotted #e6e6e6; padding: 20px 35px 20px 10px; margin: 0; position: relative; border-radius: 0; color: #666; font-size: 14px; font-weight: bold; } .vik-sidenav li a:after { font-family: 'FontAwesome'; font-size: 20px; color: #ddd; font-weight: normal; } .vik-sidenav li a:hover:after { color: #006cb7; text-decoration: none; } .vik-sidenav li.active a { background: url(../images/blue-big.png) 248px 50% no-repeat #edf4f9; color: #046ab1; border-bottom: 2px dotted #046ab1; } /* .vik-sidenav li.active a:hover { background: #0DA387; color: #fff; border-bottom: 2px dotted #008971; } */ /* .vik-sidenav li.active a:hover:after { color: #fff; } */ .vik-sidenav li.active a:hover { background: url(../images/blue-big.png) 248px 50% no-repeat #edf4f9; color: #046ab1; /* border-bottom: 2px dotted #e6e6e6; */ } .vik-sidenav li.active a:hover:after { color: #006cb7; text-decoration: none; } .vik-sidenav li.active a:after { color: #006cb7; } .vik-sidenav li:first-child a { border-radius: 4px 4px 0 0 } .vik-sidenav li:last-child a { border-radius: 0px 0px 4px 4px; border-bottom: none; } /*Main Section*/ #main { margin-bottom: 100px; } #main h1, h2 { font-size: 20px; font-weight: normal; border-bottom: 4px solid #bfbfbf; line-height: 30px; margin: 5px 0 20px; padding: 0 0 15px; } h2 { font-size: 22px; } #main h5 { border: none; text-transform: uppercase; } #main h2 small { color: #aeb7bb; font-weight: normal; } #main h4 { font-size: 14px; text-transform: uppercase; font-weight: bold; border-bottom: 1px solid #cfd4d9; padding: 0 0 15px; } #main p { margin-bottom: 20px; } .vik-alert { font-weight: bold; padding: 20px 15px; } .vik-img { margin: 5px 20px; } .vik-img img { box-shadow: 0 18px 20px -8px rgba(0,0,0,0.3); } .vik-img-caption { font-size: 12px; color: #647076; padding: 20px 10px; text-align: center; } /*Button Styles*/ .btn-vik-primary { background-color: #0065ac; background-image: linear-gradient(to bottom, #006cb7, #005c9e); background-repeat: repeat-x; border-color: #00487c; border-image: none; border-radius: 4px 4px 4px 4px; border-style: solid; border-width: 1px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 -2px 0 rgba(0, 0, 0, 0.07) inset, 0 1px 2px rgba(0, 0, 0, 0.25); color: #fff; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; margin-bottom: 0; padding: 6px 18px; text-align: center; text-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 0 2px rgba(0, 0, 0, 0.3); vertical-align: middle; } .btn-vik-primary:hover, .btn-vik-primary:focus { background-color: #007ad1; background-image: linear-gradient(to bottom, #0089eb, #007ad1); background-position: 0 0; color: #fff; text-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 0 2px rgba(0, 0, 0, 0.3); } .btn-lg { font-size: 18px; line-height: 18px; font-weight: normal; padding: 12px 24px; } .btn-sm { font-size: 11px; line-height: 11px; font-weight: bold; padding: 7px 14px; } .btn-vik-off { background-color: #acacac; background-image: linear-gradient(to bottom, #b8b8b8, #9e9e9e); border-color: #808080; } .btn-vik-off:hover, .btn-vik-off:focus { background-color: #9e9e9e; background-image: linear-gradient(to bottom, #9e9e9e, #858585); } .btn-vik-alt { background-color: #f1bf0c; background-image: linear-gradient(to bottom, #ffcd19, #e5b400); border-color: #bfa030; color: #664700; text-shadow: 0 1px 0px rgba(255, 255, 255, 1), 0 0 2px rgba(255, 255, 255, 0.3); } .btn-vik-alt:hover, .btn-vik-alt:focus { background-color: #cca414; background-image: linear-gradient(to bottom, #ffcd19, #cca000); color: #664700; text-shadow: 0 1px 0px rgba(255, 255, 255, 1), 0 0 2px rgba(255, 255, 255, 0.3); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 1px 2px rgba(0, 0, 0, 0.25); border-color: #a68b29; } /*Table Styles*/ .vik-table { border-color: #d0d0d0; } .vik-table thead { background: #edf4f9; box-shadow: 0 4px 0 rgba(255, 255, 255, 0.4) inset; border-color: #d0d0d0; } .vik-table thead th { border: 1px solid #7ca8c8; color: #666; border-width: 0px 0px 1px 1px } .vik-table thead th:first-child { border-left-color: #d0d0d0; } .vik-table tbody tr:first-child td { border-top: none; } .vik-table tbody tr td { border-color: #d0d0d0; color: #666; } .alt-row td { background: #f7fafc; } .vik-table tfoot { background: #f2f2f2; box-shadow: 0 4px 0 #e4e4e4 inset; border-color: #d0d0d0; } .vik-table tfoot th { border-color: #d0d0d0; border-width: 1px 0px; color: #666; } .vik-table tfoot th:first-child { border-left-width: 1px; } /* misc*/ .vik-unit { background: #edf4f9; border-radius: 4px; padding: 25px 50px; margin: 20px auto; } .vik-unit h2 { border-bottom: none!important; color: #066cb3; font-size: 30px; font-weight: normal; } .vik-address { border-left: 2px solid #006cb7; font-size: 12px; float: left; } .vik-address dt { clear: left; float: left; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; width: 100px; margin-left: 15px; } .vik-address dd { float: left; margin-left: 25px; } .vik-sample{ margin:40px 0;} .vik-sample a{ margin-right: 20px;} .vik-sample i{ font-size:28px; margin-right:20px;} .vik-sample .iconlist { color:#066cb3; padding:10px 20px; margin-bottom:10px;} .vik-sample .iconlist-off { color:#bfbfbf;} .vik-sample .iconlist-inverted { color:#fff; background:#066cb3; border-radius:4px;} .clr-blue{ color:#3689ef;} .clr-orange{color:#fca600;} .clr-dark-cyan{ color:#2a91ad;} .clr-green{ color:#70bf49;} #map{ position:relative; } #map iframe {width: 100%;height: auto;min-height: 600px;} #pins a:hover{ text-decoration:none;} .pin{ position:absolute; background:url(/assets/images/markers.png) no-repeat 0 0; height:49px; width:50px;} .pin-1{ top:200px; left:930px;background:url(/assets/images/markers.png) no-repeat 0 0; } .pin-2{ top:400px; left:1090px;background:url(/assets/images/markers.png) no-repeat -50px 0; } .pin-3{ top:180px; left:1230px;background:url(/assets/images/markers.png) no-repeat -100px 0; } .pin-4{ top:300px; left:1110px;background:url(/assets/images/markers.png) no-repeat -150px 0; } .pin .symbol{ text-align:center; display: block; font-size: 18px; margin: 6px 0 0 -18px; } #map-legend{ z-index:2;position:absolute; top:50px; right:20px; width:275px; height: auto; background:#fff; border-radius:4px; overflow:hidden; border:1px solid #809cbc; padding-bottom:64px;box-shadow: 0 15px 15px -8px rgba(0,0,0,0.4); } .legend-head{background-color: #0065ac; background-image: linear-gradient(to bottom, #006cb7, #005c9e); background-repeat: repeat-x; color:#fff; padding:15px 20px; font-size:16px;} .legend-body{list-style-type:none; padding:0; margin:0;} .legend-body a{ border-bottom:1px solid #cfd4d9; display:block; cursor:pointer; color:#646e75; font-size:16px; padding:15px; outline:none;} .legend-body a i{ font-size:20px; margin-right:8px;} .legend-body a:hover, .legend-body a:focus{ text-decoration:none;} .legend-body li:last-child a{ border-bottom:0px solid #cfd4d9;} .legend-body li a b{ font-weight:normal; color:#cfd4d9; float:right; margin-right:5px; font-size:20px;} .legend-body li a:hover{ background:#edf4f9;} .legend-body li a.show b{ color:#0468ad; margin-right:2px;} #signal{ margin:20px auto; width:160px; display:block;} /* .table, .markdown table{font-size:13px; border-bottom:7px solid #005D9F; border-radius:0; color:#7F7F7F;} */ .table, .markdown table{font-size:14px; border-bottom:7px solid #005D9F; border-radius:0; color:#333;} .markdown table{border: 1px solid #ddd;border-collapse: separate;border-left: 0;width: 100%;margin-bottom: 20px;max-width: 100%;background-color: transparent;border-spacing: 0;} .table th{padding:8px 12px; text-align:center;} .markdown table th{padding:8px 12px;} .table td{padding:14px 12px; text-align:center;} .markdown table td{padding:14px 12px; border-top: 1px solid #ddd; border-left: 1px solid #ddd;} table thead{background:#217DBB; color:#fff; font-size:15px;} table thead th{height:30px; vertical-align:middle!important; border-left:1px solid #4899D0!important; border-right:1px solid #246EA0; border-bottom:4px solid #005D9F;} table td.text-right{text-align:right;} .table .checkbox{margin:0; padding:0; text-align:center;} .table .checkbox input{float:none;} .table a{ color:#6F91AA;} .table h3{font-size:15px; color:#0469B1; margin:0; line-height:normal; text-align:left; border:none;} .table .caption{border-top:4px solid #E4E4E4; background:#F9F9F9;} .btn-primary{background-image:linear-gradient(to bottom, #016AB2, #005EA1);} .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled]{background:#007AD1;} .btn-primary{font-size:16px;} .btn.btn-primary i{margin-right:10px;} .btn.btn-danger i{margin-right:10px;} .alert-danger, .alert-error{padding:20px; border:none; color:#404040; background:#FAEBEB;} .alert-danger strong, .alert-error strong{color:#E72D2D;} .alert-info{background:#EEF4F9; border:none; color:#333333;} .pagination ul > li > a, .pagination ul > li > span{border:none; padding:5px;} .pagination ul{box-shadow:none;} .pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span{ background:none; } .user-logged{ padding: 8px 15px; margin: 0 0 20px; font-size:12px; text-align:right; } .user-dropdown-list{ min-width:175px; /*margin-top:5px;*/ margin-top:-5px; float:right; } .user-dropdown-list li .vodomer-number{ color:#0469B1; } .user-dropdown-list .muted{ font-size:12px; } .user-dropdown-list .dropdown-menu > li > a:hover, .user-dropdown-list .dropdown-menu > li > a:focus, .user-dropdown-list .dropdown-submenu:hover > a, .user-dropdown-list .dropdown-submenu:focus > a{ background:#EEF4F9; color:#7F7F7F; } .user-dropdown-list .btn.dropdown-toggle{ min-width:150px; background:none; box-shadow:none; padding:10px 10px 10px 15px; color:#7F7F7F; border-color:#B3B3B3; } .user-dropdown-list .btn.dropdown-toggle i{ width:18px!important; height:15px!important; display:inline-block; border-radius:100%; border:2px solid #7F7F7F; padding-top:2px; margin-left:6px; } .user-actions, .user-current-info{ font-size:12px; padding:5px 0 10px 0; overflow:hidden; border-top:1px solid #BFBFBF; border-bottom:1px solid #BFBFBF; } .user-actions{padding: 5px 0 5px 0;} .user-actions span, .user-current-info span{ padding:5px 0 0 0; display:block; float:left; } .user-current-info ul{ float:right; } /* .user-actions{ overflow:hidden; margin-bottom:20px; } * */ .user-actions.right{ float:right; } .user-actions .btn{ margin-left:10px; padding:8px 16px; float:right; } .inspector-photo{ width:100%; display:block; position:relative; text-decoration:underline; } .inspector-photo:hover img{ display:block; } .inspector-photo img{ max-width:none; display:none; left:-100%; top:10px; margin:0 0 0 -10px; padding:4px; position:absolute; border-radius:5px; border:1px solid #ccc; background:#fff; } .text-hot{ color:#C00; } .text-cold{ color:#36C; } .registration-form{ } .registration-form label{ font-weight:bold; } .registration-form .checkbox, .registration-form .radio, .registration-form small{ font-weight:normal; } .registration-form fieldset{ margin-bottom:20px; } .vodomer-form h4{ margin-bottom:25px; color:#0469B1; } .profile-form, .profile-form .user-actions{ margin:0!important; } .profile-form h4{ margin-bottom:25px; color:#0469B1; } .profile-form fieldset{ margin-bottom:40px; } .profile-form .control-label{ font-weight:bold; width:220px; text-align:left; } .vodomer-type{ margin-bottom:40px; } .vodomer-type-img{ margin:0 0 30px 0; display:block; } p.vodomer-details{ margin:0 0 40px 0!important; } .vodomer-values .controls{ margin-left:200px; } .vodomer-values .control-label{ width:200px; text-align:left; } .vodomer-values button{ margin-top:40px; } .vodomer-value input{ width:165px; } .vodomer-date input{ width:43px; } .list-articles-item{ margin:0 0 20px 0; padding:0 0 10px 0; border-bottom:2px dotted #E5E5E5; } .list-articles-item h2{ font-size:15px; line-height:normal; padding-bottom:0; border:none; color:#006CB7; } .list-articles-item p.muted{ font-size:12px; margin:-10px 0 10px 0!important; } .article-list-details{ font-size:12px; padding:5px 10px; color:#666666; background:#f2f2f2; } .list-documents{ margin:0; padding:0; list-style:none; } .list-documents li{ margin-bottom:10px; overflow:hidden; } .list-documents-icon{ font-size:9px; width:32px; height:32px; margin-top:3px; margin-right:10px; line-height:15px; float:left; text-align:center; color:#656565; border:1px solid #B7B7B7; } .list-documents-icon span{ font-size:10px; display:block; } .list-documents-icon strong{ font-size:7px; font-weight:normal; } .list-documents-details{ font-size:11px; line-height:14px; color:#878787; display:block; text-decoration:none!important; } .search-field{ margin:10px 0; } .search-field input{ height:30px; } .search-field .add-on{ width:30px; height:26px; padding-top:8px; } .action-btn{ font-weight:bold; position:relative; color:#fff; border-radius:4px; background-repeat:no-repeat; background-position:center center; } .action-btn:hover, .action-btn:active, .action-btn:visited{ text-shadow:0 0 65px #000; text-decoration:none; color:#fff; } .vertical-center { display: table-cell; vertical-align: middle; height: 100px; float: none; width: 170px; } .action-btn .vertical-center span{ display:block; text-align:center; } .action-1{ background-image:url(/assets/images/box1.png); border: 2.5px solid #005c9c; } .action-2{ background-image:url(/assets/images/box2.png); border: 2.5px solid #16a085; } .action-3{ background-image:url(/assets/images/box3.png); border: 2.5px solid #cd710e; } .action-4{ background-image:url(/assets/images/box4.png); border: 2.5px solid #cd9300; } .action-5{ background-image:url(/assets/images/box5.png); border: 2.5px solid #499e4a; } .action-6{ background-image:url(/assets/images/box6.png); border: 2.5px solid #616b72; } /* ========================================================================== Media Queries ========================================================================== */ /* @media (max-width: 767px) { #header { height: auto; } #header > div > div > .span5 { width: 100%; margin: 0; } .brand { border-bottom: 1px solid #eee; padding-bottom: 8px; } #header > div > div > .span5 > div > div.span7, #header > div > div > .span5 > div > div.span5 { width: 50%; float: left; } #call-line { float: left; text-align: left; } #call-line h6 { text-align: left; } #call-line h5.tel { font-size: 24px; } .navbar .btn-navbar { background: #fff; } .navbar .btn-navbar .icon-bar { background: #006cb7; box-shadow: none; } .nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a { color: #fff; } .navbar-form { width: 90%; } #myCarousel { display: none; } #actionrow .span2 { width: 50%; float: left; margin-bottom: 10px; padding: 10px; } #myInfoCarousel .carousel-caption span { display: none; } #footer .container p { float: none; text-align: center; } .vik-sidenav li a:after { display: none; } .action-btn{border-radius:0;box-shadow:none;font-size:18px;} } @media (min-width: 768px) and (max-width: 991px) { #call-line h5.tel { font-size: 22px; } h5 { font-size: 12px; } .navbar .nav > li > a { font-size: 18px; padding: 20px 16px; } .navbar-form { width: 180px; } #billcheck, #signin { width: 160px; } .nav-tabs > li > a, .nav-tabs > li > a { font-size: 12px; padding: 10px; } #myInfoCarousel .carousel-caption h4, #myInfoCarousel .carousel-caption p { font-size: 16px; } #myInfoCarousel .item span.flaticon { margin-top: -30px; font-size: 60px; } #promo > div.span9, #promo > div.span3 { width: 100%; margin: 0; } .nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a { color: #fff; } .navbar-form { width: 100%; } .navbar .btn-navbar { background: #fff; } .navbar .btn-navbar .icon-bar { background: #006cb7; box-shadow: none; } .vik-sidenav li a:after { display: none; } .action-btn{font-size:14px;} } @media (min-width: 992px) and (max-width: 1199px) { h5 { font-size: 12px; } .navbar .nav > li > a { font-size: 18px; padding: 20px 16px; } .navbar-form { width: 180px; } #billcheck, #signin { width: 160px; } .nav-tabs > li > a, .nav-tabs > li > a { font-size: 12px; padding: 10px; } #myInfoCarousel .carousel-caption h4, #myInfoCarousel .carousel-caption p { font-size: 16px; } } @media (min-width: 1200px) { } */ .text-right { text-align: right !important; } .text-center { text-align: center !important; } .text-left { text-align: left !important; } .hidden { display: none; } #google-map img { max-width: none; } .list-documents li { margin-bottom: 10px; } .system-messages-wrapper { display: none; } .slide-info { position: absolute; padding: 22px 42px 72px 42px; width: 786px; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjU2Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(0,0,0,0.56) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.56)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.56) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0.56) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0.56) 0%,rgba(0,0,0,0) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0.56) 0%,rgba(0,0,0,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8f000000', endColorstr='#00000000',GradientType=0 ); /* IE6-8 */ } .slide-info h2 { margin: 0; font-family: Georgia; font-size: 34px; font-weight: bold; font-style: italic; line-height: 42px; border: none; color: #fff; } .slide-info p { color: #fff; } img.small-image { width:400px; float:left; padding:12px 12px 12px 0px; } /** Accordion */ .expandable-list{ margin:30px 0; padding:0; list-style:none; } .expandable-list li{ margin-bottom:20px; } .expandable-list li h3 { border-bottom:0px none; } .expandable-list .expandable-list-title{ font-size:18px; /* border-bottom:2px solid #FFF; */ display:inline-block; } .expandable-list .expandable-list-title:hover { /* border-bottom:2px solid #006cb7; */ } .expandable-list .expandable-list-title a{ height:23px; line-height:24px; padding-left:0px; display:block; font-size: 24px; font-weight:normal; } .expandable-list li.active .expandable-list-title a{ } .expandable-list li .expandable-list-title a:hover { text-decoration:none !important; } .expandable-list-content{ display:none; } .expandable-list li.active .expandable-list-preview{ display:block; } .expandable-list li.active .expandable-list-content{ display:block; } .expandable-list li.active .expandable-list-preview{ display:none; } .expandable-list li .expandable-list-title a:before { color: #006cb7; content: ""; /* content: ""; */ font-family: 'FontAwesome'; font-size: 20px; font-weight: normal; height: 24px; width: 24px; padding-right:15px; } .expandable-list li.active .expandable-list-title a:before { color: #ddd; /* content: ""; */ content: ""; font-family: 'FontAwesome'; } #photo-choose { cursor:pointer !important; } /* textarea { resize:vertical !important; } */ li.dropdown.service { width:270px !important; } li.dropdown.service ul { width:270px !important; } .contract-share-link { color:#006cb7; cursor:pointer; float:right; font-size:12px; } .contract-link-holder { display:none; border:1px solid #CCCCCC; height:18px; line-height:18px; padding:5px 10px; overflow:auto; } .contract-link-holder .anchor { color:#878787; float:left; font-size:12px; background:transparent; border:0px none !important; width:400px; height:18px; line-height:18px; padding:0px; } .contract-link-holder .anchor:focus { box-shadow: none; } .contract-link-holder .action { color:#006cb7; cursor:pointer; float:right; font-size:12px; } .article-list-details { margin-bottom:0px !important; } .vspacer20 { width:100%; height:20px; } .vsep { margin:45px 0px 20px 0px; height:1px; width:100%; border-bottom:2px dotted #e6e6e6; } .article-list-details-wrapper { /*height:30px; */ overflow:hidden; } /* #actionrow { text-align:center; } #actionrow a { display:inline-block !important; float:none !important; } */ .system-notification-bar { background-color: #efefef; border-bottom: 1px solid #bbb; color: #2c2c2c; cursor: pointer; font-family: Tahoma,Geneva,sans-serif; font-size: 18px; padding: 20px 0; text-align: center; text-shadow: 0 1px #fff; width: 100%; z-index: 32768; background-color: #006cb7; color: #fff; text-shadow: 0 -1px #2c2c2c; min-width:var(--wd); } .list-articles-item.search-item { margin:0px; padding:0px; } /* fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #fff; color: #444; text-shadow: none; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-prev span, .fancybox-next span { background-image: url("/assets/images/fancybox/fancybox_sprite.png"); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url("/assets/images/fancybox/fancybox_loading.gif") center center no-repeat; } .fancybox-close { /* background: url(/assets/images/sprite.png) no-repeat 0 -175px; */ background:transparent url('/assets/images/my_invoice/close.png') no-repeat center center; cursor: pointer; display: block; height: 20px; opacity: 0.7; position: absolute; right: 13px; top: 10px; width: 14px; height:13px; font-size:22px; font-weight:bold; text-transform:uppercase; } .fancybox-close:hover { opacity: 1; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url("blank.gif"); /* helps IE */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 8040; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url("/assets/images/fancybox/fancybox_overlay.png"); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("fancybox_sprite@2x.png"); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url("fancybox_loading@2x.gif"); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /** Styles for my invoice */ .my-invoice { position:relative; width:834px; height:1070px; margin:0px auto; background:transparent url('/assets/images/my_invoice/my_invoice_bckgnd.png'); } .my-invoice .dot { position:absolute; width: 26px; height: 26px; background:transparent url('/assets/images/my_invoice/my_invoice_link.png'); cursor: pointer; } .my-invoice .dot:hover { background:transparent url('/assets/images/my_invoice/my_invoice_link_hover.png'); } .my-invoice .dot-1 { left: 430px; top: 530px; } /** Fancybox additional */ .fancybox-inner .wrapper { padding: 30px 40px 30px 40px; } .fancybox-inner .title { font-size:20px; line-height:20px; border-bottom:1px solid #BFBFBF; color:#006CB7; padding:0px 0px 10px 0px; margin:0px 0px 20px 0px; } .fancybox-inner .dsc { color:#333; font-size:14px; } .fancybox-outer { padding-bottom:8px; background:transparent url('/assets/images/my_invoice/pop-bckgnd.png') repeat-x left bottom; -webkit-box-shadow: 0px 0px 9px 0px rgba(173,173,173,1); -moz-box-shadow: 0px 0px 9px 0px rgba(173,173,173,1); box-shadow: 0px 0px 9px 0px rgba(173,173,173,1); } @media (min-width: 0px) and (max-width: 5000px) { .container { width: var(--wd) !important; } } /* #myTab { width:100% !important; } #hometools #myTab li:first-child { width:100% !important; } #vhod { display:none; } */ #actionrow { position:relative !important; text-align:center !important; } #actionrow .action-btn { float:none !important; display:inline-block !important; } .table { table-layout:fixed; } /* Color for placeholder polyfix */ .placeholder { color: #aaa; } .from-allocation-content { background: white none repeat scroll 0 0; border-bottom: 6px solid #196ea8; height: 255px; padding: 20px 40px 30px; width: 427px; line-height: 23px; } .from-allocation-content .close { color: #282828; opacity: 1; position: absolute; right: 11px; top: 12px; } .from-allocation-content > h1 { border-bottom: 1px solid silver; color: #006cb7; font-family: Tahoma; font-size: 24px; font-weight: normal; margin-bottom: 15px; }