/* Browser Reset */ a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, caption, canvas, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, form, footer, header, hgroup, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, tt, table, tbody, textarea, tfoot, thead, time, tr, th, td, u, ul, var, video { margin: 0; padding: 0; font-size: 100%; font-weight: inherit; font-style: inherit; text-align: inherit; background: transparent; border: 0; font-family: inherit; outline: 0; vertical-align: baseline; white-space: normal; } body a { color: inherit; text-decoration: none; } body a:hover { text-decoration: underline; color:#000 } body.contentpane { padding:10px;} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#3A3A3A} h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { color: #ed3237 } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } ol, ul { margin:0 0 0 20px} ul.unstyled { list-style: none; margin:0; padding:0;} blockquote, q { quotes: none } :focus { outline: 0 } table { border-collapse: collapse; border-spacing: 0; } img { height:auto; max-width:100%;} /* Grid */ .container { max-width: 1000px; min-width: 220px; margin: 0 auto; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .container .row, .col { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .row { margin-bottom: 1.5em } .col { display: block; float: left; width: 100%; } .col:first-child,#user3 .col:nth-child(4) { margin-left: 0 } .row:after, .col:after, .clr:after, .group:after { display: block; height: 0; clear: both; content: ""; visibility: hidden; } /* Body + Main Containers */ body { color: #393734; font-weight: 400; background: #303030; font: 16px/22px 'Titillium Web', Arial, Helvetica, sans-serif; nowhitespace: afterproperty;letter-spacing:0.5px; } .back { background:#fff; position:relative;overflow-x: hidden;} #box-wrap { margin: 0 auto; padding:0; } #main-content { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #wrapper-w { background:none; padding:0; margin:0; background:#fff; min-height:300px;} #wrapper { margin:0 auto; padding:20px 0px 0px 0px;position: relative;} #wrapper-i { padding:0} #comp-wrap {padding:0} .full { padding:0; margin:0; clear:both} .contact a { text-decoration:none} /* Article Columns */ .column-1, .column-2, .column-3, .column-4 { position:relative; margin:0; padding:0;} /* Content styles */ #archive {padding:0; margin:0;} .archive {padding:0;} .archive .article-count {color:#999;} .blog-featured {} .items-leading {position: relative; clear:both; margin:0 0 20px 0; padding:0;} .leading { margin:0 0 20px 0; position:relative;} .items-row, .item-page, .contact {position: relative;} .item-separator {} .item-page { position:relative} .item-page-title {padding:0; margin:0 0 10px 0} .item-page-title, .item-page-title a, .contact-name {text-decoration:none;font-size:36px; line-height:36px;color:#ED3237; } .item-page-title a:hover {text-decoration:none; color:#ed3237} .contact h2{ margin:0 0 20px 0;} .contact .current {margin:0; padding:0;} dl.tabs { display:block; clear:both; border-bottom:1px solid #ddd;} dl dt.tabs { display: inline-block; margin:0 0 -1px 0} dt.tabs h3 {margin:0 2px 5px 0;} dt.tabs h3 a{padding:8px 8px 3px 8px; line-height:20px;border:1px solid transparent;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0; cursor:pointer; text-decoration:none} dt.tabs h3 a, .accordion-heading { font-size:14px} dt.tabs.closed h3 a {border-color:#eeeeee #eeeeee #dddddd;} dt.tabs h3 a,dt.tabs h3.open a{color:#555555;background-color:#ffffff;border:1px solid #ddd;border-bottom-color:transparent;} dd.tabs { padding:10px 20px} .jicons-icons { float:left; margin:0 10px 0 0; padding:5px 0 0 0} h1.componentheading {margin:0 0 10px 0; padding:0; position:relative; color:#333;} ul.button-icons { position:absolute; top:3px; right:5px; margin:10px 0 0 0; padding:0; } ul.button-icons li { display:inline-block} ul.button-icons li.edit-icon, ul.button-icons li.print-icon, ul.button-icons li.email-icon {margin:0; padding:0; width:20px; height:16px; float:left; overflow:hidden; line-height:12px; font-size:12px} .iteminfo, .content_rating {font-size: 16px;display:block;color:#999999; margin:0 0 5px 0;} .content_rating p{ margin:0; padding:0;} .iteminfo span { margin:0 10px 0 0;} .iteminfo a {} .iteminfo a:hover {} .iteminfo .category,.iteminfo .sub-category,.iteminfo .create,.iteminfo .modified,.iteminfo .published,.iteminfo .createdby,.iteminfo .hits { display:inline-block; line-height:20px!important;} .iteminfo .createdby {font-weight:bold;} .items-more {clear:both;} .items-more h3{ font-size:14px; padding:0; margin:0 0 10px 0;} .items-more ol { margin:0 0 0 30px; padding:0} table.category {} th.item-title, th.list-title {font-size: 15px; font-weight: bold; text-align: left;} /* Commons */ .clear { clear: both } blockquote { position: relative; margin: 30px 0; padding: 20px; background-color: #e9e9e9; color: #505050; border-left: 5px solid #ddd; font-size: 16px; font-style: italic; font-family: 'Titillium Web', sans-serif; line-height: 1.8em; } pre { margin: 30px 0; padding: 20px; background-color: #e9e9e9; color: #505050; border-left: 5px solid #ddd; font-size: 15px; font-family: 'Titillium Web', sans-serif; line-height: 1.8em; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; } address { margin: 20px 0; letter-spacing: 1px; } /* Typography */ h1, h2, h3, h4, h5, h6, #logo a, #navigation .menu a {font-family:'Titillium Web',Arial, Helvetica, sans-serif;} h1, h2, h3, h4, h5, h6 { color: #ed3237; margin: 0 0 10px;} h1 { font-size: 30px; } h2 { font-size: 26px; line-height: 32px; } h3 { font-size: 22px ; line-height: 28px;} h4 { font-size: 20px } h5 { font-size: 18px } h6 { font-size: 16px } .entry p:last-child { margin: 0 } .entry ul { margin: 30px 0 30px 20px } .entry ul li, .entry ol li { margin: 0 0 5px } .entry ol { margin: 30px 0 30px 25px } .entry ol { list-style: decimal } .entry ul { list-style: disc } .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin: 40px 0 20px } p { margin: 0 0 10px } .pt-5 { padding-top: 10px; } ul.list-top { padding-top: 5px; } .img-space { width: 280px; margin: 0 auto; display: block; } em { font-style: italic } strong { font-weight: bold } small { font-size: 80% } hr { height: 0; margin: 30px 0 30px; border: solid #eee; border-width: 1px 0 0; clear: both; } a { outline: 0; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease} a:hover {} p a, p a:visited { line-height: inherit } /* Header */ #header-wrap {border-top:5px solid #ED3237; padding: 10px 0 0 0; height:auto; background:#fff} #header-wrap .row { margin-bottom: 0 } #logo { display:inline-block; margin:0 0 10px 0;} #logo img {display:block; width:auto;} #logo a{line-height:40px; font-size:40px; text-align:center; text-decoration:none; font-weight:bold; display:inline-block} #logo .first{ color:#ed3237} #logo .second{ color:#3A3A3A} #site-description {display:none;color:#3A3A3A; margin:10px 0 0 0;font-size:12px;font-family:'Sintony',Arial, Helvetica, sans-serif;letter-spacing:1px; font-weight:normal; text-transform: uppercase} #top {line-height:18px; float: right; display: inline-block;color:#3A3A3A} #top a {} #top h1,#top h2,#top h3,#top h4 {font-size:15px; padding:0; margin:0;} #social { display:block; float:right} #social a.social-icon {display: inline-block; margin-left: 2px; padding: 0;width:32px; height:32px;} #social a.social_1 { background:url(../images/social/facebook.png) 0 0 no-repeat; } #social a.social_2 { background:url(../images/social/twitter.png) 0 0 no-repeat; } #social a.social_3 { background:url(../images/social/google.png) 0 0 no-repeat; } #social a.social_4 { background:url(../images/social/youtube.png) 0 0 no-repeat; } #social a.social_5 { background:url(../images/social/dribbble.png) 0 0 no-repeat; } #social a.social_6 { background:url(../images/social/flickr.png) 0 0 no-repeat; } #social a.social_7 { background:url(../images/social/pinterest.png) 0 0 no-repeat; } #social a.social_8 { background:url(../images/social/picasa.png) 0 0 no-repeat; } #social a.social_9 { background:url(../images/social/linkedin.png) 0 0 no-repeat; } #social a.social_10 { background:url(../images/social/reddit.png) 0 0 no-repeat; } /* Navigation */ #navbar-wrap { padding: 0px; margin:0; /*border-bottom:1px solid #EFEFEF;*/ background:#393734 url(../images/nav.png) 0 0 repeat-x} #navbar { position: relative; /*height: 55px;*/} #navbar.row { margin-bottom: 0 } #navigation { padding:0;} #navigation .menu { margin: 0; padding: 0; list-style: none; } #navigation .menu .icon-angle-right { position: absolute; right: 10px; top: 50%; margin-top: -6px; color: #aaa; font-size: 12px; } #navigation .menu > li { display: block; float: left;list-style: none; } #navigation .menu > li ul {} #navigation .menu ul { position: absolute; left: 0; top: 100%; margin: 10px 0 0 0; /*IE6 only*/ _margin: 0; nowhitespace: afterproperty; opacity: 0; transition: all .2s ease-in-out; visibility: hidden; z-index: 99; } #navigation .menu ul ul { left: 100%; top: 0; } #navigation .menu ul ul li { width: 100% } #navigation .menu li { position: relative } #navigation .menu li:hover > ul { margin: 0; opacity: 1; visibility: visible; } #navigation .menu a { display: block; position: relative; text-transform:uppercase } /* current item */ #navigation .menu > li > a:hover, #navigation .menu > li.sfHover > a, #navigation .menu > .active > a, #navigation .active > a:hover, #navigation .active > a:hover { color: #ed3237;border-top:5px solid #ed3237; background:#F8F8F8} #navigation .menu > .active > a, #navigation li.active > a { font-weight: bold; color: #ed3237; border-top:5px solid #ed3237; background:#F8F8F8 } #navigation .menu > li { margin-right:0; padding:0; } #navigation .menu a { /*height: 50px;*/ padding:13px 15px; color: #fff; font-weight:bold; text-align: left; text-decoration: none; cursor: pointer; /*line-height: 53px;*/ font-size:14px; border-top:5px solid #EFEFEF; text-transform: capitalize;} /*drop-down styles*/ #navigation .menu ul { border-top: none; background: #3a3a3a; border:0; min-width:220px; } #navigation .menu li:hover ul { margin-top: 0; } #navigation .menu ul ul.sub-menu { margin-top: -1px; margin-left:0;} #navigation .menu ul li {list-style: none; border-top:1px solid #4c4c4c; border-bottom: 1px solid #252525; } #navigation .menu ul li:first-child { } #navigation .menu ul li:last-child { } #navigation .menu ul li.active > a, #navigation .menu ul li > a:hover { color: #fff; background:#444444; border:0;} #navigation .menu ul a { display: block; height: auto; margin: 0px; padding: 7px 15px; text-transform: none; border: 0px; line-height: 1.7em; color:#fff } #navigation .selector { display: none } #navigation ul.sub-menu .icon-angle-down:before {content:"\f105"!important;} #navigation ul.sub-menu a { font-size:11px; font-weight:normal; } #navigation i { text-align:right} #menu-icon {display: none;} #slide-wrap { margin:0} /*#slide-wrap a:hover{ color:#fff}*/ /* Module Classes */ /* light */ .light {border:1px solid #EFEFEF !important; background:#F8F8F8!important; color:#303030 !important; } .light .module-title{color:#0C3154 !important; background:none!important;border-bottom:none!important; } .light .module-body {border-top:none !important;} .light a{ text-decoration:underline !important; color:#ed3237!important}.light a:hover{ color:#333!important} /* normal */ .normal {border:1px solid #ed3237 !important; background:#ff885d!important; color:#fff!important;} .normal .module-title{color:#fff !important; background:none!important;border-bottom:none!important;} .normal .module-body {border-top:none !important;} .normal a{text-decoration:underline !important; color:#fff!important}.normal a:hover{ color:#F8F8F8!important} /* dark */ .dark {border:1px solid #303030 !important; background:#303030!important; color:#868686 !important; } .dark .module-title{color:#868686 !important; background:none !important; border-bottom:none!important;} .dark .module-body {border-top:none !important;} .dark a{text-decoration:underline !important; color:#ced8df!important}.dark a:hover{ color:#fff!important} /* blank */ .blank {border:none!important; background:none!important; padding:5px!important; -webkit-border-radius: 0!important; -moz-border-radius: 0!important; -o-border-radius: 0!important; border-radius: 0!important; box-shadow:none!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; -o-box-shadow: none!important} .blank .module-title {border:none!important; padding:0!important; color:#333!important; text-shadow:none!important; background:none!important} .blank .module-body { padding:0!important;background:none!important} .light, .normal, .dark {padding:10px!important; } .light ul.menu li a, .normal ul.menu li a, .dark ul.menu li a{ text-decoration:none!important} .light .module-title, .normal .module-title, .dark .module-title {padding:0 0 0 5px!important; border:none!important; line-height:30px!important; } .light .module-body, .normal .module-body, .dark .module-body { padding:0 5px !important;} /* Page Navigation */ ul.pagenav { display:block;} ul.pagenav li { list-style:none;} ul.pagenav li a{ display:block} .pagenav-prev { float:left;} .pagenav-next { float:right} #pagination {clear:both; text-align:center; padding:0;} /* Breadcrumbs */ .breadcrumbs { padding:10px 0; margin:0; color:#999} .breadcrumbs a {color:#999} .breadcrumbs .icon-angle-right{padding:0 5px} /* Sidebar */ #leftbar-w { float:left} #rightbar-w { float:right; display:block;} #sidebar {padding:0;} #sidebar .module {margin-bottom:20px; border:1px solid #EFEFEF; position: relative; background:#fff; padding:0; box-shadow: 0 1px 4px #eee; -webkit-box-shadow: 0 1px 4px #eee; -moz-box-shadow: 0 1px 4px #eee; -o-box-shadow: 0 1px 4px #eee} #sidebar .module-title {font-size:15px; line-height:20px; font-weight:bold; color:#303030;padding:10px 10px 0 10px; border-top:5px solid #EFEFEF; text-transform:uppercase;} #sidebar h3 { margin:0; padding:0 0 5px 0; } #rightbar-w .module-title {} #sidebar .module-body {margin:0; padding:10px;} #sidebar .module-body p{padding:0; margin:0 0 5px 0;} #sidebar ul li { margin:0 5px; padding:0;} #sidebar a{} #sidebar a:hover{} /* Sidebar Menu*/ #sidebar .module ul.menu{margin:0; padding:0;list-style:none;} #sidebar .module ul.menu li{ list-style:none; margin:0; padding:0; border-bottom:1px dotted #ced8df} #sidebar .module ul.menu li:last-child { border-bottom:none} #sidebar .module ul.menu li:hover{} #sidebar .module ul.menu li a, #sidebar .module ul.menu li.active ul li a, #sidebar .module ul.menu li ul li.active ul li a{display:block;margin:0; padding:5px 0 5px 25px; background:url(../images/sidebar-li1.png) 5px 50% no-repeat; text-decoration:none; color: #999; font-family:'Sintony',Arial, Helvetica, sans-serif; font-size:12px; line-height:15px; text-transform:uppercase} #sidebar .module ul.menu li a:hover,#sidebar .module ul.menu li.active a, #sidebar .module ul.menu li ul li a:hover, #sidebar .module ul.menu li ul li.active a, #sidebar .module ul.menu li.active ul li a:hover, #sidebar .module ul.menu li ul li.active ul li.active a { background:url(../images/sidebar-li2.png) 5px 50% no-repeat;text-decoration:none;color:#ed3237; } #sidebar .module ul.menu li.active {} /* Sidebar SubMenu*/ #sidebar .module ul.menu li ul {margin:0; border-top:1px dotted #ced8df} #sidebar .module ul.menu li ul li {background:none; margin:0; padding:0 0 0 10px } #sidebar .module ul.menu li:last-child, #sidebar .module ul.menu li ul li:last-child, #sidebar .module ul.menu li.active ul li:last-child { background:none } #sidebar .module ul.menu li ul li a{} #sidebar .module ul.menu li ul li a:hover{ border: 0;} .module .menu .icon-angle-down:before {content:""!important} /* User1 and User2 */ #user1-wrap{margin-bottom:0px; border: 4px solid #fff; position: relative; background:#fff; padding:10px 0;} #user1{padding:0; margin:0 auto;clear:both;} #user1 .module{ color:#555;margin-bottom:0px; padding:0} #user1 .inner{ padding:0 10px;} #user1 .module-title{display: block; font-size: 20px; line-height: 32px;letter-spacing:1px; text-transform:uppercase; } #user1 h2.module-title{padding-bottom:0; color:#ed3237;font-size: 28px} #user1 h2.module-title span {} #user1 .module-body { padding:10px 0} #user1 a { } #user1 a:hover{} #user1 ul {margin:0; padding:0;} #user1 ul li{ border-bottom:none; list-style:none;} #user1 ul li:hover{} #user1 ul li a{display:block; padding:0 0 0 20px; background:url(../images/sidebar-li2.png) 5px 50% no-repeat; text-transform:uppercase; text-decoration:none; font-size:12px;font-family:'Sintony',Arial, Helvetica, sans-serif;} #user1 ul li a:hover{} /* User 2 */ #user2-wrap{margin-bottom:0; position: relative; background:#303030;} #user2{ padding:10px; margin:0 auto;clear:both;} #user2 .module{ color:#ccc;margin-bottom:10px; padding:10px} #user2 .inner{ padding:0 10px;} #user2 .module-title{display: block; font-size: 22px; line-height: 32px;/*letter-spacing:1px;*/ text-transform:uppercase; } #user2 h2.module-title{margin-bottom:0; padding-bottom:0; color:#ED3237;} #user2 h2.module-title span {} #user2 .module-body {} #user2 a { } #user2 a:hover{} #user2 ul {margin:0; padding:0;} #user2 ul li{ border-bottom:none; list-style:none;margin-bottom: 10px;} #user2 ul li:hover{} #user2 ul li a{display:block; padding:0 0 0 20px; background:url(../images/sidebar-li1.png) 5px 50% no-repeat; text-decoration:none;} #user2 ul li a:hover{ color:#ED3237} /* User 3 */ #user3-wrap{margin-bottom:25px; position: relative; background:#F7F8F9;padding:30px 0 1px;} #user3-wrap:before{position: absolute;width: 1500px;top:0;content:'';left:-1500px;height: 100%;background:#F7F8F9;} #user3-wrap:after{position: absolute;width: 1500px;top:0;content:'';right:-1500px;height: 100%;background:#F7F8F9;} #user3 h2.module-title{padding-bottom:0; color:#ed3237;font-size: 28px} #user3 img.thumbnail{box-sizing: border-box;margin-bottom: 0} /* Newsflesh */ .newsflash-item {box-sizing: border-box;float: left;padding-right: 3%;width: 25%;} .newsflash-item:last-child{padding-right: 0;} /* Search */ input[type="search"] { display: block; width: 100%; padding: 10px 32px 10px 11px; color: #202020; font-size: 11px; -moz-box-sizing: border-box; -webkit-appearance: none !important; -webkit-box-sizing: border-box; background: #fff; border: 1px solid #ddd; box-sizing: border-box; } input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none } input[type="search"]::-webkit-search-decoration { display: none } input[type="search"]:focus { color: #000; outline: none; } /* Forms / Inputs / Buttons */ .inputbox, input, textarea, select {background:#fff; border:1px solid #d4d4d4;font-family: inherit;font-size: inherit;} .inputbox { width:160px;} input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], textarea {font-family: inherit; display: block; max-width: 100%; width:100%;margin-bottom: 10px; margin-left: 0; padding: 5px !important;} input{display:inline-block;*display:inline;vertical-align: middle;box-sizing:border-box;zoom:1;margin:0;border:1px solid #d4d4d4;} input::-webkit-input-placeholder,input:-moz-placeholder,.placeholder{color:#bbb;} input::-moz-focus-inner {border:0;} input[disabled="disabled"], input.disabled{color:#999;background:#f5f5f5;-moz-box-shadow:inset 0px 0px 2px #ddd;-webkit-box-shadow:inset 0px 1px 2px #ddd;box-shadow:inset 0px 1px 2px #ddd;} input[type="text"]:focus,textarea:focus,button:focus,a.button:focus,select:focus,input[type="file"]:focus,input[type="password"]:focus{-webkit-box-shadow: 0 0 7px #f8855b; -moz-box-shadow: 0 0 7px #f8855b;box-shadow: 0 0 7px #f8855b;border: 1px solid #ed3237;outline: none;} input[type="text"],textarea,button,input[type="file"]{ -moz-transition: -moz-box-shadow 0.5s, border 0.5s, background 0.5s;-webkit-transition: -webkit-box-shadow 0.5s, border 0.5s, background 0.5s;-o-transition: box-shadow 0.5s, border 0.5s, background 0.5s; transition: box-shadow 0.5s, border 0.5s, background 0.5s;} input.checkbox,input[type="checkbox"]{display:inline;width:auto;margin:8px;padding:0;border:0;background:none;vertical-align:center;*vertical-align: top;} input.radio,input[type="radio"]{display:inline;width:auto;margin:0;padding:0;border:0;background:none;vertical-align:center;*vertical-align: top;} input[type="radio"]:focus, input[ type="checkbox"]:focus{-webkit-box-shadow: 0 0 5px #6DB9FF;-moz-box-shadow : 0 0 5px #6DB9FF;box-shadow : 0 0 5px #6DB9FF;outline-color: #6DB9FF;} input.file,input[type="file"]{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;border:none;} select{display:inline;width:auto;margin:0;border:1px solid #ccc;line-height:100%;padding:3px;vertical-align: middle;} select[disabled="disabled"], select.disabled{color:#999;background:#f5f5f5;-moz-box-shadow:inset 0px 0px 2px #ddd;-webkit-box-shadow:inset 0px 1px 2px #ddd;box-shadow:inset 0px 1px 2px #ddd;} textarea{width:auto;height:200px;margin:0;border:1px solid #ccc;padding:5px;vertical-align: middle;font-family:inherit;} textarea { width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 1.6em !important; margin-bottom: 6px;} input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="tel"]:focus, textarea:focus { } /* Button */ input[type="button"], input[type="submit"], button[type="submit"], button[type="button"] { display: inline-block; margin-top: 5px; margin-bottom:5px; padding: 0 15px; background-color: #ed3237; color: #fff; text-decoration: none; -webkit-appearance: none !important; background: #ed3237; min-height: 32px; font-size: 12px; border: 1px solid #ca4211; border-radius: 4px; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05); cursor: pointer; line-height: 32px; text-shadow: 1px 1px 0 #ca4211; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.5s ease;} input[type="button"]:active, input[type="submit"]:active, button[type="submit"]:active, button[type="button"]:active { background-image: linear-gradient(to bottom, #e45521 0px, #ed3237 100%); border-color: #bbb #bbb #ddd; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.10) inset; } input[type="button"]:hover, input[type="submit"]:hover, button[type="submit"]:hover, button[type="button"]:hover{ color:#fff;background-color:#303030;background: #303030;border: 1px solid #1f1e1e; text-shadow: 1px 1px 0 #000;} /* Read More */ a.btn-readmore {padding:10px 20px;background-color: #393734; color: #fff; text-decoration: none; -webkit-appearance: none !important;cursor: pointer;display: inline-block;} a.btn-readmore:hover{ background: #ED3237; color:#fff; text-decoration:none} /* Mailto */ .mailto { background:#fff; color:#222; padding:10px;} /* Tooltips */ .tip-wrap { float: left; padding: 8px 35px 8px 14px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #535353; border: 1px solid #222; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #fff; max-width: 200px; text-shadow:1px 1px #000} .tip-title {padding: 0; margin: 0; display:none} .tip-text {font-size: 100%; margin: 0;} #topcontrol {background:url(../images/arrow_up.png) 50% 50% no-repeat;width:60px;height:60px;white-space:nowrap;cursor: pointer;opacity:0.7;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); bottom:20px; right:20px; z-index:999;} /* Error */ #error {padding:20px; text-align:center} #error .error { color:#FF0000; display:block; padding:0;font-size: 200px; font-weight: bold; line-height: 200px;} #success{ background-color: #dff0d8;border-color: #d6e9c6;color: #3c763d;border-radius: 4px;margin-bottom: 20px;padding: 15px;} #error .center {width: 400px; margin-left:-200px;left: 50%; position: absolute; text-align: center; top: 20%} #error .error { text-shadow: 0 -1px 0 rgba(0,0,0,0.9), 0 1px 0 rgba(255,255,255,0.7); } #error .error > span {display: inline-block;position: relative;} #error .error > span:before {content: "";position: absolute;top: 70%;left: -30px;right: -30px; height: 80px;background: url(../images/error.png) no-repeat;background-size: 100% 100%;} #error ol li{ text-align:left;} /* Offline */ .error-offline .error > span:before { top: 65%; } .error-offline .message { width: 350px; } /* Thumbs */ .width-10 {width: 10px;}.width-20 {width: 20px;}.width-30 {width: 30px;}.width-40 {width: 40px;}.width-50 {width: 50px;}.width-60 {width: 60px;}.width-70 {width: 70px;}.width-80 {width: 80px;}.width-90 {width: 90px;}.width-100 {width: 100px;}.height-10 {height: 10px;}.height-20 {height: 20px;}.height-30 {height: 30px;}.height-40 {height: 40px;}.height-50 {height: 50px;}.height-60 {height: 60px;}.height-70 {height: 70px;}.height-80 {height: 80px;}.height-90 {height: 90px;}.height-100 {height: 100px;} .thumbnail{border:1px solid #ccc!important; max-width: 100%!important;box-sizing: border-box;} .thumbnail img {width:100%; -moz-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .thumbnail img:hover { opacity: 1; } .thumbnail.pull-left{margin-right:10px!important} .thumbnail.pull-right{margin-left:10px!important} .thumbnails {margin-left: -20px;list-style: none;*zoom: 1;} .thumbnails:before, .thumbnails:after {display: table;content: "";line-height: 0;} .thumbnails:after {clear: both;} .thumbnails > li {float: left;margin-bottom: 18px;margin-left: 20px;} .thumbnail {display: block;padding: 5px;line-height: 18px;border: 1px solid #ddd;/*-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;*/-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.055); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.055);box-shadow: 0 1px 3px rgba(0,0,0,0.055);-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;margin-bottom:20px;} a.thumbnail:hover {border-color: #08c;-webkit-box-shadow: 0 1px 4px rgba(0,105,214,0.25);-moz-box-shadow: 0 1px 4px rgba(0,105,214,0.25);box-shadow: 0 1px 4px rgba(0,105,214,0.25);} .thumbnail > img {display: block;max-width: 100%;margin-left: auto;margin-right: auto;} .thumbnail .caption {padding: 9px;color: #555;} /* Footer */ #footer-w{ padding:10px 0; background:#ed3237} #footer-w p{ margin:0; padding:0;} #footer {} /* Footer Menu*/ #footer-nav { float:right} #footer-nav ul {margin:0; padding:0; float:right; } #footer-nav ul li {list-style:none; display:inline-block;position:relative; padding:0; margin:0 1px 0 0; height:25px; border-right:none; font-family:'Sintony',Arial, Helvetica, sans-serif;} #footer-nav ul li a { display:block;padding:0 10px; margin:5px 0 0 0;line-height:12px;text-decoration:none;font-size:10px; text-transform:uppercase; border-right:1px solid #484848; color:#868686; -webkit-transition:none; -moz-transition:none; -o-transition: none; transition:none} #footer-nav ul li:last-child a { border:none!important;} #footer-nav ul li a:hover {color:#ed3237} .copyright { margin:0; padding:0;color:#fff;/*font-size:12px;float:left;*/text-align:center} .copyright a {font-size:12px;}.copyright a:hover { color:#fff} .smartone{display:none; margin:0 -500px 0 0; padding:0; font-size:10px; color:#484848; text-align:right; text-shadow:none; bottom:0; right:50%; line-height:10px; height:10px; position:absolute;} .smartone a,.smartone a:hover { text-decoration:none; font-size:10px;color:#484848} .dl-horizontal dt { clear: left; float: left; overflow: hidden; text-align: right; text-overflow: ellipsis; white-space: nowrap; width: 40px;} .dl-horizontal dd { margin-left: 50px;} .list01{margin:0;padding:0;} .list01 li{position: relative;padding-left: 22px;margin-bottom: 8px;list-style-type: none;} .list01 li:before{position: absolute;top: 0;left: 0;content:"\f061";font-family:'FontAwesome';} .address-content{position: relative;display: block;margin-bottom: 12px;} .address-content{letter-spacing: 0.5px;} .address-content a{color: inherit;} .address-content a:hover{color: #ed3237;} #top ul{margin:0;padding:24px 0 0 0;} #top ul li{display: inline-block;vertical-align: top;list-style-type: none;margin-left: 30px; text-align: left;} /*#top ul li:first-child{margin-left: 0;}*/ #top ul li .contact-box, #top ul li img{display: inline-block;vertical-align: top;} #top ul li strong{font-weight: bold;display: block;} #top ul li a:hover{color: #ED3237;text-decoration: none;} @media(min-width: 320px) and (max-width: 999px){ #logo { text-align:center; float:none; display:block;width:100%;} #logo img { max-width:250px; display:block; margin:0 auto} #logo a{ text-align:center} #top { float:none;width: auto;display: block;margin-left: 0;text-align: center;} #top ul{padding:8px 0;} .flex-caption .caption-box{padding:0 20px!important;box-sizing: border-box;} .flex-caption .caption-box p{display: none;} .flex-caption .caption-box h1{width: 75%!important;font-size: 28px!important;} #main-content{padding-top: 20px;} #user2 .module{padding:0;} #header .custom { text-align: center; } } @media(min-width: 320px) and (max-width: 767px){ #top ul li{margin-left: 15px;margin-bottom: 15px;text-align: left;} #top ul li:last-child{margin-bottom: 0; text-align: center; margin: auto; display: block;} #user3 .span_4{margin-bottom: 20px;} .newsflash-item{width: 100%;padding-right: 0;} .copyright{padding:0 10px;} h2{font-size: 22px;line-height: 24px;} .item-page-title, .item-page-title a, .contact-name{font-size: 30px;} li.cont { display: none !important; } .registration.my-regester { width: 80% !important; } .reset.my-reset { width: 80% !important; } .my-login { width: 80% !important; } .my-login ul.nav.nav-tabs.nav-stacked li { width: 100% !important; margin-bottom: 10px; } .my-login ul.nav.nav-tabs.nav-stacked { display: block !important; } } @media (max-width: 999px) {#header-wrap { padding: 10px!important;} .smartone{margin:0; padding:0; position:absolute; bottom:-10px; right:0;}} @media (min-width:768px) { /* grid */ .col { margin-left: 0% } .margin-left-0{margin-left: 0;} .margin-bottom-0{margin-bottom: 0;} .span_1 { width: 6.5% } .span_2 { width: 15.0% } .span_3 { width: 23.5% } .span_4 { width: 32.0% } .span_5 { width: 40.5% } .span_6 { width: 49.0% } .span_7 { width: 57.5% } .span_8 { width: 66.0% } .span_9 { width: 74.5% } .span_10 { width: 83.0% } .span_11 { width: 91.5% } .span_12 { width: 100% } } @media screen and (max-width: 799px) { #wrapper{ padding:0 10px!important;} .smartone{margin:0; padding:0; position:absolute; bottom:-10px; right:0;} #social { display:block; float:none} #site-description { text-align:center} #menu-icon {width:100%;height: 55px; line-height:55px;text-decoration:none;background:#fff url(../images/nav.png) 0 0 repeat-x; padding:0; cursor: pointer;display: block; font-weight:bold; color:#3a3a3a;font-family:'Sintony',Arial, Helvetica, sans-serif;border-bottom:1px solid #EFEFEF;} #menu-icon:hover,#menu-icon.active {background-color: #F8F8F8;} .menu-icon-title { font-size:20px; padding:0 10px; } .icon-double-angle-down { font-size:30px; padding:0 10px 0 0; float:right; height:53px!important; line-height:53px!important;} #navbar{ display: none; height:auto; margin:0; padding:0;} /* Menu */ #navbar-wrap { height:auto; display:block; margin:0; padding:0; border:none; background:#3a3a3a; } /* Navigation */ #navigation { padding:0; display:block;} #navigation .menu { margin: 0; padding: 0; list-style: none; } #navigation .menu .icon-angle-right { position: absolute; right: 10px; top: 50%; margin-top: -6px; color: #aaa; font-size: 12px; } #navigation .menu > li { display: block; float:none;} #navigation .menu > li ul {} #navigation .menu ul { position: relative; left: 0; top: 100%; margin:0; nowhitespace: afterproperty; opacity: 1; transition:none; visibility: visible; z-index: 99; } #navigation .menu ul ul { position:relative!important; margin:1px 0 0 0; padding:0; left:0px; width:100%; display:block;-webkit-box-shadow: none;-moz-box-shadow: none; box-shadow:none; } #navigation .menu ul ul li { width:auto} #navigation .menu li { position: relative } #navigation .menu li:hover > ul { margin: 0; opacity: 1; visibility: visible; } #navigation .menu a { display: block; position: relative; } /* current item */ #navigation .menu > li > a:hover, #navigation .menu > li.sfHover > a, #navigation .menu > .active > a, #navigation .active > a:hover, #navigation .active > a:hover { color: #fff;border-top:1px solid #4C4C4C; background:#444444} #navigation .menu > .active > a, #navigation li.active > a { font-weight: bold; color: #fff; border-top:1px solid #4C4C4C; background:#444444 } #navigation .menu > li { margin:0; padding:0; } #navigation .menu a {padding:10px 20px; color: #fff; font-weight:bold; text-align: left; text-decoration: none; cursor: pointer; font-size:16px; border-top:1px solid #4C4C4C; transition:none;} /*drop-down styles*/ #navigation .menu ul { border-top: none; background:none; border:none; } #navigation .menu li:hover ul { margin: 0; } #navigation .menu ul ul.sub-menu { margin:0; padding:0;} #navigation .menu ul ul.sub-menu li{ margin:0; padding:0; } #navigation .menu ul li { border-bottom:0} #navigation .menu ul li:first-child { } #navigation .menu ul li:last-child { } #navigation .menu ul li > a:hover { color: #fff; border:0;} #navigation .menu ul a { display: block; height: auto; margin: 0px; padding: 0 15px; text-transform: none; border: 0px; } #navigation ul.sub-menu .icon-angle-down:before {content:""!important;} #navigation ul.sub-menu a { font-size:12px; line-height: 35px;} #navigation i { text-align:right} #footer-nav { float:none} #footer-nav ul { float:none} .copyright { float:none; text-align:center} } .blogfactory-blog{margin-top:10px!important;} p.spacer { height: 3px; } hr{ margin: 15px 0 15px!important; } .row{ margin-bottom:0; } li.img1{ max-width: 90px; margin-left:0px!important; } li.img2{ max-width: 60px; } li.contact-box { font-size: 13px; } .contact-box img { margin-bottom: 5px; } li.link img { margin-top: 20px; } h4.iner-heading { color: #000!important; } div#main-content { margin: 40px 0px; } h1.display-3 {font-weight: 700;font-size: 60px;margin-bottom: 30px;margin-top: 20px;} p.lead {margin: 0px 0 0 10px;margin-bottom: 10px;} a.btn.btn-primary.btn-sm {background: #303030;color: #fff;padding: 10px;} .jumbotron.text-center.thankyou { text-align: center; } .registration.my-regester { width: 50%; background: #f5f5f5; margin: 0 auto; padding: 30px; } .registration.my-regester legend { color: #3c3435; font-weight: bold; font-size: 25px; margin-top: 10px; padding-bottom: 20px; text-transform: uppercase; } .registration.my-regester .control-group.field-spacer { color: #f00; font-weight: bold; margin-bottom: 20px; } .registration.my-regester span.star { color: #f00; } .registration.my-regester a.btn.btn-primary.validate { padding: 7px 15px; } .controls button { width: 40%; } .reset.my-reset { width: 50%; background: #f5f5f5; margin: 0 auto; padding: 30px; } .my-login { width: 50%; background: #f5f5f5; margin: 30px auto 0; padding: 25px; } .my-login .controls button { width: 100%; font-size: 16px; } .my-login ul.nav.nav-tabs.nav-stacked { display: flex; margin: 10px 0; justify-content: space-around; text-align: center; } .my-login ul.nav.nav-tabs.nav-stacked li { width: 30%; } .my-login .control-group.my-remember { display: flex; align-items: center; margin: 20px 0 10px 0; } .my-login .control-group.my-remember .controls { margin-right: 7px; } .my-login h1 { margin-bottom: 30px; margin-top: 10px; font-weight: bold; font-size: 33px; } .remind.my-remind { width: 50%; background: #f5f5f5; margin: 0 auto; padding: 30px; } .jumbotron.text-center { text-align: center; } #header .custom { text-align: right; } .span_3 .module-body #top { float: none; } .span_3 .module-body #top ul li { margin-left: 0; } #user2 ul.menu li.parent ul.sub-menu { display: none!important; } #comp-wrap .col.span_12 { margin-bottom: 16px; } .module-body { padding-right:20px !important; } .mgt-10 { margin-top: 10px; } .mgt-20 { margin-top: 20px; } .mgt-40 { margin-top: 40px; } .mgt-50 { margin-top: 50px; } .row.breakpoint { display: flex; justify-content: space-between; } .row.breakpoint .span_6 { padding: 10px 20px 0 0; } .row.aws { background: #ededed; padding: 20px; margin-top: 30px; display: flex; justify-content: center; } .row.contact-style { background: #ededed; padding: 30px; } .form-new input { padding: 10px 10px 10px 20px !important; } input.btn-readmore{ padding: 10px 30px !important; } .form-new p { margin-right: 10px; } .who-we-serve { margin: 30px 0; } .serv-card { background: #fdfdfd; margin: 0 10px 0 0; padding: 20px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; } .serve-grid .span_3 { width: 25% } .serv-card img { margin-bottom: 20px; } .contact-style .col.span_12.clr { margin-bottom: 0px !important; } .row.serve { display: flex; padding: 20px 40px; width: 80%; justify-content: space-evenly; margin: 0 auto; } .row.serve strong { font-size: 30px; background: #ffd7d8; padding: 0px 30px; color: #000; } .who-we-serve h2 { margin-bottom: 20px; } @media (max-width:768px) { #header .custom { text-align: center !important; } .row.breakpoint { display: block; } .row.breakpoint .span_6 { padding: 0px; } .row.aws { display: block; } } .item-103.deeper.parent a,.item-102.deeper.parent a, .item-108.deeper.parent a{ text-decoration: -moz-none; pointer-events: none; } .item-103.deeper.parent,.item-102.deeper.parent, .item-108.deeper.parent{ cursor: pointer; } /*---------------------Addition --------------------*/ /* Section heading + divider */ .aws-powered__title{ font-size:2rem; letter-spacing:.5px; margin:2rem 0 .75rem; text-transform:uppercase; } .aws-powered__rule{ border:0; border-top:1px solid #e5e7eb; margin:1.25rem 0 2rem; } /* Keep image and text on the same line */ .service-row{ display:flex; /* <-- forces same line (image left, text right) */ align-items:flex-start; /* top-align text with image */ gap:28px; margin-bottom:2rem; } /* Left column (image) */ .service-media{ flex:0 0 360px; /* fixed column width on desktop */ max-width:360px; margin:0; /* reset figure margin */ } .service-media .thumbnail{ display:block; width:100%; height:auto; border:1px solid #e5e7eb; border-radius:8px; background:#fff; /* Optional: constrain tall images */ max-height:260px; object-fit:cover; } /* Right column (text) */ .service-content{ flex:1 1 auto; min-width:0; } .service-content h3{ margin:.15rem 0 .4rem; font-size:1.5rem; } .service-sub{ margin:0 0 .6rem; color:#475569; } .service-content ul{ margin:.5rem 0 0 1.1rem; color:#334155; } /* Mobile: stack vertically */ @media (max-width: 900px){ .service-row{flex-direction:column} .service-media{flex-basis:auto; max-width:100%} .service-media .thumbnail{max-height:none} }