/* * Author: Vasterad * Template: Nevia * URL: http://themeforest.net/user/Vasterad/ */ /* Import Section ====================================================================== */ @import url("/css/base.css"); /* Default Reset, Typography, Forms, etc. */ /* Menu */ #navigation { height: 49px; width: 1040px; margin-left: -10px; background-color: #4c4c4c; float: left; left: 1px; } /* Style Without Shadows */ .style-2 .left-corner, .style-2 .right-corner { display: none; } /* .style-2 { width: 1020px !important; margin-left: 0 !important; } */ .style-2 { width: 100% !important; margin-left: 0 !important; } .style-2 ul li:first-child { margin-left: 1px !important; } .js .selectnav { display: none; } .menu i.halflings { margin: 1px 2px 0 -2px; } .menu ul, .menu li > div { visibility: hidden; display: none; } .menu li:hover > ul, .menu li:hover > div { visibility: visible; display: block; } /* Shadows */ .left-corner, .right-corner { display:block; width: 0px; height: 0px; border-style: solid; position: relative; top: 49px; float: left; opacity: 0.58; filter:alpha(opacity=58); } .left-corner { border-color: transparent #888 transparent transparent; border-width: 0 9px 9px 0; float: left; left: 1px; } .right-corner { border-color: #888 transparent transparent transparent; border-width: 9px 9px 0 0; float: right; right: 1px; } /* Reset */ .menu, .menu ul { margin:0; padding:0; list-style:none; } .menu li, .menu ul a {position:relative;} .menu > li {float:left;} .menu > li.floatr {float:right;} .menu li > a {display:block;} /* Drop-down list width */ .menu ul { position:absolute; display:none; width:260px; } .menu ul ul { top:0; left:170px; } .menu li:hover > ul {display:block;} #navigation ul li:first-child { margin-left: -8px; } #navigation ul li ul li:first-child, #navigation ul li ul li ul li:first-child { margin-left: 0; } #current { background-color: #169fe6; border-right: 1px solid #169fe6; margin-left: -1px; padding-left:15px; z-index: 8; position: relative; } .menu a {text-decoration:none;} .menu > li > a { color:#fff; font-weight: 400; font-size: 16px; line-height:18px; padding: 15px 10px 16px 10px; } .menu > li:hover > a { background-color: #707070; border-left:none; padding-left:11px; border-right:1px solid #707070; margin: 0 0 0 -1px; } ul.menu li a { -webkit-transition: background-color 80ms ease-in-out; -moz-transition: background-color 80ms ease-in-out; -o-transition: background-color 80ms ease-in-out; -ms-transition: background-color 80ms ease-in-out; transition: background-color 80ms ease-in-out; } .menu ul li a { -webkit-transition: background-color 20ms ease-in-out, color 20ms ease-in-out; -moz-transition: background-color 20ms ease-in-out, color 20ms ease-in-out; -o-transition: background-color 20ms ease-in-out, color 20ms ease-in-out; -ms-transition: background-color 20ms ease-in-out, color 20ms ease-in-out; transition: background-color 20ms ease-in-out, color 20ms ease-in-out; } .menu > li > a { border-right:1px solid #666; } .menu > li > a:hover { border-right:1px solid #707070; margin: 0 0 0 -1px; } .menu > li > a img, .menu li > ul > li > a img { border:0; margin-right:7px; } /* Sub Menu */ .menu ul { background-color: #fff; border:1px solid #e0e0e0; border-top:none; left:-1px; z-index: 999; border-radius: 0 0 2px 2px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04); box-shadow: 0 1px 1px rgba(0,0,0,0.04); } .menu ul a { color: #777; font-size: 16px; line-height: 18px; padding: 9px 12px; border-top: 1px solid #e6e6e6; } .menu ul a:hover { background-color:#f5f5f5; } /* Mega Menu */ .menu .cols1, .menu .cols2, .menu .cols3, .menu .cols4, .menu .cols5 { position:absolute; display:none; overflow:auto; z-index: 999; background: #fff; } .menu .cols1, .menu .col1 {width:160px;} .menu .cols2, .menu .col2 {width:320px;} .menu .cols3, .menu .col3 {width:480px;} .menu .cols4, .menu .col4 {width:640px;} .menu .cols5, .menu .col5 {width:800px;} .menu > li.floatr > ul.cols1, ul.cols2, ul.cols3, ul.cols4, ul.cols5 {right:0;} .menu > li:hover > ul.cols1, ul.cols2, ul.cols3, ul.cols4, ul.cols5 {display:block;} .menu .col1, .menu .col2, .menu .col3, .menu .col4, .menu .col5 {float:left;} .menu li > ul.cols1,ul.cols2, ul.cols3, ul.cols4,ul.cols5 { background-color:#fff; border:1px solid #e0e0e0; border-top:none; left:-1px; padding:10px; } ul.cols1 a:hover, ul.cols2 a:hover, ul.cols3 a:hover, ul.cols4 a:hover, ul.cols5 a:hover { background: none; border: none; } ul.cols1 a, ul.cols2 a, ul.cols3 a, ul.cols4 a, ul.cols5 a { background: none; border: none; } ul.cols1 p a, ul.cols2 p a, ul.cols3 p a, ul.cols4 p a, ul.cols5 p a { padding: 0; } .menu h4 { font-size: 13px; color: #888; font-weight: normal; margin: 0px 10px 5px; padding-bottom: 5px; border-bottom: 1px solid #e0e0e0; letter-spacing: 0; } .menu h5 { font-size: 13px; margin: 8px 10px -3px 10px; } .menu ol { list-style:none; margin: 7px 10px; padding: 0; } .menu ol a { color: #777; font-size: 12px; padding: 3px 0; line-height: 15px; } .menu ol a:hover { color: #444; } .menu p { font-size: 12px; line-height: 18px; margin: 9px 10px; padding: 0; } .menu p a { color: #888; text-decoration: underline; } .menu p a:hover { color: #555; } /* Header */ .contact-details { float: right; margin: -1px 0 1px 0; display: block; color: #888; font-size: 11px; } .top-search { float: right; } .top-search input { width: 180px; font-size: 11px; color: #888; } .search-btn { float: right; position: relative; padding: 0; top: 0; right: 0; margin: 1px 0 0 -35px; background: url('/images/search.png') center center no-repeat; width: 35px; height: 32px; cursor: pointer; border: none; z-index: 100; box-shadow: none; } .search-field { float: right; position: relative; } /* Logo / Tagline */ #tagline { color: #888; border-left: 1px solid #e8e8e8; margin: 0 0 0 20px; padding: 5px 0 5px 20px; float: left; font-size: 22px; } /* FlexSlider */ /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles */ .flexslider {margin: 0; padding: 0; z-index: 1; position: relative;} .flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides > li:first-child {display: block;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme */ .flexslider {margin: 0 0 0; border: none;position: relative; zoom: 1;} .flexslider.home {margin: 0; } .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .flex-viewport {max-height: 300px;} .flexslider .slides {zoom: 1;} .carousel li {margin-right: 5px} /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav .flex-next {background: url(/images/slider-right.png) no-repeat 50%; background-color: #4c4c4c; right: 0; border-radius: 2px 0 0 2px; } .flex-direction-nav .flex-prev {background: url(/images/slider-left.png) no-repeat 50%; background-color: #4c4c4c; left:0; border-radius: 0 2px 2px 0; } .flex-direction-nav a { width: 39px; height: 71px; margin-top: -36px; display: block; position: absolute; z-index: 100; cursor: pointer; text-indent: -9999px; top: 50%; opacity: 1; filter:alpha(opacity=100); -webkit-transition: opacity 0.2s ease-in-out, background-color 200ms ease-in-out; -moz-transition: opacity 0.2s ease-in-out, background-color 200ms ease-in-out; -o-transition: opacity 0.2s ease-in-out, background-color 200ms ease-in-out; -ms-transition: opacity 0.2s ease-in-out, background-color 200ms ease-in-out; transition: opacity 0.2s ease-in-out, background-color 200ms ease-in-out; } .flexslider.home:hover .flex-next, .flexslider.home:hover .flex-prev { opacity: 1; filter:alpha(opacity=100); } .home .flex-direction-nav a { opacity: 0; filter:alpha(opacity=0); } .flexslider .flex-next:hover, .flexslider .flex-prev:hover { background-color: #169fe6; } /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;} .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width: 14px; height: 14px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} /* Caption */ .slide-caption { width: 282px; padding: 28px; margin: 0; position: absolute; display: block; left: 0; bottom: 0; background-color: #222; background: rgba(0, 0, 0, 0.45); } .slide-caption h3 { color: #fff; padding-bottom: 10px; margin:0; line-height: 22px; } .slide-caption p { margin:0; line-height: 19px; color: #bbb; } /* Icon Boxes */ /* .icon-box-container { margin: 40px 0 45px 0; float:left; } */ .icon-box-container { margin: 10px 0 45px 0; float:left; } .icon-box-container p { margin: 0; } .icon-box p, .icon-box h3 { margin-left: 45px; } .icon-box i { float: left; font-size: 28px; margin: 8px 0 0 0px; color: #404040; } /* Carousel */ .arl, .arr { margin-top: 20px; float: left; width: 24px; height: 24px; display: block; background-color: #eee; cursor: default; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.05); margin-right: 1px; } .arl i, .arr i { margin: 3px 0 0 9px; font-size: 9px; color: #c8c8c8; } .arl { border-radius: 2px 0 0 2px; } .arr { border-radius: 0 2px 2px 0 } .arl.active i, .arr.active i {color: #fff;} .arl.active, .arr.active { background-color: #ccc; cursor: pointer; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.07); } .arl.active:hover, .arr.active:hover { background-color: #169fe6; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.1); } .carousel-navi { margin: -10px 0 40px 0; float: left; } .jcarousel { position: relative; overflow: hidden; } .jcarousel ul { width: 20000em; position: absolute; list-style: none; margin: 0; padding: 0; } /* Recent Work */ .entire { margin: 30px 0 0 0; } .entire h3 { margin: 0 0 8px 0; } .entire p { margin: 0 0 9px 0; color: #000000; } .entire a { color: #555; } .entire a:hover { color: #888; } .item-description { padding: 14px 0 19px 0; background: #fff; border-radius: 0 0 2px 2px; border-top: 5px solid #e5e5e5; text-align: center; -webkit-transition: all 180ms ease-in-out; -moz-transition: all 180ms ease-in-out; -o-transition: all 180ms ease-in-out; -ms-transition: all 180ms ease-in-out; transition: all 180ms ease-in-out; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.12), 0 0 1px rgba(0,0,0,0.1); box-shadow: 0 1px 1px rgba(0,0,0,0.12), 0 0 1px rgba(0,0,0,0.1); } .ie8 .item-description {border-bottom: 1px solid #e8e8e8; } .portfolio-item img { -webkit-transition: opacity 180ms ease-in-out; -moz-transition: opacity 180ms ease-in-out; -o-transition: opacity 180ms ease-in-out; -ms-transition: opacity 180ms ease-in-out; transition: opacity 180ms ease-in-out; width: 100px; padding: 20px; vertical-align: middle; margin: 0px auto; display: block; } .portfolio-item:hover img { opacity: 0.7; filter: alpha(opacity=70); } .portfolio-item .img-size { height: 300px; } .item-description h5 { margin-bottom: -3px; font-size: 13px; font-weight: 600; } .item-description span { color: #888; font-size: 13px; font-weight: 300; } .portfolio-item { margin: 40px 0; display: block; background-color: #fff; } .portfolio-item:hover > figure > .item-description { -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2), 0 0 1px rgba(0,0,0,0.1); box-shadow: 0 1px 1px rgba(0,0,0,0.2), 0 0 1px rgba(0,0,0,0.1); border-top: 5px solid #169fe6; } /* Recent Blog */ .recent-blog { margin-bottom: 38px; } .recent-blog h4 { line-height: 21px; margin-bottom: 10px; } .recent-blog h4 a { color: #333; } .recent-blog h4 a:hover { color: #888; } .recent-blog p { margin-top: 7px; margin-bottom: 0; } .margin-1 { margin: 28px 0 22px 0; } .entry, .recent-blog h4, .recent-blog p { margin-left: 60px; } .date { float:left; text-align: center; height: 0px; } .date span { display: block; } .day { background: #f2f2f2; padding: 10px; font-size: 16px; font-weight: 500; color: #999; border-radius: 2px 2px 0 0; } .month { background: #ccc; padding: 0px 10px 2px 10px; color: #fff; border-radius: 0 0 2px 2px; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.07); } /* Miscellaneous Styles */ .margin-reset {margin-top: -10px;} .sidebar.padding-reset { padding-top: 0; } .glyphicons { margin: 15px 0 0 0; } .glyphicons li { margin: 0 0 2px 1px; } .glyphicons li i { float: left; margin: 0 5px 0 0; } .the-icons { margin: 18px 0 20px 0; } .the-icons li i { font-size: 22px; color: #555; float: left; margin: 0 3px 0 0; } .the-icons li { margin: 0 0 14px 0; } /* 404 Error Page */ #not-found { margin: 50px 0 75px 0; } #not-found h2 { text-align: center; font-size: 210px; line-height: 210px; font-weight: normal; letter-spacing: -5px; } #not-found p { text-align: center; font-size: 28px; line-height: 36px; } #not-found i { color: #ddd; font-size: 200px; } /* Dropcaps */ .dropcap { float: left; color: #169fe6; font-size: 58px; line-height: 54px; padding-top: 4px; padding-right: 10px; margin-top: -2px; } .dropcap.gray { color: #555; } /* Highlights */ .highlight.blue, .highlight.gray, .highlight.light { padding: 2px 6px; color: #fff; border-radius: 2px; } .highlight.blue { background: #169fe6; } .highlight.gray { background: #4c4c4c; } .highlight.light { background: #aaa; } .highlight.big {font-size: 20px;} /* Blockquote ORIGINAL blockquote { border-left: 3px solid #e8e8e8; padding-left: 20px; color: #888; line-height: 20px; margin: 5px 0 20px 15px; } */ /* Blockquote */ blockquote { border-left: 3px solid #24A0E3; padding-left: 20px; color: #000000; line-height: 20px; margin: 5px 0 20px 15px; font-style: italic; } /* Score Bar Blue */ .score-bar { height: 30px; position: relative; background: #f6f6f6; margin: 0 0 10px 0; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.05); } .score-bar-content[data-percentage] { text-indent: -9999px; } .score-bar-content { background: #169fe6; height: 30px; width: 0%; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.12); } .score-bar .score-title { color: #fff; top: 5px; left: 15px; font-weight: bold; position: absolute; } .score-bar .percentage { color: #666; position: absolute; top: 9px; left: 90%; } .score-bar-padding { padding: 15px 0 15px 0; } .score-bar-static { background-color: #F6F6F6; width: 100%; } .static-bg { background-color: #25A0E3; color: white; } /* Sidebars */ .floated.sidebar.right { background: #fcfcfc; margin-left: -1px; border-left: 1px solid #e0e0e0; -webkit-box-shadow:inset 2px 0px 0px 0px rgba(0, 0, 0, 0.03), inset 0px 2px 0px 0px rgba(0, 0, 0, 0.03); box-shadow: inset 2px 0px 0px 0px rgba(0, 0, 0, 0.03), inset 0px 2px 0px 0px rgba(0, 0, 0, 0.03); } .floated.sidebar.left { background: #fcfcfc; margin-right: -1px; border-right: 1px solid #e0e0e0; -webkit-box-shadow: inset -2px 0px 0px 0px rgba(0, 0, 0, 0.03), inset 0px 2px 0px 0px rgba(0, 0, 0, 0.03); box-shadow: inset -2px 0px 0px 0px rgba(0, 0, 0, 0.03), inset 0px 2px 0px 0px rgba(0, 0, 0, 0.03); } .sidebar, .page-content { padding: 40px 0; } .page-content-no-padding { padding: 0px; } h4.margin { margin: 0 0 10px 0; } h3.margin { margin: 0 0 10px 0; } p.margin { margin: 0 0 25px 0; } .line { height: 1px; width: 100%; margin: 0 0 0 -40px; padding: 0 80px 0 0; border-bottom: 1px solid #e0e0e0; -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03); box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03); } /* Shortcodes */ /* Buttons */ .button, input[type="button"], input[type="submit"] { padding: 5px 14px 7px 14px; display: inline-block; border: 0px; font-weight: 800; outline: none; font-size: 20px; cursor: pointer; width: auto; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; border-radius: 2px; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.2); letter-spacing: -0.2px; } .button-related, input[type="button"], input[type="submit"] { padding: 5px 14px 7px 14px; display: inline-block; border: 0px; font-weight: 800; outline: none; font-size: 14px; cursor: pointer; width: auto; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; border-radius: 2px; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.2); letter-spacing: -0.2px; } .button-compare, input[type="button"], input[type="submit"] { padding: 2px 5px 2px 5px; display: inline-block; border: 0px; font-weight: 800; outline: none; font-size: 14px; cursor: pointer; width: auto; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; border-radius: 2px; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.2); letter-spacing: -0.2px; } .button-small, input[type="button"], input[type="submit"] { padding: 5px 14px 7px 14px; display: inline-block; border: 0px; font-weight: 800; outline: none; font-size: 15px; cursor: pointer; width: auto; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; border-radius: 2px; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.2); letter-spacing: -0.2px; } input[type="button"], input[type="submit"] {float: left;} .button i { margin: 0 2px 0 -1px; height: 14px; } .button i.halflings { margin: 2px 0px 0 -1px; } .button.medium {padding: 9px 18px; font-size: 14px;} .button.gray {color: #fff;background: #4c4c4c; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.4);} .button.gray:hover {background:#169fe6; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.2);} .button.light {color:#fff; background:#aaa; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.15);} .button.light:hover {background:#169fe6; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.2);} .button.blue {color:#fff; background:#169fe6; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.15); } .button.blue:hover {background:#00BF14; text-decoration: none; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.15); } .button-related.blue {color:#fff; background:#169fe6; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.15); } .button-related.blue:hover {background:#00BF14; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.15); } .button-compare.blue {color:#fff; background:#169fe6; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.15); } .button-compare.blue:hover {background:#00BF14; text-decoration: none; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.15); } .button-compare.orange {color:#fff; background:#FF900C; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.15); } .button-compare.orange:hover {background:#00BF14; text-decoration: none; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.15); } .button.orange {color:#fff; background:#FF900C; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.15); } .button.orange:hover {background:#00BF14; text-decoration: none; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.15); } .button.green {color:#fff; background:#00BF14; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.15); } .button.green:hover {background:#FF900C; text-decoration: none; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.15); } .button-small.orange {color:#fff; background:#FF900C; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.15); } .button-small.orange:hover {background:#00BF14; text-decoration: none; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.15); } /* Input Button */ input[type="button"], input[type="submit"], input[type="button"]:focus, input[type="submit"]:focus { color:#fff; background:#169fe6; padding: 9px 11px; border: none !important; } ininput[type="button"]:hover, input[type="submit"]:hover { background:#6ABFEC; } /* Tabs */ .tabs-nav { list-style: none; margin: 0; overflow: hidden; padding: 0; width: 100%; } .tabs-nav li { float: left; line-height: 38px; overflow: hidden; padding: 0; position: relative; } .tabs-nav li a { background-color: #f8f8f8; border: 1px solid #e0e0e0; border-right: none; /* color: #888; */ color: #000000; font-weight: 500; display: block; letter-spacing: 0; outline: none; padding: 0 15px; text-decoration: none; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .tabs-nav li:first-child a { border-left: 1px solid #e0e0e0; } .tabs-nav li:last-child a { border-right: 1px solid #e0e0e0; } .tabs-nav li.active a { color: #333; font-weight: 500; } .tabs-nav li.active i:before { color: #555; } .tabs-nav li i:before { color: #909090; } .tabs-nav li span { margin-left: -7px; } .tabs-nav li.active a i {opacity: 1; filter: alpha(opacity=100);} .tabs-nav li i {opacity: 0.64; filter: alpha(opacity=64); margin: 10px 0 0 0; } .tabs-nav li a:hover { background: #fff; } .tabs-nav li.active a { background: #fff; border-bottom: 1px solid #fff; border-top: 1px solid #169fe6; color: #169fe6 } .tab-content {padding: 20px;} .tabs-container { border: 1px solid #e0e0e0;; margin: -1px 0 20px; overflow: hidden; width: 100%; line-height: 21px; -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03); box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03); } /* List Styles */ .arrow-list li, .arrow-blue-list li, .arrow-green-list li, .sign-list li, .plus-list li, .star-list li, .check-list li { list-style: none; margin: 5px 0; } .arrow-list li:first-child, .arrow-blue-list li:first-child, .arrow-green-list li:first-child, .sign-list li:first-child, .plus-list li:first-child, .star-list li:first-child, .check-list li:first-child { margin-top: 0; } .arrow-list li { background: url(/images/icon-list-arrow.png) no-repeat 0% 3px; padding: 0 0 5px 22px; } .arrow-blue-list li { background: url(/images/icon-list-arrow-blue.png) no-repeat 0% 3px; padding: 0 0 5px 22px; } .arrow-green-list li { background: url(/images/icon-list-arrow-green.png) no-repeat 0% 3px; padding: 0 0 5px 22px; } .check-list li { background: url(/images/icon-list-check.png) no-repeat 0% 3px; padding: 0 0 0 18px; } .sign-list li { background: url(/images/icon-list-sign.png) no-repeat 0% 3px; padding: 0 0 0 18px; } /* .plus-list li { background: url(/images/icon-list-plus.png) no-repeat 0% 3px; padding: 0 0 0 18px; } */ .star-list li { background: url(/images/icon-list-star.png) no-repeat 0% 3px; padding: 0 0 0 18px; } .plus-list li { background: url(/images/icon-list-plus.png) no-repeat 0% 3px; padding: 0 0 0 18px; } li.spacing-compare { margin: 20px; } li.spacing { margin: 20px; } /* Table - Normal */ table.standard-table { width: 100%; border-collapse: separate; border-spacing: 0; border:none; margin-bottom: 15px; -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03); box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03); } table.standard-table th { border: 1px solid #e0e0e0; border-right: none; background-color: #fafafa; text-align: left; padding: 10px 15px; color: #444; vertical-align: top; font-size: 14px; font-weight: 600; } table.standard-table th.center { border: 1px solid #e0e0e0; border-right: none; background-color: #fafafa; text-align: center; padding: 10px 15px; color: #444; vertical-align: top; font-size: 14px; font-weight: 600; } table.standard-table td:last-child { border-right: 1px solid #e0e0e0; } table.standard-table th:last-child { border-right: 1px solid #e0e0e0; } table.standard-table td { padding: 10px 15px; border: #e0e0e0 1px solid; border-top: none; border-right: none; } table.standard-table td.support { padding: 5px 5px; border: #e0e0e0 1px solid; border-top: none; border-right: none; } table.standard-table tr:hover td {background-color: #fafafa;} table.standard-table td.left { width: 20%; } table.standard-table td.middle { width: 40%; } table.standard-table td.right { width: 40%; } table.standard-table th.overall-winner { background-color: #169fe6; color: #FFFFFF; font-weight: bold; } table.standard-table td.category-winner { background-color: #169fe6; color: #FFFFFF; font-weight: bold; text-align: center; } table.standard-table td.category { text-align: center; font-weight: bold; } table.standard-table td.winner-bg { background-color: #EEEEEE; } /* Table - Rightnav */ table.rightnav-table { width: 100%; border-collapse: separate; border-spacing: 0; border:none; margin-bottom: 15px; -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03); box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03); } table.rightnav-table th { border: 1px solid #e0e0e0; border-right: none; background-color: #fafafa; text-align: left; padding: 10px 10px; color: #444; vertical-align: top; font-size: 14px; font-weight: 600; } table.rightnav-table th.center { border: 1px solid #e0e0e0; border-right: none; background-color: #fafafa; text-align: center; padding: 10px 15px; color: #444; vertical-align: top; font-size: 14px; font-weight: 600; } table.rightnav-table td:last-child { border-right: 1px solid #e0e0e0; } table.rightnav-table th:last-child { border-right: 1px solid #e0e0e0; } table.rightnav-table td { padding: 10px 15px; border: #e0e0e0 1px solid; border-top: none; border-right: none; } table.rightnav-table td.support { padding: 5px 5px; border: #e0e0e0 1px solid; border-top: none; border-right: none; } table.rightnav-table tr:hover td {background-color: #fafafa;} table.rightnav-table td.left { width: 20%; } table.rightnav-table td.middle { width: 40%; } table.rightnav-table td.right { width: 40%; } table.rightnav-table th.overall-winner { background-color: #169fe6; color: #FFFFFF; font-weight: bold; } table.rightnav-table td.category-winner { background-color: #169fe6; color: #FFFFFF; font-weight: bold; text-align: center; } table.rightnav-table td.category { text-align: center; font-weight: bold; } table.rightnav-table td.winner-bg { background-color: #EEEEEE; } /* Table - VS */ table.standard-table-vs { width: 100%; border-collapse: separate; border-spacing: 0; border:none; margin-bottom: 15px; -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03); box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03); } table.standard-table-vs th { border: 1px solid #e0e0e0; border-right: none; background-color: #fafafa; text-align: left; padding: 10px 15px; color: #444; vertical-align: top; font-size: 14px; font-weight: 600; } table.standard-table-vs th.center { border: 1px solid #e0e0e0; border-right: none; background-color: #fafafa; text-align: center; padding: 10px 15px; color: #444; vertical-align: top; font-size: 14px; font-weight: 600; } table.standard-table-vs td:last-child { border-right: 1px solid #e0e0e0; } table.standard-table-vs th:last-child { border-right: 1px solid #e0e0e0; } table.standard-table-vs td { padding: 10px 15px; border: #e0e0e0 1px solid; border-top: none; border-right: none; } table.standard-table-vs td.support { padding: 5px 5px; border: #e0e0e0 1px solid; border-top: none; border-right: none; } table.standard-table-vs td.left { width: 20%; } table.standard-table-vs td.middle { width: 40%; } table.standard-table-vs td.right { width: 40%; } table.standard-table-vs th.overall-winner { background-color: #169fe6; color: #FFFFFF; font-weight: bold; } table.standard-table-vs td.category-winner { background-color: #169fe6; color: #FFFFFF; font-weight: bold; text-align: center; } table.standard-table-vs td.category { text-align: center; font-weight: bold; } table.standard-table-vs td.winner-bg { background-color: #EEEEEE; } table.standard-table-vs td.score { font-size: 25px; text-align: center; } table.standard-table-vs tr.score { font-size: 25px; text-align: center; } table.standard-table-vs td.win { background-color: #FFCA3B; } table.standard-table-vs th.cat-head { background-color: #4c4c4c; } table.standard-table-vs h2.cat-head { color: #FFFFFF; } table.standard-table-vs td.cat-foot { color: #FFFFFF; background-color: #4c4c4c; font-size: 20px; } /* Table - Compare */ table.standard-table-compare { width: 100%; border-collapse: separate; border-spacing: 0; border:none; margin-bottom: 15px; -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03); box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03); } table.standard-table-compare th { border: 1px solid #e0e0e0; border-right: none; background-color: #fafafa; text-align: center; padding: 5px 5px; color: #444; font-size: 14px; font-weight: 600; align-content: center; vertical-align: middle; } table.standard-table-compare td:last-child { border-right: 1px solid #e0e0e0; } table.standard-table-compare th:last-child { border-right: 1px solid #e0e0e0; } table.standard-table-compare td { padding: 10px 15px; border: #e0e0e0 1px solid; border-top: none; border-right: none; align-content: center; vertical-align: middle; text-align: center; } /* table.standard-table-compare tr:hover td {background-color: #FFD76B;} */ table.standard-table-compare.no-yellow tr td {background-color: #FFFFFF;} td.winner { background-color: #FFBD0C; color: #000000; } td.winner-green { background-color: #00BF14; /*background-color: #9DD39A;*/ color: #FFFFFF; font-weight: bold; } .compare-box { width: 50px; display: block; margin-left: auto; margin-right: auto; } .compare-read-more { font-size: 12px; } .compare-prod-name-link { font-size: 14px; padding: 5px 0 5px 0; } .compare-line-height { line-height: 1.0; padding: 5px 0 0 0; } tr.stripe { background-color: #fafafa; } tr.rank { background-color: #4c4c4c; line-height: 1.0; color: #FFFFFF; font-size: 14px; } tr.rank-plain { background-color: #4c4c4c; line-height: 1.0; font-size: 14px; } table.standard-table-compare.shop td.border-clear { border-top: 1px solid #e0e0e0; border-bottom: 0px; border-left: 0px; border-right: 0px; } table.standard-table-compare.shop td.border-ends { border-top: 1px solid #e0e0e0; border-bottom: 0px; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; } table.standard-table-compare.shop td.border-clear.divider { height: 15px; } table.standard-table-compare.shop td.border-clear.section-header { height: 35px; } .section-header-padding { text-align: left; padding: 0 0 0 10px; } .section-header-text { font-size: 18px; } .center-image { margin:0px auto; display:block; } /* Table Plain */ td.awards { width: 50%; padding: 10px; } /* Testimonial Carousel */ .testimonial-container { position: relative; } .testimonials { background: #f6f6f6; color: #000000; padding: 25px; line-height: 21px; border-radius: 2px; -webkit-box-shadow:: inset 0px -1px 0px 0px rgba(0,0,0, 0.06); box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.06); } .testimonials-bg { background: url(/images/testimonials-bg.png) no-repeat; margin-top: -1px; display: block; margin-left: 25px; width: 200px; height: 30px; } .testimonials-author { color: #169fe6; float: right; display: block; margin-top: -23px; margin-bottom: 20px; } .testimonials-author span { color:#a0a0a0 } .flexslider.testimonial-slider .flex-direction-nav { display: none; } /* Tooltip */ .ui-tooltip, .arrow:after { background: #444; } .ui-tooltip { color: #fff; padding: 1px 8px; position: absolute; z-index: 9999; font-size: 11px; max-width: 300px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .fade { opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 100ms ease-in-out; -moz-transition: opacity 100ms ease-in-out; -o-transition: opacity 100ms ease-in-out; -ms-transition: opacity 100ms ease-in-out; transition: opacity 100ms ease-in-out; } .fade.in { opacity: 1; filter: alpha(opacity=100); } .ie8 .arrow { display: none; } .arrow { width: 70px; height: 5px; overflow: hidden; position: absolute; left: 50%; margin-left: -35px; bottom: -5px; } .arrow.top { top: -16px; bottom: auto; } .arrow.left { left: 20%; } .arrow:after { content: ""; position: absolute; left: 23px; top: -20px; width: 21px; height: 21px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); tranform: rotate(45deg); } .arrow.top:after { top: auto; } /* Interstitial Page Custom */ .blue-bar { background-color: #24A0E3; height: 5px; width: 760px; margin-left: auto; margin-right: auto; } .wrapper-int { width: 700px; height: 1525px; padding: 30px; background-color: #FFFFFF; margin-left: auto; margin-right: auto; margin-bottom: 100px; } .wrapper-int2 { width: 700px; height: 550px; padding: 30px; background-color: #FFFFFF; margin-left: auto; margin-right: auto; margin-bottom: 100px; } .wrapper-int .logo-padding { padding: 15px 0 40px 0; } .wrapper-int .title-padding { padding: 0 0 50px 0; } .wrapper-int .one-third { width: 33% } .wrapper-int .intro { height: 253px; text-align: left; padding: 10px 0 0 35px; } .wrapper-int .box { width: 100px; padding: 10px; } .wrapper-int .orig-price { text-decoration: line-through; padding: 0 0 5px 0; } .wrapper-int .disc-price { font-weight: bold; } .wrapper-int .yes { width: 50%; margin: 0 0 10px 0; } .yes .size { font-size: 26px; } .yes .best { font-size: 14px; } /* Max Page Custom */ .col-1-top { height: 310px; } .col-1-top .text { padding-top: 60px; } .col-1-top .space { height: 310px; } .col-2-top { height: 310px; } .col-buy-link { padding: 5px 0 19px 0; } .col-3-top { height: 310px; } .col-4-top { height: 322px; } .col-bottom-fix { margin: -1.5px; } .centering-fix { padding-left: 45px } .text-row-top { text-align: left; height: 460px; padding: 0 5px 0 5px; } .text-row-bottom { text-align: left; height: 580px; padding: 0 20px 0 5px; } .snapshot-top { height: 445px; font-weight: bold; } .snapshot-bottom { height: 565px; font-weight: bold; } .border-fix { border-right: 1px solid #e0e0e0; } .yes .size { font-size: 26px; } .yes .best { font-size: 14px; } .pricing-table .one-fourth { width: 25% } .pricing-table .intro { height: 253px; text-align: left; padding: 10px 0 0 35px; } .pricing-table .box { width: 100px; padding: 10px; } .pricing-table .box-max { width: 100px; padding: 10px; } .price .white { color: #FFFFFF; } .pricing-table .white-bold { font-weight: bold; color: #FFFFFF; } .pricing-table .orig-price { text-decoration: line-through; padding: 0 0 5px 0; } .pricing-table .orig-price-no-disc { padding: 10px; } .pricing-table .orig-price-white { padding: 0 0 5px 0; color: #FFFFFF; } .pricing-table .disc-price { font-weight: bold; } .pricing-table .disc-price-white { font-weight: bold; color: #FFFFFF; } .pricing-table .yes { width: 50%; margin: 0 0 10px 0; } .yes .size { font-size: 26px; } .yes .best { font-size: 14px; } /* Pricing Tables */ .pricing-table { float: left; margin: 1px 0 0 -1px; } .pricing-table h3 { font-size: 16px; text-align: center; color: #fff; padding: 6px 0; margin: 0; font-weight: 200; } .pricing-table ul { padding: 10px 0 0 0; border: 1px solid #e0e0e0; border-top: 0; background: #fff; -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03); box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03); } /* .pricing-table li { color: #888; background: #fff; text-align: center; padding: 4px 0; } li.sign-up { border-top: 1px solid #e0e0e0; background: #fafafa; padding: 12px 0; margin-top: 10px; } li.sign-up a { font-weight: 200; letter-spacing: 0; } li.sign-up a:hover { opacity: 0.8; filter: alpha(opacity=80); } */ .pricing-table ul.plain { padding: 10px 0 0 0; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; border-top: 0; border-bottom: 0; background: #fff; -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03); box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03); text-align: left; } .pricing-table li.category-white { color: #000000; background: #fff; padding: 18px 0 17px 10px; } .pricing-table li.category-gray { color: #000000; background: #ECECEC; padding: 18px 0 17px 10px; } .pricing-table li.check-white { color: #000000; background: #fff; padding: 10px; } .pricing-table li.check-gray { color: #000000; background: #ECECEC; padding: 10px; } li.sign-up { border-top: 1px solid #e0e0e0; background: #fafafa; padding: 12px 0; margin-top: 10px; } .pricing-table li.two-lines { padding: 19px 0 19px 10px; } .pricing-table li.two-lines-fix { padding: 21px 0 20px 10px; } .pricing-table li.height-fix { padding: 25px 0 25px 10px; } /* Table */ .pricing-table h3, .pricing-table h4 { text-align: center; color: #fff; margin: 0; } .pricing-table { z-index: 1; position: relative; } .pricing-table h4 { padding: 12px 0 10px 0; } .pricing-table h4.no-disc { padding: 24px 0 23px 0; } .price, .time { display: block; line-height: 20px; } .price { font-size: 24px; font-weight: normal; } span.time { font-size: 12px; font-weight: 200; opacity: 0.6; } /* Featured */ .pricing-table.featured ul { padding: 10px 0 0 0; border: 1px solid #e0e0e0; border-top: 0; background: #fff; -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } .pricing-table.featured h3 { padding: 11px 0 13px 0; margin: -12px 0 0 0; } .pricing-table.featured li.sign-up { border-top: 1px solid #e0e0e0; background: #fafafa; padding: 18px 0; margin-top: 10px; } .featured div { -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); } /* Color Schemes */ /* Color 1 */ .pricing-table .color-1 h3, .color-1 .sign-up .button {background-color: #909090;} .pricing-table .color-1 h4 {background-color: #808080;} /* Color 2 */ .pricing-table .color-2 h3, .color-2 .sign-up .button {background-color: #565656;} .pricing-table .color-2 h4 {background-color: #4c4c4c;} /* Color 3 */ .pricing-table .color-3 h3 { background-color: #3dafea; } .pricing-table .color-3 h4, .color-3 .sign-up .button { background-color: #169fe6; } /* Color 4 */ .pricing-table .color-4 h3 { background-color: #3dafea; } .pricing-table .color-4 h4, .color-4 .sign-up .button .orange { background-color: #169fe6; } /* Contact Form */ #contact fieldset div { margin-bottom: 20px; } #contact fieldset div input { width: 220px; } #contact textarea { max-width: 620px; min-width: 620px; min-height: 160px; } #contact textarea.support { max-width: 420px; min-width: 420px; min-height: 160px; } #contact textarea.contact-newsletter { max-width: 500px; min-width: 500px; min-height: 160px; } #contact input, #contact textarea, #contact select { -webkit-transition: background 200ms ease-in-out, border-color 200ms ease-in-out; -moz-transition: background 200ms ease-in-out, border-color 200ms ease-in-out; -o-transition: background 200ms ease-in-out, border-color 200ms ease-in-out; -ms-transition: background 200ms ease-in-out, border-color 200ms ease-in-out; transition: background 200ms ease-in-out, border-color 200ms ease-in-out; } #contact input:focus, #contact textarea:focus, #contact select:focus { border: 1px solid #d6d6d6; outline: none; position: relative; z-index: 5; } #contact input.error, #contact textarea.error, #contact select.error { border: 1px solid #f2c4c2; background: #ffeceb; } #contact label span {color: #ed1c1c;} #contact input[type="submit"][disabled] { background:#aaa; } #message {margin: 0; padding: 0; display: block; background: transparent none;} .loader { padding: 10px; float: left; } /* Email Form */ #email-form fieldset div { margin-bottom: 20px; } #email-form fieldset div input { width: 160px; } #email-form textarea { max-width: 620px; min-width: 620px; min-height: 160px; } #email-form input, #email-form textarea, #email-form select { -webkit-transition: background 200ms ease-in-out, border-color 200ms ease-in-out; -moz-transition: background 200ms ease-in-out, border-color 200ms ease-in-out; -o-transition: background 200ms ease-in-out, border-color 200ms ease-in-out; -ms-transition: background 200ms ease-in-out, border-color 200ms ease-in-out; transition: background 200ms ease-in-out, border-color 200ms ease-in-out; } #email-form input:focus, #email-form textarea:focus, #email-form select:focus { border: 1px solid #d6d6d6; outline: none; position: relative; z-index: 5; } #email-form input.error, #email-form textarea.error, #email-form select.error { border: 1px solid #f2c4c2; background: #ffeceb; } #email-form label span {color: #ed1c1c;} #email-form input[type="submit"][disabled] { background:#aaa; } #message {margin: 0; padding: 0; display: block; background: transparent none;} .loader { padding: 10px; float: left; } /* Footer */ #footer { background: #4c4c4c; width: 1020px; padding: 30px 0 31px 0;; margin: 0 auto; font-size: 12px; } #footer-bottom { background: #424242; width: 1020px; padding: 15px 0; margin: 0 auto; font-size: 12px; } #footer, #footer p, #footer a { color: #ddd; } #footer a:hover { color: #fff; } #footer h4 { padding: 0; margin: 0 0 15px 0; font-size: 14px; color: #fff; } .copyright { color: #aaa; } .copyright a, .copyright span { color: #eee !important; } #sub-menu { float: right; font-size: 11px; } #sub-menu ul li a { color: #aaa; } #sub-menu ul li a:hover { color: #eee; } #sub-menu ul li { display: inline-block; border-left: 1px solid #505050; margin:0; padding: 0 8px 0 8px; line-height: 12px; } #sub-menu ul li:first-child { border: none; padding-left: 0; } #sub-menu ul li:last-child { padding-right: 0; } #logo-footer { margin: 10px 0 20px 0; width: 100px; height: 24px; } /* Contact Details */ .contact-details-alt li p strong { color:#fff; float: left; margin: 0 5px 5px 0; } .contact-details li p strong { color:#666; float: left; margin: 0 5px 5px 0; } span.hours {float: right;} .contact-informations.second {margin: 15px 0 0 0} .address {line-height: 21px;} .contact-details-alt li { margin: 0 0 15px 0; } .contact-details p, .contact-details li, .contact-details a {color: #666;} .contact-informations p {margin:0;} .contact-informations.hours i { float: left; margin: 0 5px 0 0; } .contact-details-alt p { margin: -2px 0 0 0px; line-height: 18px; } .contact-informations li i { float: left; margin: 3px 5px 0 0; } .contact-details-alt li i { float: left; margin: 1px 0 0 0; } .contact-details-cust { padding: 40px 0 5px 0; font-size: 20px; } /* Shop */ .shop-page.page-content { margin: 0 -10px; } .container .four-shop.columns { width: 200px; } #price-range input { padding: 0; background: 0; border: 0; box-shadow: none; margin: 2px 0 0 4px; float: left; width: 100px; } #price-range .button { float: right; padding: 3px 11px 4px 11px; margin: -5px 0 0 0; } #price-range label { float: left; } .padding-range { padding: 0 8px; } #slider-range { margin: 0 0 16px 0; } #price-range .ui-slider { position: relative; text-align: left; } #price-range .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 17px; height: 17px; margin: 2px 0 0 0; cursor: w-resize; } #price-range .ui-slider .ui-slider-range { position: absolute; z-index: 1; height: 14px; display: block; border: 0; background-position: 0 0; } #price-range .ui-widget-content { box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.05); background-color: #f2f2f2; padding: 2px 0; border-radius: 2px; } #price-range .ui-widget-header { background: #169fe6; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.1); } #price-range .ui-state-default { background: #ddd; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.08); border-radius: 2px; } #price-range .ui-slider.ui-state-disabled .ui-slider-handle, #price-range .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } #price-range .ui-slider-horizontal { height: .8em; } #price-range .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } #price-range .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } #price-range .ui-slider-horizontal .ui-slider-range-min { left: 0; } #price-range .ui-slider-horizontal .ui-slider-range-max { right: 0; } /* Shopping Cart */ #cart, .latest-shop-items { padding: 18px; width: 84%; display: inline-block; background-color: #f2f2f2; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.05); border-radius: 2px; color: #666; } #cart-yellow, .latest-shop-items { padding: 18px; width: 84%; display: inline-block; background-color: #FFD76B; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.05); border-radius: 2px; color: #666; } input.line-up { float: left; } #cart-gray, .latest-shop-items { padding: 18px; width: 84%; display: inline-block; background-color: #CCCCCC; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.05); border-radius: 2px; color: #666; } .cart-items { border-bottom: 1px solid #e6e6e6; padding: 0 0 10px 0; } #cart .button, .shop-item .button { padding: 5px 16px 6px 16px !important; } #cart .button.color { margin: 0 0 0 2px; } .cart-items li { margin: 0 0 10px 0; } .cart-items li:last-child { margin: 0; } a.cart-item-title { color: #444; font-weight: 600; display: block; } a.cart-item-title:hover { color: #888; display: block; } .cart-item-amount { color: #888; display: block; font-size: 12px; } .cart-subtotal { display: block; margin: 8px 0; color: #888; } .cart-subtotal strong { color: #888; font-weight: 500; } a.item-remove { color: #eb4c4c; font-size: 11px; } .empty-cart { color: #888; } /* gray-block */ #gray-block, .latest-shop-items { padding: 18px; width: 84%; display: inline-block; background-color: #f2f2f2; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.05); border-radius: 2px; color: #666; } .gray-block-items { border-bottom: 1px solid #e6e6e6; padding: 0 0 10px 0; } #gray-block .button, .shop-item .button { padding: 5px 16px 6px 16px !important; } #gray-block .button.color { margin: 0 0 0 2px; } .gray-block-items li { margin: 0 0 10px 0; } .gray-block-items li:last-child { margin: 0; } a.gray-block-item-title { color: #444; font-weight: 600; display: block; } a.gray-block-item-title:hover { color: #888; display: block; } .gray-block-item-amount { color: #888; display: block; font-size: 12px; } .gray-block-subtotal { display: block; margin: 8px 0; color: #888; } .gray-block-subtotal strong { color: #888; font-weight: 500; } a.item-remove { color: #eb4c4c; font-size: 11px; } .empty-gray-block { color: #888; } /* Sidebar */ .latest-shop-items { margin-bottom: 15px; } .latest-shop-items p { margin: 0; color: #666; line-height: 19px; margin-left: 77px; } .latest-shop-items p a {color: #666; display: block;} .latest-shop-items p a:hover {color: #888;} .latest-shop-items p span { color: #888; margin: 5px 0 0 0; display: block; } .latest-shop-items img { float: left; width: 56px; border: 1px solid #e0e0e0; padding: 4px; border-radius: 2px; background: #fff; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .latest-shop-items img:hover { background: #169fe6; border: 1px solid #169fe6; } /* Shop Item */ .shop-item img { border: 1px solid #eee; border-bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 180ms ease-in-out; -moz-transition: all 180ms ease-in-out; -o-transition: all 180ms ease-in-out; -ms-transition: all 180ms ease-in-out; transition: all 180ms ease-in-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .shop-item img:hover { opacity: 0.7; filter: alpha(opacity=70); border-color: #e7e7e7; } .shop-item .item-description { padding: 14px 10px 19px 10px; } .shop-item .item-description h5 { line-height: 18px; font-size: 13px; font-weight: 600; margin: 3px 0 0 0; -webkit-transition: all 180ms ease-in-out; -moz-transition: all 180ms ease-in-out; -o-transition: all 180ms ease-in-out; -ms-transition: all 180ms ease-in-out; transition: all 180ms ease-in-out; } .shop-item .item-description a:hover h5 { color: #888; } .shop-item .item-description span { color: #666; font-size: 13px; font-weight: 300; display: block; margin: 0 0 10px 0; } .shop-item { margin: 10px 0; display: block; background-color: #fff; } .shop-item .item-description { background-color: #f4f4f4; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.07); border-radius: 0 0 2px 2px; border-color: #e8e8e8; } .shop-item .button { padding: 5px 13px 7px 13px; } .pagination.shop { margin: 20px 0 40px 0; } /* Shop Product Page */ .flexslider.shop { border: 1px solid #e0e0e0; -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03); box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03); margin: 0 0 20px 0; } .flexslider.shop img { -webkit-transition: all 180ms ease-in-out; -moz-transition: all 180ms ease-in-out; -o-transition: all 180ms ease-in-out; -ms-transition: all 180ms ease-in-out; transition: all 180ms ease-in-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .flexslider.shop img:hover { opacity: 0.7; filter: alpha(opacity=70); } .flexslider.shop .flex-direction-nav { display: none; } table.standard-table.shop { margin: 0; border-bottom: 1px solid #e0e0e0; } table.standard-table.shop th { border-bottom: none; font-size: 13px; } table.standard-table.shop th{ margin-bottom: -1px; } table.standard-table.shop td { padding: 10px 15px; border: #e0e0e0 1px solid; border-bottom: none; } /* Shop - Compare */ table.standard-table-compare.shop { margin: 0; border-bottom: 1px solid #e0e0e0; } table.standard-table-compare.shop th { border-bottom: none; font-size: 13px; } table.standard-table-compare.shop th{ margin-bottom: -1px; } /* table.standard-table-compare.shop td { padding: 5px 5px; border: #e0e0e0 1px solid; border-bottom: none; } */ table.standard-table-compare.shop td { padding: 3px 3px; border: #e0e0e0 1px solid; border-bottom: none; } .product-info-left { float: left; width: 60%; } .product-info-right { float: right; width: 40%; } .product-info .orig-price { font-size: 15px; font-weight: 300; color: #000; /* margin: 0 0 15px 0; */ margin: 0; text-decoration: ; } .product-info .disc-price { font-size: 20px; font-weight: bold; color: #FF430C; /* margin: 0 0 15px 0; */ margin: 0; } .product-info .orig-price-sm { font-size: 18px; font-weight: 300; color: #000; /* margin: 0 0 15px 0; */ margin: 0; } .product-info .disc-price-sm { font-size: 18px; font-weight: bold; color: #FF430C; /* margin: 0 0 15px 0; */ margin: 0; } .product-info .orig-price-rel { font-size: 14px; font-weight: 300; color: #000; /* margin: 0 0 15px 0; */ margin: 0; } .product-info .disc-price-rel { font-size: 14px; font-weight: bold; color: #FF430C; /* margin: 0 0 15px 0; */ margin: 0; } .product-info .orig-price-compare { font-size: 14px; font-weight: 300; color: #000; /* margin: 0 0 15px 0; */ margin: 0; } .product-info .orig-price-compare2 { font-weight: 400; color: #000; /* margin: 0 0 15px 0; */ margin: 0; text-decoration: line-through; } .product-info .orig-price-compare-no-line2 { font-weight: 400; color: #000; /* margin: 0 0 15px 0; */ margin: 0; } .product-info .disc-price-compare { font-size: 14px; font-weight: bold; color: #FF430C; /* margin: 0 0 15px 0; */ margin: 0; } .product-info .disc-price-compare2 { font-weight: bold; color: #FF430C; /* margin: 0 0 15px 0; */ margin: 0; } .product-info .no-disc-price-compare { font-size: 10px; color: #797979; /*margin: 0 0 15px 0; */ margin: 0; line-height: 2.0; } .product-info h3 { font-size: 20px; font-weight: 500; color: #333; line-height: 26px; margin: 0 0 7px 0; } .product-info h3.bold { font-size: 20px; font-weight: 700; color: #333; line-height: 26px; margin: 0 0 7px 0; } .product-info h4.bold { font-size: 16px; font-weight: 700; color: #333; } .product-info dt.bold { font-weight: 700; } .product-info .box { width: 50px; display: block; margin: 0 auto; } .product-info .size { width: 20%; vertical-align: middle; } .product-info .no-disc { color: #797979; } .product-info .screenshot { width: 60px; } .product-amount input { width: 20px; padding: 5px; text-align: center; float: left; border-radius: 2px 0 0 2px; } .product-amount { margin: 0 0 10px 0; float: left; } .increase-value { float: left; color:#fff; background: #169fe6; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.15); cursor: pointer; border-radius: 0 2px 2px 0; margin-left: -1px; font-size: 11px; height: 30px; width: 30px; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .increase-value span { margin: 4px 0 0 0; display: inline-block; } .increase-value:hover { background: #aaa; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.1); } /* Shop Media Queries */ @media only screen and (max-width: 767px) { .container .four-shop.columns { width: 260px; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .container .four-shop.columns { width: 360px; } } @media only screen and (min-width: 768px) and (max-width: 959px) { .container .four-shop.columns { width: 140px; } } @media only screen and (max-width: 767px) { .shop-page.page-content { margin: 0; } } @media only screen and (min-width: 768px) and (max-width: 959px) { #cart .button.color { margin: 5px 0 0 0; } } /* Media Queries */ /* Higher than standard 960 (desktop devices) */ @media only screen and (min-width: 960px) { /* You need at least a height, adjust this to your needs */ .jcarousel { height: 317px; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { /* Transforms nav to drop-down menu -- important --*/ #tagline, .social-icons, .contact-details, .top-search, .js #responsive, .left-corner, .right-corner { display: none; } .js .selectnav { display: block; } #navigation { margin:0; width: 100%; height: auto; background: transparent; } .selectnav { cursor: pointer; padding: 10px; margin: 0 0 30px 30px; float: left; font-size: 14px; width: 90%; } /* END Transforms nav to drop-down menu -- important --*/ #wrapper, #footer, #footer-bottom { width: 714px; } #wrapper2, #footer2, #footer-bottom2 { width: 514px; } #navigation { width: 734px; } .style-2 { width: 714px !important; } .contact-details-alt li p strong { margin: 0 5px 0 0; } .line { margin: 0 0 0 -28px; padding: 0 56px 0 0; } .widget-search input { width: 134px; } .cut { display: none; } .sidebar { padding: 28px 0; } .post { margin: 24px 0; } ol li ol.childlist .comment-des { float:right; width:70%; } .comment-des { float:right; width: 73%; } #contact textarea { max-width: 425px; min-width: 425px; } .medium-image { margin: 0 25px 0 0; width: 35%; } .medium-content { width: 46%; } .post.medium { margin: 30px 0; } #not-found h2 { font-size: 160px; line-height: 160px; } #not-found i { font-size: 155px; } #not-found p { font-size: 22px; line-height: 32px; } .client-list img { width: 130px; height: auto; } } /* All Mobile Sizes (devices and browsers) */ @media only screen and (max-width: 767px) { #sub-menu { float: left; margin: 5px 0 0 0; } #tagline, .social-icons, .contact-details, .top-search, .slide-caption, .js #responsive, .left-corner, .right-corner { display: none; } .portfolio-item, .recent-blog { margin: 0 0 40px 0; } .js .selectnav { display: block; } #navigation { margin:0; width: 100%; height: auto; background: transparent; } .selectnav { cursor: pointer; padding: 10px; margin: 0 0 30px 30px; float: left; font-size: 14px; } #header { min-height: 115px; } #footer h4 { margin-top: 20px; } #footer { padding-top: 20px; } .page-title { padding-bottom: 30px !important; } #breadcrumbs ul { float: left; padding: 0; margin-top: 5px; width: 100%; } .icon-box-container { margin: 30px 0 20px 0; } .icon-box { margin-bottom: 20px; } .page-title h2 { padding: 0; position: relative; } .post { margin: 24px 0; } .meta span { display: none; } .line { margin: 0 0 0 -30px; padding: 0 60px 0 0; } .floated.sidebar.left, .floated.sidebar.right { -webkit-box-shadow: none; box-shadow: none; padding-bottom: 0; margin: 0; border: none; } .floated.sidebar.left { border-bottom: 1px solid #e0e0e0; } .floated.sidebar.right { border-top: 1px solid #e0e0e0; } #portfolio-navi { float: left; margin-left: 0; } #not-found h2 { font-size: 110px; line-height: 120px; } #not-found i { font-size: 105px; } #not-found p { font-size: 22px; line-height: 32px; } body .container .columns.carousel-intro { float:none !important; } .comment-by { margin-bottom: 20px; } .caption-gray, .caption-color, .caption-transparent { display: none !important; } .post.medium { margin: 40px 0; } #logo-footer { margin: 20px 0; } .pricing-table { margin-bottom: 20px; } .pricing-table.featured { margin-top: 12px; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { #wrapper, #footer, #footer-bottom { width: 420px; } .selectnav { width: 355px; } .container.floated { width: 420px; padding: 0; } .blank.floated { width: 360px; padding: 0 30px; } .flickr-widget a { width: 73px; height: 73px; margin-right: 9px; margin-bottom: 9px; } ol li ol.childlist .comment-des { float:right; width:61%; } .comment-des { float:right; width: 67%; } #contact textarea { max-width: 340px; min-width: 340px; } .medium-image { margin: 0 25px 0 0; width: 30%; } .medium-content { width: 46%; } .client-list img { width: 179px; height: auto; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { #wrapper, #footer, #footer-bottom { width: 320px; } .selectnav { width: 255px; } .container.floated { width: 320px; padding: 0; } .blank.floated { width: 260px; padding: 0 30px; } .flickr-widget a { width: 69px; height: 69px; margin-right: 9px; margin-bottom: 9px; } ol li ol.childlist .comment-des { float:right; width:47%; } .comment-des { float:right; width: 54%; } #contact textarea { max-width: 240px; min-width: 240px; } .medium-image { margin: 0 25px 0 0; width: 100%; } .medium-content { width: 80%; } .client-list img { width: 260px; height: auto; } } /* Retina Images (High Resolution) */ @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { /* Miscellaneous */ .flex-direction-nav .flex-next {background: url(/images/slider-right@2x.png) no-repeat 50%; background-color: #4c4c4c; right: 0; background-size: 25%;} .flex-direction-nav .flex-prev {background: url(/images/slider-left@2x.png) no-repeat 50%; background-color: #4c4c4c; left:0; background-size: 25%;} .ls-fullwidth .ls-nav-prev { background: url(/images/slider-left@2x.png) no-repeat 50%; background-color: #4c4c4c; left: 0; background-size: 25%; } .ls-fullwidth .ls-nav-next { background: url(/images/slider-right@2x.png) no-repeat 50%; background-color: #4c4c4c; right: 0; background-size: 25%; } .check-list li { background: url(/images/icon-list-check@2x.png) no-repeat 0% 3px; padding: 0 0 0 18px; background-size: 13px 11px; } .sign-list li { background: url(/images/icon-list-sign@2x.png) no-repeat 0% 3px; padding: 0 0 0 18px; background-size: 12px; } .plus-list li { background: url(/images/icon-list-plus@2x.png) no-repeat 0% 3px; padding: 0 0 0 18px; background-size: 12px; } .star-list li { background: url(/images/icon-list-star@2x.png) no-repeat 0% 3px; padding: 0 0 0 18px; background-size: 12px; } } /* Retina Images (High Resolution) */ @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { /* Miscellaneous */ .flex-direction-nav .flex-next {background: url(/images/slider-right@2x.png) no-repeat 50%; background-color: #4c4c4c; right: 0; background-size: 25%;} .flex-direction-nav .flex-prev {background: url(/images/slider-left@2x.png) no-repeat 50%; background-color: #4c4c4c; left:0; background-size: 25%;} .ls-fullwidth .ls-nav-prev { background: url(/images/slider-left@2x.png) no-repeat 50%; background-color: #4c4c4c; left: 0; background-size: 25%; } .ls-fullwidth .ls-nav-next { background: url(/images/slider-right@2x.png) no-repeat 50%; background-color: #4c4c4c; right: 0; background-size: 25%; } .check-list li { background: url(/images/icon-list-check@2x.png) no-repeat 0% 3px; padding: 0 0 0 18px; background-size: 13px 11px; } .sign-list li { background: url(/images/icon-list-sign@2x.png) no-repeat 0% 3px; padding: 0 0 0 18px; background-size: 12px; } .plus-list li { background: url(/images/icon-list-plus@2x.png) no-repeat 0% 3px; padding: 0 0 0 18px; background-size: 12px; } .star-list li { background: url(/images/icon-list-star@2x.png) no-repeat 0% 3px; padding: 0 0 0 18px; background-size: 12px; } } .barchart { background-color: #a3dbe3; height: 5em; padding: 0em; margin: 0.625em 0; width: 100%; } .barchart .meter { background: #2daebf; height: 100%; display: block; } table.chart { width: 100%; border-width: 0; margin: 40px 0; } table tr.even, table tr.alt, table tr:nth-of-type(even) { background: #FFF; } td.chart { font-size: 14px; margin-bottom: 50px; padding: 0 0 20px 0; } p.percentage { font-size: 30px !important; color: #6f6f6f; font-weight: 300; margin-bottom: 17px;} .temp { vertical-align: middle; } .section-on { margin: 10px 0 40px 0; padding: 10px 20px 10px 20px; background-color: #F2F2F2; } .section-off { padding: 10px 20px 40px 20px; } .screenshot-padding { padding: 20px; } ul.screenshots li { width: 160px; display: inline-block; padding: 0 12px 0 12px; } ul.screenshots-sm li { width: 80px; display: inline-block; padding: 0 12px 0 12px; } .ui-screenshot-container { background-color: #F2F2F2; padding: 10px; margin-bottom: 10px; } .rightnav-title { font-size: 18px; line-height: 1.25; } .screenshot-label { font-size: 12px; text-align: center; } table.center { margin-left:auto; margin-right:auto; } table td,th.center { margin-left:auto; margin-right:auto; } .tech-details-tab { width: 250px; } .extra-features-tab { width: 125px; } .related-box-single { width: 50px; display: block; margin: 0 auto; } .related-float { float: left; padding-right: 5px; } .vs-box { width: 150px; display: block; margin-left: auto; margin-right: auto; vertical-align: bottom; } .definition-term { font-weight: bold; } /* Pricing Tables */ .pricing-table-int { float: left; margin: 1px 0 0 -1px; } .pricing-table-int h3 { font-size: 16px; text-align: center; color: #fff; padding: 6px 0; margin: 0; font-weight: 200; } .pricing-table-int ul { padding: 10px 0 0 0; border: 1px solid #e0e0e0; border-top: 0; background: #fff; -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03); box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03); } .pricing-table-int li { color: #888; background: #fff; text-align: center; padding: 4px 0; } /* Table */ .pricing-table-int h3, .pricing-table-int h4 { text-align: center; color: #fff; margin: 0; } .pricing-table-int { z-index: 1; position: relative; } .pricing-table-int h4 { padding: 12px 0 10px 0; } .price, .time { display: block; line-height: 20px; } .price { font-size: 24px; font-weight: normal; } span.time { font-size: 12px; font-weight: 200; opacity: 0.6; } /* Featured */ .pricing-table-int.featured ul { padding: 10px 0 0 0; border: 1px solid #e0e0e0; border-top: 0; background: #fff; -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } .pricing-table-int.featured h3 { padding: 11px 0 13px 0; margin: -12px 0 0 0; } .pricing-table-int.featured li.sign-up { border-top: 1px solid #e0e0e0; background: #fafafa; padding: 18px 0; margin-top: 10px; } .featured div { -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); } /* Color Schemes */ /* Color 1 */ .pricing-table-int .color-1 h3, .color-1 .sign-up .button {background-color: #909090;} .pricing-table-int .color-1 h4 {background-color: #808080;} /* Color 2 */ .pricing-table-int .color-2 h3, .color-2 .sign-up .button {background-color: #565656;} .pricing-table-int .color-2 h4 {background-color: #4c4c4c;} /* Color 3 */ .pricing-table-int .color-3 h3 { background-color: #3dafea; } .pricing-table-int .color-3 h4, .color-3 .sign-up .button { background-color: #169fe6; } .weekend-sale { font-size: 30px; padding: 0 0 30px 0; color: red; font-weight:bold; } .stars-inline { display: inline-block; } /* Hides HP Header on small width devices */ @media screen and (max-width: 768px) { #title_message { visibility: hidden; clear: both; float: left; margin: 10px auto 5px 20px; width: 28%; display: none; } } /* Custom Review Template Changes */ .buy-box-score { border: 1px solid #D2D2D2; font-weight: bold; background-color: #F8F8F8; padding: 10px; font-size: 20px; } .buy-box-score-sm { border: 1px solid #D2D2D2; background-color: #F8F8F8; font-weight: bold; padding: 5px; font-size: 15px; margin: 7px 0 5px 0; } .buy-box-name { font-size: 14px; padding: 0 0 5px 0; font-weight: bold; } ul li.list-padding { padding-bottom: 5px; } .yellow-hi { background-color: yellow; font-weight: bold; } h2.review-case { padding: 5px 0 5px 0; text-align: center; font-size: 18px; } .matrix-score { color: black; font-weight: bold; } hr.case-split { margin: 0 0 10px 0; } /* Custom Landers */ .big-check { list-style-image: url(/images/check.png); line-height: 1.1; padding: 0 0 30px 0; } .award-block { display: inline-block; padding-left: 10px; } .underline-bold { text-decoration: underline; font-weight: bold; } li.features-spacing { padding-bottom: 15px; } .heading-color { color: #BF2744; } /* Custom - Blue/Gray Stack Lander */ .vert-line { display: inline-block; width: 1%; height: 80%; border-left: 1px solid #ccc; margin: 20px 0 0 0; vertical-align: middle; } ul.sub-screenshots li { width: 160px; display: inline-block; padding: 0 12px 0 12px; } .border-winner { border: 2px solid #186BC2; } .table-wide { width: 100%; } .border-others { border: 2px solid #777777; } .cell-1-winner { background-color: #186BC2; color: white; text-align: center; vertical-align: middle; font-size: 50px; font-weight: bold; width: 50px; } .cell-1-others { background-color: #777777; color: white; text-align: center; vertical-align: middle; font-size: 50px; font-weight: bold; width: 50px; } .cell-2 { width: 100px; padding: 20px; vertical-align: middle; } .cell-3 { width: 200px; padding: 10px; } .cell-4 { width: 250px; text-align: center; padding: 10px; vertical-align: middle; } .cell-5 { text-align: center; vertical-align: middle; } .cell-6 { text-align: center; vertical-align: middle; } .award-padding { width: 85px; padding: 10px 0 10px 0; } .award-padding-review { width: 125px; padding: 10px 0 10px 0; } .winner-text { padding: 0 0 10px 0; font-size: 16px; font-style: italic; font-weight: bold; } .cart-button { padding: 5px; font-size: 13px; } .sub-container-winner { border-left: 2px solid #186BC2; border-bottom: 2px solid #186BC2; border-right: 2px solid #186BC2; width: 99%; border-radius: 0 0 15px 15px; } .sub-container-others { border-left: 2px solid #777777; border-bottom: 2px solid #777777; border-right: 2px solid #777777; width: 99%; border-radius: 0 0 15px 15px; } .flag-padding { padding: 5px 0 0 0; } .country-font-size { font-size: 12px; } .page-content ul.disc { list-style: disc; } /* Comparison Matrix Checkmarks */ .center-image2 { display: block; margin-left: auto; margin-right: auto; vertical-align: middle; } .checkmark { width: 30px; } .center-td { vertical-align: middle; } .yellow2 { background-color: #fdda7d; } .yellow3 { background-color: #faedc9; } .lander-blocks { font-size: 17px; } /* Modal */ /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } /* Modal Content */ .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 300px; height: 350px; } /* The Close Button */ .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; }