/* Title: AMMON main css file, better not to touch it, instead add your own styles in custom.css Author: http://themeforest.net/user/hogash // Hogash Studio */ body { font-family: Trebuchet MS, Helvetica, sans-serif; font-size:13px; line-height:1.6; color:#282828; background-color:#fff; } body.ammon_dark { color:#D7D7D7; background-color:#000; } /* +++++++++ chrome fix to smooth icon font +++++++++++++++++++++++++++ */ @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } } /* +++++++++ Heading +++++++++++++++++++++++++++ */ h1, h2, h3, h4, h5, h6 { font-weight:normal; color:#454545; margin-top: 0;} .ammon_dark h1, .ammon_dark h2, .ammon_dark h3, .ammon_dark h4, .ammon_dark h5, .ammon_dark h6 { color:#BABABA; } /* +++++++++ links +++++++++++++++++++++++++++ */ a { text-decoration:none; } a:hover{ color:#555555; } .ammon_dark a:hover{ color:#AAAAAA; } /* +++++++++ paragraphs,blockquote,code +++++++++++++++++++++++++++ */ p { margin-bottom:15px; } blockquote { margin: 0 0 15px 0; color: #8a8a8a; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.4em; font-size: 14px; } .ammon_dark blockquote { color: #757575; } blockquote p { line-height: 1.4em; font-size: 14px; } blockquote small { font-size:12px } /* +++++++++ Lists +++++++++++++++++++++++++++ */ ol { margin: 20px 0 20px 25px; list-style-type: decimal; } ol li { font-size: 12px; margin: 5px 0; padding-bottom: 5px; color: #666666; } .ammon_dark ol li {color: #999999; } ul { margin-bottom: 20px; } /* +++++++++ CUSTOM LISTS +++++++++++++++++++++++++++ */ ul.list-style1,ul.list-style2,ul.list-style3,ul.list-style4,ul.list-style5,ul.list-style6,ul.list-style7,ul.list-style8,ul.list-style9 {padding-left:0; margin-bottom:20px; margin-left:0px;} ul.list-style1 li {padding-left:15px; list-style:none; background:url(../images/bullet-list_01.png) no-repeat 0 0; line-height:20px;} ul.list-style2 li {padding-left:15px; list-style:none; background:url(../images/bullet-list_02.png) no-repeat 0 0; line-height:20px;} ul.list-style3 li {padding-left:15px; list-style:none; background:url(../images/bullet-list_03.png) no-repeat 0 0; line-height:20px;} ul.list-style4 li {padding-left:25px; list-style:none; background:url(../images/bullet-list_04.png) no-repeat 0 0; line-height:20px; margin-bottom:5px;} ul.list-style5 li {padding-left:25px; list-style:none; background:url(../images/bullet-list_05.png) no-repeat 0 0; line-height:20px; margin-bottom:5px;} ul.list-style6 li {padding-left:25px; list-style:none; background:url(../images/bullet-list_06.png) no-repeat 0 0; line-height:20px; margin-bottom:5px;} ul.list-style7 li {padding-left:25px; list-style:none; background:url(../images/bullet-list_07.png) no-repeat 0 0; line-height:20px; margin-bottom:5px;} ul.list-style8 li {padding-left:25px; list-style:none; background:url(../images/bullet-list_08.png) no-repeat 0 0; line-height:20px; margin-bottom:5px;} ul.list-style9 li {padding-left:25px; list-style:none; background:url(../images/bullet-list_09.png) no-repeat 0 0; line-height:20px; margin-bottom:5px;} .ammon_dark .img-thumbnail, .ammon_dark .thumbnail { background-color: #000; border: 1px solid #2C2C2C; -webkit-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.1); box-shadow: 0 1px 2px rgba(255, 255, 255, 0.1); } .pre {font: 11px Courier, "Courier New", monospace; padding: 5px 5px 5px 15px; border: 1px solid #ccc; background:#efefef; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px ; color: #333; line-height: 19px;overflow:auto;overflow-Y: hidden; clear:both; margin-bottom:20px;} .ammon_dark .pre, .ammon_dark pre { color: #CCCCCC; background-color: #0A0A0A; border: 1px solid #333333; } .separator {background:#ddd; height: 2px; margin: 0 0 35px; opacity:.5;} .ammon_dark .separator {background:#222222;} /* +++++++++ zoom overlay +++++++++++++++++++++++++++ */ .head-image {padding:4px; border:1px solid #c0c0c0; } .ammon_dark .head-image { border:1px solid #3F3F3F; } a:hover img.head-image {border:1px solid #888;} .ammon_dark a:hover img.head-image {border:1px solid #777777;} .zoomimg {position:relative;} .zoomimg:after, .zoomimg:before {content:''; display:block; position:absolute; top: 4px; visibility:hidden; opacity:0; left: 4px; -moz-transition: opacity 250ms ease-in; -webkit-transition: opacity 250ms ease-in; -o-transition: opacity 250ms ease-in; transition: opacity 250ms ease-in; z-index: 1;bottom: 4px;right: 4px;} .zoomimg:after {content:"\f00e"; font-family: FontAwesome; display:block; width: 40px; height: 40px; background:#fff; border-radius: 50%; top:50%; left:50%; margin: -20px 0 0 -20px; line-height: 40px;text-align: center;font-size: 18px;color: #ACACAC;} .ammon_dark .zoomimg:after {background:#fff; color: #535353;} .zoomimg:before {background: rgba(255,255,255, 0.2); } .ammon_dark .zoomimg:before {background: rgba(0,0,0, 0.2); } .zoomimg:hover:before, .zoomimg:hover:after {opacity:1; visibility:visible;} /* +++++++++ Selections +++++++++++++++++++++++++++ */ ::-moz-selection { color: #fff !important; background-color:rgba(0,0,0,0.1); } ::selection { color: #fff !important; background-color:rgba(0,0,0,0.1); } .ammon_dark *::-moz-selection { color: #000 !important; background-color:rgba(255, 255, 255, 0.54); } .ammon_dark *::selection { color: #000 !important; background-color:rgba(255, 255, 255, 0.54); } /* +++++++++ READON BUTTON +++++++++++++++++++++++++++ */ .readon {color: #fff; font-size: 13px; font-weight: normal; padding: 3px 6px; text-shadow: 1px 1px 0 #555555; text-decoration: none; position:relative;} .ammon_dark .readon {color: #000; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.23); } .readon span {position:relative;} .readon:hover {color:#fff; text-decoration: none; } .ammon_dark .readon:hover {color:#000;} .readon:hover:before {background:rgba(0,0,0,0.1); content:""; position:absolute; width:100%; height:100%; z-index: 0;left: 0;top: 0;} .ammon_dark .readon:hover:before {background:rgba(255,255,255,0.1);} .readon:active:before {background:rgba(0,0,0,0.2); } .ammon_dark .readon:active:before {background:rgba(255,255,255,0.2); } /* +++++++++ 404 ERROR +++++++++++++++++++++++++++ */ .error404 {font-weight:bold; font-size: 220px; line-height:1; color:#CCC; text-align:center; text-shadow: 0 0 1px #000; text-transform:uppercase; margin:40px 0;} .ammon_dark .error404 {color:#333333; text-shadow: 0 0 1px #fff;} .error404 span {display:block;} .error404 p {font-size:30px;} /* +++++++++ CLEAR FIX - http://nicolasgallagher.com/micro-clearfix-hack/ +++++++++++++++++++++++++++ */ .clear:before, .clear:after {content:""; display:table;} .clear:after {clear:both;} .clear {zoom:1;} /* +++++++++ Shadows +++++++++++++++++++++++++++ */ .has_shadow { position:relative; padding: 3px; border: 1px solid #C0C0C0; background: #FFF; } .ammon_dark .has_shadow { border: 1px solid #3F3F3F; background: #000; } .has_shadow:before, .has_shadow:after { content:""; position:absolute; z-index:-2; } /* Lifted corners */ .has_shadow.lifted { border-radius:4px; } .has_shadow.lifted:before, .has_shadow.lifted:after { bottom:15px; left:10px; width:50%; height:20%; max-width:300px; max-height:100px; box-shadow:0 15px 10px rgba(0, 0, 0, 0.7); -webkit-transform:rotate(-3deg); -ms-transform:rotate(-3deg); transform:rotate(-3deg); } .has_shadow.lifted:after { right:10px; left:auto; -webkit-transform:rotate(3deg); -ms-transform:rotate(3deg); transform:rotate(3deg); } /* Curled corners */ .has_shadow.curled { border:1px solid #efefef; border-radius:0 0 120px 120px / 0 0 6px 6px; } .has_shadow.curled > img { border-radius:0 0 120px 120px / 0 0 6px 6px;} .has_shadow.curled:before, .has_shadow.curled:after { bottom:12px; left:10px; width:50%; height:55%; max-width:200px; max-height:100px; box-shadow:0 8px 12px rgba(0, 0, 0, 0.5); -webkit-transform:skew(-8deg) rotate(-3deg); -ms-transform:skew(-8deg) rotate(-3deg); transform:skew(-8deg) rotate(-3deg); } .has_shadow.curled:after { right:10px; left:auto; -webkit-transform:skew(8deg) rotate(3deg); -ms-transform:skew(8deg) rotate(3deg); transform:skew(8deg) rotate(3deg); } /* Perspective */ .has_shadow.perspective:before { left:80px; bottom:5px; width:50%; height:35%; max-width:200px; max-height:50px; box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4); -webkit-transform:skew(50deg); -ms-transform:skew(50deg); transform:skew(50deg); -webkit-transform-origin:0 100%; -ms-transform-origin:0 100%; transform-origin:0 100%; } .has_shadow.perspective:after { display:none; } /* Raised shadow - no pseudo-elements needed */ .has_shadow.raised { box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } /* Curved shadows */ .has_shadow.curved:before { top:10px; bottom:10px; left:0; right:50%; box-shadow:0 0 15px rgba(0,0,0,0.6); border-radius:10px / 100px; } .has_shadow.curved-vt-2:before { right:0; } .has_shadow.curved-hz-1:before { top:50%; bottom:0; left:10px; right:10px; border-radius:100px / 10px; } .has_shadow.curved-hz-2:before { top:0; bottom:0; left:10px; right:10px; border-radius:100px / 10px; } /* +++++++++ STUFF +++++++++++++++++++++++++++ */ .left-outline { padding:10px 20px 10px 10000px; margin: 0 0 25px -10000px; background:rgba(0,0,0,0.4); color:#fff; } .ammon_dark .left-outline { background:rgba(255,255,255,0.4); color:#000; } .right-outline { padding:10px 10000px 10px 20px; margin: 0 -10000px 25px 0 ; background:rgba(0,0,0,0.4); color:#fff; } .ammon_dark .right-outline { background:rgba(255,255,255,0.4); color:#000; } /* +++++++++ STUFF +++++++++++++++++++++++++++ */ .pricing-table {margin-bottom:35px; width:100%;} .pricing-table.col3 .box {width:50%;} .pricing-table.col3 .box {width:33.33%;} .pricing-table.col4 .box {width:25%;} .pricing-table.col5 .box {width:20%;} .pricing-table.col6 .box {width:16.6%;} .pricing-table .box {float:left; margin-top:7px; position:relative; } .pricing-table .box .box-inner {border:1px solid #dedede; padding:20px; text-align:center; background: #f7f7f7; background: -moz-linear-gradient(top, #f7f7f7 0%, #dedede 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#dedede)); background: -webkit-linear-gradient(top, #f7f7f7 0%,#dedede 100%); background: -o-linear-gradient(top, #f7f7f7 0%,#dedede 100%); background: -ms-linear-gradient(top, #f7f7f7 0%,#dedede 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#dedede',GradientType=0 ); background: linear-gradient(top, #f7f7f7 0%,#dedede 100%); } .ammon_dark .pricing-table .box .box-inner {border:1px solid #212121; background: #080808; background: -moz-linear-gradient(top, #080808 0%, #212121 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#080808), color-stop(100%,#212121)); background: -webkit-linear-gradient(top, #080808 0%,#212121 100%); background: -o-linear-gradient(top, #080808 0%,#212121 100%); background: -ms-linear-gradient(top, #080808 0%,#212121 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#080808', endColorstr='#212121',GradientType=0 ); background: linear-gradient(top, #080808 0%,#212121 100%); } .pricing-table .first .box-inner {-webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px;} .pricing-table .last .box-inner {-webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px;} .pricing-table .box .title {font-weight:700; font-size: 26px; line-height:1; margin-bottom:15px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8), 0 2px 0 #CCCCCC; } .ammon_dark .pricing-table .box .title {text-shadow: 0 1px 0 rgba(0,0,0, 0.8), 0 2px 0 #333333; } .pricing-table .box .price {font-size:3.5em; font-weight:700; letter-spacing:-1px; line-height:1; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8), 0 2px 0 #CCCCCC ; color:#454545; } .ammon_dark .pricing-table .box .price { text-shadow: 0 1px 0 rgba(0,0,0, 0.8), 0 2px 0 #333333 ; color:#BABABA; } .pricing-table .box .price span.curr {font-size:0.6em; position:relative; top:-8px; } .pricing-table .box .price-type {font-size:11px; color:#999;} .ammon_dark .pricing-table .box .price-type {color:#666666;} .pricing-table .box ul.description {margin:20px 0; text-shadow:0 1px 0 #fff; color:#454545; list-style:none; padding:0;} .ammon_dark .pricing-table .box ul.description {text-shadow:0 1px 0 #000; color:#BABABA; } .pricing-table .box ul.description li {line-height:19px;} .pricing-table .box ul.description li a {line-height:19px; font-size:12px;} .pricing-table .box .separator {margin:10px 0;} .pricing-table .promoted .box-inner { border-width:7px; border-style:solid; position:relative; margin-top:0; margin-left:-7px; border-radius:3px; box-shadow:0 2px 15px rgba(0,0,0,0.33); } .ammon_dark .pricing-table .promoted .box-inner { box-shadow:0 2px 15px rgba(255,255,255,0.33); } .pricing-table .box.promoted .box-inner {background: #dedede; background: -moz-linear-gradient(top, #dedede 0%, #f7f7f7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dedede), color-stop(100%,#f7f7f7)); background: -webkit-linear-gradient(top, #dedede 0%,#f7f7f7 100%); background: -o-linear-gradient(top, #dedede 0%,#f7f7f7 100%); background: -ms-linear-gradient(top, #dedede 0%,#f7f7f7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#f7f7f7',GradientType=0 ); background: linear-gradient(top, #dedede 0%,#f7f7f7 100%); } .ammon_dark .pricing-table .box.promoted .box-inner {background: #212121; background: -moz-linear-gradient(top, #212121 0%, #080808 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#212121), color-stop(100%,#080808)); background: -webkit-linear-gradient(top, #212121 0%,#080808 100%); background: -o-linear-gradient(top, #212121 0%,#080808 100%); background: -ms-linear-gradient(top, #212121 0%,#080808 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212121', endColorstr='#080808',GradientType=0 ); background: linear-gradient(top, #212121 0%,#080808 100%); } .pricing-table .action a {color:#fff; text-shadow:0 1px 0 rgba(0,0,0,0.5); text-transform:uppercase; border:0; } .pricing-table .featured-badge {width:58px; height:51px; background:url(../images/featured-badge.png) no-repeat; top:-10px; right:-10px; position:absolute;} .pricing-table .box.features .box-inner {border-right:none; background:#f5f5f5; text-align:left; margin-top:10px;} .ammon_dark .pricing-table .box.features .box-inner { background:#0A0A0A; } .pricing-table .box.features .box-inner .title {margin-left:20px; text-shadow:none;} .pricing-table .box.features .box-inner .price {font-size:1.6em; line-height:2.7; letter-spacing:0; margin-left:20px; text-shadow:none;} .pricing-table .box.features ul.description {margin-left:20px;} .pricing-table .box.features ul.description li .help { cursor:help;} /* Pricing tables color presets */ .pricing-table.orange-style {color:#EB540A;} .pricing-table.orange-style .promoted .box-inner {border-color:#EB540A; } .pricing-table.orange-style .action a { background-color:#EB540A; } .pricing-table.orange-style .action a:hover { background-color: #C5490C; } .pricing-table.blue-style {color:#08579C;} .pricing-table.blue-style .promoted .box-inner {border-color:#08579C; } .pricing-table.blue-style .action a { background-color:#08579C; } .pricing-table.blue-style .action a:hover { background-color: #0A4477; } .pricing-table.purple-style {color:#8A2D9A;} .pricing-table.purple-style .promoted .box-inner {border-color:#8A2D9A; } .pricing-table.purple-style .action a { background-color:#8A2D9A; } .pricing-table.purple-style .action a:hover { background-color: #792088; } .pricing-table.yellow-style {color:#E9C02B} .pricing-table.yellow-style .promoted .box-inner {border-color:#EBBD16; } .pricing-table.yellow-style .action a { background-color: #EBBD16; } .pricing-table.yellow-style .action a:hover { background-color: #DBB733; } .pricing-table.turqoise-style {color:#12C6C2;} .pricing-table.turqoise-style .promoted .box-inner {border-color:#12C6C2; } .pricing-table.turqoise-style .action a { background-color:#12C6C2; } .pricing-table.turqoise-style .action a:hover { background-color: #10ADAA; } .pricing-table.darkred-style {color:#C62B57;} .pricing-table.darkred-style .promoted .box-inner {border-color:#C62B57; } .pricing-table.darkred-style .action a { background-color:#C62B57; } .pricing-table.darkred-style .action a:hover { background-color: #AC1E47; } .pricing-table.red-style {color:#F02311;} .pricing-table.red-style .promoted .box-inner {border-color:#F02311; } .pricing-table.red-style .action a { background-color:#F02311; } .pricing-table.red-style .action a:hover { background-color: #CF1F10; } .pricing-table.green-style {color:#59A80F;} .pricing-table.green-style .promoted .box-inner {border-color:#59A80F; } .pricing-table.green-style .action a { background-color:#59A80F; } .pricing-table.green-style .action a:hover { background-color: #46800F; } .pricing-table.green-lemon-style {color:#9CC607;} .pricing-table.green-lemon-style .promoted .box-inner {border-color:#9CC607; } .pricing-table.green-lemon-style .action a { background-color:#9CC607; } .pricing-table.green-lemon-style .action a:hover { background-color: #86A80D; } /* +++++++++ HG Tabs +++++++++++++++++++++++++++ */ .hg-tabs > .nav {list-style: none; margin:0; padding:0;border: 0;} .hg-tabs > .nav > li > a{display: block; text-decoration: none;margin: 0; border-radius: 0;border: 0;} .hg-tabs .tab-content p:last-child {margin-bottom:0;} /* tabs style 1 */ .hg-tabs.tabs_style1 {background:#fff; border:1px solid #ececec;} .ammon_dark .hg-tabs.tabs_style1 {background:#000; border:1px solid #131313;} .hg-tabs.tabs_style1 > ul.nav {margin-bottom:0; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(249,249,249,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */} .ammon_dark .hg-tabs.tabs_style1 > ul.nav {background: rgb(0,0,0); background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(6,6,6,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(6,6,6,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(6,6,6,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(6,6,6,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(6,6,6,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(6,6,6,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#060606',GradientType=0 ); /* IE6-9 */} .hg-tabs.tabs_style1 > ul.nav > li {float:left; margin-bottom:-1px;} .hg-tabs.tabs_style1 > ul.nav > li > a {padding: 8px 20px; line-height: 18px; border: 1px solid transparent; border-left:1px solid #fff; border-right:1px solid #ececec; color:#343434;} .ammon_dark .hg-tabs.tabs_style1 > ul.nav > li > a {border-left:1px solid #000; border-right:1px solid #131313; color:#CBCBCB;} .hg-tabs.tabs_style1 > ul.nav > li.active > a, .hg-tabs.tabs_style1 > ul.nav > li > a:hover {background-color:#fff;} .ammon_dark .hg-tabs.tabs_style1 > ul.nav > li.active > a, .ammon_dark .hg-tabs.tabs_style1 > ul.nav > li > a:hover {background-color:#000;} .hg-tabs.tabs_style1 > ul.nav > li.active > a {border-top:3px solid #EB540A; border-left:0; font-weight:700; padding:6px 20px 10px; } .hg-tabs.tabs_style1 .tab-content {display: table; width: 100%;padding: 10px 15px 15px;} /* tabs style 2 */ .hg-tabs.tabs_style2 {margin:10px 0;} .hg-tabs.tabs_style2 > ul.nav {margin-bottom:10px;} .hg-tabs.tabs_style2 > ul.nav > li {float:left; border-left:1px dotted #ccc; line-height:18px; } .ammon_dark .hg-tabs.tabs_style2 > ul.nav > li {border-left:1px dotted #333333; } .hg-tabs.tabs_style2 > ul.nav > li:first-child {border-left:0;} .hg-tabs.tabs_style2 > ul.nav > li:first-child a {border-left:0; padding-left:0; } .hg-tabs.tabs_style2 > ul.nav > li > a {padding: 4px 20px; line-height: 18px; color:#555; font-weight:bold;border: 0;} .ammon_dark .hg-tabs.tabs_style2 > ul.nav > li > a {color:#AAAAAA; } .hg-tabs.tabs_style2 > ul.nav > li.active > a, .hg-tabs.tabs_style2 > ul.nav > li > a:hover {background:none; color:#222;} .ammon_dark .hg-tabs.tabs_style2 > ul.nav > li.active > a, .ammon_dark .hg-tabs.tabs_style2 > ul.nav > li > a:hover {background:none; color:#DDDDDD;} .hg-tabs.tabs_style2 .tab-content {display: table; width: 100%; padding:0;} /* tabs style 3 */ .hg-tabs.tabs_style3 {background:#fff; border:1px solid #ececec;border-radius: 5px;position: static;overflow: hidden;} .ammon_dark .hg-tabs.tabs_style3 {background:#000; border:1px solid #131313;} .hg-tabs.tabs_style3 > ul.nav {margin-bottom:0; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(249,249,249,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */} .ammon_dark .hg-tabs.tabs_style3 > ul.nav {background: rgb(0,0,0); background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(6,6,6,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(6,6,6,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(6,6,6,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(6,6,6,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(6,6,6,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(6,6,6,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#060606',GradientType=0 ); /* IE6-9 */} .hg-tabs.tabs_style3 > ul.nav > li {float:left; margin-bottom:-1px;} .hg-tabs.tabs_style3 > ul.nav > li > a {padding: 8px 20px; line-height: 18px; border: 1px solid transparent; border-left:1px solid #fff; border-right:1px solid #ececec; color:#343434;} .ammon_dark .hg-tabs.tabs_style3 > ul.nav > li > a {border-left:1px solid #000; border-right:1px solid #131313; color:#CBCBCB;} .hg-tabs.tabs_style3 > ul.nav > li.active > a, .hg-tabs.tabs_style3 > ul.nav > li > a:hover {background-color:#fff;} .ammon_dark .hg-tabs.tabs_style3 > ul.nav > li.active > a, .ammon_dark .hg-tabs.tabs_style3 > ul.nav > li > a:hover {background-color:#000;} .hg-tabs.tabs_style3 > ul.nav > li.active > a {border-left:0; font-weight:700; } .hg-tabs.tabs_style3 .tab-content {display: table; width: 100%;padding: 10px 15px 15px;} /* tabs style 4 */ .hg-tabs.tabs_style4 > ul.nav {margin-bottom:0;} .hg-tabs.tabs_style4 > ul.nav > li {float:left; margin-bottom:-1px;} .hg-tabs.tabs_style4 > ul.nav > li > a {padding: 8px 20px; line-height: 18px; color:#343434;} .ammon_dark .hg-tabs.tabs_style4 > ul.nav > li > a {color:#CBCBCB;} .hg-tabs.tabs_style4 > ul.nav > li.active > a, .hg-tabs.tabs_style4 > ul.nav > li > a:hover {color:#222;} .ammon_dark .hg-tabs.tabs_style4 > ul.nav > li > a:hover {color:#DDDDDD;color: #DDD;background-color: #111;} .hg-tabs.tabs_style4 > ul.nav > li.active > a { background:#fff; border:1px solid #ececec; border-bottom:0; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-top-left-radius:5px; -moz-border-top-right-radius:5px; border-top-left-radius:5px; border-top-right-radius:5px; } .ammon_dark .hg-tabs.tabs_style4 > ul.nav > li.active > a { background:#000; border:1px solid #131313; color: #FFF;} .hg-tabs.tabs_style4 .tab-content {display: table; width: 100%;padding: 10px 15px 15px; border:1px solid #ececec; background:#fff; } .ammon_dark .hg-tabs.tabs_style4 .tab-content {border:1px solid #131313; background:#000; } /* +++++++++ Accordions +++++++++++++++++++++++++++ */ .accordion-group.wrapped { background: rgba(0, 0, 0, 0.03); border-radius: 2px; } .ammon_dark .accordion-group.wrapped { background: rgba(255,255,255, 0.03); } .acc-group.panel { box-shadow: none; -webkit-box-shadow: none; background-color: transparent; border: none; border-radius: 0;} .acc-group.default-style {margin-bottom: 5px;} .acc-group.default-style > button {background:none; border:0; padding: 14px 10px; color:#cd2122; display: block; width: 100%; text-align: left; position:relative; outline:0;border-radius: 2px 2px 0 0;font-size: 16px; background: rgba(0,0,0,0.05); border-bottom: 1px solid rgba(0, 0, 0, 0.06);} .ammon_dark .acc-group.default-style > button {background: rgba(255,255,255,0.05); border-bottom: 1px solid rgba(255,255,255, 0.06);} .acc-group.default-style > button + div.acc_content {background: rgba(0,0,0,0.05); border-radius: 0 0 2px 2px;} .ammon_dark .acc-group.default-style > button + div.acc_content {background: rgba(255,255,255,0.05); } .acc-group.default-style > button:after {content:"\f106"; position:absolute; right:5px; top: 17px; width:20px; height:20px; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center;line-height: 20px;font-size: 18px;} .acc-group.default-style > button.collapsed:after { content:"\f107"; } .acc-group.default-style > button.collapsed {color:#505050; background: none;} .ammon_dark .acc-group.default-style > button.collapsed {color:#AFAFAF; background: none;} .accordion-group:not(.wrapped) .acc-group.default-style > button.collapsed { padding-left: 0; -webkit-transition: padding-left .2s ease-out; -moz-transition:padding-left .2s ease-out; -ms-transition:padding-left .2s ease-out; transition:padding-left .2s ease-out;} .acc-group.default-style > button:hover { color:#000;} .ammon_dark .acc-group.default-style > button:hover { color:#fff;} .acc-group.default-style .content {padding:15px;} /* accordions style2 */ .acc-group.style2 { margin-bottom: 5px; padding: 0; border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .ammon_dark .acc-group.style2 { border: 1px solid #1A1A1A;} .acc-group.style2 > button {display: block; font-size:14px; width: 100%; text-align: left; position:relative; margin:0; padding:10px;text-decoration: none;outline: 0;} .acc-group.style2 > button:focus, .acc-group.style2 > button {color:#000; font-weight:bold;} .ammon_dark .acc-group.style2 > button:focus, .ammon_dark .acc-group.style2 > button {color:#fff; } .acc-group.style2 > button:after {content:"\f106"; position:absolute; right:5px; top: 11px; width:20px; height:20px; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center;line-height: 20px;font-size: 18px;opacity: .4;} .acc-group.style2 > button.collapsed:after { content:"\f107"; opacity:.6; } .acc-group.style2 > button.collapsed {color:#505050; font-weight:normal;} .ammon_dark .acc-group.style2 > button.collapsed {color:#AFAFAF; } .acc-group.style2 > button:hover { color:#000; } .ammon_dark .acc-group.style2 > button:hover { color:#fff; } .acc-group.style2 .content {padding: 10px 15px; border-top: 1px solid #E5E5E5;} .ammon_dark .acc-group.style2 .content {border-top: 1px solid #1A1A1A;} .acc-group.style2 .content p:last-child {margin-bottom:0;} /* accordions style3 */ .acc-group.style3 { margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid #e5e5e5; } .ammon_dark .acc-group.style3 { border-bottom: 1px solid #1A1A1A; } .acc-group.style3 > button {display: block; width: 100%; text-align: left; position:relative; margin:0; padding:10px 10px 10px 60px; background:none; border:0; font-size:16px;outline: 0;} .acc-group.style3 > button:after {content:'-'; position:absolute; left:0; top:0; width: 40px; height: 40px; font-size: 35px; background:#eee; color:#cd2122; padding: 0; text-shadow:0 1px 0 #fff;line-height: 36px;font-family: Arial;text-align: center;} .ammon_dark .acc-group.style3 > button:after {background:#111111; text-shadow:0 1px 0 #000;} .acc-group.style3 > button:hover { color:#cd2122; } .acc-group.style3 > button:hover:after { color:#cd2122; background:#e9e9e9;} .ammon_dark .acc-group.style3 > button:hover:after { background:#161616;} .acc-group.style3 > button.collapsed:after {color:#b5b5b5; content:'+'; padding: 0; font-size: 30px;line-height: 40px;} .ammon_dark .acc-group.style3 > button.collapsed:after {color:#4A4A4A; } .acc-group.style3 > button.collapsed {color:#505050;} .ammon_dark .acc-group.style3 > button.collapsed {color:#AFAFAF;} .acc-group.style3 .content {padding: 10px 15px; } .acc-group.style3 .content p:last-child {margin-bottom:0;} /* +++++++++ quotes +++++++++++++++++++++++++++ */ .quotes {margin-top:40px; position:relative} .quotes blockquote { margin-bottom: 40px; padding: 0 0 0 70px; position: relative; width: 90%; } .quotes blockquote p { color: #444444; font-size: 18px; font-style: italic; margin: 0; } .ammon_dark .quotes blockquote p { color: #BBBBBB; } blockquote { quotes:none;} .quotes blockquote:before { color: #DDDDDD; content: "“"; display: block; font-size: 140px; font-family: Georgia, "Times New Roman", Times, serif; left: -10px; position: absolute; top: 40px; z-index: 3; } .ammon_dark .quotes blockquote:before { color: #222222; } /* +++++++++ PHOTO GALLERY +++++++++++++++++++++++++++ */ ul.gallery {clear: both; list-style: none outside none; margin: 10px 0 0 -20px; overflow: hidden; padding: 8px 0;} ul.gallery li {background:#FFFFFF; float: left; margin: 0 0 20px 20px; padding: 0; list-style:none; } .ammon_dark ul.gallery li {background:#000000; } ul.gallery li .thumbnail {margin-bottom: 0;} /* +++++++++ MAIN +++++++++++++++++++++++++++ */ .logo-container {float:left;} #logo { float: left; margin:0;} h1#logo a, a#logo { padding:0 10px; display: block; position:relative;} #logo img { top: 0; bottom: 0; left: 0; right: 0; margin: auto; position: absolute; } /* +++++++++ BEGIN TEMPLATE +++++++++++++++++++++++++++ */ #header {position:absolute; width:100%; z-index:2; background:rgba(0,0,0,0.6); border-top:1px solid rgba(0,0,0,0.8); border-bottom:1px solid rgba(0,0,0,0.8); margin-top:20px;} .ammon_dark #header {background:rgba(255,255,255,.6); border-top:1px solid rgba(255,255,255,.8); border-bottom:1px solid rgba(255,255,255,.8); } #header.shadow-down:after {content:''; position:absolute; width:100%; height:20px; top:100%; left:0; background:url(../images/shadow-down.png) no-repeat center top;} /* +++++++++ Main Menu +++++++++++++++++++++++++++ */ nav#main_menu {float:right;max-width: 900px;} nav#main_menu ul {margin:0; list-style: none; padding:0;} nav#main_menu ul li {float:left;} nav#main_menu ul.hg-menu li ul {opacity:0; visibility: hidden; left:-2999px; -webkit-backface-visibility: hidden;} nav#main_menu ul.hg-menu li ul, nav#main_menu ul.hg-menu.fadein li ul { -webkit-transition: opacity 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000), visibility 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000); -moz-transition: opacity 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000), visibility 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000); -o-transition: opacity 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000), visibility 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000); -ms-transition: opacity 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000), visibility 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: opacity 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000), visibility 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000);} nav#main_menu ul.hg-menu.fadeinslidedown li ul { margin-top:50px; -webkit-transition: opacity 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000), visibility 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000), margin-top 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000); -moz-transition: opacity 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000), visibility 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000), margin-top 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000); -o-transition: opacity 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000), visibility 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000), margin-top 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000); -ms-transition: opacity 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000), visibility 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000), margin-top 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: opacity 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000), visibility 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000), margin-top 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000);} nav#main_menu ul.hg-menu.fadeinslideright li ul { margin-left:50px; -webkit-transition: opacity 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000), visibility 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000), margin-left 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000); -moz-transition: opacity 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000), visibility 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000), margin-left 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000); -o-transition: opacity 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000), visibility 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000), margin-left 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000); -ms-transition: opacity 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000), visibility 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000), margin-left 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: opacity 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000), visibility 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000), margin-left 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000);} nav#main_menu > ul > li { margin-left: 15px; padding-left: 15px; position:relative; } nav#main_menu > ul > li:first-child { margin-left: 0; padding-left: 0; } nav#main_menu > ul > li:before {content:''; position:absolute; left:0; top: 35%; height: 30%; width:1px; border-left: 1px dotted rgba(238, 238, 238, 0.2);} .ammon_dark nav#main_menu > ul > li:before {border-left: 1px dotted rgba(17, 17, 17, 0.2);} nav#main_menu > ul > li:first-child:before {display:none;} nav#main_menu ul li .inner-elem {text-transform: uppercase; color:#fff; padding: 0 5px; display: block; position: relative; text-shadow: 1px 1px 0 #000; opacity:.8;} .ammon_dark nav#main_menu ul li .inner-elem {color:#000; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4);} nav#main_menu ul li > .inner-elem:hover, nav#main_menu ul li:hover > .inner-elem, nav#main_menu ul li.active > .inner-elem { opacity:1; text-decoration:none; } nav#main_menu > ul > li > .inner-elem:after { content: ''; position:absolute; top:70%; left:50%; margin-left:-2px; border:3px solid transparent; border-top-color:rgba(238, 238, 238, 0.5); } .ammon_dark nav#main_menu > ul > li > .inner-elem:after { border-top-color:rgba(17, 17, 17, 0.5); } nav#main_menu > ul > li > .inner-elem:only-child:after {display:none;} /*2nd level*/ nav#main_menu li:hover > ul, nav#main_menu li:hover > ul { display:block; } nav#main_menu > ul > li > ul { margin-top: -2px; } nav#main_menu ul ul { background: rgba(0, 0, 0, 0.7); min-width: 200px; position: absolute; left:0; z-index: 1;} .ammon_dark nav#main_menu ul ul { background: rgba(255,255,255, 0.7);} nav#main_menu ul ul li {float:none; position: relative;} nav#main_menu ul ul .inner-elem {text-transform: none; font-size:12px; padding: 8px 10px; margin: 0; border-top: 1px solid rgba(0,0,0,0.3); opacity: .8; color:#eee; text-decoration: none; } .ammon_dark nav#main_menu ul ul .inner-elem {border-top: 1px solid rgba(255,255,255,0.3); color:#111111; } nav#main_menu ul ul li > .inner-elem:hover, nav#main_menu ul ul li:hover > .inner-elem, nav#main_menu ul ul li.active > .inner-elem { opacity: 1; color:#fff; background:rgba(0,0,0,0.4) } .ammon_dark nav#main_menu ul ul li > .inner-elem:hover, .ammon_dark nav#main_menu ul ul li:hover > .inner-elem, .ammon_dark nav#main_menu ul ul li.active > .inner-elem { color:#000; background:rgba(255,255,255,0.4) } nav#main_menu ul ul li:first-child > .inner-elem {border-top:none;} nav#main_menu ul ul li .inner-elem:after { content: ''; position:absolute; top:50%; left:95%; margin-top:-2px; border:3px solid transparent; border-left-color:rgba(238, 238, 238, 0.5); } .ammon_dark nav#main_menu ul ul li .inner-elem:after {border-left-color:rgba(17, 17,17, 0.5); } nav#main_menu ul ul li > .inner-elem:only-child:after {display:none;} /*3rd level*/ nav#main_menu > ul.hg-menu li:hover > ul, nav#main_menu > ul.hg-menu li > .inner-elem:hover + ul {opacity:1; visibility: visible; } nav#main_menu > ul.hg-menu.fadeinslidedown li:hover > ul, nav#main_menu > ul.hg-menu.fadeinslidedown li > .inner-elem:hover + ul {margin-top:-2px;} nav#main_menu > ul.hg-menu.fadeinslideright li:hover > ul, nav#main_menu > ul.hg-menu.fadeinslideright li > .inner-elem:hover + ul {margin-left:0;} nav#main_menu > ul > li:hover > ul, nav#main_menu > ul > li > a:hover + ul { left:0; } nav#main_menu ul ul li:hover > ul, nav#main_menu ul ul li > a:hover + ul { left: 100%; top: 0; } /* Mobile menu */ .mobnav-checkbox, .mobnav-label {display:none;} /* Navigation Button */ nav#main_menu .mobnav-label {width: 38px; padding: 13px 10px; background: none; cursor:pointer; border: 1px solid rgba(255, 255, 255, 0.7); margin-top: 27px;border-radius: 3px;} .ammon_dark nav#main_menu .mobnav-label {border: 1px solid rgba(0,0,0, 0.7); } nav#main_menu .mobnav-label:hover {background:rgba(0,0,0,0.7);} .ammon_dark nav#main_menu .mobnav-label:hover {background:rgba(255,255,255,0.7);} nav#main_menu .mobnav-label span, nav#main_menu .mobnav-label span:after, nav#main_menu .mobnav-label span:before { height: 2px; width:16px; background:#E7E6DD; display: block;} .ammon_dark nav#main_menu .mobnav-label span, .ammon_dark nav#main_menu .mobnav-label span:after, .ammon_dark nav#main_menu .mobnav-label span:before { background:#181922; } nav#main_menu .mobnav-label span { position:relative; } nav#main_menu .mobnav-label span:before { content:''; position:absolute; top: -6px;} nav#main_menu .mobnav-label span:after { content:''; position:absolute; top: 6px;} nav#main_menu .mobnav-label:hover {background:rgba(0,0,0,0.7);} .ammon_dark nav#main_menu .mobnav-label:hover {background:rgba(255,255,255,0.7);} nav#main_menu .mobnav-label span, nav#main_menu .mobnav-label span:after, nav#main_menu .mobnav-label span:before { height: 2px; width:16px; background:#E7E6DD; display: block;} .ammon_dark nav#main_menu .mobnav-label span, .ammon_dark nav#main_menu .mobnav-label span:after, .ammon_dark nav#main_menu .mobnav-label span:before { background:#181922; } nav#main_menu .mobnav-label span { position:relative; } nav#main_menu .mobnav-label span:before { content:''; position:absolute; top: -6px;} nav#main_menu .mobnav-label span:after { content:''; position:absolute; top: 6px;} /* Navigation Button - Checked */ .mobnav-checkbox:checked + #page_wrapper .mobnav-label {background: rgba(0, 0, 0, 0.7); border:1px solid #fff;} .ammon_dark .mobnav-checkbox:checked + #page_wrapper .mobnav-label {background: rgba(255,255,255, 0.7); border:1px solid #000;} .mobnav-checkbox:checked + #page_wrapper .mobnav-label span { background:transparent; } .mobnav-checkbox:checked + #page_wrapper .mobnav-label span:before { top: 0px; -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg); background:#fff; } .ammon_dark .mobnav-checkbox:checked + #page_wrapper .mobnav-label span:before { background:#000; } .mobnav-checkbox:checked + #page_wrapper .mobnav-label span:after {top: 0px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg); background:#fff;} .ammon_dark .mobnav-checkbox:checked + #page_wrapper .mobnav-label span:after {background:#000;} /* +++++++++ MENU CHASER STYLES +++++++++++++++++++++++++++ */ .chaser {background:rgba(0,0,0,0.75); padding:0; position:fixed; left:0; right:0; top:0; width:100%; z-index: 9999;} .ammon_dark .chaser {background:rgba(255,255,255,0.75); } .chaser .row {margin-bottom:0;} .chaser #main_menu {float: none;} .chaser nav#main_menu > ul > li > .inner-elem {line-height: 1.7 !important; color: #DDD; font-size: 12px; text-shadow:none; padding: 5px 15px 5px 0; } .ammon_dark .chaser nav#main_menu > ul > li > .inner-elem {color: #222222; } .chaser nav#main_menu ul li .inner-elem:only-child { padding-right: 0; } .chaser nav#main_menu ul li .inner-elem:after { content: ''; position:absolute; top:50%; margin-top:-2px; border:3px solid transparent; border-top-color: rgba(238, 238, 238, 0.5); left: auto; right: 0;} .ammon_dark .chaser nav#main_menu ul li .inner-elem:after { border-top-color: rgba(17, 17, 17, 0.5); } .chaser nav#main_menu ul ul li .inner-elem:after { border:3px solid transparent; border-left-color:rgba(238, 238, 238, 0.5); } .ammon_dark .chaser nav#main_menu ul ul li .inner-elem:after { border:3px solid transparent; border-left-color:rgba(17, 17, 17, 0.5); } .chaser nav#main_menu ul li > .inner-elem:only-child:after {display:none;} .chaser nav#main_menu ul ul .inner-elem { padding: 4px 10px;} /* +++++++++ Top Nav +++++++++++++++++++++++++++ */ .topnav {float:right; list-style: none; margin:0; padding:0;} .topnav.navRight {margin-left: 20px;} .topnav ul {list-style: none; margin:0; padding:0; line-height: 1; } .topnav .mod-languages ul li {display:inline-block; position:relative; line-height: 1;} .topnav .mod-languages a { display:block; line-height: 1; opacity:.7;} .topnav .mod-languages a:hover, .topnav .mod-languages .lang-active a { opacity:1;} .topnav .mod-languages a:hover img { filter: none; -webkit-filter: none; box-shadow: 0 0 4px rgba(0, 0, 0, 0.64);} .ammon_dark .topnav .mod-languages a:hover img { box-shadow: 0 0 4px rgba(255,255,255, 0.64);} /* +++++++++ second header model styling +++++++++++++++++++++++++++ */ #header.style2 {background-color:transparent; border:none;} #header.style2.shadow-down:after {display:none;} #header.style2 nav#main_menu, #header.style2 .topnav { background:rgba(0,0,0,0.6); padding:0 20px; border-radius:3px; } .ammon_dark #header.style2 .topnav { background:rgba(255,255,255,0.6); } #header.style2 .topnav ~ nav#main_menu { border-radius:3px 0 0 3px; padding-right: 0; } #header.style2 .topnav { margin-left: 0; border-radius:0 3px 3px 0; } /* +++++++++ third header model styling +++++++++++++++++++++++++++ */ #header.style3 {background-color:transparent; border:none;} #header.style3.shadow-down:after {display:none;} #header.style3 nav#main_menu { background:rgba(0,0,0,0.6); border-radius:4px 0 0 4px; padding:0px 2000px 0px 20px; margin: 0 -2000px 0 0 ; } .ammon_dark #header.style3 nav#main_menu { background:rgba(255,255,255,0.6); } /* +++++++++ forth header model styling +++++++++++++++++++++++++++ */ #header.style4 {background-color:transparent; border:none;} #header.style4.shadow-down:after {display:none;} #header.style4 nav#main_menu {padding-top:20px;} #header.style4 nav#main_menu > ul > li {background:none; padding-left:0; margin-left: 10px;} #header.style4 nav#main_menu > ul > li > .inner-elem, #header.style4 .topnav { background:rgba(0,0,0,0.6); padding:0 10px; border-radius:2px; } .ammon_dark #header.style4 .topnav { background:rgba(255,255,255,0.6); } #header.style4 nav#main_menu li ul { border-radius:2px; } #header.style4 .topnav {margin-top:20px; } #header.style4 nav#main_menu > ul > li > .inner-elem:after {top: 76%;} .tooltip.top {min-width: 90px;} /* +++++++++ ICONS MENU (UNDER HEADER MENU) +++++++++++++++++++++++++++ */ #icon-widgets {position:absolute; top:105px; z-index:1; width: 100%; height:0;} #icon-widgets .icon-menu {float:right; margin:0; padding:0; background:rgba(0,0,0,0.5); list-style: none; border-radius:3px;} .ammon_dark #icon-widgets .icon-menu {background:rgba(255,255,255,0.5);} #icon-widgets .icon-menu > li {float:left; margin-left:0; padding-left:0; border-left:1px solid rgba(255,255,255,0.2); position:relative; overflow:hidden; list-style:none;} .ammon_dark #icon-widgets .icon-menu > li {border-left:1px solid rgba(0,0,0,0.2); } #icon-widgets .icon-menu > li:first-child {margin-left:0; padding-left:0; border-left:0;} #icon-widgets .icon-menu .trigBtn {display:none;} #icon-widgets .icon-menu .trigBtn + label {float: left; width: 38px; height: 32px; line-height: 32px; vertical-align: middle; text-align: center; color: rgba(255, 255, 255, 0.8); display:block; margin: 0; cursor: pointer; } .ammon_dark #icon-widgets .icon-menu .trigBtn + label { color: rgba(0,0,0, 0.8);} #icon-widgets .icon-menu .trigBtn:checked + label, #icon-widgets .icon-menu .trigBtn + label:hover {color:#fff;} .ammon_dark #icon-widgets .icon-menu .trigBtn:checked + label, .ammon_dark #icon-widgets .icon-menu .trigBtn + label:hover {color:#000;} #icon-widgets .icon-menu .trigBtn:checked + label { background:rgba(0,0,0,0.2); margin-right: 5px; } .ammon_dark #icon-widgets .icon-menu .trigBtn:checked + label { background:rgba(255,255,255,0.2); } #icon-widgets .icon-menu .trigBtn:checked + label .fa:before { content: "\f00d" !important; } #icon-widgets .icon-menu .trigBtn ~ .trig_panel {float:left; max-width:0; overflow:hidden;} #icon-widgets .icon-menu .trigBtn:checked ~ .trig_panel {max-width:250px; margin-right: 5px;} #icon-widgets .icon-menu li:first-child .trigBtn:checked + label {border-radius: 3px 0 0 3px;} /* +++++++++ search box +++++++++++++++++++++++++++ */ #icon-widgets .search-box input[type=text] {background:none; filter:none; border:none; margin:0; padding:0; color:#ddd; width:130px; height:32px; line-height: 32px;box-shadow: none;} .ammon_dark #icon-widgets .search-box input[type=text] {color:#222222;} #icon-widgets .search-box input[type=text]:focus {color:#fff; outline:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } /* +++++++++ social icons +++++++++++++++++++++++++++ */ #icon-widgets .social-icons .sc-icons { height:32px; list-style: none; margin: 0; padding: 0;} #icon-widgets .social-icons .sc-icons li {display:inline-block; line-height: 1;} #icon-widgets .social-icons .sc-icons li a {width: 24px; height: 24px; line-height: 24px; text-align: center; color:rgba(255,255,255,.7); text-decoration: none; display:block;font-size: 14px;margin-top: 4px;} .ammon_dark #icon-widgets .social-icons .sc-icons li a {color:rgba(0,0,0,.7);} #icon-widgets .social-icons .sc-icons li a:hover {background-color:#222; border-radius:2px;color:#fff;} .ammon_dark #icon-widgets .social-icons .sc-icons li a:hover {background-color:#DDDDDD; color:#000;} /* +++++++++ DEFAULTS +++++++++++++++++++++++++++ */ #page_header, #slideshow {position: relative; top: 0; z-index: 0; overflow: hidden; width:100%; background:url(../images/bg-slider.png) repeat-x center top #eb540a; min-height: 235px;} #slideshow.shadow-up:after {content:'';position:absolute; width:100%; height:20px; bottom:0; left:0; background:url(../images/shadow-up.png) no-repeat center bottom; z-index:1;} #container {min-height:300px; width:100%; padding-top:30px; } #container .module-section {position:relative;} #container .module-section.colored .separator { background: rgba(255,255,255,.9); } .ammon_dark #container .module-section.colored .separator { background: rgba(0,0,0,.9); } /* +++++++++ PAGE TITLE +++++++++++++++++++++++++++ */ #page_header .header-titles { padding: 0 0 0 2999px; margin: 0 0 0 -2999px; float:left; position:absolute; bottom: 0; background:rgba(0,0,0,0.4); border-radius:0 3px 0 0; width: 1140px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;} .ammon_dark #page_header .header-titles { background:rgba(255,255,255,0.4);} #page_header .header-titles .title {line-height:1.6; color:#fff; font-size: 22px; font-weight: bold; color:rgba(255,255,255,0.7);margin: 10px 0;} .ammon_dark #page_header .header-titles .title {color:#000; color:rgba(0,0,0,0.7);} #page_header .shadow-up {content:'';position:absolute; width:100%; height:20px; bottom:0; left:0; background:url(../images/shadow-up.png) no-repeat center bottom; z-index:1;} #page_header .bgback {background-repeat: no-repeat; background-position: center center; background-size: cover;} /* +++++++++ SLIDERS FROM THE SLIDESHOW DIV +++++++++++++++++++++++++++ */ #swappers {height: 0; width:100%; position:absolute; bottom:0; left: 0; z-index:3;} #swappers .moduletable .bghelper {position: absolute; background-color:rgba(0,0,0,0.5); padding: 10px; color: #fff; margin-top: -50px; margin-right: 15px; -webkit-backface-visibility:hidden; top:0; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: all 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -moz-transition: all 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -o-transition: all 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -ms-transition: all 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000); /* easeOutExpo */} .ammon_dark #swappers .moduletable .bghelper {background-color:rgba(255,255,255,0.5); color: #000; } #swappers .moduletable .bghelper:before {content:''; width:20px; height:20px; position:absolute; top:0; right:0; background:url(../images/swapper-indicator.png) no-repeat center bottom;} #swappers .moduletable .modulecontent {opacity:.5;} #swappers .moduletable:hover .bghelper {background-color:rgba(0,0,0,0.8); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); top:50px; } .ammon_dark #swappers .moduletable:hover .bghelper {background-color:rgba(255,255,255,0.8); } #swappers .moduletable .bghelper:before {content:''; width:20px; height:20px; position:absolute; top:0; right:0; background:url(../images/swapper-indicator.png) no-repeat center bottom;} #swappers .moduletable:hover .modulecontent {opacity:1;} #swappers .moduletable:hover .bghelper:before {background-position:center top;} #swappers .moduletable *[data-role=title] {font-size:22px; line-height: 1.4; border-bottom:1px solid #5a5a5a; text-shadow:1px 1px 0 #383838; text-transform:uppercase; color:#fff; margin-top: 0;padding: 1px 0 8px;} .ammon_dark #swappers .moduletable *[data-role=title] {border-bottom:1px solid #A5A5A5; text-shadow:1px 1px 0 #C7C7C7; color:#000;} /* Full Slider Fixed */ @media (min-width:991px) { #slideshow.slideshow_fixed {position:fixed; } #slideshow.slideshow_fixed ~ #container {position:relative;} #slideshow.slideshow_fixed ~ #container:after {content:''; position:absolute; width:100%; height:100%; top:175px; background:#fff; z-index:0;} .ammon_dark #slideshow.slideshow_fixed ~ #container:after {background:#000; } #slideshow.slideshow_fixed ~ #container .inner-container-sfx {position:relative; z-index:1;} #slideshow.slideshow_fixed + .slideshow_back { display: block; z-index: -1; position: relative;} } /* +++++++++ Introtext +++++++++++++++++++++++++++ */ .intro-text { font-size:20px; font-weight:bold; text-transform:uppercase; text-align:center; margin:0 0 30px; text-shadow:0px 1px 0 rgba(0,0,0,0.2), 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 10px #fff;} .ammon_dark .intro-text { text-shadow:0px 1px 0 rgba(255,255,255,0.2), 0 0 5px #000, 0 0 5px #000, 0 0 5px #000, 0 0 5px #000, 0 0 10px #000;} h3.title-square {background-color:#cbcbcb; padding:5px 10px; font-size:22px; line-height:1; text-shadow:1px 1px 0 rgba(255,255,255,0.7); display: inline-block; margin-bottom: 20px;} .ammon_dark h3.title-square {background-color:#343434; text-shadow:1px 1px 0 rgba(0,0,0,0.7);} /* +++++++++ EQUATION DIV +++++++++++++++++++++++++++ */ .equation .box { min-height: 180px; background:#eee; margin-bottom:35px; border-radius: 3px; padding:15px; text-shadow:1px 1px 0 rgba(255,255,255,0.6);} .ammon_dark .equation .box { background:#111111; text-shadow:1px 1px 0 rgba(0,0,0,0.6);} .equation .box:hover {background:#dedede;} .ammon_dark .equation .box:hover {background:#212121;} .equation .sign {display: block; font:400 90px/144px Arial, Helvetica, sans-serif; margin-top: 20px; color:#ccc; text-align:center; } .ammon_dark .equation .sign {color:#333333;} .equation .box h4 { font:bold 13px/1 Arial, Helvetica, sans-serif; color:#444; text-transform:uppercase; } .ammon_dark .equation .box h4 { color:#BBBBBB; } .equation .box p, .equation .box ul { margin-bottom:0} /* +++++++++ Breadcrumbs +++++++++++++++++++++++++++ */ .breadcrumbs-container { color: #333333;margin-bottom: 0;} .breadcrumbs-container .breadcrumb {padding:0; margin:0; background: none; list-style:none;} .breadcrumbs-container .breadcrumb li { display:inline-block; } .ammon_dark .breadcrumbs-container .breadcrumb li { color: #CCC; } .breadcrumbs-container .breadcrumb li .divider { display:inline-block; margin:0 5px; } .ammon_dark .breadcrumbs-container .breadcrumb li .divider {color: #C0C0C0;} .breadcrumbs-container .breadcrumb>li+li:before {display:none;} .breadcrumbs-container .current-date {float:right; } .ammon_dark .breadcrumbs-container .current-date {color: #919191;} .breadcrumbs-container .separator {margin-top:30px; background:#fff; opacity: 1;} .ammon_dark .breadcrumbs-container .separator {background:#181818;} /* +++++++++ Recent projects module +++++++++++++++++++++++++++ */ .mod_hg_recent_projects .inner-project {margin-bottom: 30px;} .mod_hg_recent_projects .inner-project .details { position: absolute; left: -15px; top: -30px; padding: 185px 15px 5px; width: 100%; background: rgba(255, 255, 255, 0.9); z-index: 1; margin: 15px; border: 1px solid #D1D1D1; border-radius: 3px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); display:none; padding-top: -webkit-calc( 63% + 20px ); padding-top: calc( 63% + 20px );} .ammon_dark .mod_hg_recent_projects .inner-project .details { background: rgba(0,0,0, 0.9); border: 1px solid #2E2E2E; box-shadow: 0 0 6px rgba(255,255,255, 0.2);} .mod_hg_recent_projects .inner-project:hover .details {display:block;} .mod_hg_recent_projects .inner-project img { position: relative; z-index:2; opacity: 0.5;} .mod_hg_recent_projects .inner-project:hover img { opacity:1; } .mod_hg_recent_projects .inner-project .image-item { height: 145px; overflow: hidden; display: block;} .mod_hg_recent_projects .inner-project h4 {line-height:1.3; font-size:16px; margin:0 0 10px; color:#222; text-transform:uppercase; } .ammon_dark .mod_hg_recent_projects .inner-project h4 {color:#DDDDDD; } #mainbody .page-header {margin-top:0; padding-bottom: 9px; margin: 0px; border:0;} #mainbody .page-header h2 a {text-decoration: none;} /* +++++++++ articleinfo /actions +++++++++++++++++++++++++++ */ #mainbody .actions {margin-top:-5px;} #mainbody .actions .btn { background: rgba(0, 0, 0, 0.39); border: none; border-radius: 2px; } .ammon_dark #mainbody .actions .btn { background: rgba(255,255,255, 0.39); } #mainbody .actions .btn .fa { color:#fff; font-size:16px; margin-right: 5px; } .ammon_dark #mainbody .actions .btn .fa { color:#000; } #mainbody .actions .btn .caret {border-top: 4px solid #FFF;} .ammon_dark #mainbody .actions .btn .caret {border-top: 4px solid #000;} #mainbody .actions .dropdown-menu {background: rgba(0, 0, 0, 0.39); border: 0; border-radius: 2px; color: #FFF; min-width: 100px;} .ammon_dark #mainbody .actions .dropdown-menu {background: rgba(255,255,255, 0.39); color: #000; } #mainbody .actions .dropdown-menu a { color: #FFF; font-size:13px; } .ammon_dark #mainbody .actions .dropdown-menu a { color: #000; } #mainbody .actions .dropdown-menu a:hover { background:#000; } .ammon_dark #mainbody .actions .dropdown-menu a:hover { background:#fff; } #mainbody .article-info-term { display: none } #mainbody .article-info { overflow: hidden; font-size: 0.9em } #mainbody .article-info dd { float: left; padding: 0 5px; border-right: solid 1px #ccc } .ammon_dark #mainbody .article-info dd { border-right: solid 1px #333333 } #mainbody .article-info dd.createdby {padding-left:0;} #mainbody .article-info dd span { text-transform: none; display: inline-block; padding: 0 2px; margin: 0; } #mainbody .mainbody-row {margin-bottom: 40px;} /* +++++++++ LATEST POSTS MODULE +++++++++++++++++++++++++++ */ .latest_posts .post {margin-bottom:15px; border-bottom:1px solid #cecece; padding-bottom:15px;} .ammon_dark .latest_posts .post {border-bottom:1px solid #313131;} .latest_posts .post.last {margin-bottom:0; border-bottom:0; padding-bottom:0;} .latest_posts .post h5 {font:12px/1.5 Arial, Helvetica, sans-serif; font-weight:bold; font-style:normal; margin-bottom:0;} .latest_posts .post p { margin-bottom:0px;} .latest_posts .details {font-size:11px; display: inline-block; margin-bottom: 5px;} .latest_posts .view_all { color: #777777; float: right; margin-top: -40px; } .ammon_dark .latest_posts .view_all { color: #888888; } .latest_posts .view_all:hover { color: #444; } .ammon_dark .latest_posts .view_all:hover { color: #BBBBBB; } /* +++++++++ FLICKR FEED MODULE +++++++++++++++++++++++++++ */ .flickr_feeds {margin:0 0 0 -20px; padding:0; list-style:none; position:relative;} .flickrfeed.loading:after {content:'Loading..';} .flickr_feeds li {float:left; margin:0 0 20px 20px; } .flickr_feeds li a {display:block; position:relative; } .flickr_feeds li a img {border:1px solid #adadad;} .ammon_dark .flickr_feeds li a img {border:1px solid #525252;} .flickr_feeds li a img:hover {border:1px solid #888; box-shadow:0 0 4px rgba(0,0,0,0.2);} .ammon_dark .flickr_feeds li a img:hover {border:1px solid #777777; box-shadow:0 0 4px rgba(255,255,255,0.2);} /* +++++++++ Footer Styles +++++++++++++++++++++++++++ */ #footer {border-top:5px solid #fff; position:relative; z-index:2; padding:35px 0 10px; color:#919090;} .ammon_dark #footer {border-top:5px solid #000; color:#6E6F6F;} #footer.shadow-up:before {content:''; position:absolute; width:100%; height:20px; top:-25px; left:0; z-index:1; opacity:0.5; background:url(../images/shadow-up.png) no-repeat center bottom;} #footer a {color:#cbcbcb; } .ammon_dark #footer a {color:#343434; } #footer a:hover {color:#fff; text-decoration: none;} .ammon_dark #footer a:hover {color:#000; } #footer ul.menu {list-style:none; margin:0; padding:0;} #footer ul.menu li a {font-size:13px; line-height:1.5;} #footer *[data-role=title] {font-size:14px; font-weight: 400; color:#fff;} .ammon_dark #footer *[data-role=title] {color:#000;} .map_link .fa {color:#fff;font-size: 14px; margin-right: 4px;} .ammon_dark .map_link .fa {color:#000;} /* +++++++++ Testimonials Fader +++++++++++++++++++++++++++ */ .testimonials_fader ul {margin:0; list-style: none; padding:0;} .testimonials_fader ul li {float:left;} .testimonials_fader ul li:not(first-child) {display:none;} .testimonials_fader .caroufredsel_wrapper ul li {display:block;} .testimonials_fader blockquote {position:relative; color:#aaa; background:#292929; border-radius:4px; padding:10px; margin:0; font-size:13px; line-height:1.6; border:0; } .ammon_dark .testimonials_fader blockquote {color:#555555; background:#D6D6D6;} .testimonials_fader blockquote:before {content: ''; position: absolute; top: -10px; right: 20px; border-bottom: 10px solid #292929; border-right: 10px solid rgba(0, 0, 0, 0); } .ammon_dark .testimonials_fader blockquote:before {border-bottom: 10px solid #D6D6D6; border-right: 10px solid rgba(255,255,255, 0); } .testimonials_fader h6 {font-size:18px; line-height:1; color:#ccc; padding-bottom:15px; text-shadow:1px 1px 0 #030303; display:block; text-align:right; text-transform:uppercase; margin:0; font-style: normal !important;} .ammon_dark .testimonials_fader h6 {color:#333333; text-shadow:1px 1px 0 #FCFCFC;} .testimonials_fader h6 span {display:block; font-size:11px; margin-top:5px; color:#a1a1a1; letter-spacing:0;} .ammon_dark .testimonials_fader h6 span {color:#5E5E5E;} /* +++++++++ NEWSLETTER +++++++++++++++++++++++++++ */ .newsletter-signup form {margin-bottom: 20px;} .newsletter-signup input[type=text] { border:1px solid #353535; background:#262626; width: 90%; padding:0 5px; height:30px; font-size:12px; color:#777; border-radius:4px; box-shadow:3px 3px 2px rgba(0, 0, 0, 0.3) inset; outline:none; color:#eee; } .ammon_dark .newsletter-signup input[type=text] { border:1px solid #CACACA; background:#D9D9D9; box-shadow:3px 3px 2px rgba(0, 0, 0, 0.07) inset; color:#111111; } .newsletter-signup input[type=text]:focus {border:1px solid #555; outline:none; } .ammon_dark .newsletter-signup input[type=text]:focus {border:1px solid #AAAAAA; } .newsletter-signup input[type=submit] {color:#ccc; width:80px; border:1px solid #424242; cursor:pointer; font-size:12px; opacity:0.7; text-transform:none; padding-bottom:3px; padding:2px 0; box-shadow:0px 0px 2px rgba(0, 0, 0, 0.7); border-radius:4px; background: #454545; outline:none; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#454545), color-stop(100%,#353535)); background: -webkit-linear-gradient(top, #454545 0%,#353535 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454545', endColorstr='#353535',GradientType=0 ); background: -webkit-linear-gradient(top, #454545 0%, #353535 100%); background: linear-gradient(top, #454545 0%,#353535 100%); } .ammon_dark .newsletter-signup input[type=submit] {color:#333333; border:1px solid #BDBDBD; box-shadow:0px 0px 2px rgba(255,255,255, 0.7); background: #BABABA; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BABABA), color-stop(100%,#CACACA)); background: -webkit-linear-gradient(top, #BABABA 0%,#CACACA 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BABABA', endColorstr='#CACACA',GradientType=0 ); background: -webkit-linear-gradient(top, #BABABA 0%, #CACACA 100%); background: linear-gradient(top, #BABABA 0%,#CACACA 100%); } .newsletter-signup input[type=submit]:active { background: #353535; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#353535), color-stop(100%,#454545)); background: -webkit-linear-gradient(top, #353535 0%,#454545 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353535', endColorstr='#454545',GradientType=0 ); background: -webkit-linear-gradient(top, #353535 0%, #454545 100%); background: linear-gradient(top, #353535 0%,#454545 100%); } .ammon_dark .newsletter-signup input[type=submit]:active { background: #CACACA; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CACACA), color-stop(100%,#BABABA)); background: -webkit-linear-gradient(top, #CACACA 0%,#BABABA 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CACACA', endColorstr='#BABABA',GradientType=0 ); background: -webkit-linear-gradient(top, #CACACA 0%, #BABABA 100%); background: linear-gradient(top, #CACACA 0%,#BABABA 100%); } .newsletter-signup:hover input[type=submit], .newsletter-signup input[type=submit]:hover {opacity:1;} .browserChrome .newsletter-signup input[type=submit] {padding-top:4px;} /* +++++++++ SCROLL TO TOP LINK +++++++++++++++++++++++++++ */ #totop { opacity:0; visibility:hidden; width:135px; background-color:#181818; color:#ddd; text-decoration:none; padding:0; position:fixed; right:-110px; bottom:100px; border-radius: 3px; height: 25px; z-index:998; border:1px solid #e2e2e2; font-size: 11px; line-height:25px; vertical-align:middle; text-transform:uppercase; } #totop.on {opacity:1; visibility:visible;} #totop > span {line-height: 23px; float:left;} #totop .fa {font-size:16px; display:inline-block; width:25px; height:23px; line-height:23px; text-align:center; float:left;} #totop:hover {background-color:#000; color:#fff; border:1px solid #FFF; right:-20px;} /* +++++++++ Bottom styles +++++++++++++++++++++++++++ */ #bottom {margin-top:30px;} /* +++++++++ Twitter Styling +++++++++++++++++++++++++++ */ .twitter-container {background-color:#242424; padding:20px 0; margin-bottom: 30px;} .ammon_dark .twitter-container {background-color:#DBDBDB;} .twitter-container .tweets {margin-right:150px;} .twitter-container .tweets ul, .twitter-container .tweets small {display:block; margin:0; padding:0; list-style: none; position:relative; padding-left: 60px;} .twitter-container .tweets:before {content:"\f099"; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position:absolute; left: 15px;font-size: 40px;} .twitter-container .twitter-follow-button {float:right; margin-top: 10px;} .twitter-container .tweet {margin-bottom:5px;} .twitter-container .tweets .timePosted {font-size:12px; margin-bottom:0;} /* +++++++++ COPYRIGHT +++++++++++++++++++++++++++ */ #bottom .copyright {padding:0 0 15px;} #bottom .copyright img {float:left; margin-right:20px; margin-bottom: 20px; } /* +++++++++ Social sharing links +++++++++++++++++++++++++++ */ .social-share {margin: 10px 0 0; list-style: none; padding:0;float: right;} .social-share li {float: left; margin-left: 15px; list-style:none; max-width: 90px;} .social-share li a {font-size:12px; line-height:1.5;} .social-share li:first-child {margin-left: 0;} .social-share .live-comments {max-width: none} .social-share .live-comments .opener {display:none;} .social-share .live-comments .opener + label {position:relative; cursor:pointer; padding:0; line-height:20px; height:20px; color:#eee; border: 1px solid #555555; display:block; box-shadow:0px 0px 2px rgba(0, 0, 0, 0.7); border-radius:3px; font-size: 12px; font-weight: normal; padding: 0 10px; background: #454545; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#454545), color-stop(100%,#353535)); background: -webkit-linear-gradient(top, #454545 0%,#353535 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454545', endColorstr='#353535',GradientType=0 ); background: -webkit-linear-gradient(top, #454545 0%, #353535 100%); background: linear-gradient(top, #454545 0%,#353535 100%); } .ammon_dark .social-share .live-comments .opener + label {color:#111111; border: 1px solid #AAAAAA; box-shadow:0px 0px 2px rgba(255,255,255, 0.7); background: #BABABA; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BABABA), color-stop(100%,#CACACA)); background: -webkit-linear-gradient(top, #BABABA 0%,#CACACA 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BABABA', endColorstr='#CACACA',GradientType=0 ); background: -webkit-linear-gradient(top, #BABABA 0%, #CACACA 100%); background: linear-gradient(top, #BABABA 0%,#CACACA 100%); } .social-share .live-comments .opener + label:hover { background: #353535; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#353535), color-stop(100%,#454545)); background: -webkit-linear-gradient(top, #353535 0%,#454545 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353535', endColorstr='#454545',GradientType=0 ); background: -webkit-linear-gradient(top, #353535 0%, #454545 100%); background: linear-gradient(top, #353535 0%,#454545 100%); } .ammon_dark .social-share .live-comments .opener + label:hover { background: #CACACA; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CACACA), color-stop(100%,#cacaca)); background: -webkit-linear-gradient(top, #CACACA 0%,#cacaca 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CACACA', endColorstr='#cacaca',GradientType=0 ); background: -webkit-linear-gradient(top, #CACACA 0%, #cacaca 100%); background: linear-gradient(top, #CACACA 0%,#cacaca 100%); } .social-share .live-comments .opener:checked + label { background: #252525; } .ammon_dark .social-share .live-comments .opener:checked + label { background: #DADADA; } .social-share .live-comments .fb-comments-panel {display:none;} .social-share .live-comments .opener:checked ~ .fb-comments-panel {display: block; overflow-y: scroll; position: absolute; top: auto; left: 0; margin-left: -200px; background: #FFF; overflow-x: hidden; padding: 10px; z-index: 998; box-shadow: 0 0 11px rgba(0, 0, 0, 0.4); bottom: 100%; margin-top: -25px; max-height: 240px; } .ammon_dark .social-share .live-comments .opener:checked ~ .fb-comments-panel {background: #000; box-shadow: 0 0 11px rgba(255,255,255, 0.4);} .social-share .live-comments .opener:checked + label .fa:before {content:"\f00d";} /* +++++++++ STATIC CONTENT +++++++++++++++++++++++++++ */ .sc_container.container { /*width:1170px;*/ } .sc_container {margin-bottom: 95px;} .static_content, .static_content.light {border: 1px solid rgba(255,255,255,0.2); border-radius: 4px; background: rgba(255,255,255,0.1); padding: 30px 15px; margin: 0 15px; color:#fff; font-size: 14px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);} .static_content.dark {border: 1px solid rgba(0,0,0,0.2); background: rgba(0,0,0,0.1); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);} .static_content.light h1, .static_content.light h2, .static_content.light h3, .static_content.light h4, .static_content.light h5, .static_content.light h6 {color:#fff; font-weight: 600;} .frame_video {box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2), 0 5px 10px rgba(0, 0, 0, 0.3); border-radius: 1px;} .static_content.dark .frame_video {box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.3);} /* Icon themeing */ .fa.icon-white {color:#fff;} .fa.icon-black {color:#222;} span.or { margin: 0 20px; } /* +++++++++ SIDEBAR +++++++++++++++++++++++++++ */ .sidebar {background:rgba(245, 245, 245, 0.3); padding:15px; border-radius:3px; margin-bottom:35px;} .ammon_dark .sidebar {background:rgba(56, 56, 56, 0.3); } .sidebar [data-role="title"] {font-size:20px; margin-bottom: 15px;} .sidebar .moduletable:first-child {margin-top: 10px;} .sidebar .moduletable:not(:last-child) {margin-bottom: 35px;} .sidebar .menu, .sidebar ul.menu, .sidebar .menu .nav-child{margin:0; padding:0; list-style:none; } .sidebar .menu .nav-child {margin-left:20px; } .sidebar .menu li a {display:block; border-bottom: 1px solid #dedede; padding: 6px 0 6px 15px; background-image:url(../images/menu-bullet.png); background-repeat: no-repeat; background-position: left center; text-shadow:1px 1px 0 rgba(255,255,255,0.5); line-height: 1.5;font-size: 13px; text-decoration: none;-webkit-transition: background-color 0.1s ease-out; -moz-transition: background-color 0.1s ease-out; -o-transition: background-color 0.1s ease-out; -ms-transition: background-color 0.1s ease-out; transition: background-color 0.1s ease-out;} .ammon_dark .sidebar .menu li a {border-bottom: 1px solid #212121; text-shadow:1px 1px 0 rgba(0,0,0,0.5);} .sidebar .menu li a:hover { background-color:#eee;} .ammon_dark .sidebar .menu li a:hover { background-color:#111111;} .sidebar .menu li h4 {margin:0;} /*Tags module*/ .tagspopular:not(.tagscloud) ul {margin:0; padding:0; list-style:none; } .tagspopular:not(.tagscloud) ul li { display:inline-block; } .tagspopular:not(.tagscloud) ul li a {font-size:14px; border-radius: 2px; line-height: 2; padding:0 10px; color:#fff; text-decoration: none; background-color: rgba(0,0,0,0.2) ;display: block;margin-bottom: 5px;margin-right: 2px;} .ammon_dark .tagspopular:not(.tagscloud) ul li a {color:#000; background-color: rgba(255,255,255,0.2) ;} .tagspopular:not(.tagscloud) ul li a:hover { color:#000; background-color: rgba(0,0,0,0.2) } .ammon_dark .tagspopular:not(.tagscloud) ul li a:hover { color:#fff; background-color: rgba(255,255,255,0.2) } /* +++++++++ Revolution Slider +++++++++++++++++++++++++++ */ .rev_slider_wrapper {z-index: 1;} .rev_slider_wrapper .sl_text { color:#fff; font-size:14px;} .ammon_dark .rev_slider_wrapper .sl_text { color:#000;} .rev_slider_wrapper .big_title_white { font-size:36px; font-weight:700; text-shadow:1px 1px 0 rgba(0,0,0,0.5); color:#fff; text-transform:uppercase; line-height: 1.4;} .ammon_dark .rev_slider_wrapper .big_title_white { text-shadow:1px 1px 0 rgba(255,255,255,0.5); color:#000; } .tp-bannertimer.tp-bottom { width:100%; height:2px; background:rgba(0,0,0,0.3); bottom:0;} .ammon_dark .tp-bannertimer.tp-bottom {background:rgba(255,255,255,0.3);} .rev_slider_wrapper .tp-loader {top:30%;} .rev_slider_wrapper .video_frame iframe { border:4px solid #fff; box-shadow:0 0 4px #000; } .ammon_dark .rev_slider_wrapper .video_frame iframe { border:4px solid #000; box-shadow:0 0 4px #fff; } #slideshow .rev_slider_wrapper .tp-rightarrow {bottom:auto; top: 15% !important; right: 0 !important; text-align: left; padding-left: 20px; border-radius: 3px 0 0 3px;} #slideshow .rev_slider_wrapper .tp-leftarrow {top:auto; left: 0 !important; text-align: right; padding-right: 20px; border-radius: 0 3px 3px 0;} #slideshow .rev_slider_wrapper .tp-rightarrow, #slideshow .rev_slider_wrapper .tp-leftarrow {color: #FFF; font-size: 46px;width: 50px; height: 43px; background: rgba(0, 0, 0, 0.5); line-height: 41px; top: auto; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .ammon_dark #slideshow .rev_slider_wrapper .tp-rightarrow, .ammon_dark #slideshow .rev_slider_wrapper .tp-leftarrow {color: #000; background: rgba(255,255, 255, 0.5);} #slideshow .rev_slider_wrapper .tp-rightarrow:before { content: "\f105"; } #slideshow .rev_slider_wrapper .tp-leftarrow:before { content: "\f104"; } #slideshow .rev_slider_wrapper .tp-bullets .bullet {width: 14px; height: 14px; background:rgba(255,255,255,0.4); border:2px solid rgba(255,255,255,0.6);border-radius: 50%;} .ammon_dark #slideshow .rev_slider_wrapper .tp-bullets .bullet {background:rgba(0,0,0,0.4); border:2px solid rgba(0,0,0,0.6);} #slideshow .rev_slider_wrapper .tp-bullets .bullet.selected {background:#fff;} .ammon_dark #slideshow .rev_slider_wrapper .tp-bullets .bullet.selected {background:#000;} /* +++++++++ BLOG +++++++++++++++++++++++++++ */ .hg-blog .items-leading .blog-outline-title, .hg-blog .cols-1 .blog-outline-title {padding:10px 20px 10px 10000px; margin: 0 0 25px -10000px; background:rgba(0,0,0,0.4);} .ammon_dark .hg-blog .items-leading .blog-outline-title, .ammon_dark .hg-blog .cols-1 .blog-outline-title {background:rgba(255,255,255,0.4);} .hg-blog .items-leading .blog-outline-title, .hg-blog .cols-1 .blog-outline-title, .hg-blog .items-leading .blog-outline-title a, .hg-blog .cols-1 .blog-outline-title a { color:#fff; font-size:20px; line-height: 1.5; } .ammon_dark .hg-blog .items-leading .blog-outline-title, .ammon_dark .hg-blog .cols-1 .blog-outline-title, .ammon_dark .hg-blog .items-leading .blog-outline-title a, .ammon_dark .hg-blog .cols-1 .blog-outline-title a { color:#000; } .hg-blog .article-info {list-style:none; margin:0 0 20px; padding:0 !important; display:inline-block; font-size:12px; color:#444;} .ammon_dark .hg-blog .article-info { color:#BBBBBB;} #mainbody .hg-blog .article-info dd { float: left; margin-right: 5px; border-right: 1px dotted #CCC; line-height: 1.5; font-size: 12px; list-style: none; margin: 0 10px 0 0; padding: 0 10px 0 0; clear: none;} .ammon_dark #mainbody .hg-blog .article-info dd { border-right: 1px dotted #333333; } .hg-blog .article-info dd a {font-size:11px; line-height:1;} .hg-blog .article-info dd:first-child {margin-left:0 !important; padding-left:0 !important;border-left:0; } .hg-blog .items-row .item, .hg-blog .items-leading .item-leading {margin-bottom: 40px;} .hg-blog .blogintrotext .blogimg, .article-content .blogimg {float:left; margin:0 20px 20px 0;} /* +++++++++ HISTORIC YEARS +++++++++++++++++++++++++++ */ .years .year {position:relative; padding-bottom: 60px; margin-bottom:40px; overflow: hidden;} .years .year.fromleft {padding-left:130px; } .years .year.fromright {padding-right:130px; } .years .year .date {position:absolute; top:0; padding:6px 0; text-align:center; width:100px; font-size:16px; font-weight:bold; background:#ccc; color:#454545; text-shadow:0 1px 0 #fff; border-bottom:1px solid #999999; z-index: 1; } .ammon_dark .years .year .date {background:#333333; color:#BABABA; text-shadow:0 1px 0 #000; border-bottom:1px solid #666666; } .years .year.fromleft .date {left:0;} .years .year.fromright .date {right:0;} .years .year .arrows {width: -webkit-calc( 100% - 100px );width: calc( 100% - 100px ); height: 30px; border-color: #DFDFDF; display: block; position: absolute; left: 0; bottom: 5px; right: 0; border-style: solid; border-width: 1px 1px 0 0; margin: 0 auto; z-index: 0;} .ammon_dark .years .year .arrows { border-color: #202020; } .years .year .arrows:before {height: 1000px; bottom:100%; content:''; width:1px; background:#DFDFDF; position:absolute; left:0;} .ammon_dark .years .year .arrows:before {background:#202020; } .years .year .arrows:after {bottom: -10px; content:''; border:5px solid transparent; border-top-color:#DFDFDF; position:absolute; right: -5px;} .ammon_dark .years .year .arrows:after {border-top-color:#202020; } .years .year.fromright .arrows {left: 0; bottom: 5px; right: 0; border-width: 1px 0 0 1px;} .years .year.fromright .arrows:before { left:auto; right:0;} .years .year.fromright .arrows:after { left: -6px; right:auto;} .years .year.last .arrows {display:none; padding-bottom:0;} /* +++++++++ TEAM PAGE +++++++++++++++++++++++++++ */ .executives {margin-bottom:35px; } .executives.last {margin-right:0; } .executives span {display:block;} .executives .name {font-size:14px; line-height:1.4; padding-top:10px; text-transform:uppercase; color:#EB540A; } .executives .function {font-size:12px; line-height:1.4; padding-bottom: 15px; color:#999;} .ammon_dark .executives .function {color:#666666;} .executives p {font-size:11px; color:#454545; line-height:1.5;} .ammon_dark .executives p {color:#BABABA; } .executives .social-profiles img {margin-right:5px;} .executives ul {list-style:none; margin:0 0 20px; padding:0;} .executives ul li {font-size:11px; color:#454545;} .ammon_dark .executives ul li {color:#BABABA;} .executives ul li a {font-size:11px; line-height:1.3;} .core_team {margin-bottom:35px; } .core_team.last {margin-right:0;} .core_team img.member {border:1px solid #bbb;float: left; max-width: 90px; margin-right: 15px; padding:2px;} .ammon_dark .core_team img.member {border:1px solid #444444;} .core_team img.member:hover {box-shadow:0 0 2px #aaa;} .ammon_dark .core_team img.member:hover {box-shadow:0 0 2px #555555;} .core_team span {display:block;} .core_team .name {font-size:14px; line-height:1.4; padding: 5px 0 15px; text-transform:uppercase;} .core_team .function {font-size:12px; line-height:1.4; padding-bottom: 15px; color:#999;} .ammon_dark .core_team .function {color:#666666;} .core_team .social-profiles img {margin-right:5px;} /* +++++++++ SITEMAP +++++++++++++++++++++++++++ */ #xmap ul {margin:0; list-style:none; padding:0;} #xmap li {line-height:1;} #xmap a, #xmap li > span {line-height:1.6;} #xmap ul li a, #xmap ul li > span {background-image:url(../images/sitemap-arrow.png); background-repeat: no-repeat;} .ammon_dark #xmap ul li a, .ammon_dark #xmap ul li > span {background-image:url(../images/sitemap-arrow-dark.png); } #xmap ul li a, #xmap ul li > span {padding-left:40px; background-position: -270px 7px; } #xmap ul li li a, #xmap ul li li > span {padding-left:80px; background-position: -230px 7px; } #xmap ul li li li a, #xmap ul li li li > span {padding-left:120px; background-position: -190px 7px; } #xmap ul li li li li a, #xmap ul li li li li > span {padding-left:160px; background-position: -150px 7px; } #xmap ul li li li li li a, #xmap ul li li li li li > span {padding-left:200px; background-position: -110px 7px; } #xmap .menutitle {margin-top:15px;} /* +++++++++ PORTFOLIO CATEGORY +++++++++++++++++++++++++++ */ /* PORTFOLIO */ .hg-portfolio .page-title {margin-bottom: 30px;} .hg-portfolio .category-desc {margin-bottom: 30px;} .hg-portfolio .items-row .separator {margin-top:20px; margin-left: 20px;} .hg-portfolio .title {font-size:26px} .hg-portfolio .title a {text-decoration: none;} .hg-portfolio .items-row.cols-3 .title {font-size: 20px; line-height: 1.5;} .hg-portfolio .item + .hrsep {display:none;} .hg-portfolio.pcols1 .ptitems div[class*="col-"]:nth-child(2n) {display:block;} .hg-portfolio.pcols2 .ptitems div[class*="col-"]:nth-child(4n) {display:block;} .hg-portfolio.pcols3 .ptitems div[class*="col-"]:nth-child(6n) {display:block;} .hg-portfolio.pcols4 .ptitems div[class*="col-"]:nth-child(8n) {display:block;} /* cols 4*/ .hg-portfolio-item .img-full { margin-bottom:20px;} .hg-portfolio-item .other-images {margin:20px 0 0 -20px; padding:0; list-style:none;} .hg-portfolio-item .other-images li {float:left; margin:0 0 20px 20px; list-style:none;} .hg-portfolio-item .other-images li iframe {padding: 4px; border: 1px solid #444; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .ammon_dark .hg-portfolio-item .other-images li iframe {border: 1px solid #BBBBBB; } .hg-portfolio-item .itemLinks {margin-top:15px;} .hg-portfolio-item .itemSocialSharing > div {float:left; margin-right:30px;} .hg-portfolio-item ul.cols-2 li, .hg-portfolio-item ul.cols-3 li, .hg-portfolio-item ul.cols-4 li {float:none; padding-left: 25px; width:auto;} .hg-portfolio-item .text ul.clearfix:after {clear: none; zoom:0; } /* SORTABLE PORTFOLIO */ .hg-portfolio-sortable .page-title {margin-bottom: 30px;} .hg-portfolio-sortable .category-desc {margin-bottom: 30px;} /* sorting menu */ .hg-portfolio-sortable #sorting { float:right; margin:0; font-size: 11px; font-weight:bold; text-transform: uppercase; padding: 0 15px; background: #E5E6E5; line-height:32px; height:32px; color:#595959} .ammon_dark .hg-portfolio-sortable #sorting { background: #1A191A;color:#A6A6A6} .hg-portfolio-sortable #sorting ul {display:inline-block; margin:0 25px 0 0; padding:0; list-style:none;} .hg-portfolio-sortable #sort-direction {margin-right:0 !important;} .hg-portfolio-sortable #sorting ul li {float:left; margin-left:10px; line-height:1; margin-bottom:0;} .hg-portfolio-sortable #sorting ul li a {color: #595959; line-height:32px; display:inline-block; font-size:11px; font-weight:bold; text-decoration: none;} .ammon_dark .hg-portfolio-sortable #sorting ul li a {color: #A6A6A6; } .hg-portfolio-sortable #sorting ul li a:hover, .hg-portfolio-sortable #sorting ul li a.selected {text-decoration:none; color:#000;} .ammon_dark .hg-portfolio-sortable #sorting ul li a:hover, .ammon_dark .hg-portfolio-sortable #sorting ul li a.selected {color:#fff;} .hg-portfolio-sortable #sorting .sortTitle {line-height:32px;display:inline-block;vertical-align: top;} /* categories */ .hg-portfolio-sortable #portfolio-nav { padding:0; list-style:none; float: left; margin:0 0 35px -5000px; padding:0px 0 0px 5000px; background:#E5E6E5} .ammon_dark .hg-portfolio-sortable #portfolio-nav { background:#1A191A } .hg-portfolio-sortable #portfolio-nav li {float:left;} .hg-portfolio-sortable #portfolio-nav li:first-child {margin-left:0;} .hg-portfolio-sortable #portfolio-nav li a { padding:0 20px; line-height: 32px; font-size: 11px; text-transform: uppercase; height: 32px; display: block; color:#444; font-weight: bold; text-decoration: none; } .ammon_dark .hg-portfolio-sortable #portfolio-nav li a { color:#BBBBBB; } .hg-portfolio-sortable #portfolio-nav li a:hover, .hg-portfolio-sortable #portfolio-nav li.current a {background:#555; color:#eee;} .ammon_dark .hg-portfolio-sortable #portfolio-nav li a:hover, .ammon_dark .hg-portfolio-sortable #portfolio-nav li.current a {background:#AAAAAA; color:#111111;} /* project list */ .hg-portfolio-sortable ul.project-list {list-style-type: none; -webkit-backface-visibility: hidden; margin:0 -15px; padding: 0; overflow: visible !important;} .hg-portfolio-sortable ul.project-list:after { width: 100%; display:inline-block; content:''; } .hg-portfolio-sortable ul.project-list > li { /*font-size:13px; text-align: center; vertical-align: top; display: block; */ float: left;position:relative; } .hg-portfolio-sortable ul.project-list .inner-item { padding: 0 15px; margin-bottom: 2%;} .hg-portfolio-sortable ul.project-list[data-columns="1"] > li { width: 100%; margin-bottom: 2%; } .hg-portfolio-sortable ul.project-list[data-columns="2"] > li { width: 50%; margin-bottom: 2%; } .hg-portfolio-sortable ul.project-list[data-columns="3"] > li { width: 33.3333%; width: -webkit-calc(100% / 3); width:calc(100% / 3); margin-bottom: 1.9%; } .hg-portfolio-sortable ul.project-list[data-columns="4"] > li { width: 25%; width: -webkit-calc( (100% - 2px) / 4); width:calc( (100% - 2px) / 4); margin-bottom: 2%; } .hg-portfolio-sortable ul.project-list[data-columns="5"] > li { width: 20%; width: -webkit-calc(100% / 5); width:calc(100% / 5); margin-bottom: 1.8%; } .hg-portfolio-sortable ul.project-list[data-columns="6"] > li { width: 16.66666666666667%; width:-webkit-calc(100% / 6); width:calc(100% / 6); margin-bottom: 1.8%; } /* the details */ .hg-portfolio-sortable ul.project-list .details { position: absolute; left: -15px; top: -30px; padding: 185px 15px 5px; width: 100%; background: rgba(255, 255, 255, 0.9); z-index: 1; margin: 15px; border: 1px solid #D1D1D1; border-radius: 3px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); opacity:0; visibility:hidden; padding-top: -webkit-calc( 63% + 20px ); padding-top: calc( 63% + 20px );} .ammon_dark .hg-portfolio-sortable ul.project-list .details { background: rgba(0,0,0, 0.9); border: 1px solid #2E2E2E; box-shadow: 0 0 6px rgba(255,255,255, 0.2); } .hg-portfolio-sortable ul.project-list img { position: relative; z-index:2; } .hg-portfolio-sortable ul.project-list .title {line-height:1.3; font-size:16px; margin:0 0 10px; color:#222; text-transform:uppercase; } .ammon_dark .hg-portfolio-sortable ul.project-list .title {color:#DDDDDD; } .hg-portfolio-sortable ul.project-list li:hover .details {opacity:1; visibility:visible; } .hg-portfolio-sortable ul.project-list .isotope-item {z-index:2;} .hg-portfolio-sortable ul.project-list .isotope-hidden {z-index:1;} .hg-portfolio-sortable ul.project-list li:hover, .hg-portfolio-sortable ul.project-list .isotope-item:hover { z-index: 3; } /* PORTFOLIO CAROUSELS */ .hg-portfolio-carousel {margin-bottom:40px;} .hg-portfolio-carousel .title {font-weight:bold; font-size: 21px; line-height: 30px; margin-bottom: 15px;} .hg-portfolio-carousel .items-row {overflow:visible;} .hg-portfolio-carousel .items-row .separator {margin-top:20px;} .hg-portfolio-carousel .ptcarousel {position:relative;} .hg-portfolio-carousel .ptcarousel ul {margin:0; padding:0; list-style:none; } .hg-portfolio-carousel .ptcarousel ul li { float:left; display:block; } .hg-portfolio-carousel .ptcarousel li a { display:block; } .hg-portfolio-carousel .ptcarousel .controls > a {position:absolute; left: 15px; top: 50%; z-index:1; background:#000; display:inline-block !important; margin:0; margin-top:-12px; width: 30px; height: 31px; text-align: center; border-radius:2px; opacity:0; filter:alpha(opacity=0); } .hg-portfolio-carousel .ptcarousel .controls > a.next {left:auto; right:15px; } .hg-portfolio-carousel .ptcarousel .controls > a span {margin: 0; font-size: 20px; line-height: 31px;} .hg-portfolio-carousel .ptcarousel .controls > a:hover {background:#cd2122; } .hg-portfolio-carousel .ptcarousel:hover .controls a {opacity:1; filter:alpha(opacity=100);} .hg-portfolio-carousel .caroufredsel_wrapper {position:relative; border:4px solid #fff; box-shadow: 0 0 0 2px #ddd, 0 0 6px rgba(0,0,0,0.2); list-style: none; margin:0; padding:0; border-radius:2px; } .ammon_dark .hg-portfolio-carousel .caroufredsel_wrapper {border:4px solid #000; box-shadow: 0 0 0 2px #222222, 0 0 6px rgba(255,255,255,0.2); } .hg-portfolio-carousel .caroufredsel_wrapper:after {content:''; position:absolute; left:-34px; top:50%; margin-top:-15px; border:15px solid transparent; border-right:15px solid #ddd; z-index:1;} .ammon_dark .hg-portfolio-carousel .caroufredsel_wrapper:after {border-right:15px solid #222222; } .hg-portfolio-carousel .caroufredsel_wrapper:before {content:''; position:absolute; left:-30px; top:50%; margin-top:-13px; border:13px solid transparent; border-right:13px solid #fff; z-index:2;} .ammon_dark .hg-portfolio-carousel .caroufredsel_wrapper:before { border-right:13px solid #000; } .hg-portfolio-carousel .itemLinks {margin-top:20px;} .hg-portfolio-carousel .itemLinks a { background: #eee; padding:7px 10px; line-height: 1; font-size: 10px; font-weight: bold; text-transform: uppercase; color: #888; border-radius: 2px; display:inline-block; margin-right:15px; text-decoration: none; margin-bottom: 10px;} .ammon_dark .hg-portfolio-carousel .itemLinks a { background: #111111; color: #777777; } .hg-portfolio-carousel .itemLinks a:hover {background:#cd2122; color:#fff;} .ammon_dark .hg-portfolio-carousel .itemLinks a:hover {color:#000;} .hg-portfolio-carousel .category-desc {margin-bottom:25px;} /* hoverlink */ .hoverLink {position:relative; display:block;} .hoverLink img {position:relative; } .hoverLink:before {content:''; position:absolute; top:0; left:0; bottom:0; right:0; display:block; background:rgba(255,255,255,.2); filter: alpha(opacity=0); opacity:0; visibility:hidden; z-index:3;} .hoverLink:after {content:''; position:absolute; width: 30px; height: 30px; top:50%; left:50%; margin: -15px 0 0 -15px; display:block; z-index: 3; opacity:0; visibility:hidden; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: #EB540A; border-radius: 2px; color: #FFF;line-height: 30px; text-align: center; font-size: 15px;} .hoverLink[data-type="image"]:after {content:"\f002";} .hoverLink[data-type="video"]:after {content:"\f04b";} .hoverLink[data-type="link"]:after {content:"\f0c1";} .hoverLink[data-type="extlink"]:after {content:"\f08e";} .hoverLink:hover:before, .hoverLink:hover:after {opacity:1; visibility:visible;} /* Pagination */ .pagination { width: 100%; text-align: center; } .pagination .pagination { width: auto; margin-top: 0; } /* Portfolio gallery - other images */ ul.other-images > li {width: 24.2%; margin-bottom: 20px; } ul.other-images[data-columns="2"] li:nth-child(3), ul.other-images[data-columns="3"] li:nth-child(4), ul.other-images[data-columns="4"] li:nth-child(5), ul.other-images[data-columns="5"] li:nth-child(6), ul.other-images[data-columns="6"] li:nth-child(7) { clear:left; } .csscalc ul.other-images[data-columns="1"] > li { width: 100%; } .csscalc ul.other-images[data-columns="2"] > li { width: 50%; } .csscalc ul.other-images[data-columns="3"] > li { width: 33.3333%; width: -webkit-calc( (100% - 60px) / 3); width:calc( (100% - 60px) / 3); } .csscalc ul.other-images[data-columns="4"] > li { width: 25%; width: -webkit-calc( (100% - 80px) / 4); width:calc( (100% - 80px) / 4); } .csscalc ul.other-images[data-columns="5"] > li { width: 20%; width: -webkit-calc( (100% - 100px) / 5); width:calc( (100% - 100px) / 5); } .csscalc ul.other-images[data-columns="6"] > li { width: 16.66666666666667%; width:-webkit-calc( (100% - 120px) / 6); width:calc( (100% - 120px) / 6); } /* Magnific popup fade effect */ /* overlay at start */ .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } /* overlay animate in */ .mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; } /* overlay animate out */ .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } /* content at start */ .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } /* content animate it */ .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } /* content animate out */ .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } /* Form-Control through wrapper */ .fc-wrapper > input { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s } .ammon_dark .fc-wrapper > input { color: #AAAAAA; background-color: #000; border: 1px solid #333333; box-shadow: inset 0 1px 1px rgba(255,255,255,0.075); } .fc-wrapper > input:focus { border-color: #66afe9; outline: 0; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6) } .ammon_dark .fc-wrapper > input:focus { box-shadow: inset 0 1px 1px rgba(255,255,255,.075), 0 0 8px rgba(102, 175, 233, 0.6) } .fc-wrapper > input::-moz-placeholder { color: #999; opacity: 1 } .ammon_dark .fc-wrapper > input::-moz-placeholder { color: #666666;} .fc-wrapper > input:-ms-input-placeholder { color: #999 } .ammon_dark .fc-wrapper > input:-ms-input-placeholder { color: #666666 } .fc-wrapper > input::-webkit-input-placeholder { color: #999 } .ammon_dark .fc-wrapper > input::-webkit-input-placeholder { color: #666 } .fc-wrapper > input[disabled], .fc-wrapper > input[readonly], fieldset[disabled] .fc-wrapper > input { cursor: not-allowed; background-color: #eee; opacity: 1 } .fc-wrapper > textarea { height: auto } .chzn-container-single .chzn-single {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;} .fc-wrapper .btn-small {padding: 1px 5px; font-size: 13px; line-height: 1.5; border-radius: 3px;} /* responsive iframe */ .responsive-iframe { position: relative; padding-bottom: 100%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom: 15px;} .responsive-iframe iframe, .responsive-iframe object, .responsive-iframe embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Google maps module */ .google-maps-wrapper {position: relative;} .google-maps-wrapper .google_map {height:0; padding-bottom: 36.458333333333%;} /* Search results */ .result-text .highlight { background-color: #F7F7F9; border: 1px solid #E1E1E8; border-radius: 3px; padding: 3px 5px; display:inline-block; } /* Topblock Position */ #topblock { position: absolute; top: 5px; left: 0; width: 100%; z-index: 1; color: #FFF; } #topblock p:last-child {margin-bottom: 0;} #topblock + #header {margin-top:30px;} /* * Margins Classes * Helper classes for side margins */ .margin-left-0 {margin-left:0 !important;} .margin-left-5 {margin-left:5px !important; } .margin-left-10 {margin-left:10px !important;} .margin-left-15 {margin-left:15px !important;} .margin-left-20 {margin-left:20px !important;} .margin-left-25 {margin-left:25px !important;} .margin-left-30 {margin-left:30px !important;} .margin-left-35 {margin-left:35px !important;} .margin-left-40 {margin-left:40px !important;} .margin-left-45 {margin-left:45px !important;} .margin-left-50 {margin-left:50px !important;} .margin-left-60 {margin-left:60px !important;} .margin-left-70 {margin-left:70px !important;} .margin-left-80 {margin-left:80px !important;} .margin-left-90 {margin-left:90px !important;} .margin-left-100 {margin-left:100px !important;} .margin-left-150 {margin-left:150px !important;} .margin-right-0 {margin-right:0 !important;} .margin-right-5 {margin-right:5px !important;} .margin-right-10 {margin-right:10px !important;} .margin-right-15 {margin-right:15px !important;} .margin-right-20 {margin-right:20px !important;} .margin-right-25 {margin-right:25px !important;} .margin-right-30 {margin-right:30px !important;} .margin-right-35 {margin-right:35px !important;} .margin-right-40 {margin-right:40px !important;} .margin-right-45 {margin-right:45px !important;} .margin-right-50 {margin-right:50px !important;} .margin-right-60 {margin-right:60px !important;} .margin-right-70 {margin-right:70px !important;} .margin-right-80 {margin-right:80px !important;} .margin-right-90 {margin-right:90px !important;} .margin-right-100 {margin-right:100px !important;} .margin-right-150 {margin-right:150px !important;} .margin-top-0 {margin-top:0 !important;} .margin-top-5 {margin-top:5px !important;} .margin-top-10 {margin-top:10px !important;} .margin-top-15 {margin-top:15px !important;} .margin-top-20 {margin-top:20px !important;} .margin-top-25 {margin-top:25px !important;} .margin-top-30 {margin-top:30px !important;} .margin-top-35 {margin-top:35px !important;} .margin-top-40 {margin-top:40px !important;} .margin-top-45 {margin-top:45px !important;} .margin-top-50 {margin-top:50px !important;} .margin-top-60 {margin-top:60px !important;} .margin-top-70 {margin-top:70px !important;} .margin-top-80 {margin-top:80px !important;} .margin-top-90 {margin-top:90px !important;} .margin-top-100 {margin-top:100px !important;} .margin-top-150 {margin-top:150px !important;} .margin-bottom-0 {margin-bottom:0 !important;} .margin-bottom-5 {margin-bottom:5px !important;} .margin-bottom-10 {margin-bottom:10px !important;} .margin-bottom-15 {margin-bottom:15px !important;} .margin-bottom-20 {margin-bottom:20px !important;} .margin-bottom-25 {margin-bottom:25px !important;} .margin-bottom-30 {margin-bottom:30px !important;} .margin-bottom-35 {margin-bottom:35px !important;} .margin-bottom-40 {margin-bottom:40px !important;} .margin-bottom-45 {margin-bottom:45px !important;} .margin-bottom-50 {margin-bottom:50px !important;} .margin-bottom-60 {margin-bottom:60px !important;} .margin-bottom-70 {margin-bottom:70px !important;} .margin-bottom-80 {margin-bottom:80px !important;} .margin-bottom-90 {margin-bottom:90px !important;} .margin-bottom-100 {margin-bottom:100px !important;} .margin-bottom-150 {margin-bottom:150px !important;} /* * Padding Classes * Helper classes for side padding */ .padding-left-0 {padding-left:0 !important;} .padding-left-5 {padding-left:5px !important;} .padding-left-10 {padding-left:10px !important;} .padding-left-15 {padding-left:15px !important;} .padding-left-20 {padding-left:20px !important;} .padding-left-25 {padding-left:25px !important;} .padding-left-30 {padding-left:30px !important;} .padding-left-35 {padding-left:35px !important;} .padding-left-40 {padding-left:40px !important;} .padding-left-45 {padding-left:45px !important;} .padding-left-50 {padding-left:50px !important;} .padding-left-60 {padding-left:60px !important;} .padding-left-70 {padding-left:70px !important;} .padding-left-80 {padding-left:80px !important;} .padding-left-90 {padding-left:90px !important;} .padding-left-100 {padding-left:100px !important;} .padding-left-150 {padding-left:150px !important;} .padding-right-0 {padding-right:0 !important;} .padding-right-5 {padding-right:5px !important;} .padding-right-10 {padding-right:10px !important;} .padding-right-15 {padding-right:15px !important;} .padding-right-20 {padding-right:20px !important;} .padding-right-25 {padding-right:25px !important;} .padding-right-30 {padding-right:30px !important;} .padding-right-35 {padding-right:35px !important;} .padding-right-40 {padding-right:40px !important;} .padding-right-45 {padding-right:45px !important;} .padding-right-50 {padding-right:50px !important;} .padding-right-60 {padding-right:60px !important;} .padding-right-70 {padding-right:70px !important;} .padding-right-80 {padding-right:80px !important;} .padding-right-90 {padding-right:90px !important;} .padding-right-100 {padding-right:100px !important;} .padding-right-150 {padding-right:150px !important;} .padding-top-0 {padding-top:0 !important;} .padding-top-5 {padding-top:5px !important;} .padding-top-10 {padding-top:10px !important;} .padding-top-15 {padding-top:15px !important;} .padding-top-20 {padding-top:20px !important;} .padding-top-25 {padding-top:25px !important;} .padding-top-30 {padding-top:30px !important;} .padding-top-35 {padding-top:35px !important;} .padding-top-40 {padding-top:40px !important;} .padding-top-45 {padding-top:45px !important;} .padding-top-50 {padding-top:50px !important;} .padding-top-60 {padding-top:60px !important;} .padding-top-70 {padding-top:70px !important;} .padding-top-80 {padding-top:80px !important;} .padding-top-90 {padding-top:90px !important;} .padding-top-100 {padding-top:100px !important;} .padding-top-150 {padding-top:150px !important;} .padding-bottom-0 {padding-bottom:0 !important;} .padding-bottom-5 {padding-bottom:5px !important;} .padding-bottom-10 {padding-bottom:10px !important;} .padding-bottom-15 {padding-bottom:15px !important;} .padding-bottom-20 {padding-bottom:20px !important;} .padding-bottom-25 {padding-bottom:25px !important;} .padding-bottom-30 {padding-bottom:30px !important;} .padding-bottom-35 {padding-bottom:35px !important;} .padding-bottom-40 {padding-bottom:40px !important;} .padding-bottom-45 {padding-bottom:45px !important;} .padding-bottom-50 {padding-bottom:50px !important;} .padding-bottom-60 {padding-bottom:60px !important;} .padding-bottom-70 {padding-bottom:70px !important;} .padding-bottom-80 {padding-bottom:80px !important;} .padding-bottom-90 {padding-bottom:90px !important;} .padding-bottom-100 {padding-bottom:100px !important;} .padding-bottom-150 {padding-bottom:150px !important;} /* +++++++++ Resets, stylers & helpers +++++++++++++++++++++++++++ */ .alignleft {float:left; margin-right:15px;} .alignright {float:right; margin-left:15px;} .noMarginRight {margin-right:0 !important;} .noMarginLeft {margin-left:0 !important;} .noMarginTop {margin-top:0 !important;} .noMarginBottom {margin-bottom:0 !important;} nav#main_menu .inner-elem, .topnav .mod-languages a, .topnav .mod-languages img, #icon-widgets .icon-menu .trigBtn ~ .trig_panel, #icon-widgets .social-icons li a, .mod_hg_recent_projects .inner-project img, #totop , .flickr_feeds li a img, .pricing-table .box, .hoverLink:before, .hoverLink:after, .hg-portfolio-sortable ul.project-list .details, .hg-portfolio-sortable ul.project-list img, .hg-portfolio-carousel .controls { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-backface-visibility: hidden;} .topnav .mod-languages img { filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ } /* Docs Helpers */ div.highlight {margin-bottom:14px;background-color:#f7f7f9;border:1px solid #e1e1e8; border-radius:4px; padding:9px 14px;} .ammon_dark div.highlight{background-color: #222; border: 1px solid #5C5C5C;} div.highlight pre{margin-top:0;margin-bottom:0;background-color:transparent;border:0;white-space:nowrap;padding:0;} div.highlight pre code{font-size:inherit;color:#333;} .ammon_dark div.highlight pre code{color:#ccc;background: none;} div.highlight pre .lineno{display:inline-block;width:22px;padding-right:5px;margin-right:10px;text-align:right;color:#bebec5;} .bs-example{position:relative;background-color:#fafafa;box-shadow:inset 0 3px 6px rgba(0,0,0,.05);border-color:#e5e5e5 #eee #eee;border-style:solid;border-width:1px 0;margin:0 0 15px;padding:45px 15px 15px;} .ammon_dark .bs-example{background-color:#050505;box-shadow:inset 0 3px 6px rgba(255,255,255,.05);border-color:#1A1A1A #111 #111;} .bs-example:after{content:"Example";position:absolute;top:15px;left:15px;font-size:12px;font-weight:700;color:#bbb;text-transform:uppercase;letter-spacing:1px;} .ammon_dark .bs-example:after{color:#444444;} .bs-example+div.highlight{border-radius:0;border-width:0 0 1px;margin:-15px 0 35px;} .bs-example .container{width:auto;} .bs-example>p:last-child,.bs-example>ul:last-child,.bs-example>ol:last-child,.bs-example>blockquote:last-child,.bs-example>.form-control:last-child,.bs-example>.table:last-child,.bs-example>.navbar:last-child,.bs-example>.jumbotron:last-child,.bs-example>.alert:last-child,.bs-example>.panel:last-child,.bs-example>.list-group:last-child,.bs-example>.well:last-child,.bs-example>.progress:last-child,.bs-example>.table-responsive:last-child>.table{margin-bottom:0;} .bs-example>p>.close{float:none;} .bs-example-type .table .type-info{color:#999;vertical-align:middle;} .ammon_dark .bs-example-type .table .type-info{color:#999;vertical-align:middle;} .bs-example-type .table td{border-color:#eee;padding:15px 0;} .ammon_dark .bs-example-type .table td{border-color:#111;} .bs-example-type .table tr:first-child td{border-top:0;} .bs-example-bg-classes p{padding:15px;} .bs-example>.img-circle,.bs-example>.img-rounded,.bs-example>.img-thumbnail{margin:5px;} .bs-example>.table-responsive>.table{background-color:#fff;} .ammon_dark .bs-example>.table-responsive>.table{background-color:#000;} .bs-example>.btn,.bs-example>.btn-group{margin-top:5px;margin-bottom:5px;} .bs-example-form .input-group{margin-bottom:10px;} .bs-example>textarea.form-control{resize:vertical;} .bs-example>.list-group{max-width:400px;} .hll{background-color:#ffc;} .err{color:#A00;background-color:#FAA;} .o{color:#555;} .cp{color:#099;} .gd{background-color:#FCC;border:1px solid #C00;} .ge{font-style:italic;} .gr{color:red;} .gi{background-color:#CFC;border:1px solid #0C0;} .go{color:#AAA;} .gp{color:#009;} .gt{color:#9C6;} .kt{color:#078;} .s{color:#d44950;} .na{color:#4f9fcf;} .nc{color:#0A8;} .no{color:#360;} .ne{color:#C00;} .nf{color:#C0F;} .nn{color:#0CF;} .nt{color:#2f6f9f;} .ow{color:#000;} .w{color:#bbb;} .sd{color:#C30;font-style:italic;} .si{color:#A00;} .sr{color:#3AA;} .ss{color:#FC3;} .show-grid{margin-bottom:15px;} .show-grid [class^=col-] .ac{padding-top:10px;padding-bottom:10px;text-align:center;background-color:#eee;border-radius:2px;border:1px solid rgba(0,0,0,.2);margin-bottom:10px;display:block;} .ammon_dark .show-grid [class^=col-] .ac{background-color:#111;border:1px solid rgba(255,255,255,.2);} .show-grid [class^=col-] .ac.higher{min-height:120px;line-height:120px;} .show-grid [class^=col-] .ac [class^=col-]:hover .ac{background-color:#ccc;} .ammon_dark .show-grid [class^=col-] .ac [class^=col-]:hover .ac{background-color:#333;} .bs-example>.btn-toolbar+.btn-toolbar,.bs-example-control-sizing select,.bs-example-control-sizing input[type=text]+input[type=text]{margin-top:10px;} .c,.cm,.c1,.cs,.ni,.css .o,.css .o+.nt,.css .nt+.nt{color:#999;} .k,.kc,.kd,.kn,.kp,.kr{color:#069;} .gh,.gu{color:#030;} .m,.mf,.mh,.mi,.mo,.il{color:#F60;} .nb,.bp{color:#366;} .nd,.nl{color:#99F;} .nv,.vc,.vg,.vi{color:#033;} .sb,.sc,.s2,.se,.sh,.sx,.s1{color:#C30;} .show-grid [class^=col-] .ac [class^=col-] .ac,.show-grid [class^=col-]:hover .ac{background-color:#ddd;} .ammon_dark .show-grid [class^=col-] .ac [class^=col-] .ac, .ammon_dark .show-grid [class^=col-]:hover .ac{background-color:#222;}