.content {background: #f5f5f5;padding: 15px 0;} body {background: #fafafa;background-image: url(../img/bg2.png); font-family:Verdana, Helvetica, sans-serif} .top-bar { background-color:#444; height:30px; margin-bottom:0px; padding:0; padding-left:20px;} .top-bar .btn { padding: 3px 3px; margin-top:px; margin-right:0px; font-size:10px } .top-bar .acc-btns { float:left;} .top-bar .logo { display:none;float:left;} .top-bar .logo img { width:80%; margin-left:10%; margin-right:10%; margin-bottom:10px; padding-top:10px; padding-right:20px; } .cf-info { color:#ccc; line-height:30px; float:left;; margin:0; height:30px; font-size:11px;} .cf-info span { margin:0 5px;} .cf-info span i { margin-right:4px; color:#ccc} .stocks {background-color: rgba(255, 255, 255, 0.6);box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.3) inset;height:32px; line-height:30px; padding:0} .stocks .left { padding:0; margin:0; float:left; text-transform:uppercase; color:#666; font-size:11px; text-align:right} .stocks .left span { margin-right:10px;} .stocks .right { padding:0; margin:0; float:left;} .StockTickerContainer {height: 32px; line-height: 32px; overflow: hidden;} .container {height: 30px; width:98%} .container .wrap {width: 100%;left:10px;top: 0px;overflow: hidden;position: relative;line-height: 30px;font-size-adjust: none; } div.stockTicker {font-size: 10px;list-style-type: none;margin: 0;padding: 0;position: relative;} div.stockTicker span.quote {margin: 0;font-weight: bold;color: #000;padding: 0 5px 0 10px; font-size:10px;} .GreenText {color: Green;} .RedText {color: Red;} .up_green {background: url(../../../www.codescratcher.com/wp-content/uploads/2014/11/up.gif) no-repeat left center;padding-left: 10px;margin-right: 5px;} .down_red {background: url(../../../www.codescratcher.com/wp-content/uploads/2014/11/down.gif) no-repeat left center;padding-left: 10px;margin-right: 5px;} .nav {background-color:#444; padding:0; margin-top:0;} .flexinav_logo img { margin-top:-22px; margin-left:45px; height:80px;} p {font-size:14px; line-height:18px;} .slider {min-height: 327px;background-image: url(../../images/slide1.jpg);background-repeat: no-repeat;background-position: left top; margin-bottom:5px; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} .slide-left {text-align:center} .slide-left img { width:90%;} .slide-right h3 {font-size:17px; font-weight:normal; color:#1d3d5b} .slide-right p {font-size:14px; color:#C00!important} .slide-right .info-text { width:100%; margin-top:60px; float:left; padding:0 20px;} .demo-acc-btn, .live-acc-btn { padding:5px; text-transform:uppercase; font-size:12px; color:#FFF; margin-right:5px; margin-top:5px; float:left} a.demo-acc-btn, a.live-acc-btn { text-decoration:none} .demo-acc-btn:hover, .live-acc-btn:hover { background-color:#CCC; color:#069} .demo-acc-btn { background-color:#069} .live-acc-btn { background-color:#C00 } .mod1 {box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0.3) inset;min-height: 270px;background-image: url(../../images/mod1bg.jpg); text-align:center} .mod1 .main-info {padding:5px;min-height:170px;} .mod1 .main-info .icon {padding:5px; min-height:50px; margin-bottom:10px; } .mod1 .main-info h3 {font-size:15px; color:#C00; text-decoration:underline; font-weight:normal; padding:0; margin:0} .mod1 p {color:#000; margin-top:10px;} .mod1 .dwnl-btn {background-color:#090;color:#FFF;text-decoration:none; padding:5px; font-size:12px;text-transform:uppercase; padding:5px 10px; } .mod1 .dwnl-btn:hover {background-color:#ccc; color:#090} .mod1 .info-btn {background-color:#666;color:#FFF;text-decoration:none; padding:5px; font-size:12px;text-transform:uppercase; padding-right:10px; padding-left:10px; margin-left:1px;} .mod1 .info-btn:hover {background-color:#ccc; color:#666} .mod1 span.title {font-size:16px; color:#C00; margin-bottom:0px; padding-bottom:0px; font-weight:600} .mod1 span.subtitle {font-size:15px; color:#000; font-weight:normal; margin-top:0px; float:left; width:100%} .txtshdw {text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.36);} .mod2 {background-color:#FFF; margin-top:5px; padding-bottom:20px;} .mod2 .sideblock_quotes {display:none!important} .mod2 p {color:#333!important; text-align:justify; font-size:12px; padding-right:20px;} .mod2 h2 {font-size: 16px;color: #C30;font-weight: normal;padding: 0;margin: 0;text-align: left;width: 98%!important;text-transform: uppercase;background-color: #FFF; border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #C00; padding-right:11px} .mod3 { background-color:#FFF; margin-top:5px} .footer {background-color: #444;padding: 20px 20px;border-top-width: 4px;border-top-style: solid;border-top-color: #C00; margin-top:20px;} .footer ul {list-style: none;width: 100%;margin: 0;padding: 0;font-size: 11px;color: #CCC;text-transform: uppercase;padding-left: 0px;padding-bottom: 5px;width: 100%;} .footer ul a { text-decoration:none; color:#FFF; padding-bottom:3px; float:left; width:100%} .footer ul a:hover { text-decoration:none; color:#ccc; padding-bottom:3px; float:left; width:100%} .footer ul li { padding:2px 0; margin:0px; float:left; width:100%; line-height:12px} .footer ul span {border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #666; float:left; width:100%; padding-bottom:3px; margin-bottom:5px; margin-top:5px;} .footer ul li i { color:#F00} .footer .ci {line-height:14px;} .footer .ci span {color:#ccc; font-size:11px; } .footer .ci a {color:#FFF; height: 1rem; } .footer i { padding-right:5px;} a.footer_logo { float:left; width:100%; margin-bottom:10px; } a.footer_logo img { height: 100%; max-width:100%; margin-top:-35px; } .undertext { background-color:#; margin-top:-10px; padding:0px; padding-top:5px;} .undertext p {text-align:center; font-size:11px; color:333; line-height:13px} /* headlines with lines */ .decorated {overflow: hidden;text-align: center; margin-left:0px; margin-right:20px; margin-top:-5px; margin-bottom:0px;} .decorated > span.title {position: relative;display: inline-block;} .decorated > span.title:before, .decorated > span.title:after {content: '';position: absolute;top: 50%;border-bottom: 1px solid;width: 60%; /* half of limiter*/margin: 0 20px} .decorated > span.title:before {right: 100%} .decorated > span.title:after {left: 100%} .breadcrumps {background-color:#FFF; margin-top:3px; margin-bottom:10px; min-height:120px;box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0.3) inset;} .breadcrumps.about-us {background-image: url(../../images/mod1bg.jpg); background-repeat: no-repeat;background-position: center top;background-repeat: no-repeat; background-position: left top; margin-bottom:5px;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} .page-title {font:bold 24pt Verdana;color:#FFFFFF;text-shadow: 0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15); line-height:80px;} .breadcrumps .links { text-align: right; line-height:80px; font-size:12px; text-transform:uppercase; color:#369; } .breadcrumps .links a {color:#F00; text-decoration:none} .breadcrumps .links a:hover {color:#444; text-decoration:none} .container-page {background-color:#FFF; padding:0; margin-top:10px; margin-bottom:10px} .left-sidebar {} .left-sidebar ul.main { width:80%;background-color:#C00; margin-left:10%; margin-right:10%; padding-top:10px; padding-bottom:20px; padding-right:10px; padding-left:10px;} .content-page {background-color:#;padding:20px; margin-top:0px} .content-page h1, .content-page h2, .content-page h3, .content-page iframe {width:100%; padding:0 50px;} .content-page p {width:100%; padding:0 50px;} .content-page p {text-align:justify; line-height:20px; color:#444} .content-page h1 {margin-top:0px; color:#666; margin-bottom:5px; font-size:20px;} .content-page h2 {margin-top:0px; color:#C33; margin-top:5px;font-size:18px;} .separator {width:100%;float:left; clear:both; height:1px; background-color:#C33; width:86%; margin-left:7%; margin-right:7%; margin-bottom:10px;} .content-page p a {color:#C30;text-decoration:none;} .content-page p a:hover {color:#444;text-decoration: underline;} .content-page hr { color:#ccc; width:86%; padding:0 50px;} .content-page ul {width: 100%;padding: 0 50px;list-style-position: inside;} .content-page ul li {line-height:20px; color:#444; padding-bottom:4px;color:#444; font-size:14px; font-family:Verdana, Geneva, sans-serif} .content-page .dwnl-btn {background-color:#090;color:#FFF;text-decoration:none; padding:5px; font-size:12px;text-transform:uppercase; padding:5px 10px; } .content-page .dwnl-btn:hover {background-color:#ccc; color:#090} .content-page a.dwnl-btn {text-decoration:none!important} .left-sidebar ul h3 {font-size: 12px;text-transform: uppercase;width: 100%;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #F00; color:#FFF; padding-bottom:3px; margin-bottom:5px;} .left-sidebar ul span {color:#CCC; text-transform:uppercase; font-size:12px; font-weight:bold;} .left-sidebar ul {list-style:none;float:left;} .left-sidebar ul li {padding:5px 0;} .left-sidebar ul li i {color:#FFF; padding-right:5px;} .left-sidebar ul li a {text-decoration: none;font-size: 13px;color: #FFF;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #ccc; width:100%; padding-bottom:3px; } .left-sidebar ul li a:hover {color:#CCC} .left-sidebar ul li a.current {text-decoration:none; font-size:13px; color:#CCC} .left-sidebar ul li ul {margin:0; padding-left:0px; width:100%} .left-sidebar ul.hide {display:none} .left-sidebar ul li ul ul {margin:0; padding-left:0px; margin-bottom:10px;} .left-sidebar ul li ul ul a {border-bottom-color: #F00;} .left-sidebar ul li ul a { width:100%; float: left; padding-bottom:5px; padding-top:3px;} .left-sidebar li span { padding-top:10px!important; float:left; width:100%} .contacts-page { background-color:#FFF} .contacts-page { color:#333} .contacts-page i { color:#666; padding-right:10px;} .contacts-page a { color:#C00; text-decoration:none} .contacts-page a:hover { color:#666; text-decoration:none} .contacts-page p.title {color: #C00;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #CCC; padding-bottom:5px;} /* form style */ .form-style{ } .form-style label {float:left; margin-bottom:5px; margin-left:10px; font-size:12px;} .form-style label.half {width:45%; } .form-style label.full {width:93%; } .form-style label > span {width: 100%;float: left; padding-bottom:5px;} .form-style span.required {color:red} .form-style .tel-number-field {text-align: left} .form-style .long {width: 100%} .form-style input.input-field {width: 100%;} .form-style input.input-field, .form-style .tel-number-field, .form-style .textarea-field, .form-style .select-field{ -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border: 1px solid #C2C2C2; padding: 2px; outline: none; width:100% } .form-style .input-field:focus, .form-style .tel-number-field:focus, .form-style .textarea-field:focus, .form-style .select-field:focus{ border: 1px solid #0C0; } .form-style .textarea-field {height:120px;width: 100%; } .form-style input[type="button"], .form-style input[type="submit"] { background-color: #069; border: 1px solid #069; display: inline-block; cursor: pointer; color: #FFFFFF; padding: 8px 18px; text-decoration: none; margin-left:2px; } .form-style input[type="button"]:hover, .form-style input[type="submit"]:hover { background: linear-gradient(to bottom, #2D77A2 5%, #069 100%); background-color: #28739E; } .form-style .success{ background: #069; padding: 5px 10px 5px 10px; margin: 0px 0px 5px 0px; color: #FFF; text-align:center; } .form-style .error { background: #FFE8E8; padding: 5px 10px 5px 10px; margin: 0px 0px 5px 0px; color: #FF0000; text-align:center } #message {width:100%!important; float:left} /** General */ .content { padding:1.5em; margin:0 0 1.5em; } .dark { background:#2a3333; } .light { background:#fff; } .hl { color: #ee2c74; } .buttonize { cursor:pointer; text-shadow: 1px 1px 1px #222; font-weight:bold; color:#fff; padding: 5px 1em; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; background: -webkit-gradient(linear, left top, left bottom, from(#008595), to(#02748c)); background: -moz-linear-gradient(top, #008595, #02748c); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#008595, endColorstr=#02748c); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#008595, endColorstr=#02748c)";} .buttonize a:hover { text-decoration: none; } .gradient { background:#fff; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eaeaea)); background: -moz-linear-gradient(top, #fff, #eaeaea); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#eaeaea); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#eaeaea)"; } .map { width: 100%; height:400px; margin-top:10px;} .streetview { width:100%; height:300px; } .lt { float:left; } .rt { float:right; } .clear { clear:both; } .hidden { display:none; } .txt-shadow-w { text-shadow: 1px 1px 1px #fff; } .txt-shadow-b { text-shadow: 1px 1px 1px #222; } .rounded { border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; } .shadow { -moz-box-shadow: 0px 2px 4px #999; -webkit-box-shadow: 0px 2px 4px #999; box-shadow: 0px 2px 4px #999; } .item { padding:1em; margin:0 0 2em; } .map-holder { background-color:#F5F5F5; padding-top:10px; padding:0;} .map { display:none; } @media handheld, only screen and (max-width: 767px) { a { font-size: 15px; } } @media only screen and (max-width: 767px) { .top-bar .acc-btns a { padding: 10px; font-size: 11px;} .float{ position:fixed; width:60px; height:60px; bottom:40px; right:40px; background-color:#25d366; color:#FFF; border-radius:50px; text-align:center; font-size:30px; box-shadow: 2px 2px 3px #999; z-index:100; } .my-float{ margin-top:16px; }