html {height:100%;
background-color:#086fd1;
/*background-image: url(../img/bg_01.jpg);*/
background-repeat:no-repeat;
background-size:cover;
background-attachment:fixed;
background-position:center top;
}
body {font-family:Arial, Helvetica, sans-serif; color:#555; height:100%; background:none;}
a {transition:color 0s ease 0s, all 0.25s ease 0s, all 0s ease-in-out 0s, background 0s ease 0s, all 0.25s ease 0s, all 0s ease-in-out 0s;}
a:hover, a:focus, a:link, a:visited {text-decoration:none;}
#header {position:fixed; top:0; left:0; z-index:1000; width:100%; border-bottom:1px solid #2e87d3; backface-visibility:hidden; transform: translate3d(0px, 0px, 0px); transition-duration:0s; transition-property:opacity, transform; transition-timing-function:ease-in-out;}
#header-wrap {background:#fff; border-radius:0; border-bottom: solid 1px #2e87d3; margin:0;}
#header-wrap .navbar-brand {padding:6px 15px; line-height:42px;}
#header-wrap .navbar-nav > li > a {font-family:colaboratelightregular,arial; /*color:#000;*/ text-transform: uppercase;font-size:16px; line-height:25px; padding-right:12px; padding-left:12px;}
#header-wrap .navbar-nav > li.active > a{background: none repeat scroll 0 0 #3eb20a !important;color: #fff;}
#header-wrap .navbar-nav > li.active > a:hover{color: #fff;}
.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus{color:#fff !important ;background-color:#3eb20a}
#header-wrap .navbar-nav > li > a:hover {color:#fff !important ;background-color:#3eb20a}
#header-wrap .navbar-right-tabs > li {padding:7px 4px;}
#header-wrap .navbar-right-tabs > li > a {padding-top:8px; padding-bottom:8px;}
#header-wrap .navbar-right-tabs .btn-group button {padding:8px 15px; line-height:25px; border:none;}
#header-wrap .navbar-right-tabs .lang-tab{background:none; color:#77C1FF; box-shadow:none; padding:8px 15px 8px 0px!important; transition:color 0s ease 0s, all 0.25s ease 0s, all 0s ease-in-out 0s, background 0s ease 0s, all 0.25s ease 0s, all 0s ease-in-out 0s;}
#header-wrap .navbar-right-tabs .lang-tab .lt-arrow{transition:color 0s ease 0s, all 0.25s ease 0s, all 0s ease-in-out 0s, background 0s ease 0s, all 0.25s ease 0s, all 0s ease-in-out 0s;}
#header-wrap .navbar-right-tabs .lang-tab:hover{color:#000;}
#header-wrap .navbar-right-tabs .lang-tab:hover .lt-arrow{border-top-color:#000 !important;}
#header-wrap .navbar-right-tabs .flag-icon img {vertical-align:text-top; margin-right:2px;}
#header-wrap .navbar-collapse.in {overflow-y:visible !important;}
#header-wrap .hw-drop-down {float:left; line-height:55px;}
#buttonNav{background-color:#333}
.state-nav-is-visible #header {transition-duration:0.25s;}
/*.state-nav-is-hidden #header {opacity:0; transform:translate3d(0px, -62px, 0px); transition-duration:0.25s;}*/
/* °°°°°°°°°°°°°°°°°°°°°°
Footer */
#footer {padding:0 0 40px 0;}
#footer ul {list-style:none; margin:0;}
#footer ul li {font-size:14px; color:#ffffff;margin-bottom: 12px;}
#footer ul li a i{color:#77C1FF;font-size:29px}
#footer ul li a:hover i{color:#ffffff;}
#footer ul li a {color:#ffffff;}
#footer ul li a:hover {color:#77C1FF;text-decoration:underline;}
#footer ul li.dropdown li a {color:#555;}
#footer ul li.dropdown li a:hover {color:#fff;}
#footer h4 {font-family:colaboratelightregular,arial; font-weight:normal; color:#77C1FF; font-size:16px; margin:40px 0 15px 0;}
#footer ul li span {font-family:colaboratelightregular,arial; color:#77C1FF; font-size:13px; text-transform:uppercase; text-align:center; padding-top:20px;}
#footer .capabilities li {color:#fff; width:244px; overflow:hidden; float:left;}
#footer-social {margin:0; list-style:none; padding:10px 0 0 0; width:141px; overflow:hidden;}
#footer-social li {float:left; line-height:26px; padding:0 4px 0 0;}
#footer-social li a {color:#798E9C; display:block; font-size:12px; height:31px; overflow:hidden; text-indent:-5000px; width:31px; transition:none;}
#footer-social li a:hover {color:#fff; text-decoration:none;}
/* -----------------------------------------
* Recurring elements
* ------------------------------------------*/
/* °°°°°°°°°°°°°°°°°°°°°°
General */
.page-header {text-align:center; border:0; margin:-26px auto 40px; padding:0;margin-left: auto; margin-right: auto;}
.page-header h1 {font-weight:normal; font-family:proxima_novalight,arial; font-size:50px; margin-bottom:10px; color:#555555; line-height:50px;}
.page-header h4 {font-weight:normal; font-family:proxima_novalight,arial; font-size:26px; margin-bottom:10px; color:#555555; line-height:50px;}
.page-header h2 {font-weight:normal; font-family:proxima_novalight,arial; font-size:35px; margin-bottom:10px;}
.page-footer {text-align:center; border:0; margin:0; padding:0;}
@media (min-width: 320px) and (max-width: 767px){
.page-header h1 {font-size:30px; line-height:32px; padding-top:50px;}
}
@media (min-width: 980px) and (max-width: 990px){
.page-header h1 {margin-top:95px;}
}
/* °°°°°°°°°°°°°°°°°°°°°°
Buttons */
.btn-green:focus, .btn-blue:focus, .btn-turq-large:focus, .btn-turq:focus, .btn-green-large:focus {color:#fff; text-decoration:none;}
.btn-green, .btn-blue, .btn-turq {font-family:colaboratelightregular,arial; line-height:42px; border-radius:4px; color:#fff !important; font-weight:normal; font-size:16px; padding:0 5px /*15px*/; display:block; text-align:center; white-space:nowrap;}
.btn-green-large, .btn-turq-large {font-family:colaboratelightregular,arial; line-height:70px; border-radius:4px; color:#fff !important; font-weight:normal; font-size:28px; padding:0 20px; display:block; text-align:center; white-space:nowrap;}
.btn-turq, .btn-turq-large {background:#0ab3f1;}
.btn-turq:hover, .btn-turq-large:hover{background:#39c3f6; text-decoration:none; color:#fff;}
.btn-green, .btn-green-large {background:#3eb20a !important;}
.btn-green:hover, .btn-green-large:hover{background:#7ec60c !important; text-decoration:none; color:#fff;}
.btn-blue {background:#0165b5 !important;}
.btn-blue:hover {background:#46b6d6 !important; text-decoration:none; color:#fff;}
/* -----------------------------------------
* Internal pages
* ------------------------------------------*/
/* °°°°°°°°°°°°°°°°°°°°°°
Home page */
#main {color:#fff;}
#main .tagline {text-align:center;}
#main .tagline h2 {font-weight:normal; font-family:proxima_novathin,arial; font-size:68px; padding:15px 20px 0;}
#main .tagline h4 {font-weight:normal; font-family:colaboratelightregular,arial; font-size:26px; line-height:34px; padding:20px 20px 15px; max-width:800px; margin:0 auto;}
#features {padding:30px 0 40px 0;}
#features .features-list {/*padding-bottom:50px;*/}
#features .features-list h2 {font-family:colaboratemediumregular,arial; text-align:center; font-size:35px; font-weight:normal;}
#features .features-list p {font-size:18px;}
#features .features-list .caption {text-align:center; padding:9px 18px;}
#features .features-list div {text-align:center; color:#fff; transition:all 1s ease 0s; opacity:0;}
#features .features-list div.appeared {opacity:1;}
#features .features-list div a {display:block; color:#fff;}
#features .features-list div a:hover {color:#fff;}
#features .features-list img {transition:all 600ms ease-out 0s; transform:rotateY(90deg); opacity:0;}
#features .features-list img.fold {transform:rotateY(0deg); opacity:1;}
/* Tabs */
#linksLink .nav-tabs > li > a {font-family:colaboratelightregular,arial; color:#aaa; font-size:26px; padding:15px 20px; outline:none; line-height:30px;}
#linksLink .nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {color:#555;}
/* FAQ */
#faqs {background:#f2f2f2;}
#faqs .page-header {padding:20px 10px 20px; margin-bottom:20px;}
#faqs .col-md-4 {margin-bottom:30px;}
#faqs h5 {font-weight:normal; font-family:colaboratelightregular,arial; font-size:24px; line-height:30px;}
#faqs p {color:#777;}
/* °°°°°°°°°°°°°°°°°°°°°°
Features */
#features-header {/*background:#0672ce;*/ padding-top:65px;}
#features-header .page-header {text-align:center; border:0; margin:0; padding:20px 0 45px;}
#features-header .page-header h1, #features-header .page-header h2 {color:#fff;}
#features-header .page-header h3 {font-weight:normal; font-family:colaboratelightregular,arial; font-size:26px; color:#fff; margin-bottom:0; padding:0; }
.features-tabs {background:#f5f5f5; border-bottom:1px solid #dedede; width:100%; z-index:999;}
.features-tabs .ft-nt{border-bottom:0;}
.features-tabs .ft-nt > li{width:140px; text-align:center;}
.features-tabs .ft-nt > li span{text-align:center; line-height:60px;}
.features-tabs .ft-nt > li p{line-height:16px; padding-top:5px; margin:0 auto 5px; width:100px;}
.features-tabs .ft-nt > li > a{border-radius:0; color:#016ecd; font-weight:normal; font-family:colaboratelightregular,arial; font-size:14px; opacity:0.5; filter: alpha(opacity=50); height:122px; border-bottom:0; margin-right:-1px; outline:none; background:#f5f5f5;}
.features-tabs .ft-nt > li > a:hover {background:#fff; border-bottom:none; opacity:1; filter: alpha(opacity=100); color:#016ecd;}
.features-tabs .ft-nt > li.active > a, .features-tabs .ft-nt > li.active > a:hover, .features-tabs .ft-nt > li.active > a:focus {background-color: #ffffff; opacity:1; filter: alpha(opacity=100); border-bottom:none;}
.features-des {background:#fff;}
.features-des i{font-size:25px}
.features-des .fs-title {color:#016ecd; font-weight:normal; font-family:colaboratelightregular,arial; font-size:32px; margin-bottom:15px; margin-top:5px;}
.features-des h2 {color:#016ecd; font-weight:normal; font-family:proxima_novasemibold,arial; font-size:28px; margin-top:0px; margin-bottom:25px;}
.features-des h3 {color:#4a4b4c; font-weight:normal; font-family:colaboratemediumregular,arial; font-size:24px;}
.features-des span img{display:inline;}
.features-des .cat-three-sec{margin-top:80px;}
.features-des .cat-three-sec h3{margin-top:0;}
.features-des .cat-three-sec p{color:#333; font-weight:normal; font-family:colaboratelightregular,arial; font-size:16px; padding:0; margin:0 auto 0; width:260px;}
.features-des p.fl-gray-16 {color:#333; font-weight:normal; font-family:colaboratelightregular,arial; font-size:18px; width:650px; margin:0 auto; padding:10px 0 40px;}
.features-des .feat-sec{ margin:0;}
.features-des .feat-sec p {color:#333; font-weight:normal; font-family:colaboratelightregular,arial; line-height:24px; font-size:16px; padding:0 0 30px;}
.features-des .feat-sec ul li {color:#333; font-weight:normal; font-family:colaboratelightregular,arial; list-style-type:none; font-size:16px; line-height:36px;}
.features-des .well ul li {display: inline;margin-left:15px;}
.features-des .feat-sec ul li span {color:#3082c4; margin-right:10px;}
.features-des .features-bott-bor {background:url(../images/features_dvd_line.png) no-repeat; width:740px; height:1px; margin:0 auto;}
.features-des .container .sol-height {padding:50px 0 0;}
.features-des .container .row {padding:0 0 60px;}
.scroll-area {height: auto; position: relative; overflow: auto;}
.features-opp {padding:50px 0;}
.features-opp .fo-title{color:#fff; font-weight:normal; font-family:colaboratelightregular,arial; font-size:48px; line-height:50px; width:680px; margin:0 auto 30px; display:block;}
.features-opp a{ background:#3eb20a; font-weight:bold; font-family:colaboratelightregular,arial; font-size:22px; padding-left:30px; padding-right:30px; border:0;}
.features-opp a:hover{ background:#7ec60c; font-family:colaboratelightregular,arial; font-size:22px; padding-left:30px; padding-right:30px;}
.features-opp p{ color:#fff; font-family:colaboratelightregular,arial; font-size:20px; line-height:30px; margin:20px 0;}
.api-list a{ margin:0 10px;}
.api-list a:hover{ text-decoration:underline;}
@media (min-width: 320px) and (max-width: 767px){
.features-tabs .ft-nt{ display:none;}
.features-des .cat-three-sec .col-md-4{ margin-bottom:20px}
.features-des p.fl-gray-16{ width:100%;}
.features-des .features-bott-bor {background:url(../images/features_dvd_line_res.png) no-repeat; width:290px; height:1px; margin:0 auto;}
.features-des .container .row {padding:50px 0 40px;}
.features-des .img-res img{ margin:0 auto;}
.features-opp h1{ width:auto;}
.features-opp p{ width:auto;}
.features-opp .fo-title{width:auto;}
}
@media (min-width: 768px) and (max-width: 990px){
#features-header .page-header {padding:70px 0 85px;}
.features-tabs .ft-nt{ display:none;}
.features-des .cat-three-sec .col-md-4{ margin-bottom:20px}
.features-des p.fl-gray-16{ width:100%;}
.features-des .img-res img{ margin:0 auto;}
}
/* °°°°°°°°°°°°°°°°°°°°°°
Features Subpages */
.features-subpage{ background:#fff; margin:55px auto 0}
.features-subpage .fsp-title-sec { padding:15px 0;}
.features-subpage .fsp-title-sec h2{ color:#4a4b4c; font-weight:bold; font-family:colaboratelightregular,arial; font-size:28px; margin-bottom:20px; }
.features-subpage .fsp-title-sec a{ float:right; color:#0165b5; font-weight:normal; font-family:colaboratelightregular,arial; font-size:20px; padding-top:20px;}
.features-subpage .fsp-cont-sec{ margin-bottom:80px;}
.features-subpage .fsp-cont-sec img{ width:550px; margin:0 auto;}
.features-subpage .fsp-cont-sec p{ color:#333; font-weight:normal; font-family:colaboratelightregular,arial; font-size:16px; line-height:26px; text-align:left;}
.features-subpage .fsp-cont-sec ul{ line-height:26px;}
@media (min-width:320px) and (max-width:767px){
.features-subpage .fsp-cont-sec img{ margin:0 auto 20px;}
}
@media (min-width:768px) and (max-width:990px){
.features-subpage .fsp-cont-sec img{ margin:0 auto 20px;}
.features-subpage .fsp-title-sec { margin-top:57px;}
}
@media (max-width: 767px) {
#features-list {margin:0 -20px; padding:0 20px;}
#features-list .features-details .span4 {margin-bottom:20px;}
#features-list .nav-tabs > li > a {font-size:16px;}
}
#all-features {background:#fff; padding-bottom:50px;}
#all-features .page-header {padding:20px 10px 20px; margin:0;}
#all-features .page-header img{ margin-top:40px;}
#all-features .span4 {margin-bottom:20px;}
#all-features h2 {font-weight:normal; font-family:colaboratemediumregular,arial; font-size:35px; margin-bottom:10px; margin-top:10px; color:#2c3e50;}
#all-features h5 {font-weight:normal; font-family:colaboratelightregular,arial; font-size:24px; line-height:28px; color:#2c3e50;}
#all-features ul {margin:0; list-style:none;}
#all-features li {color:#777;}
#all-features li a {color:#7f8c8d; line-height:24px; transition:color 0s ease 0s, all 0.25s ease 0s, all 0s ease-in-out 0s, background 0s ease 0s, all 0.25s ease 0s, all 0s ease-in-out 0s;}
#all-features li a:hover {color:#2c3e50; border-bottom:1px solid #7f8c8d; padding:0 0 1px 0;}
@media (max-width: 767px) {
#all-features {margin:0 -20px; padding:0 20px 30px 20px;}
}
.section-content {background:#fff; padding-bottom:40px;min-height: 500px;}
.section-content.tower{background:url("../img/communication_tower_radio_television_tower_icon-256.png") no-repeat scroll center bottom #fff}
.section-content p {margin:0 0 20px;}
.section-content .accordion-toggle {outline:none; font-family:colaboratelightregular,arial; color:#555; font-size:24px; line-height:30px; background:#f2f2f2;}
.section-content .accordion-toggle:hover {background:#e8e8e8; }
.section-content .accordion-toggle.collapsed {}
.section-content .accordion-inner {}
.form-control {
border: 1px solid #bce8f1;
}
.form-control2{
height: auto;
padding: 15px 22px;
font-size: 18px;
}
.login-footer{
font-size: 18px;
line-height: 35px;
text-align: justify;
}
.text-black{
color: #000000;
}
.top {padding-top:75px !important;}
.ct-height {padding-top:25px ;}
@media (max-width: 979px) {
.top {padding-top:150px !important;}
}
@media (max-width: 767px) {
.top {padding-top:30px !important;}
}
/*
Buttons */
.btn-perso {font-family:colaboratelightregular,arial; height:42px; line-height:42px; border-radius:4px; color:#fff; font-weight:normal; font-size:16px; padding:0 10px; display:block; text-align:center; text-decoration:none;}
.btn-perso:focus,
.btn-perso:hover {color:#fff; text-decoration:none;}
.btn-blue {background-color:#0165b5;}
.btn-blue:hover {background-color:#46b6d6;}
.btn-lightblue {background-color:#428BCA; border:1px solid #2380d1; padding-top:7px;}
.btn-lightblue:hover {border:1px solid #285E8E;}
.head-btn-primary { background: none!important; }
.head-btn-primary { background: none!important; }
.dropdown-menu > li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.428571429;
color: #333333;
white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
color: #ffffff;
text-decoration: none;
background-color: #428bca;
}
.dropdown-menu > li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.428571429;
color: #333333;
white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
color: #ffffff;
text-decoration: none;
background-color: #428bca;
}
.form-header{
font-size: 16px;
margin: 0 0 36px;
}
.form-header h1 {
float: left;
margin: 0;
}
.form-header small {
float: right;
line-height: 65px;
text-decoration: none;
font-size: 16px;
}
.signup-form .col-xs-1, .signup-form .col-sm-1, .signup-form .col-md-1, .signup-form .col-lg-1, .signup-form .col-xs-2, .signup-form .col-sm-2, .signup-form .col-md-2, .signup-form .col-lg-2, .signup-form .col-xs-3, .signup-form .col-sm-3, .signup-form .col-md-3, .signup-form .col-lg-3, .signup-form .col-xs-4, .signup-form .col-sm-4, .signup-form .col-md-4, .signup-form .col-lg-4, .signup-form .col-xs-5, .signup-form .col-sm-5, .signup-form .col-md-5, .signup-form .col-lg-5, .signup-form .col-xs-6, .signup-form .col-sm-6, .signup-form .col-md-6, .signup-form .col-lg-6, .signup-form .col-xs-7, .signup-form .col-sm-7, .signup-form .col-md-7, .signup-form .col-lg-7, .signup-form .col-xs-8, .signup-form .col-sm-8, .signup-form .col-md-8, .signup-form .col-lg-8, .signup-form .col-xs-9, .signup-form .col-sm-9, .signup-form .col-md-9, .signup-form .col-lg-9, .signup-form .col-xs-10, .signup-form .col-sm-10, .signup-form .col-md-10, .signup-form .col-lg-10, .signup-form .col-xs-11, .signup-form .col-sm-11, .signup-form .col-md-11, .signup-form .col-lg-11, .signup-form .col-xs-12, .signup-form .col-sm-12, .signup-form .col-md-12, .signup-form .col-lg-12
{
padding-left: 0;
}
.account-form .col-xs-1, .account-form .col-sm-1, .account-form .col-md-1, .account-form .col-lg-1, .account-form .col-xs-2, .account-form .col-sm-2, .account-form .col-md-2, .account-form .col-lg-2, .account-form .col-xs-3, .account-form .col-sm-3, .account-form .col-md-3, .account-form .col-lg-3, .account-form .col-xs-4, .account-form .col-sm-4, .account-form .col-md-4, .account-form .col-lg-4, .account-form .col-xs-5, .account-form .col-sm-5, .account-form .col-md-5, .account-form .col-lg-5, .account-form .col-xs-6, .account-form .col-sm-6, .account-form .col-md-6, .account-form .col-lg-6, .account-form .col-xs-7, .account-form .col-sm-7, .account-form .col-md-7, .account-form .col-lg-7, .account-form .col-xs-8, .account-form .col-sm-8, .account-form .col-md-8, .account-form .col-lg-8, .account-form .col-xs-9, .account-form .col-sm-9, .account-form .col-md-9, .account-form .col-lg-9, .account-form .col-xs-10, .account-form .col-sm-10, .account-form .col-md-10, .account-form .col-lg-10, .account-form .col-xs-11, .account-form .col-sm-11, .account-form .col-md-11, .account-form .col-lg-11, .account-form .col-xs-12, .account-form .col-sm-12, .account-form .col-md-12, .account-form .col-lg-12
{
padding-left: 0;
padding-right: 0;
}
.inline{display:inline-block}
.mg-0{margin:0}.mg-tp-0{margin-top:0}.mg-bt-0{margin-bottom:0}.mg-tp-10{margin-top:10px}.mg-bt-10{margin-bottom:10px}.mg-tp-15{margin-top:15px}.mg-bt-15{margin-bottom:15px}.mg-tp-20{margin-top:20px}.mg-bt-20{margin-bottom:20px}.mg-tp-30{margin-top:30px}.mg-bt-30{margin-bottom:30px}.mg-tp-40{margin-top:40px}.mg-bt-40{margin-bottom:40px}.mg-tp-50{margin-top:50px}.mg-bt-50{margin-bottom:50px}.mg-tp-70{margin-top:70px}.mg-bt-70{margin-bottom:70px}.mg-tp-100{margin-top:100px}.mg-bt-100{margin-bottom:100px}.mg-tp-150{margin-top:150px}.mg-bt-150{margin-bottom:150px}.mg-le-0{margin-left:0}.pd-0{padding:0}.pd-tp-0{padding-top:0}.pd-bt-0{padding-bottom:0}.pd-tp-10{padding-top:10px}.pd-bt-10{padding-bottom:10px}.pd-tp-15{padding-top:15px}.pd-bt-15{padding-bottom:15px}.pd-tp-20{padding-top:20px}.pd-bt-20{padding-bottom:20px}.pd-tp-30{padding-top:30px}.pd-bt-30{padding-bottom:30px}.pd-tp-40{padding-top:40px}.pd-bt-40{padding-bottom:40px}.pd-tp-50{padding-top:50px}.pd-bt-50{padding-bottom:50px}.pd-tp-70 {padding-top:70px}.pd-bt-70{padding-bottom:70px}.pd-tp-100{padding-top:100px}.pd-bt-100{padding-bottom:100px}.pd-tp-150{padding-top:150px}.pd-bt-150{padding-bottom:150px}.pd-le-100{padding-left:100px}
.row:after{clear:both}[class*="span"]{float:left;min-height:1px;margin-left:20px}
.row{margin: 0;}
.full-width{width: 100%;}
.center-block{
float: none;
margin-left: auto;
margin-right: auto;
}
.text-error{color: #f00;}
.alert-error {
background-color: #f00;
border-color: #f10;
color: #fff;
}
.alert-error a{
color: #fff;
}
.merchant-guidelines {
text-align:left;
margin-top:20px;
}
.merchant-guidelines li {
margin: 0 0 10px;
}
.sf-button {
display: inline-block;
font-size: 12px;
line-height: 18px;
height: auto;
padding: 6px 12px;
margin: 0 20px 20px 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
transition: all .3s ease-out;
border: 0;
outline: none;
text-shadow: none;
text-decoration: none;
font-weight: normal;
}
.sf-button:hover {
border: 0!important;
box-shadow:0 2px 3px 0 rgba(0,0,0,.2);
text-decoration: none!important;
}
.sf-button.medium {
font-size: 14px;
line-height: 20px;
padding: 10px 16px;
}
.sf-button.large {
font-size: 18px;
line-height: 26px;
padding: 10px 22px;
}
.sf-button .arrow {
background-image: url('images/button-arrow.png');
background-repeat: no-repeat;
display: inline-block;
width: 6px;
height: 9px;
margin-left: 7px;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.sf-button.medium .arrow {
vertical-align: 0;
}
.sf-button.large .arrow {
vertical-align: 1px;
}
.sf-button.lightgrey .arrow, .sf-button.green .arrow, .sf-button.limegreen .arrow, .sf-button.white .arrow {
background-image: url('images/button-arrow2.png');
}
.sf-button.slightlyrounded, .sf-button.slightlyroundedarrow {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.sf-button.rounded, .sf-button.roundedarrow {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
}
.sf-button.slightlyrounded:hover, .sf-button.slightlyroundedarrow:hover, .sf-button.rounded:hover, .sf-button.roundedarrow:hover {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
box-shadow: none;
}
.sf-button.outerglow {
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow: 0 0 4px rgba(0,0,0,.3);
-webkit-box-shadow: 0 0 4px rgba(0,0,0,.3);
box-shadow: 0 0 4px rgba(0,0,0,.3);
}
.sf-button.dropshadow {
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow: 1px 1px 0.6px 0 rgba(0,0,0,.75);
-webkit-box-shadow: 1px 1px 0.6px 0 rgba(0,0,0,.75);
box-shadow: 1px 1px 0.6px 0 rgba(0,0,0,.75);
}
.sf-button.black {
background-color: #212121;
color: #fff;
}
.sf-button.white {
background-color: #fff;
color: #212121;
}
.sf-button.blue {
background-color: #0000cc;
color: #fff;
}
.sf-button.grey {
background-color: #656565;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+CjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjdmN2Y3IiBzdG9wLW9wYWNpdHk9IjAiLz4KPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMCIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);
background-image: -moz-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%);
background-image: -o-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%);
background-image: -webkit-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%);
background-image: linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%);
color: #fff;
}
.sf-button.lightgrey {
background-color: #cbcbcb;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+CjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjdmN2Y3IiBzdG9wLW9wYWNpdHk9IjAiLz4KPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMCIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);
background-image: -moz-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%);
background-image: -o-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%);
background-image: -webkit-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%);
background-image: linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%);
}
.sf-button.purple {
background-color: #5f5ba7;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+CjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjdmN2Y3IiBzdG9wLW9wYWNpdHk9IjAiLz4KPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMCIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);
background-image: -moz-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%);
background-image: -o-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%);
background-image: -webkit-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%);
background-image: linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%);
color: #fff;
}
.sf-button.lightblue {
background-color: #00adef;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+CjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjdmN2Y3IiBzdG9wLW9wYWNpdHk9IjAiLz4KPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMCIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);
background-image: -moz-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%);
background-image: -o-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%);
background-image: -webkit-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%);
background-image: linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%);
color: #fff;
}
.sf-button.turquoise {
background-color: #1bbbb3;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+CjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjdmN2Y3IiBzdG9wLW9wYWNpdHk9IjAiLz4KPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMCIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);
background-image: -moz-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%);
background-image: -o-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%);
background-image: -webkit-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%);
background-image: linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%);
color: #fff;
}
.sf-button.green {
background-color: #65cb00;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+CjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjdmN2Y3IiBzdG9wLW9wYWNpdHk9IjAiLz4KPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMCIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);
background-image: -moz-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%);
background-image: -o-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%);
background-image: -webkit-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%);
background-image: linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%);
}
.sf-button.limegreen {
background-color: #cbff00;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+CjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjdmN2Y3IiBzdG9wLW9wYWNpdHk9IjAiLz4KPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMCIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);
background-image: -moz-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%);
background-image: -o-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%);
background-image: -webkit-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%);
background-image: linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%);
}
.sf-button.orange {
background-color: #f90;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+CjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjdmN2Y3IiBzdG9wLW9wYWNpdHk9IjAiLz4KPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMCIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);
background-image: -moz-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%);
background-image: -o-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%);
background-image: -webkit-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%);
background-image: linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%);
color: #fff;
}
.sf-button.pink {
background-color: #ed135a;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+CjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjdmN2Y3IiBzdG9wLW9wYWNpdHk9IjAiLz4KPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMCIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);
background-image: -moz-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%);
background-image: -o-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%);
background-image: -webkit-linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%);
background-image: linear-gradient(90deg, rgba(255,255,255,.15) 0%, rgba(247,247,247,0) 50%, rgba(247,247,247,0) 50.12%);
color: #fff;
}
.sf-button.lightblue:hover {
background: #0099ff;
}
.sf-button.pink:hover {
background: #ad2043;
}
.sf-button.purple:hover {
background: #7400e9;
}
.sf-button.grey:hover {
background: #444;
}
.sf-button.lightgrey:hover {
background: #aaa;
}
.sf-button.accent {
background: none;
background-image: none;
}
.span12{width:940px}.span11{width:860px}.span10{width:780px}.span9{width:700px}.span8{width:620px}.span7{width:540px}.span6{width:460px}.span5{width:380px}.span4{width:300px}.span3{width:220px}.span2{width:140px}.span1{width:60px}.offset12{margin-left:980px}.offset11{margin-left:900px}.offset10{margin-left:820px}.offset9{margin-left:740px}.offset8{margin-left:660px}.offset7{margin-left:580px}.offset6{margin-left:500px}.offset5{margin-left:420px}.offset4{margin-left:340px}.offset3{margin-left:260px}.offset2{margin-left:180px}.offset1{margin-left:100px}
.features .noticon {
border: 1px solid rgba(0, 0, 0, 0.25);
color: #009CDE;
border-radius: 32px;
display: block;
font-size: 36px;
line-height: 62px;
margin: 0 auto;
text-align: center;
text-rendering: optimizelegibility;
width: 64px;
}
.features div{
background: none repeat scroll 0 0 #fff;
height: 300px;
margin: 12px;
padding: 44px 12px;
}
.tab-content{min-height: 100px;}
.wpb_container{
background: url(../img/tb0007-chene-dore-texture.jpg) repeat scroll 0 0 rgb(255, 255, 255);
padding-top: 75px !important;
padding-bottom: 75px !important;
}
.wpb_text_column ul, .box-content-wrap ul {
list-style: disc inside none;
}
.wpb_text_column {
margin-bottom: 10px;
}
.wpb_text_column h3.wpb_heading {
display: block;
padding-bottom: 0;
border-bottom-width: 0;
}
.wpb_text_column h3.wpb_text_heading {
border-bottom-width: 2px;
display: inline-block;
padding-bottom: 4px;
}
@font-face {
font-family: 'proxima_novalight';src: url('proximanova/proximanova-light-webfont.eot');src: url('proximanova/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),url('proximanova/proximanova-light-webfont.woff') format('woff'),url('proximanova/proximanova-light-webfont.ttf') format('truetype');font-weight: normal;font-style: normal;}
@font-face {
font-family: 'proxima_nova_rgregular'; src: url('proximanova/proximanova-regular-webfont.eot');src: url('proximanova/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),url('proximanova/proximanova-regular-webfont.woff') format('woff'),url('proximanova/proximanova-regular-webfont.ttf') format('truetype');font-weight: normal;font-style: normal;}
@font-face {
font-family: 'proxima_novasemibold';src: url('proximanova/proximanova-semibold-webfont.eot');src: url('proximanova/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'),url('proximanova/proximanova-semibold-webfont.woff') format('woff'),url('proximanova/proximanova-semibold-webfont.ttf') format('truetype');font-weight: normal;font-style: normal;}
@font-face {
font-family: 'proxima_nova_rgbold';src: url('proximanova/proximanova-bold-webfont.eot');src: url('proximanova/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),url('proximanova/proximanova-bold-webfont.woff') format('woff'),url('proximanova/proximanova-bold-webfont.ttf') format('truetype');font-weight: normal;font-style: normal;}
@font-face {
font-family: 'proxima_novablack';src: url('proximanova/proximanova-black-webfont.eot');src: url('proximanova/proximanova-black-webfont.eot?#iefix') format('embedded-opentype'),url('proximanova/proximanova-black-webfont.woff') format('woff'),url('proximanova/proximanova-black-webfont.ttf') format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'proxima_novathin';src: url('proximanova/proximanova-thin-webfont.eot');src: url('proximanova/proximanova-thin-webfont.eot?#iefix') format('embedded-opentype'),url('proximanova/proximanova-thin-webfont.woff') format('woff'),url('proximanova/proximanova-thin-webfont.ttf') format('truetype');font-weight: normal;font-style: normal;}
/***************************
DateTime: 2014-05-28, 13:56:42
File list:
* fontface.css
*****************************/
@font-face{font-family:'colaboratemediumregular';src:url('colaborate_medium_macroman/ColabMed-webfont.eot');src:url('colaborate_medium_macroman/ColabMed-webfont.eot?#iefix') format('embedded-opentype'),url('colaborate_medium_macroman/ColabMed-webfont.woff') format('woff'),url('colaborate_medium_macroman/ColabMed-webfont.ttf') format('truetype'),url('colaborate_medium_macroman/ColabMed-webfont.svg#colaboratemediumregular') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'colaboratelightregular';src:url('colaborate_light_macroman/ColabLig-webfont.eot');src:url('colaborate_light_macroman/ColabLig-webfont.eot?#iefix') format('embedded-opentype'),url('colaborate_light_macroman/ColabLig-webfont.woff') format('woff'),url('colaborate_light_macroman/ColabLig-webfont.ttf') format('truetype'),url('colaborate_light_macroman/ColabLig-webfont.svg#colaboratelightregular') format('svg');font-weight:normal;font-style:normal}