/* * Shortcodes * * @package WP Pro Real Estate 4 * @subpackage CSS */ /* Gallery Photo */ .single-gallery-thumb{ display: block; -webkit-transition: background .2s linear;-moz-transition: background .2s linear;-o-transition: background .2s linear;-ms-transition: background .2s linear;transition: background .2s linear; } .single-gallery-thumb:hover{ background: #fff } .single-gallery-thumb img{ -webkit-transition: opacity .2s linear;-moz-transition: all .2s linear;-o-transition: all .2s linear;-ms-transition: all .2s linear;transition: opacity .2s linear; } .single-gallery-thumb img:hover{ opacity: 0.6; -webkit-opacity: 0.6; -moz-opacity: 0.6 } .gallery-photo.five.columns { width: 240px;} .gallery-photo.six.columns { width: 270px;} /* Google Map */ .googlemap { margin: 0 0 20px;position: relative; max-width: inherit; } .googlemap .map_canvas { width: 100%;height: 100%;} .googlemap .map_canvas h3 { margin: 0 0 10px; font-size: 14px} .map_canvas img { max-width:none !important } /* HR */ hr.none { border: none; outline: none; height: 1px; background: none; } hr.dotted-line { border: none; border-top: 1px dotted #ccc; } hr.solid-line { border: none; border-top: 1px solid #eee; } hr.double-line { border: none; border-top: 1px solid #ccc; height:4px; border-bottom: 1px solid #ccc; } hr.dashed-line { border: none; border-top: 1px dashed #ccc; } /* Testimonial */ .testimonial-content{ position: relative; background: #f9f9f9; padding: 12px; color: #9c9c9c; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; line-height: 1.8em; } .testimonial-content:after{content: ""; position: absolute; left: 12px; bottom: -12px; width:0px; height:0px; border-bottom:12px solid transparent;border-top:8px solid transparent;border-right:12px solid #f9f9f9;font-size:0px;line-height:0px} .testimonial-content p:last-child{ margin: 0 } .testimonial-author{ margin-top: 12px; margin-left: 18px; font-size: 11px; color: #999; font-weight: bold } /* Social */ .ct-social-icon{ margin-bottom: 5px; margin-right: 5px; } .ct-social-icon:hover{ opacity: 0.7; -webkit-opacity: 0.9; -moz-opacity: 0.9 } /* Alerts */ .alert-gray, .alert-red, .alert-green, .alert-blue, .alert-yellow { font-size: 12px; color: #fff; font-weight: bold; padding: 15px; margin-bottom: 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border-width: 1px; border-style: solid; line-height: 18px; } .alert-gray { background-color: #f9f9f9; border-color: #eee; color: #777; } .alert-red { background-color: #fcdfde; border-color: #f9d4d3; color: #b87979; } .alert-red .alert-title{ color: #b87979 } .alert-green { background-color: #daf0da; border-color: #c4ebc4; color: #7c9d7c } .alert-green .alert-title{ color: #7c9d7c } .alert-blue { background-color: #dff5fb; border-color: #cbeef7; color: #7b9ea6 } .alert-blue .alert-title{ color: #7b9ea6 } .alert-yellow { background-color: #fff8de; border-color: #f4e6b4; color: #a8a186; } .alert-yellow .alert-title{ color: #a8a186 } .alert-title { font-size: 14px; margin: 0 0 5px } .alert-red p:last-child, .alert-green p:last-child, .alert-blue p:last-child, .alert-yellow p:last-child { margin: 0;} #sidebar [class*='alert-']{ margin-bottom: 0; } /* Buttons */ .button { margin-right: 10px; margin-bottom: 10px; -moz-transition: all 0.1s ease-in-out 0s; border-radius: 3px; cursor: pointer; display: inline-block; font-family: Arial, Helvetica, sans-serif; font-weight: bold; white-space: nowrap; nowhitespace: afterproperty; line-height: 1em; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); outline: none; overflow: visible; } .button span.button-inner { display: inline-block; color: #fff; font-weight: bold; padding: 1em 1.4em; line-height: 0.8em; text-decoration: none; text-align: center; white-space: nowrap; text-shadow: 0 -1px 0 rgba(0,0,0,0.35); } .button:active { background: -moz-linear-gradient(center top,rgba(0,0,0,.25) 0%,rgba(255,255,255,.1) 100%); background: -webkit-gradient(linear,center bottom,center top,from(rgba(255,255,255,.1)),to(rgba(0,0,0,.25))); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#19000000',EndColorStr='#19FFFFFF'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19000000',EndColorStr='#19FFFFFF')"; } .button:hover { opacity: 0.9; -moz-opacity: 0.9; -webkit-opacity: 0.9; } .button { border: 1px solid #ccc; box-shadow: 0 1px 0 0 rgba(255, 255, 255, 1.0) inset; background: #f0f0f0; background: -moz-linear-gradient(top, #f0f0f0 0%, #d9dade 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#d9dade)); background: -webkit-linear-gradient(top, #f0f0f0 0%,#d9dade 100%); background: -o-linear-gradient(top, #f0f0f0 0%,#d9dade 100%); background: -ms-linear-gradient(top, #f0f0f0 0%,#d9dade 100%); background: linear-gradient(to bottom, #f0f0f0 0%,#d9dade 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#d9dade',GradientType=0 ); } .button.black { background: #505050; background: -moz-linear-gradient(top, #505050 0%, #101010 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#505050), color-stop(100%,#101010)); background: -webkit-linear-gradient(top, #505050 0%,#101010 100%); background: -o-linear-gradient(top, #505050 0%,#101010 100%); background: -ms-linear-gradient(top, #505050 0%,#101010 100%); background: linear-gradient(to bottom, #505050 0%,#101010 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505050', endColorstr='#101010',GradientType=0 ); border: 1px solid #101010; box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2) inset; } .button.black:active { background: #101010; background: -moz-linear-gradient(top, #101010 0%, #505050 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#101010), color-stop(100%,#505050)); background: -webkit-linear-gradient(top, #101010 0%,#505050 100%); background: -o-linear-gradient(top, #101010 0%,#505050 100%); background: -ms-linear-gradient(top, #101010 0%,#505050 100%); background: linear-gradient(to bottom, #101010 0%,#505050 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#101010', endColorstr='#505050',GradientType=0 ); } .button.gray { background: #aaaaaa; background: -moz-linear-gradient(top, #aaaaaa 0%, #7e7e7e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aaaaaa), color-stop(100%,#7e7e7e)); background: -webkit-linear-gradient(top, #aaaaaa 0%,#7e7e7e 100%); background: -o-linear-gradient(top, #aaaaaa 0%,#7e7e7e 100%); background: -ms-linear-gradient(top, #aaaaaa 0%,#7e7e7e 100%); background: linear-gradient(to bottom, #aaaaaa 0%,#7e7e7e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#7e7e7e',GradientType=0 ); border: 1px solid #7e7e7e; box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3) inset; } .button.gray:active { background: #7e7e7e; background: -moz-linear-gradient(top, #7e7e7e 0%, #aaaaaa 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7e7e7e), color-stop(100%,#aaaaaa)); background: -webkit-linear-gradient(top, #7e7e7e 0%,#aaaaaa 100%); background: -o-linear-gradient(top, #7e7e7e 0%,#aaaaaa 100%); background: -ms-linear-gradient(top, #7e7e7e 0%,#aaaaaa 100%); background: linear-gradient(to bottom, #7e7e7e 0%,#aaaaaa 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e7e7e', endColorstr='#aaaaaa',GradientType=0 ); } .button.light-gray span.button-inner { color: #505050; text-shadow: 0 1px 0 rgba(255, 255, 255, 1.0); } .button.light-gray:active { background: #d9dade; background: -moz-linear-gradient(top, #d9dade 0%, #f0f0f0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9dade), color-stop(100%,#f0f0f0)); background: -webkit-linear-gradient(top, #d9dade 0%,#f0f0f0 100%); background: -o-linear-gradient(top, #d9dade 0%,#f0f0f0 100%); background: -ms-linear-gradient(top, #d9dade 0%,#f0f0f0 100%); background: linear-gradient(to bottom, #d9dade 0%,#f0f0f0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9dade', endColorstr='#f0f0f0',GradientType=0 ); } .button.red { background: #cf4647; background: -moz-linear-gradient(top, #d25354 0%, #a62b2c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d25354), color-stop(100%,#a62b2c)); background: -webkit-linear-gradient(top, #d25354 0%,#a62b2c 100%); background: -o-linear-gradient(top, #d25354 0%,#a62b2c 100%); background: -ms-linear-gradient(top, #d25354 0%,#a62b2c 100%); background: linear-gradient(to bottom, #d25354 0%,#a62b2c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d25354', endColorstr='#a62b2c',GradientType=0 ); border: 1px solid #a62b2c; box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.4) inset; } .button.red:active { background: #a62b2c; background: -moz-linear-gradient(top, #a62b2c 0%, #d25354 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a62b2c), color-stop(100%,#d25354)); background: -webkit-linear-gradient(top, #a62b2c 0%,#d25354 100%); background: -o-linear-gradient(top, #a62b2c 0%,#d25354 100%); background: -ms-linear-gradient(top, #a62b2c 0%,#d25354 100%); background: linear-gradient(to bottom, #a62b2c 0%,#d25354 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a62b2c', endColorstr='#d25354',GradientType=0 ); } .button.orange { background: #fa9e19; background: -moz-linear-gradient(top, #fa9e19 0%, #fb6909 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fa9e19), color-stop(100%,#fb6909)); background: -webkit-linear-gradient(top, #fa9e19 0%,#fb6909 100%); background: -o-linear-gradient(top, #fa9e19 0%,#fb6909 100%); background: -ms-linear-gradient(top, #fa9e19 0%,#fb6909 100%); background: linear-gradient(to bottom, #fa9e19 0%,#fb6909 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa9e19', endColorstr='#fb6909',GradientType=0 ); border: 1px solid #FB6909; box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.4) inset; } .button.orange:active { background: #fb6909; background: -moz-linear-gradient(top, #fb6909 0%, #fa9e19 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb6909), color-stop(100%,#fa9e19)); background: -webkit-linear-gradient(top, #fb6909 0%,#fa9e19 100%); background: -o-linear-gradient(top, #fb6909 0%,#fa9e19 100%); background: -ms-linear-gradient(top, #fb6909 0%,#fa9e19 100%); background: linear-gradient(to bottom, #fb6909 0%,#fa9e19 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb6909', endColorstr='#fa9e19',GradientType=0 ); } .button.blue { background: #4e6484; background: -moz-linear-gradient(top, #4e6484 0%, #3b4c65 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e6484), color-stop(100%,#3b4c65)); background: -webkit-linear-gradient(top, #4e6484 0%,#3b4c65 100%); background: -o-linear-gradient(top, #4e6484 0%,#3b4c65 100%); background: -ms-linear-gradient(top, #4e6484 0%,#3b4c65 100%); background: linear-gradient(to bottom, #4e6484 0%,#3b4c65 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e6484', endColorstr='#3b4c65',GradientType=0 ); border: 1px solid #4e6484; box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.27) inset; } .button.blue:active { background: #3b4c65; background: -moz-linear-gradient(top, #3b4c65 0%, #4e6484 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b4c65), color-stop(100%,#4e6484)); background: -webkit-linear-gradient(top, #3b4c65 0%,#4e6484 100%); background: -o-linear-gradient(top, #3b4c65 0%,#4e6484 100%); background: -ms-linear-gradient(top, #3b4c65 0%,#4e6484 100%); background: linear-gradient(to bottom, #3b4c65 0%,#4e6484 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b4c65', endColorstr='#4e6484',GradientType=0 ); } .button.rosy { background: #f295a2; background: -moz-linear-gradient(top, #ee7787 0%, #e84a5f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ee7787), color-stop(100%,#e84a5f)); background: -webkit-linear-gradient(top, #ee7787 0%,#e84a5f 100%); background: -o-linear-gradient(top, #ee7787 0%,#e84a5f 100%); background: -ms-linear-gradient(top, #ee7787 0%,#e84a5f 100%); background: linear-gradient(to bottom, #ee7787 0%,#e84a5f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee7787', endColorstr='#e84a5f',GradientType=0 ); border: 1px solid #e84a5f; box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3) inset; } .button.rosy:active { background: #e84a5f; background: -moz-linear-gradient(top, #e84a5f 0%, #ee7787 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e84a5f), color-stop(100%,#ee7787)); background: -webkit-linear-gradient(top, #e84a5f 0%,#ee7787 100%); background: -o-linear-gradient(top, #e84a5f 0%,#ee7787 100%); background: -ms-linear-gradient(top, #e84a5f 0%,#ee7787 100%); background: linear-gradient(to bottom, #e84a5f 0%,#ee7787 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e84a5f', endColorstr='#ee7787',GradientType=0 ); } .button.pink { background: #e3618d; background: -moz-linear-gradient(top, #e3618d 0%, #cb245c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3618d), color-stop(100%,#cb245c)); background: -webkit-linear-gradient(top, #e3618d 0%,#cb245c 100%); background: -o-linear-gradient(top, #e3618d 0%,#cb245c 100%); background: -ms-linear-gradient(top, #e3618d 0%,#cb245c 100%); background: linear-gradient(to bottom, #e3618d 0%,#cb245c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3618d', endColorstr='#cb245c',GradientType=0 ); border: 1px solid #cb245c; box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3) inset; } .button.pink:active { background: #cb245c; background: -moz-linear-gradient(top, #cb245c 0%, #e3618d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cb245c), color-stop(100%,#e3618d)); background: -webkit-linear-gradient(top, #cb245c 0%,#e3618d 100%); background: -o-linear-gradient(top, #cb245c 0%,#e3618d 100%); background: -ms-linear-gradient(top, #cb245c 0%,#e3618d 100%); background: linear-gradient(to bottom, #cb245c 0%,#e3618d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb245c', endColorstr='#e3618d',GradientType=0 ); } .button.green { color: #fff; background: #81cc4b; background: -moz-linear-gradient(top, #81cc4b 0%, #60ae40 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#81cc4b), color-stop(100%,#60ae40)); background: -webkit-linear-gradient(top, #81cc4b 0%,#60ae40 100%); background: -o-linear-gradient(top, #81cc4b 0%,#60ae40 100%); background: -ms-linear-gradient(top, #81cc4b 0%,#60ae40 100%); background: linear-gradient(to bottom, #81cc4b 0%,#60ae40 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#81cc4b', endColorstr='#60ae40',GradientType=0 ); border-color: #60AE40; box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.4) inset; } .button.green:active { background: #60ae40; background: -moz-linear-gradient(top, #60ae40 0%, #81cc4b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#60ae40), color-stop(100%,#81cc4b)); background: -webkit-linear-gradient(top, #60ae40 0%,#81cc4b 100%); background: -o-linear-gradient(top, #60ae40 0%,#81cc4b 100%); background: -ms-linear-gradient(top, #60ae40 0%,#81cc4b 100%); background: linear-gradient(to bottom, #60ae40 0%,#81cc4b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60ae40', endColorstr='#81cc4b',GradientType=0 ); } .button.brown { background: #876565; background: -moz-linear-gradient(top, #876565 0%, #604848 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#876565), color-stop(100%,#604848)); background: -webkit-linear-gradient(top, #876565 0%,#604848 100%); background: -o-linear-gradient(top, #876565 0%,#604848 100%); background: -ms-linear-gradient(top, #876565 0%,#604848 100%); background: linear-gradient(to bottom, #876565 0%,#604848 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#876565', endColorstr='#604848',GradientType=0 ); border: 1px solid #604848; box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3) inset; } .button.brown:active { background: #604848; background: -moz-linear-gradient(top, #604848 0%, #876565 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#604848), color-stop(100%,#876565)); background: -webkit-linear-gradient(top, #604848 0%,#876565 100%); background: -o-linear-gradient(top, #604848 0%,#876565 100%); background: -ms-linear-gradient(top, #604848 0%,#876565 100%); background: linear-gradient(to bottom, #604848 0%,#876565 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#604848', endColorstr='#876565',GradientType=0 ); } .button.purple { background: #524656; background: -moz-linear-gradient(top, #635569 0%, #372f3a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#635569), color-stop(100%,#372f3a)); background: -webkit-linear-gradient(top, #635569 0%,#372f3a 100%); background: -o-linear-gradient(top, #635569 0%,#372f3a 100%); background: -ms-linear-gradient(top, #635569 0%,#372f3a 100%); background: linear-gradient(to bottom, #635569 0%,#372f3a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#635569', endColorstr='#372f3a',GradientType=0 ); border: 1px solid #372f3a; box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3) inset; } .button.purple:active { background: #372f3a; background: -moz-linear-gradient(top, #372f3a 0%, #635569 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#372f3a), color-stop(100%,#635569)); background: -webkit-linear-gradient(top, #372f3a 0%,#635569 100%); background: -o-linear-gradient(top, #372f3a 0%,#635569 100%); background: -ms-linear-gradient(top, #372f3a 0%,#635569 100%); background: linear-gradient(to bottom, #372f3a 0%,#635569 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#372f3a', endColorstr='#635569',GradientType=0 ); } .button.gold { background: #ffc750; background: -moz-linear-gradient(top, #ffc750 0%, #faaa00 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc750), color-stop(100%,#faaa00)); background: -webkit-linear-gradient(top, #ffc750 0%,#faaa00 100%); background: -o-linear-gradient(top, #ffc750 0%,#faaa00 100%); background: -ms-linear-gradient(top, #ffc750 0%,#faaa00 100%); background: linear-gradient(to bottom, #ffc750 0%,#faaa00 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc750', endColorstr='#faaa00',GradientType=0 ); border: 1px solid #faaa00; box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.4) inset; } .button.gold:active { background: #faaa00; background: -moz-linear-gradient(top, #faaa00 0%, #ffc750 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#faaa00), color-stop(100%,#ffc750)); background: -webkit-linear-gradient(top, #faaa00 0%,#ffc750 100%); background: -o-linear-gradient(top, #faaa00 0%,#ffc750 100%); background: -ms-linear-gradient(top, #faaa00 0%,#ffc750 100%); background: linear-gradient(to bottom, #faaa00 0%,#ffc750 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faaa00', endColorstr='#ffc750',GradientType=0 ); } .button.teal { background: #3c9091; background: -moz-linear-gradient(top, #3c9091 0%, #286061 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c9091), color-stop(100%,#286061)); background: -webkit-linear-gradient(top, #3c9091 0%,#286061 100%); background: -o-linear-gradient(top, #3c9091 0%,#286061 100%); background: -ms-linear-gradient(top, #3c9091 0%,#286061 100%); background: linear-gradient(to bottom, #3c9091 0%,#286061 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c9091', endColorstr='#286061',GradientType=0 ); border: 1px solid #286061; box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.4) inset; } .button.teal:active { background: #286061; background: -moz-linear-gradient(top, #286061 0%, #3c9091 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#286061), color-stop(100%,#3c9091)); background: -webkit-linear-gradient(top, #286061 0%,#3c9091 100%); background: -o-linear-gradient(top, #286061 0%,#3c9091 100%); background: -ms-linear-gradient(top, #286061 0%,#3c9091 100%); background: linear-gradient(to bottom, #286061 0%,#3c9091 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#286061', endColorstr='#3c9091',GradientType=0 ); } .button.navy { background: #2c76cf; background: -moz-linear-gradient(top, #2c76cf 0%, #1d4e89 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c76cf), color-stop(100%,#1d4e89)); background: -webkit-linear-gradient(top, #2c76cf 0%,#1d4e89 100%); background: -o-linear-gradient(top, #2c76cf 0%,#1d4e89 100%); background: -ms-linear-gradient(top, #2c76cf 0%,#1d4e89 100%); background: linear-gradient(to bottom, #2c76cf 0%,#1d4e89 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c76cf', endColorstr='#1d4e89',GradientType=0 ); border: 1px solid #1d4e89; box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.4) inset; } .button.navy:active { background: #1d4e89; background: -moz-linear-gradient(top, #1d4e89 0%, #2c76cf 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d4e89), color-stop(100%,#2c76cf)); background: -webkit-linear-gradient(top, #1d4e89 0%,#2c76cf 100%); background: -o-linear-gradient(top, #1d4e89 0%,#2c76cf 100%); background: -ms-linear-gradient(top, #1d4e89 0%,#2c76cf 100%); background: linear-gradient(to bottom, #1d4e89 0%,#2c76cf 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d4e89', endColorstr='#2c76cf',GradientType=0 ); } .button.normal { font-size: 11px } .button.large { font-size: 13px } .button.giant { font-size: 16px } .button.left { float: left } .button.right { float: right; margin-right: 0; margin-left: 5px; } .button.center { margin: 0 auto } /* Toggle */ .ct-toggle-wrap { margin: 0; } .ct-toggle-wrap h3.trigger { margin: 0px; } .ct-toggle-wrap h3.trigger a.trigger-link { color: #777; display: block; border: 1px solid #ddd; padding: 10px; outline: 0 !important; font-weight: 400; font-size: 12px; margin-bottom: 0px; margin-top: 8px; background: #f5f5f5; } .ct-toggle-wrap h3.trigger a.trigger-link:hover, .ct-toggle-wrap h3.active a.trigger-link, .ct-toggle-wrap h3.active a.trigger-link:hover { border: 1px solid #ddd; color: #444; background: #eee; } .ct-toggle-wrap .toggle_container { background-color: #fdfdfd; overflow: hidden; padding: 20px; border: 1px solid #ddd; border-top: 0px } .ct-toggle-wrap h3.trigger a span[class*='ct-icon-'] { margin-right: 7px } /* Accordion */ .ct-accordion .trigger { font-size: 12px; margin-bottom: 0px; margin-top: 8px; } .ct-accordion .trigger { color: #777; display: block; border: 1px solid #ddd; padding: 10px; outline: 0 !important; font-weight: 400; font-size: 12px; margin-bottom: 0px; margin-top: 8px; background-color: #f5f5f5; cursor: pointer } .ui-state-focus { outline: none } .ct-accordion h3.trigger:hover, .ct-accordion .ui-state-active { color: #444; background: #eee; } .ct-accordion .ui-accordion-content { background-color: #fdfdfd; padding: 20px; border: 1px solid #ddd; border-top: 0px; } .ct-accordion .ui-accordion-content p:last-child { margin: 0px } .ct-accordion .ui-icon{ margin-right: 7px } /* Tabs */ .tab-shortcode ul.ui-tabs-nav { display: block; margin: 0; padding: 0; border-bottom: solid 1px #ddd; margin-left: 1px; } .tab-shortcode ul.ui-tabs-nav li { display: block; width: auto; height: 30px; padding: 0; float: left; margin-bottom: 0; } .tab-shortcode ul.ui-tabs-nav li a { display: block; text-decoration: none; width: auto; height: 29px; padding: 0px 20px; line-height: 30px; border: solid 1px #ddd; border-width: 1px 1px 0 0; margin: 0; background-color: #f5f5f5; font-size: 12px; color: #444 !important; text-shadow: 1px 1px 0px rgba(255,255,255,0.7); } .tab-shortcode ul.ui-tabs-nav li a:hover{ color: #333; background: #eee; } .tab-shortcode ul.ui-tabs-nav .ui-state-active a { background: #fff; height: 30px; position: relative; top: -4px; padding-top: 4px; border-left-width: 1px; margin: 0 0 0 -1px; color: #111 !important; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; } .tab-shortcode ul.ui-tabs-nav .ui-state-active a:hover{ background: #fff } .tab-shortcode ul.ui-tabs-nav li:first-child .ui-state-active a { margin-left: 0 } .tab-shortcode ul.ui-tabs-nav li:first-child a { border-width: 1px 1px 0 1px; } .tab-shortcode .tab-content { background: #fff; padding: 20px; border-left: solid 1px #ddd; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; } .tab-shortcode ul.tabs:before, ul.tabs:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .tab-shortcode ul.tabs:after { clear: both } .tab-shortcode ul.tabs { zoom: 1 } .tab-shortcode .ui-tabs-hide { display: none } .tab-shortcode:before, ul.tab-shortcode:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .tab-shortcode:after { clear: both } .tab-shortcode { zoom: 1 } .tab-shortcode .ui-tabs-hide { display: none } /* Columns */ .one-half, .two-columns { width: 48% } .one-third, .three-columns { width: 30.66% } .one-two-third { width: 65.33% } .one-fourth, .four-columns { width: 22% } .one-three-fourth { width: 74% } .one-fifth { width: 16.8% } .one-sixth { width: 13.33% } .two-columns, .three-columns, .four-columns, .one-two-third, .one-three-fourth, .one-half, .one-third, .two-third, .one-fourth, .three-fourth, .one-fifth, .one-sixth { position: relative; margin-right: 4%; float: left; } .column-last { margin-right: 0px } .column-first { margin-left: 0px } .column-last:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; } #main-content .one-full h1:first-child, #main-content .one-full h2:first-child, #main-content .one-full h3:first-child, #main-content .one-full h4:first-child, #main-content .one-full h5:first-child, #main-content .one-full h6:first-child, #main-content .one-half h1:first-child, #main-content .one-half h2:first-child, #main-content .one-half h3:first-child, #main-content .one-half h4:first-child, #main-content .one-half h5:first-child, #main-content .one-half h6:first-child, #main-content .one-third h1:first-child, #main-content .one-third h2:first-child, #main-content .one-third h3:first-child, #main-content .one-third h4:first-child, #main-content .one-third h5:first-child, #main-content .one-third h6:first-child, #main-content .one-fourth h1:first-child, #main-content .one-fourth h2:first-child, #main-content .one-fourth h3:first-child, #main-content .one-fourth h4:first-child, #main-content .one-fourth h5:first-child, #main-content .one-fourth h6:first-child, #main-content .one-fifth h1:first-child, #main-content .one-fifth h2:first-child, #main-content .one-fifth h3:first-child, #main-content .one-fifth h4:first-child, #main-content .one-fifth h5:first-child, #main-content .one-fifth h6:first-child, #main-content .one-sixth h1:first-child, #main-content .one-sixth h2:first-child, #main-content .one-sixth h3:first-child, #main-content .one-sixth h4:first-child, #main-content .one-sixth h5:first-child, #main-content .one-sixth h6:first-child, #main-content .one-two-third h3:first-child, #main-content .one-two-third h4:first-child, #main-content .one-ftwo-third h5:first-child, #main-content .one-two-third h6:first-child, #main-content .one-three-fourth h3:first-child, #main-content .one-three-fourth h4:first-child, #main-content .one-three-fourth h5:first-child, #main-content .one-three-fourth h6:first-child { margin-top: 0px } /* Pricing Table */ .pricing-table > li{ border: 1px solid #ddd; background-color: #f9f9f9; margin-bottom: 0; box-shadow: 0 0 0 4px #f9f9f9; -webkit-box-shadow: 0 0 0 4px #f9f9f9; -webkit-box-shadow: 0 0 0 4px #f9f9f9; } .pricing-header{ background: #f5f5f5; text-align: center; padding: 25px; -webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;-moz-border-radius-topleft: 4px;-moz-border-radius-topright: 4px;border-top-left-radius: 4px;border-top-right-radius: 4px; border: 1px solid #fff; } .pricing-header h4{ color: #333; margin: 0 0 15px; font-size: 18px; line-height: 1em; } .pricing-cost{ } .pricing-cost .pricing-ammount{ display: inline-block; color: #fff; background: #adce5c; font-weight: bold; font-size: 18px; height: 60px; width: 60px; line-height: 60px; -webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px; -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); text-shadow: 0 -1px 0 #7a9439; border: 1px solid #7a9439; } .pricing-cost .pricing-cost-extra{ margin-top: 15px; display: block; color: #888; font-weight: bold; font-size: 13px; text-shadow: 1px 1px 1px #fff; } .pricing-content{ padding: 20px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; color: #7f7f7f; text-align: center; font-weight: bold; } .pricing-content ul{ margin: 0; } .pricing-content ul li{ margin: 0 0 5px;} .pricing-button{ margin: 0; text-align: center; border-top: 1px solid #fff; padding: 20px } .pricing-button .button{ float: none; margin: 0 auto; display: inline-block; }