File: /home/s/l/y/slyfwmm/foar/wp-content/themes/flexfit/framework/css/shortcodes.css
/* ---------------------------------------------------- */
/* dropcap */
/* ---------------------------------------------------- */
.dropcap {
display: block;
float: left;
font-size: 34px;
line-height: 1;
margin: 0 10px 0 0;
}
/* ---------------------------------------------------- */
/* pricing table */
/* ---------------------------------------------------- */
.pricing-table.col-2, .pricing-table.col-3, .pricing-table.col-4, .pricing-table.col-5{
width:920px;
margin:20px 0 30px 0;
}
.pricing-table.col-2 .plan{
float:left;
width:456px;
display: block;
}
.pricing-table.col-3 .plan{
float:left;
width:304px;
display: block;
}
.pricing-table.col-4 .plan{
float:left;
width:227px;
display: block;
}
.pricing-table.col-5 .plan{
float:left;
width:182px;
display: block;
}
.pricing-table .plan:first-child{
border-left:1px solid #e6e6e6 !important;
}
.plan{
text-align: center;
border-top:1px solid #e6e6e6;
border-right:1px solid #e6e6e6;
border-bottom:1px solid #e6e6e6;
}
.pricing-table .plan.featured{
background: #fbfbfb;
border:5px solid #e0e0e0;
margin-left:-5px;
margin-top:-4px;
}
.plan h3{
font-weight:600;
font-size:16px;
padding:20px 0 15px 0;
margin:0;
}
.plan.featured h3{
font-size:16px;
color:#ed7811;
}
.plan .price{
display:block;
font-size:54px;
line-height:38px;
font-weight:300;
padding:0px 0px 10px 0px;
border-bottom:1px solid #e6e6e6;
}
.plan.featured .price{
color:#ed7811;
}
.plan .price span{
display:block;
font-weight:400;
font-size:11px;
margin-top:0px;
color:#c0c0c0;
}
.plan.featured .price span{
}
.plan .signup{
padding:20px 0px;
text-align: center;
border-top:1px solid #f2f2f2;
border-bottom:5px solid #f6f6f6;
}
.plan.featured .signup{
border-top:1px solid #f2f2f2;
}
.plan.featured .signup .button span{
border-color: #fbfbfb #fbfbfb #fbfbfb #ae5100;
}
.plan.featured .signup .button:hover span{
border-color: #fbfbfb #fbfbfb #fbfbfb #444444;
}
.plan ul{
margin:0 !important;
list-style: none !important;
padding:0 !important;
background: #ffffff;
}
.plan li{
font-size:12px;
padding:10px 0px;
text-align: center;
background: url(../images/dotted.png) repeat-x bottom left;
}
.plan li:last-child{
background: none;
}
/* ---------------------------------------------------- */
/* accordion */
/* ---------------------------------------------------- */
.accordion{
border-bottom:1px solid #e8e8e8;
}
.accordion .title a{
font-size:15px;
font-weight:400;
color:#777777;
display: block;
border-top:1px solid #e8e8e8;
padding:15px 20px 15px 50px;
background: url(../images/plus.png) no-repeat 20px 18px;
}
.accordion .title a:hover{
background: #f8f8f8 url(../images/plus.png) no-repeat 20px 18px;
}
.accordion .title.active a{
color:#ed7811 !important;
background: #ffffff url(../images/minus.png) no-repeat 20px 18px;
}
.accordion .inner{
margin-top:0px;
padding:0px 20px 20px 50px;
}
/* ---------------------------------------------------- */
/* toggle */
/* ---------------------------------------------------- */
.toggle{
border:1px solid #e8e8e8;
margin-bottom:20px;
}
.toggle .title{
font-size:15px;
font-weight:700px;
color:#777777;
display: block;
padding:20px 20px 20px 50px;
background: url(../images/plus.png) no-repeat 20px 23px;
cursor: pointer;
}
.toggle .title:hover{
color:#ed7811;
background: #f8f8f8 url(../images/plus.png) no-repeat 20px 23px;
}
.toggle .title.active{
color:#ed7811;
background: #ffffff url(../images/minus.png) no-repeat 20px 23px;
}
.toggle .inner{
display: none;
}
.toggle .inner div{
padding:20px 20px 20px 20px;
background: url(../images/dotted.png) repeat-x top left;
}
/* ---------------------------------------------------- */
/* tabs */
/* ---------------------------------------------------- */
ul.tabNavigation {
list-style: none;
margin: 0 0 -9px 0 !important;
padding: 0;
border-bottom:none !important;
overflow: hidden;
}
ul.tabNavigation li {
display: block;
float:left;
margin:0 !important;
padding:0;
}
ul.tabNavigation li a {
display: block;
padding:10px 20px;
float:left;
background-color: #f8f8f8;
text-decoration: none;
border:1px solid #d5d5d5;
margin-right:-1px;
color:#a6a6a6;
}
ul.tabNavigation li a.active{
background-color: #ffffff;
color:#ed7811;
border-bottom:1px solid #ffffff;
border-top:1px solid #ed7811;
}
ul.tabNavigation li a:hover {
color:#ed7811;
}
ul.tabNavigation li a:focus {
outline: 0;
}
div.tabs div {
padding:20px;
margin:8px 0 0 0;
display: none;
border:1px solid #d5d5d5;
border-top:1px solid #d5d5d5;
background:#fff;
}
div.tabs{
margin-bottom:20px;
}
/* ---------------------------------------------------- */
/* alerts */
/* ---------------------------------------------------- */
.alert-message p{
margin:0 !important;
}
.alert-message{
display: block;
padding:10px 20px;
text-align: center;
color:#717171 !important;
margin-bottom:20px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.alert-message a{
display: block;
width:13px;
height:13px;
margin-top:4px;
float: right;
background: url(../images/close.png) no-repeat 0px 0px;
text-indent: -9999px;
opacity: 0.4;
}
.alert-message a:hover{
opacity: 0.8;
}
.alert-message.warning{
background: #fbf6e4 url(../images/alert-warning.png) no-repeat 12px 8px;
border:1px solid #eed77d;
color:#c7a900 !important;
}
.alert-message.error{
background: #fee9e9 url(../images/alert-error.png) no-repeat 12px 8px;
border:1px solid #e8a0a0;
color:#d45959 !important;
}
.alert-message.success{
background: #e9f2d3 url(../images/alert-success.png) no-repeat 12px 8px;
border:1px solid #c0d86d;
color:#77a113 !important;
}
.alert-message.info{
background: #dce9f3 url(../images/alert-info.png) no-repeat 12px 8px;
border:1px solid #a0c2dc;
color:#387cb0 !important;
}
.alert-message.notice{
background: #ffffff url(../images/alert-block.png) no-repeat 12px 8px;
border:1px solid #cccccc;
color:#999999 !important;
}
/* ---------------------------------------------------- */
/* Icons */
/* ---------------------------------------------------- */
ul.list{
display:block;
}
ul.list li{
margin-left:16px;
padding:3px 0 3px 5px;
border-bottom:1px solid #f2f2f2;
}
ul.list li:last-child{
border-bottom: none;
}
/* ---------------------------------------------------- */
@font-face {
font-family: "FontAwesome";
src: url('font/fontawesome-webfont.eot');
src: url('font/fontawesome-webfont.eot?#iefix') format('eot'), url('font/fontawesome-webfont.woff') format('woff'), url('font/fontawesome-webfont.ttf') format('truetype'), url('font/fontawesome-webfont.svg#FontAwesome') format('svg');
font-weight: normal;
font-style: normal;
}
/* ---------------------------------------------------- */
/* Font Awesome styles */
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
display: inline-block;
text-decoration: inherit;
}
a [class^="icon-"], a [class*=" icon-"] {
display: inline-block;
text-decoration: inherit;
}
/* makes the font 33% larger relative to the icon container */
.icon-large:before {
vertical-align: top;
font-size: 1.3333333333333333em;
}
.button[class^="icon-"], .button[class*=" icon-"] {
/* keeps button heights with and without icons the same */
text-indent: 1.4em;
}
.button[class^="icon-"]:before, .button[class*=" icon-"]:before {
text-indent: -1.8em;
text-align: center;
}
li [class^="icon-"], li [class*=" icon-"] {
display: inline-block;
width: 1.25em;
text-align: center;
}
li .icon-large[class^="icon-"], li .icon-large[class*=" icon-"] {
/* 1.5 increased font size for icon-large * 1.25 width */
width: 1.875em;
}
li[class^="icon-"], li[class*=" icon-"] {
margin-left: 0;
list-style-type: none;
}
li[class^="icon-"]:before, li[class*=" icon-"]:before {
text-indent: -2.3em;
text-align: center;
}
li[class^="icon-"].icon-large:before, li[class*=" icon-"].icon-large:before {
text-indent: -1.3333333333333333em;
}
/* ---------------------------------------------------- */
.mintiicon{
display:block;
}
.mintiicon span{
display:inline-block;
text-align: center;
font-size:24px;
line-height:40px;
background: #ffffff;
color:#5d5d5d;
margin-right:10px;
margin-bottom:-10px;
}
.mintiicon.circle span{
display:inline-block;
width:40px;
height:40px;
text-align: center;
font-size:24px;
line-height:40px;
border-radius: 50%;
margin-right:10px;
margin-bottom:-10px;
font-weight:normal !important;
}
.mintiicon.small span{
margin-right:8px;
width:20px;
height:20px;
font-size:12px;
line-height:20px;
font-weight:normal !important;
}
.mintiicon.small{
font-weight:600;
margin-bottom:5px;
}
.mintiicon.default{
margin-bottom:20px;
}
.mintiicon.large{
display:block;
margin-bottom:10px;
font-size:24px;
line-height:32px;
font-weight:300;
text-align: center;
}
.mintiicon.large span{
display:block;
margin:0 auto 10px auto;
width:100px;
height:100px;
font-size:64px;
line-height:100px;
font-weight:normal !important;
}
/* ---------------------------------------------------- */
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.icon-glass:before { content: "\f000"; }
.icon-music:before { content: "\f001"; }
.icon-search:before { content: "\f002"; }
.icon-envelope:before { content: "\f003"; }
.icon-heart:before { content: "\f004"; }
.icon-star:before { content: "\f005"; }
.icon-star-empty:before { content: "\f006"; }
.icon-user:before { content: "\f007"; }
.icon-film:before { content: "\f008"; }
.icon-th-large:before { content: "\f009"; }
.icon-th:before { content: "\f00a"; }
.icon-th-list:before { content: "\f00b"; }
.icon-ok:before { content: "\f00c"; }
.icon-remove:before { content: "\f00d"; }
.icon-zoom-in:before { content: "\f00e"; }
.icon-zoom-out:before { content: "\f010"; }
.icon-off:before { content: "\f011"; }
.icon-signal:before { content: "\f012"; }
.icon-cog:before { content: "\f013"; }
.icon-trash:before { content: "\f014"; }
.icon-home:before { content: "\f015"; }
.icon-file:before { content: "\f016"; }
.icon-time:before { content: "\f017"; }
.icon-road:before { content: "\f018"; }
.icon-download-alt:before { content: "\f019"; }
.icon-download:before { content: "\f01a"; }
.icon-upload:before { content: "\f01b"; }
.icon-inbox:before { content: "\f01c"; }
.icon-play-circle:before { content: "\f01d"; }
.icon-repeat:before { content: "\f01e"; }
/* \f020 doesn't work in Safari. all shifted one down */
.icon-refresh:before { content: "\f021"; }
.icon-list-alt:before { content: "\f022"; }
.icon-lock:before { content: "\f023"; }
.icon-flag:before { content: "\f024"; }
.icon-headphones:before { content: "\f025"; }
.icon-volume-off:before { content: "\f026"; }
.icon-volume-down:before { content: "\f027"; }
.icon-volume-up:before { content: "\f028"; }
.icon-qrcode:before { content: "\f029"; }
.icon-barcode:before { content: "\f02a"; }
.icon-tag:before { content: "\f02b"; }
.icon-tags:before { content: "\f02c"; }
.icon-book:before { content: "\f02d"; }
.icon-bookmark:before { content: "\f02e"; }
.icon-print:before { content: "\f02f"; }
.icon-camera:before { content: "\f030"; }
.icon-font:before { content: "\f031"; }
.icon-bold:before { content: "\f032"; }
.icon-italic:before { content: "\f033"; }
.icon-text-height:before { content: "\f034"; }
.icon-text-width:before { content: "\f035"; }
.icon-align-left:before { content: "\f036"; }
.icon-align-center:before { content: "\f037"; }
.icon-align-right:before { content: "\f038"; }
.icon-align-justify:before { content: "\f039"; }
.icon-list:before { content: "\f03a"; }
.icon-indent-left:before { content: "\f03b"; }
.icon-indent-right:before { content: "\f03c"; }
.icon-facetime-video:before { content: "\f03d"; }
.icon-picture:before { content: "\f03e"; }
.icon-pencil:before { content: "\f040"; }
.icon-map-marker:before { content: "\f041"; }
.icon-adjust:before { content: "\f042"; }
.icon-tint:before { content: "\f043"; }
.icon-edit:before { content: "\f044"; }
.icon-share:before { content: "\f045"; }
.icon-check:before { content: "\f046"; }
.icon-move:before { content: "\f047"; }
.icon-step-backward:before { content: "\f048"; }
.icon-fast-backward:before { content: "\f049"; }
.icon-backward:before { content: "\f04a"; }
.icon-play:before { content: "\f04b"; }
.icon-pause:before { content: "\f04c"; }
.icon-stop:before { content: "\f04d"; }
.icon-forward:before { content: "\f04e"; }
.icon-fast-forward:before { content: "\f050"; }
.icon-step-forward:before { content: "\f051"; }
.icon-eject:before { content: "\f052"; }
.icon-chevron-left:before { content: "\f053"; }
.icon-chevron-right:before { content: "\f054"; }
.icon-plus-sign:before { content: "\f055"; }
.icon-minus-sign:before { content: "\f056"; }
.icon-remove-sign:before { content: "\f057"; }
.icon-ok-sign:before { content: "\f058"; }
.icon-question-sign:before { content: "\f059"; }
.icon-info-sign:before { content: "\f05a"; }
.icon-screenshot:before { content: "\f05b"; }
.icon-remove-circle:before { content: "\f05c"; }
.icon-ok-circle:before { content: "\f05d"; }
.icon-ban-circle:before { content: "\f05e"; }
.icon-arrow-left:before { content: "\f060"; }
.icon-arrow-right:before { content: "\f061"; }
.icon-arrow-up:before { content: "\f062"; }
.icon-arrow-down:before { content: "\f063"; }
.icon-share-alt:before { content: "\f064"; }
.icon-resize-full:before { content: "\f065"; }
.icon-resize-small:before { content: "\f066"; }
.icon-plus:before { content: "\f067"; }
.icon-minus:before { content: "\f068"; }
.icon-asterisk:before { content: "\f069"; }
.icon-exclamation-sign:before { content: "\f06a"; }
.icon-gift:before { content: "\f06b"; }
.icon-leaf:before { content: "\f06c"; }
.icon-fire:before { content: "\f06d"; }
.icon-eye-open:before { content: "\f06e"; }
.icon-eye-close:before { content: "\f070"; }
.icon-warning-sign:before { content: "\f071"; }
.icon-plane:before { content: "\f072"; }
.icon-calendar:before { content: "\f073"; }
.icon-random:before { content: "\f074"; }
.icon-comment:before { content: "\f075"; }
.icon-magnet:before { content: "\f076"; }
.icon-chevron-up:before { content: "\f077"; }
.icon-chevron-down:before { content: "\f078"; }
.icon-retweet:before { content: "\f079"; }
.icon-shopping-cart:before { content: "\f07a"; }
.icon-folder-close:before { content: "\f07b"; }
.icon-folder-open:before { content: "\f07c"; }
.icon-resize-vertical:before { content: "\f07d"; }
.icon-resize-horizontal:before { content: "\f07e"; }
.icon-bar-chart:before { content: "\f080"; }
.icon-twitter-sign:before { content: "\f081"; }
.icon-facebook-sign:before { content: "\f082"; }
.icon-camera-retro:before { content: "\f083"; }
.icon-key:before { content: "\f084"; }
.icon-cogs:before { content: "\f085"; }
.icon-comments:before { content: "\f086"; }
.icon-thumbs-up:before { content: "\f087"; }
.icon-thumbs-down:before { content: "\f088"; }
.icon-star-half:before { content: "\f089"; }
.icon-heart-empty:before { content: "\f08a"; }
.icon-signout:before { content: "\f08b"; }
.icon-linkedin-sign:before { content: "\f08c"; }
.icon-pushpin:before { content: "\f08d"; }
.icon-external-link:before { content: "\f08e"; }
.icon-signin:before { content: "\f090"; }
.icon-trophy:before { content: "\f091"; }
.icon-github-sign:before { content: "\f092"; }
.icon-upload-alt:before { content: "\f093"; }
.icon-lemon:before { content: "\f094"; }
.icon-phone:before { content: "\f095"; }
.icon-check-empty:before { content: "\f096"; }
.icon-bookmark-empty:before { content: "\f097"; }
.icon-phone-sign:before { content: "\f098"; }
.icon-twitter:before { content: "\f099"; }
.icon-facebook:before { content: "\f09a"; }
.icon-github:before { content: "\f09b"; }
.icon-unlock:before { content: "\f09c"; }
.icon-credit-card:before { content: "\f09d"; }
.icon-rss:before { content: "\f09e"; }
.icon-hdd:before { content: "\f0a0"; }
.icon-bullhorn:before { content: "\f0a1"; }
.icon-bell:before { content: "\f0a2"; }
.icon-certificate:before { content: "\f0a3"; }
.icon-hand-right:before { content: "\f0a4"; }
.icon-hand-left:before { content: "\f0a5"; }
.icon-hand-up:before { content: "\f0a6"; }
.icon-hand-down:before { content: "\f0a7"; }
.icon-circle-arrow-left:before { content: "\f0a8"; }
.icon-circle-arrow-right:before { content: "\f0a9"; }
.icon-circle-arrow-up:before { content: "\f0aa"; }
.icon-circle-arrow-down:before { content: "\f0ab"; }
.icon-globe:before { content: "\f0ac"; }
.icon-wrench:before { content: "\f0ad"; }
.icon-tasks:before { content: "\f0ae"; }
.icon-filter:before { content: "\f0b0"; }
.icon-briefcase:before { content: "\f0b1"; }
.icon-fullscreen:before { content: "\f0b2"; }
.icon-group:before { content: "\f0c0"; }
.icon-link:before { content: "\f0c1"; }
.icon-cloud:before { content: "\f0c2"; }
.icon-beaker:before { content: "\f0c3"; }
.icon-cut:before { content: "\f0c4"; }
.icon-copy:before { content: "\f0c5"; }
.icon-paper-clip:before { content: "\f0c6"; }
.icon-save:before { content: "\f0c7"; }
.icon-sign-blank:before { content: "\f0c8"; }
.icon-reorder:before { content: "\f0c9"; }
.icon-list-ul:before { content: "\f0ca"; }
.icon-list-ol:before { content: "\f0cb"; }
.icon-strikethrough:before { content: "\f0cc"; }
.icon-underline:before { content: "\f0cd"; }
.icon-table:before { content: "\f0ce"; }
.icon-magic:before { content: "\f0d0"; }
.icon-truck:before { content: "\f0d1"; }
.icon-pinterest:before { content: "\f0d2"; }
.icon-pinterest-sign:before { content: "\f0d3"; }
.icon-google-plus-sign:before { content: "\f0d4"; }
.icon-google-plus:before { content: "\f0d5"; }
.icon-money:before { content: "\f0d6"; }
.icon-caret-down:before { content: "\f0d7"; }
.icon-caret-up:before { content: "\f0d8"; }
.icon-caret-left:before { content: "\f0d9"; }
.icon-caret-right:before { content: "\f0da"; }
.icon-columns:before { content: "\f0db"; }
.icon-sort:before { content: "\f0dc"; }
.icon-sort-down:before { content: "\f0dd"; }
.icon-sort-up:before { content: "\f0de"; }
.icon-envelope-alt:before { content: "\f0e0"; }
.icon-linkedin:before { content: "\f0e1"; }
.icon-undo:before { content: "\f0e2"; }
.icon-legal:before { content: "\f0e3"; }
.icon-dashboard:before { content: "\f0e4"; }
.icon-comment-alt:before { content: "\f0e5"; }
.icon-comments-alt:before { content: "\f0e6"; }
.icon-bolt:before { content: "\f0e7"; }
.icon-sitemap:before { content: "\f0e8"; }
.icon-umbrella:before { content: "\f0e9"; }
.icon-paste:before { content: "\f0ea"; }
.icon-user-md:before { content: "\f200"; }
/* ---------------------------------------------------- */
/* Gmap */
/* ---------------------------------------------------- */
.google_map{
margin-bottom:30px;
border:1px solid #cccccc;
}
.google_map.full{
border:none;
width:980px !important;
height:auto;
margin:0px -30px 30px -30px;
}
/* ---------------------------------------------------- */
/* Slider */
/* ---------------------------------------------------- */
.inpageslider ul, .inpageslider ol{
list-style: none !important;
margin:0 !important;
padding:0 !important;
}
.inpageslider .flex-control-nav{
clear: both;
}
.inpageslider .flex-control-nav li{
margin:0 !important;
padding:0 !important;
list-style: none;
}
.inpageslider .flex-control-nav li a{
list-style: none;
display: block;
float: left;
width:32px;
height:6px;
background: #cccccc;
text-indent: -9999px;
cursor: pointer;
}
.inpageslider .flex-control-nav li a.active{
background: #999999;
}
.inpageslider .flex-control-nav li a:hover{
background: #999999;
}
.inpageslider .flex-direction-nav{
z-index: 9999;
}
.inpageslider{
margin:0;
padding:0;
position: relative;
list-style: none;
}
.inpageslider li{
list-style: none !important;
padding:0;
margin:0;
display:block;
float: left;
}
.inpageslider .flex-direction-nav a {
width: 40px;
height: 50px;
margin: -13px 0 0;
display: block;
position: absolute;
top: 50%;
cursor: pointer;
text-indent: -999em;
}
.inpageslider .flex-direction-nav .flex-next {
background: rgba(0, 0, 0, 0.6) url(../images/next.png) no-repeat 15px center;
right: 0px;
}
.inpageslider .flex-direction-nav .flex-prev {
background: rgba(0, 0, 0, 0.6) url(../images/prev.png) no-repeat center center;
left: 0px;
}
.inpageslider .flex-direction-nav .flex-next:hover, .inpageslider .flex-direction-nav .flex-prev:hover{
background-color:#ed7811;
}
/* ---------------------------------------------------- */
/* Video */
/* ---------------------------------------------------- */
.video-embed .iframe{
border: 0px solid #f5f5f5;
}
/* ---------------------------------------------------- */
/* Column Layout */
/* ---------------------------------------------------- */
.one_half{ width:450px; }
.one_third{ width:293px; }
.two_third{ width:607px; }
.one_fourth{ width:215px; }
.three_fourth{ width:685px; }
.one_fifth{ width:168px; }
.two_fifth{ width:172px; }
.three_fifth{ width:172px; }
.four_fifth{ width:172px; }
#content-part .one_half{ width:325px; }
#content-part .one_third{ width:210px; }
#content-part .two_third{ width:440px; }
#content-part .one_fourth{ width:152px; }
#content-part .three_fourth{ width:498px; }
#content-part .one_fifth{ width:118px; }
#content-part .two_fifth{ width:172px; }
#content-part .three_fifth{ width:172px; }
#content-part .four_fifth{ width:172px; }
.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{
position:relative;
margin-right:20px;
float:left;
}
.last{
margin-right:0 !important;
clear:right;
}
/* ---------------------------------------------------- */
/* Buttons */
/* ---------------------------------------------------- */
.button{
cursor: pointer;
display: inline-block;
font-size: 11px;
padding: 4px 15px 4px 15px;
font-weight:600;
position: relative;
background: #ed7811;
color:#ffffff;
}
.button span{
display:block;
position: absolute;
top:0;
right:0;
width: 0px;
height: 0px;
border-style: solid;
border-width: 10px 0 0 10px;
border-color: #ffffff #ffffff #ffffff #ae5100;
}
.button:hover {
background-color:#666666;
color: #ffffff;
text-decoration: none;
}
.button:hover span{
border-color: #ffffff #ffffff #ffffff #444444;
}
/* ---------------------------------------------------- */
/* Light */
.button.light{
background-color: #ececec;
color:#888888;
}
.button.light span{
border-color: #ffffff #ffffff #ffffff #cccccc;
}
.button.light:hover{
background-color:#ed7811;
color:#ffffff;
}
.button.light:hover span{
border-color: #ffffff #ffffff #ffffff #ae5100;
}
/* ---------------------------------------------------- */
/* dark */
.button.dark{
background-color: #666666;
}
.button.dark span{
border-color: #ffffff #ffffff #ffffff #333333;
}
.button.dark:hover{
background-color: #ed7811;
color:#ffffff;
}
.button.dark:hover span{
border-color: #ffffff #ffffff #ffffff #ae5100;
}
/* ---------------------------------------------------- */
/* gradient */
.button.gradient{
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
color:#888888;
border:1px solid #cbcbcb;
-webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.09);
box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.09);
-webkit-border-radius: 2px;
border-radius: 2px;
}
.button.gradient span{
display:none;
}
.button.gradient:hover{
color:#ffffff;
background: rgb(173,173,173); /* Old browsers */
background: rgb(173,173,173); /* Old browsers */
background: -moz-linear-gradient(top, rgba(173,173,173,1) 0%, rgba(137,137,137,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(173,173,173,1)), color-stop(100%,rgba(137,137,137,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(173,173,173,1) 0%,rgba(137,137,137,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(173,173,173,1) 0%,rgba(137,137,137,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(173,173,173,1) 0%,rgba(137,137,137,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(173,173,173,1) 0%,rgba(137,137,137,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#adadad', endColorstr='#898989',GradientType=0 ); /* IE6-9 */
border:1px solid #adadad;
border-bottom:1px solid #898989;
}
/* ---------------------------------------------------- */
/* Button Sizes & Align */
.button.large {
font-size: 15px;
padding:10px 15px;
line-height: normal;
}
.button.small {
font-size: 11px;
padding:1px 15px;
}
.button.left {
float: left;
margin-right: 10px !important;
}
.button.right {
float: right;
margin-left: 10px !important;
}
/* ---------------------------------------------------- */
/* Dividers */
/* ---------------------------------------------------- */
.hr4{
width:100%;
margin:40px 0;
position: relative;
}
.hr4 .seperator{
width:100px;
height:3px;
background: #ed7811;
display: block;
margin-bottom:-2px;
position: relative;
z-index: 2;
}
.hr4 .lightborder{
display:block;
width:100%;
border-bottom:1px solid #e8e8e8;
position: relative;
z-index: 1;
}
.hr{
background: url(../images/dotted.png) repeat-x bottom left;
height:1px;
margin:40px 0px 40px 0px;
clear: both;
}
.hr2{
border-bottom:1px solid #dedede;
height:0px;
margin:40px 0 40px 0;
clear: both;
}
.hr3{
width:980px;
margin:40px -30px 40px -30px;
height:5px;
background: url(../images/shadow.png) no-repeat top center;
clear: both;
}
/* ---------------------------------------------------- */
/* Responsive Images */
/* ---------------------------------------------------- */
img.responsive{
max-width:100%;
}
/* ---------------------------------------------------- */
/* Testimonial */
/* ---------------------------------------------------- */
.testimonial{
display:block;
padding:20px;
background: url(../images/testimonial.png) no-repeat top left;
font-family: Georgia, "Times New Roman", serif;
font-style: italic;
color:#777777;
background: #f2f2f2;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.testimonial-author{
display:block;
background: url(../images/testimonial.png) no-repeat 25px 0px;
padding-left:60px;
padding-top:3px;
font-size:11px;
color:#999999;
}
/* ---------------------------------------------------- */
/* Teaser & Teaserbox */
/* ---------------------------------------------------- */
.teaser{
background: #ffffff url(../images/teaser.png);
margin:0 0px 0 0px;
padding:20px 30px 20px 30px;
border-left:5px solid #e3e3e3;
}
.teaser h1, .teaser h2, .teaser h3, .teaser h4, .teaser h5, .teaser h6{
margin:0 0 1px 0;
}
.teaserbox{
background: #ffffff url(../images/teaser.png) !important;
margin:0 0px 0 0px;
padding:10px;
}
.teaserbox .border{
background: #ffffff;
border:1px solid #e3e3e3;
padding:20px;
}
.teaserbox a.button{
margin-top:20px;
}
/* ---------------------------------------------------- */
/* Display on Devices */
/* ---------------------------------------------------- */
.show-mobile { display: none !important; }
.show-mobile-portrait { display: none !important; }
.show-mobile-landscape { display: none !important; }
.show-tablet { display: none !important; }
@media (max-width: 479px) {
.show-mobile { display: inherit !important; }
.show-mobile-portrait { display: inherit !important; }
.show-mobile-landscape { display: none !important; }
.show-desktop { display: none !important; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.show-mobile { display: inherit !important; }
.show-mobile-portrait { display: none !important; }
.show-mobile-landscape { display: inherit !important; }
.show-desktop { display: none !important; }
}
@media (min-width: 768px) and (max-width: 959px) {
.show-tablet { display: inherit !important; }
.show-mobile-portrait { display: none !important; }
.show-mobile-landscape { display: none !important; }
.show-desktop { display: none !important; }
}
/* ---------------------------------------------------- */
/* End of Shortcodes */
/* ---------------------------------------------------- */