/* ===== GENERAL STYLING SECTION ===== */
html
{
overflow-x: hidden;
}
body{
/* height:100%;
width:100%;
margin:0; padding:0 !important;
text-rendering:optimizeLegibility;
background-color:#3882cd;
font-family: 'Open Sans',sans-serif;
color:#fff;
overflow-x: hidden;*/
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
overflow-x: hidden;
background-color:#3882cd;
/*font-family: 'Open Sans',sans-serif;*/
color:#fff;
}
h2,h3,h4,h5,h6{
/*font-family: 'Open Sans',sans-serif;*/
font-style: normal;
font-weight: 300;
color:#333333;
}
.dropdown-backdrop{position:static !important;}
p{
font-style: normal;
font-weight: normal;
line-height:normal;
color:#333333;
}
h1{font-size:29px;
color:#333333;
font-family: ultralight;
}
.StratTitle{font-size:34px;
color:#333333;
font-family: fontlight;
line-height:30px;
}
h2{font-size:29px;font-weight:bold;}
h3{font-size:27px;font-weight:bold;}
h4.title{font-weight:400;font-size:16px; }
pre,
code{
color:#3882cd;
font-size:12px;
font-weight:300;
}
code{
word-wrap: break-word;
}
img.roundimage{
-moz-border-radius:50% !important;
-ms-border-radius:50% !important;
-o-border-radius:50% !important;
-webkit-border-radius:50% !important;
border-radius:50% !important;
}
img.smoothimage{
-moz-border-radius:5px !important;
-ms-border-radius:5px !important;
-o-border-radius:5px !important;
-webkit-border-radius:5px !important;
border-radius:5px !important;
}
address{
font-size:14px;
font-weight:400;
color:#999;
}
hr {
border-top: 2px solid #DFDFDF;
border-bottom: 0px solid #ffffff;
}
.title {
border-bottom: 1px dotted #DFDFDF;
margin-bottom: 30px;
margin-top: 0px;
}
.title span {
border-bottom: 1px solid #3882cd;
display: inline-block;
padding-bottom: 10px;
margin-bottom: -1px;
}
[class^="icon-"],
[class*=" icon-"],
[class^="icon-"]:hover,
[class*=" icon-"]:hover{background-image:none;}
a,a:visited{color:#3882cd;}
a:hover{background-color:transparent;}
a,
a:visited,
a:hover{text-decoration:none;}
li{list-style:none;}
p.lead{font-color:#7F7F7F;font-size:18px;font-weight:400;font-family: 'Open Sans',sans-serif;}
.featuredlink{font-weight:700;font-size:16px;color:#666666;}
.imagebackground{
background-image: url(../img/bghead.png);
background-repeat: repeat;
}
.muted{font-weight:300 !important;}
.alignleft{float:left;}
.alignright{floar:right;}
.white-font{color:#ffffff !important;}
.grey-font{color:#ecebe9 !important;}
.blue-font{color:#aee0f1 !important;}
.green-font{color:#AFD66D !important;}
.red-font{color:#f47e7e !important;}
.orange-font{color:#e5a979 !important;}
.yellow-font{color:#e3e49d !important;}
.inverse-font{color:#3882cd;}
.white-background{background-color:#ffffff !important;}
.grey-background{background-color:#ecebe9 !important;}
.blue-background{background-color:#aee0f1 !important;}
.green-background{background-color:#AFD66D !important;}
.red-background{background-color:#f47e7e !important;}
.orange-background{background-color:#e5a979 !important;}
.yellow-background{background-color:#e3e49d !important;}
.inverse-background{background-color:#3882cd;}
.addborder{border-top:2px solid #3882cd;}
a.inverse-link,
a:visited.inverse-link{color:#3882cd;}
a:hover.inverse-link{color:#47B5AC;}
ul.the-icons li{list-style:none;padding:3px 0px;}
.blogpost-music{background-color:#7cbb00;color:#252525;}
.blogpost-image{background-color:#7cbb00;color:#252525;}
.blogpost-slide{background-color:#7cbb00;color:#252525;}
.blogpost-noimage{background-color:#7cbb00;color:#252525;}
.blogpost-video{background-color:#7cbb00;color:#252525;}
.marginleft5{margin-left:5px !important;}
.marginleft10{margin-left:10px !important;}
.marginleft15{margin-left:15px !important;}
.marginleft20{margin-left:20px !important;}
.marginleft25{margin-left:25px !important;}
.margintop20{margin-top:20px !important;}
.marginright5{margin-right:5px !important;}
.marginright10{margin-right:10px !important;}
.marginright15{margin-right:15px !important;}
.marginright20{margin-right:20px !important;}
.marginright25{margin-right:25px !important;}
.pad5{padding-top:5px !important;}
.pad10{padding-top:10px !important;}
.pad15{padding-top:15px !important;}
.pad20{padding-top:20px !important;}
.pad25{padding-top:25px !important;}
.pad30{padding-top:30px !important;}
.pad35{padding-top:35px !important;}
.pad40{padding-top:40px !important;}
.pad45{padding-top:45px !important;}
.pad50{padding-top:50px !important;}
.pad55{padding-top:55px !important;}
.pad60{padding-top:60px !important;}
.pad-5{margin-top:-5px !important;}
.pad-10{margin-top:-10px !important;}
.pad-15{margin-top:-15px !important;}
.pad-20{margin-top:-20px !important;}
.pad-25{margin-top:-25px !important;}
.pad-30{margin-top:-30px !important;}
.pad-35{margin-top:-35px !important;}
.pad-40{margin-top:-40px !important;}
.pad-45{margin-top:-45px !important;}
.pad-50{margin-top:-50px !important;}
.pad-55{margin-top:-55px !important;}
.pad-60{margin-top:-60px !important;}
.padbottom0{padding-bottom:0px !important;margin-bottom:0px !important;}
.padbottom5{padding-bottom:5px !important;}
.padbottom10{padding-bottom:10px !important;}
.padbottom15{padding-bottom:15px !important;}
.padbottom20{padding-bottom:20px !important;}
.padbottom25{padding-bottom:25px !important;}
.padbottom30{padding-bottom:30px !important;}
.padbottom35{padding-bottom:35px !important;}
.padbottom40{padding-bottom:40px !important;}
.padbottom45{padding-bottom:45px !important;}
.padbottom50{padding-bottom:50px !important;}
.padbottom55{padding-bottom:55px !important;}
.padbottom60{padding-bottom:60px !important;}
.padbottom-5{margin-top:-5px !important;}
.padbottom-10{margin-top:-10px !important;}
.padbottom-15{margin-top:-15px !important;}
.padbottom-20{margin-top:-20px !important;}
.padbottom-25{margin-top:-25px !important;}
.padbottom-30{margin-top:-30px !important;}
.padbottom-35{margin-top:-35px !important;}
.padbottom-40{margin-top:-40px !important;}
.padbottom-45{margin-top:-45px !important;}
.padbottom-50{margin-top:-50px !important;}
.padbottom-55{margin-top:-55px !important;}
.padbottom-60{margin-top:-60px !important;}
.icon64{font-size:64px;line-height:64px;}
.sitecontainer{
max-width:1240px;
margin:0px auto;
float:none;
height:auto;
overflow:hidden;
}
.boxcontainer{
paddingleft:20px !important;
padding-right:20px !important;
}
.page-section{
padding-top:20px;
width:100%;
float:left;
-webkit-animation: toLeftFromRight 0.9s forwards;
-moz-animation: toLeftFromRight 0.9s forwards;
animation: toLeftFromRight 0.9s forwards;
background-color:#3882cd;
margin-top:0px;
padding-bottom: 30px;
}
.page-section-white{
padding-top:70px;
width:100%;
float:left;
background-color:#FBFBFB;
-webkit-animation: toRightFromLeft 0.9s forwards;
-moz-animation: toRightFromLeft 0.9s forwards;
animation: toRightFromLeft 0.9s forwards;
padding-bottom:60px;
}
.page-section-white-edu{
padding-top:20px;
width:100%;
float:left;
background-color:#FBFBFB;
-webkit-animation: toRightFromLeft 0.9s forwards;
-moz-animation: toRightFromLeft 0.9s forwards;
animation: toRightFromLeft 0.9s forwards;
padding-bottom:20px;
}
.page-section-green{
padding-top:70px;
width:100%;
float:left;
background-color:#9ad22e;
-webkit-animation: toRightFromLeft 0.9s forwards;
-moz-animation: toRightFromLeft 0.9s forwards;
animation: toRightFromLeft 0.9s forwards;
padding-bottom:60px;
}
.page-section-lblue{
padding-top:70px;
width:100%;
float:left;
background-color:#c8d8e9;
-webkit-animation: toRightFromLeft 0.9s forwards;
-moz-animation: toRightFromLeft 0.9s forwards;
animation: toRightFromLeft 0.9s forwards;
padding-bottom:60px;
}
.page-section-lightb{
width:100%;
height: 100px;
float:left;
background-color:#c8d9e9;
padding-top:10px;
-webkit-animation: toRightFromLeft 0.9s forwards;
-moz-animation: toRightFromLeft 0.9s forwards;
animation: toRightFromLeft 0.9s forwards;
}
img.rotatingimage{
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 1s;
transition-duration: 1s;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;
overflow:hidden;
}
img.rotatingimage:hover{
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
}
.tooltip.bottom .tooltip-arrow {border-bottom-color: #3882cd;}
.tooltip.top .tooltip-arrow {border-top-color: #3882cd;}
.tooltip.left .tooltip-arrow {border-left-color: #3882cd;}
.tooltip.right .tooltip-arrow {border-right-color: #3882cd;}
.tooltip-inner {background-color: #3882cd;}
.carousel-control {
position: absolute;
top: 50%;
left: 15px;
width: 45px;
height: 45px;
margin-top: -20px;
font-size: 60px;
font-weight: 100;
line-height: 30px;
color: #ffffff;
text-align: center;
background: #222222;
border: 0px solid #ffffff;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
opacity: 0.5;
filter: alpha(opacity=50);
}
/* ===== WORDPRESS DEFAULTS ===== */
#comments ol{
padding:0px;
margin:0px;
}
#comments ol li{
list-style:none;
list-style-image:none;
background-color:white;
-border-radius:2px;
-ms-border-radius:2px;
-o-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
padding:15px;
position:relative;
margin-bottom:20px;
border-bottom:1px solid #DDDDDD;
}
.comment_info a,
.comment_info a:visited{
color:#3882cd;
}
.comment_info{
width:100%;
float:left;
}
.avatar{
float:left;
display:inline-block;
padding-right:20px;
padding-bottom:20px;
}
.commentwrapper{
padding-top:10px;
font-weight:300;
font-size:12px;
}
a:link.comment-reply-link,
a:visited.comment-reply-link{
position:absolute;
top:15px;
right:15px;
background-color:#3882cd;
color:white;
text-decoration:none;
padding:4px 6px;
-border-radius:2px;
-ms-border-radius:2px;
-o-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
}
a:hover.comment-reply-link{
background-color:#31B5AF;
color:white;
}
#reply-title {display:none;}
.form_info{
margin:0;
padding:20px 0px 5px 0px;
font-weight:300;
text-transform:uppercase;
font-size:12px;
}
.fullwidth{
display:block;
width:97%;
border:0px !important;
border-bottom:1px solid #DDDDDD !important;
background-color:white !important;
margin:0 !important;
padding:8px 1% !important;
font-size:14px !important;
-moz-border-radius:2px !important;
-ms-border-radius:2px !important;
-o-border-radius:2px !important;
-webkit-border-radius:2px !important;
border-radius:2px !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
.fullwidtharea{
display:block;
width:97%;
border:0px !important;
border-bottom:1px solid #DDDDDD !important;
background-color:white !important;
margin:0px 0px 30px 0px !important;
padding:8px 1% !important;
font-size:14px !important;
-moz-border-radius:2px !important;
-ms-border-radius:2px !important;
-o-border-radius:2px !important;
-webkit-border-radius:2px !important;
border-radius:2px !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
min-height:240px;
}
#commentform > .form-submit > #submit,
.btn-form{
background-color:#2f2f2f;
border:1px solid #2f2f2f;
color:#f4f4f4;
text-shadow:none;
padding:8px 0px;
text-align:center;
font-size:15px;
text-transform:uppercase;
font-weight:400;
width:99%;
margin:0;
-moz-border-radius:2px;
-ms-border-radius:2px;
-o-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
}
.btn-form{
text-align:center;
width:100% !important;
}
.wp-caption, .gallery-caption{
border: 0px solid #ddd;
text-align: center;
background-color: #f4f4f4;
padding-top: 4px;
margin: 10px;
max-width:100%;
}
.wp-caption img {margin: 0;padding: 0;border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 0.85em;line-height: 1.214em;padding: 0 4px 5px;margin: 0; }
.sticky { color:red; }
.bypostauthor{background-color: transparent; }
.alignnone {margin:0px;}
.aligncenter,div.aligncenter {display: block;margin: 0px auto 0px auto;}
.alignright {float:right;margin: 0px;}
.alignleft {float: left;margin:0px;}
.aligncenter {display: block;margin: 5px auto 5px auto;}
a img.alignright,img.alignright {float: right;margin: 5px 0px 20px 20px;}
a img.alignnone, img.alignnone {margin: 5px 20px 20px 0;}
a img.alignleft, img.alignleft {float: left;margin: 5px 20px 20px 0;}
a img.aligncenter, img.aligncenter {display: block;margin-left: auto;margin-right: auto}
#wp-calendar { width:100%;}
.footerwidget > #calendar_wrap,
.tagcloud{padding:0px 20px !important;}
#wp-calendar caption {padding:0px 0px 10px 0px;font-weight:600;}
#wp-calendar thead th {background-color:#3882cd;color:white;padding:5px 0px;border:1px solid #f4f4f4;}
#wp-calendar tbody td {background-color:white;text-align:center;padding:5px 0px;border:1px solid #f4f4f4;}
#wp-calendar tbody td:nth-child(odd) {background-color:transparent;}
#wp-calendar a {color:#3882cd;font-weight:600;}
#wp-calendar #prev,
#wp-calendar #next{
padding-top:20px;
}
#wp-calendar #prev a{text-align: left; color:white;padding:4px 8px 6px 8px;background-color:#3882cd;border-radius:2px;}
#wp-calendar #next a{text-align: right; color:white;padding:4px 8px 6px 8px;background-color:#3882cd;border-radius:2px;}
/* ===== VEDA'S CSS ===== */
/* greenbox captions */
#Strat1effective2 {
top:12%;
left:60%;
width:23%;
}
#Strat1effective2:after {/*pointer*/
content: "";
position: absolute;
bottom: -15px;
left: 110px;
border-style: solid;
border-width: 15px 15px 0;
border-color: #7abd42 transparent;
display: block;
width: 0;
z-index: 1;
}
#Strat1expert2 {
left: 35%;
width:25%;
top: 29%;
}
#Strat1expert2:after {
content: "";
position: absolute;
top: 30px;
right: -15px;
border-style: solid;
border-width: 15px 0 15px 15px;
border-color: transparent #7abd42;
display: block;
width: 0;
z-index: 2;
}
#Strat1latest2 {
left: 24%;
width:23%;
top: 19%;
}
#Strat1latest2:after {
content: "";
position: absolute;
bottom: -15px;
left: 170px;
border-style: solid;
border-width: 15px 15px 0;
border-color: #7abd42 transparent;
display: block;
width: 0;
z-index: 1;
}
#Strat1fun2 {
left: 50%;
width:22%;
top:12%;
}
#Strat1fun2:after {
content: "";
position: absolute;
bottom: -15px;
left: 170px;
border-style: solid;
border-width: 15px 15px 0;
border-color: #7abd42 transparent;
display: block;
width: 0;
z-index: 1;
}
#Strat2advanced2 {
left: 65%;
width:25%;
top: 7%;
}
#Strat2advanced2:after {
content: "";
position: absolute;
bottom: -15px;
left: 130px;
border-style: solid;
border-width: 15px 15px 0;
border-color: #7abd42 transparent;
display: block;
width: 0;
z-index: 1;
}
#Strat2adapting2a {
left: 38%;
top:4%;
width:25%;
}
#Strat2adapting2a:after {
content: "";
position: absolute;
bottom: -15px;
left: 170px;
border-style: solid;
border-width: 15px 15px 0;
border-color: #7abd42 transparent;
display: block;
width: 0;
z-index: 1;
}
#Strat2adapting22 {
left: 35%;
top:14%;
width:25%;
}
#Strat2adapting22:after {
content: "";
position: absolute;
bottom: -15px;
left: 170px;
border-style: solid;
border-width: 15px 15px 0;
border-color: #7abd42 transparent;
display: block;
width: 0;
z-index: 1;
}
#Strat2goals2{
left: 74%;
top:28%;
width:20%;
}
#Strat2goals2:after {
content: "";
position: absolute;
top: 35px;
left: -15px;
border-style: solid;
border-width: 15px 15px 15px 0;
border-color: transparent #7abd42 ;
display: block;
width: 0;
z-index: 1;
}
#Strat3wiki2{
left: 78%;
top:35%;
width:17%;
}
#Strat3wiki2:after {
content: "";
position: absolute;
top: 35px;
left: -15px;
border-style: solid;
border-width: 15px 15px 15px 0;
border-color: transparent #7abd42 ;
display: block;
width: 0;
z-index: 1;
}
#Strat3drills2{
left: 77%;
top:28%;
width:18%;
}
#Strat3drills2:after {
content: "";
position: absolute;
top: 35px;
left: -15px;
border-style: solid;
border-width: 15px 15px 15px 0;
border-color: transparent #7abd42 ;
display: block;
width: 0;
z-index: 1;
}
#Strat3ebooks2{
left: 74%;
top:45%;
width:25%;
}
#Strat3ebooks2:after {
content: "";
position: absolute;
bottom: -15px;
left: 140px;
border-style: solid;
border-width: 15px 15px 0;
border-color: #7abd42 transparent;
display: block;
width: 0;
z-index: 1;
}
#Strat3import2{
left: 38%;
width:27%;
top: 48%;
}
#Strat3import2:after {
content: "";
position: absolute;
top: -15px;
left: 155px;
border-style: solid;
border-width: 0 15px 15px;
border-color: #7abd42 transparent;
display: block;
width: 0;
z-index: 1;
}
#Strat3import2b{
left: 39%;
width:27%;
top: 50%;
}
#Strat3import2b:after {
content: "";
position: absolute;
top: -15px;
left: 155px;
border-style: solid;
border-width: 0 15px 15px;
border-color: #7abd42 transparent;
display: block;
width: 0;
z-index: 1;
}
#Strat3create2{
left: 70%;
top:18%;
width:22%;
}
#Strat3create2:after {
content: "";
position: absolute;
top: 35px;
left: -15px;
border-style: solid;
border-width: 15px 15px 15px 0;
border-color: transparent #7abd42 ;
display: block;
width: 0;
z-index: 1;
}
#Strat4social2{
left: 10%;
top:2%;
width:22%;
}
#Strat4social2:after {
content: "";
position: absolute;
bottom: -15px;
left: 140px;
border-style: solid;
border-width: 15px 15px 0;
border-color: #7abd42 transparent;
display: block;
width: 0;
z-index: 1;
}
#Strat4stay2{
top:30%;
left:72%;
width:20%;
}
#Strat4stay2:after {
content: "";
position: absolute;
top: 35px;
left: -15px;
border-style: solid;
border-width: 15px 15px 15px 0;
border-color: transparent #7abd42 ;
display: block;
width: 0;
z-index: 1;
}
#Strat4work2{
left: 75%;
top:25%;
width:19%;
}
#Strat4work2:after {
content: "";
position: absolute;
top: 35px;
left: -15px;
border-style: solid;
border-width: 15px 15px 15px 0;
border-color: transparent #7abd42 ;
display: block;
width: 0;
z-index: 1;
}
#Strat4share2{
left: 10%;
width:25%;
top: 33%;
}
#Strat4share2:after {
content: "";
position: absolute;
top: 30px;
right: -15px;
border-style: solid;
border-width: 15px 0 15px 15px;
border-color: transparent #7abd42;
display: block;
width: 0;
z-index: 2;
}
.Strat52
{
width: 27%;
display:block;
color:#fff;
padding: 15px;
text-align:left;
line-height:18px;
position: absolute;
letter-spacing: 2px;
background:#7abd42;
z-index: 1;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 2px 2px 10px 0px rgba(97, 97, 97, 0.73);
-moz-box-shadow: 2px 2px 10px 0px rgba(97, 97, 97, 0.73);
box-shadow: 2px 2px 10px 0px rgba(97, 97, 97, 0.73);
}
.Strat52:after
{
content: "";
position: absolute;
top: 35px;
left: -15px;
border-style: solid;
border-width: 15px 15px 15px 0;
border-color: transparent #7abd42;
display: block;
width: 0;
z-index: 1;
}
#Strat6help2{
left: 50%;
width:35%;
top: 25%;
}
#Strat6help2:after {
content: "";
position: absolute;
top: 35px;
left: -15px;
border-style: solid;
border-width: 15px 15px 15px 0;
border-color: transparent #7abd42 ;
display: block;
width: 0;
z-index: 1;
}
#Strat6training2{
left: 58%;
top:9%;
width:27%;
}
#Strat6training2:after {
content: "";
position: absolute;
bottom: -15px;
left: 170px;
border-style: solid;
border-width: 15px 15px 0;
border-color: #7abd42 transparent;
display: block;
width: 0;
z-index: 1;
}
#Strat6expert2{
left: 38%;
width:25%;
top: 25%;
}
#Strat6expert2:after {
content: "";
position: absolute;
top: 30px;
right: -15px;
border-style: solid;
border-width: 15px 0 15px 15px;
border-color: transparent #7abd42;
display: block;
width: 0;
z-index: 2;
}
#Strat7cool2{
left: 50%;
width:22%;
top:12%;
}
#Strat7cool2:after {
content: "";
position: absolute;
bottom: -15px;
left: 170px;
border-style: solid;
border-width: 15px 15px 0;
border-color: #7abd42 transparent;
display: block;
width: 0;
z-index: 1;
}
#Strat6training2b{
left: 65%;
width:22%;
top:7%;
}
#Strat6training2b:after {
content: "";
position: absolute;
bottom: -15px;
left: 170px;
border-style: solid;
border-width: 15px 15px 0;
border-color: #7abd42 transparent;
display: block;
width: 0;
z-index: 1;
}
#Strat7enjoy2{
left: 42%;
top:14%;
width:25%;
}
#Strat7enjoy2:after {
content: "";
position: absolute;
bottom: -15px;
left: 170px;
border-style: solid;
border-width: 15px 15px 0;
border-color: #7abd42 transparent;
display: block;
width: 0;
z-index: 1;
}
#Strat7play2{
left: 45%;
width:27%;
top: 50%;
}
#Strat7play2:after {
content: "";
position: absolute;
top: -15px;
left: 135px;
border-style: solid;
border-width: 0 15px 15px;
border-color: #7abd42 transparent;
display: block;
width: 0;
z-index: 1;
}
#Strat7targeted2{
left: 58%;
top:9%;
width:27%;
}
#Strat7targeted2:after {
content: "";
position: absolute;
bottom: -15px;
left: 170px;
border-style: solid;
border-width: 15px 15px 0;
border-color: #7abd42 transparent;
display: block;
width: 0;
z-index: 1;
}
#Strat7targeted2b{
left: 65%;
width:22%;
top:7%;
}
#Strat7targeted2b:after {
content: "";
position: absolute;
bottom: -15px;
left: 170px;
border-style: solid;
border-width: 15px 15px 0;
border-color: #7abd42 transparent;
display: block;
width: 0;
z-index: 1;
}
#Strat1effect2{
left: 15%;
width:27%;
top: 15%;
}
#Strat8effect2:after {
content: "";
position: absolute;
bottom: -15px;
left: 150px;
border-style: solid;
border-width: 15px 15px 0;
border-color: #7abd42 transparent;
display: block;
width: 0;
z-index: 2;
}
#Strat2live2{
left: 28%;
width:55%;
top: 30%;
}
#Strat2live2:after {
content: "";
position: absolute;
bottom: -15px;
left: 300px;
border-style: solid;
border-width: 15px 15px 0;
border-color: #7abd42 transparent;
display: block;
width: 0;
z-index: 2;
}
#Strat2easy2{
left: 45%;
width:50%;
top: 2%;
}
#Strat2easy2:after {
content: "";
position: absolute;
bottom: -15px;
left: 300px;
border-style: solid;
border-width: 15px 15px 0;
border-color: #7abd42 transparent;
display: block;
width: 0;
z-index: 2;
}
/* greenbox captions*/
/* ipad captions */
#Strat1effective2i {
top:12%;
left:60%;
width:23%;
}
#Strat1effective2i:after {/*pointer*/
content: "";
position: absolute;
bottom: -15px;
left: 110px;
border-style: solid;
border-width: 15px 15px 0;
border-color: #7abd42 transparent;
display: block;
width: 0;
z-index: 1;
}
#Strat1expert2i {
left: 35%;
width:25%;
top: 29%;
}
#Strat1expert2i:after {
content: "";
position: absolute;
top: 30px;
right: -15px;
border-style: solid;
border-width: 15px 0 15px 15px;
border-color: transparent #7abd42;
display: block;
width: 0;
z-index: 2;
}
#Strat1latest2i {
left: 24%;
width:23%;
top: 19%;
}
#Strat1latest2i:after {
content: "";
position: absolute;
bottom: -15px;
left: 170px;
border-style: solid;
border-width: 15px 15px 0;
border-color: #7abd42 transparent;
display: block;
width: 0;
z-index: 1;
}
#Strat1fun2i {
left: 50%;
width:22%;
top:12%;
}
#Strat1fun2i:after {
content: "";
position: absolute;
bottom: -15px;
left: 170px;
border-style: solid;
border-width: 15px 15px 0;
border-color: #7abd42 transparent;
display: block;
width: 0;
z-index: 1;
}
#Strat2advanced2i {
left: 65%;
width:25%;
top: 7%;
}
#Strat2advanced2i:after {
content: "";
position: absolute;
bottom: -15px;
left: 130px;
border-style: solid;
border-width: 15px 15px 0;
border-color: #7abd42 transparent;
display: block;
width: 0;
z-index: 1;
}
#Strat2adapting2ai {
left: 38%;
top:4%;
width:25%;
}
#Strat2adapting2ai:after {
content: "";
position: absolute;
bottom: -15px;
left: 170px;
border-style: solid;
border-width: 15px 15px 0;
border-color: #7abd42 transparent;
display: block;
width: 0;
z-index: 1;
}
#Strat2adapting22i {
left: 35%;
top:14%;
width:25%;
}
#Strat2adapting22i:after {
content: "";
position: absolute;
bottom: -15px;
left: 170px;
border-style: solid;
border-width: 15px 15px 0;
border-color: #7abd42 transparent;
display: block;
width: 0;
z-index: 1;
}
#Strat2goals2i{
top:12%;
left:40%;
width:23%;
}
#Strat2goals2i:after {
content: "";
position: absolute;
bottom: -15px;
left: 110px;
border-style: solid;
border-width: 15px 15px 0;
border-color: #7abd42 transparent;
display: block;
width: 0;
z-index: 1;
}
#Strat2goals3i{
left: 60%;
top:20%;
width:20%;
}
#Strat2goals3i:after {
content: "";
position: absolute;
top: 35px;
left: -15px;
border-style: solid;
border-width: 15px 15px 15px 0;
border-color: transparent #7abd42 ;
display: block;
width: 0;
z-index: 1;
}
#Strat3wiki2i{
left: 58%;
top:15%;
width:22%;
}
#Strat3wiki2i:after {
content: "";
position: absolute;
top: 55px;
left: -15px;
border-style: solid;
border-width: 15px 15px 15px 0;
border-color: transparent #7abd42 ;
display: block;
width: 0;
z-index: 1;
}
#Strat3drills2i{
left: 81%;
top:22%;
width:15%;
}
#Strat3drills2i:after {
content: "";
position: absolute;
top: 35px;
left: -15px;
border-style: solid;
border-width: 15px 15px 15px 0;
border-color: transparent #7abd42;
display: block;
width: 0;
z-index: 1;
}
#Strat3ebooks2i{
left: 74%;
top:45%;
width:25%;
}
#Strat3ebooks2i:after {
content: "";
position: absolute;
bottom: -15px;
left: 140px;
border-style: solid;
border-width: 15px 15px 0;
border-color: #7abd42 transparent;
display: block;
width: 0;
z-index: 1;
}
#Strat3import2i{
left: 58%;
top:15%;
width:22%;
}
#Strat3import2i:after {
content: "";
position: absolute;
top: 35px;
left: -15px;
border-style: solid;
border-width: 15px 15px 15px 0;
border-color: transparent #7abd42 ;
display: block;
width: 0;
z-index: 1;
}
#Strat3import2bi{
left: 39%;
width:27%;
top: 50%;
}
#Strat3import2bi:after {
content: "";
position: absolute;
top: -15px;
left: 155px;
border-style: solid;
border-width: 0 15px 15px;
border-color: #7abd42 transparent;
display: block;
width: 0;
z-index: 1;
}
#Strat3create2i{
left: 58%;
top:15%;
width:22%;
}
#Strat3create2i:after {
content: "";
position: absolute;
top: 55px;
left: -15px;
border-style: solid;
border-width: 15px 15px 15px 0;
border-color: transparent #7abd42 ;
display: block;
width: 0;
z-index: 1;
}
#Strat4social2i{
left: 10%;
top:2%;
width:26%;
}
#Strat4social2i:after {
content: "";
position: absolute;
bottom: -15px;
left: 230px;
border-style: solid;
border-width: 15px 15px 0;
border-color: #7abd42 transparent;
display: block;
width: 0;
z-index: 1;
}
#Strat4stay2i{
top:30%;
left:65%;
width:20%;
}
#Strat4stay2i:after {
content: "";
position: absolute;
top: 35px;
left: -15px;
border-style: solid;
border-width: 15px 15px 15px 0;
border-color: transparent #7abd42 ;
display: block;
width: 0;
z-index: 1;
}
#Strat4work2i{
left:45%;
top:20%;
width:19%;
}
#Strat4work2i:after {
content: "";
position: absolute;
top: 35px;
left: -15px;
border-style: solid;
border-width: 15px 15px 15px 0;
border-color: transparent #7abd42 ;
display: block;
width: 0;
z-index: 1;
}
#Strat4share2i{
left: 10%;
width:25%;
top: 25%;
}
#Strat4share2i:after {
content: "";
position: absolute;
top: 30px;
right: -15px;
border-style: solid;
border-width: 15px 0 15px 15px;
border-color: transparent #7abd42;
display: block;
width: 0;
z-index: 2;
}
.Strat52i
{
width: 27%;
display:block;
color:#fff;
padding: 15px;
text-align:left;
line-height:18px;
position: absolute;
letter-spacing: 2px;
background:#7abd42;
z-index: 1;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 2px 2px 10px 0px rgba(97, 97, 97, 0.73);
-moz-box-shadow: 2px 2px 10px 0px rgba(97, 97, 97, 0.73);
box-shadow: 2px 2px 10px 0px rgba(97, 97, 97, 0.73);
}
.Strat52i:after
{
content: "";
position: absolute;
top: 35px;
left: -15px;
border-style: solid;
border-width: 15px 15px 15px 0;
border-color: transparent #7abd42;
display: block;
width: 0;
z-index: 1;
}
#Strat6help2i{
left: 50%;
width:35%;
top: 25%;
}
#Strat6help2i:after {
content: "";
position: absolute;
top: 35px;
left: -15px;
border-style: solid;
border-width: 15px 15px 15px 0;
border-color: transparent #7abd42 ;
display: block;
width: 0;
z-index: 1;
}
#Strat6training2i{
left: 58%;
top:2%;
width:27%;
}
#Strat6training2i:after {
content: "";
position: absolute;
bottom: -15px;
left: 170px;
border-style: solid;
border-width: 15px 15px 0;
border-color: #7abd42 transparent;
display: block;
width: 0;
z-index: 1;
}
#Strat6expert2i{
left: 38%;
width:25%;
top: 25%;
}
#Strat6expert2i:after {
content: "";
position: absolute;
top: 30px;
right: -15px;
border-style: solid;
border-width: 15px 0 15px 15px;
border-color: transparent #7abd42;
display: block;
width: 0;
z-index: 2;
}
#Strat7cool2i{
left: 58%;
width:22%;
top:2%;
}
#Strat7cool2i:after {
content: "";
position: absolute;
bottom: -15px;
left: 150px;
border-style: solid;
border-width: 15px 15px 0;
border-color: #7abd42 transparent;
display: block;
width: 0;
z-index: 1;
}
#Strat6training2bi{
left: 65%;
width:22%;
top:7%;
}
#Strat6training2bi:after {
content: "";
position: absolute;
bottom: -15px;
left: 170px;
border-style: solid;
border-width: 15px 15px 0;
border-color: #7abd42 transparent;
display: block;
width: 0;
z-index: 1;
}
#Strat7enjoy2i{
left: 48%;
top:14%;
width:25%;
}
#Strat7enjoy2i:after {
content: "";
position: absolute;
bottom: -15px;
left: 170px;
border-style: solid;
border-width: 15px 15px 0;
border-color: #7abd42 transparent;
display: block;
width: 0;
z-index: 1;
}
#Strat7play2i{
left: 36%;
top:14%;
width:25%;
}
#Strat7play2i:after {
content: "";
position: absolute;
bottom: -15px;
left: 170px;
border-style: solid;
border-width: 15px 15px 0;
border-color: #7abd42 transparent;
display: block;
width: 0;
z-index: 1;
}
#Strat7targeted2i{
left: 58%;
top:2%;
width:27%;
}
#Strat7targeted2i:after {
content: "";
position: absolute;
bottom: -15px;
left: 170px;
border-style: solid;
border-width: 15px 15px 0;
border-color: #7abd42 transparent;
display: block;
width: 0;
z-index: 1;
}
#Strat7targeted2bi{
left: 65%;
width:22%;
top:7%;
}
#Strat7targeted2bi:after {
content: "";
position: absolute;
bottom: -15px;
left: 170px;
border-style: solid;
border-width: 15px 15px 0;
border-color: #7abd42 transparent;
display: block;
width: 0;
z-index: 1;
}
#Strat1effect2i{
left: 15%;
width:27%;
top: 15%;
}
#Strat8effect2i:after {
content: "";
position: absolute;
bottom: -15px;
left: 150px;
border-style: solid;
border-width: 15px 15px 0;
border-color: #7abd42 transparent;
display: block;
width: 0;
z-index: 2;
}
#Strat2live2i{
left: 28%;
width:55%;
top: 30%;
}
#Strat2live2i:after {
content: "";
position: absolute;
bottom: -15px;
left: 300px;
border-style: solid;
border-width: 15px 15px 0;
border-color: #7abd42 transparent;
display: block;
width: 0;
z-index: 2;
}
#Strat2easy2i{
left: 45%;
width:50%;
top: 2%;
}
#Strat2easy2i:after {
content: "";
position: absolute;
bottom: -15px;
left: 300px;
border-style: solid;
border-width: 15px 15px 0;
border-color: #7abd42 transparent;
display: block;
width: 0;
z-index: 2;
}
/* ipad captions*/
.menu-top-main-menu-container, .menu-mac-menu-container, .menu-edu-menu-container, .menu-pirate-bay-menu-container
{
padding-right: 0px !important;
}
li#menu-item-6850 .small {
display: none;
}
.mcafee
{
position:absolute;
right:20%;
top:17px;
}
/*
.divdownload
{
background-color:#99d22e;
width: 130px;
height: 40px;
line-height: 35px;
color:#fff;
margin-left: 20px;
text-decoration:none;
position:absolute;
right:10%;
text-align:center;
top:1%;
}
*/
.divdownload
{
border: 1px solid #34ad07;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 130px;
line-height: 35px;
color:#34ad07;
margin-left: 20px;
/*padding: 10px 10px 10px 10px; */
text-decoration:none;
position:absolute;
right:10%;
text-align:center;
top:17px;
}
.divdownload:hover
{
/*border: 1px solid #99d22e;*/
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 130px;
line-height: 35px;
color:#99d22e;
margin-left: 20px;
/*padding: 10px 10px 10px 10px; */
text-decoration:none;
position:absolute;
text-align:center;
top:17px;
}
.edubtn
{
background-color:#99d22e;
width: 130px;
height: 40px;
line-height: 40px;
color:#fff;
/*padding: 10px 10px 10px 10px; */
text-decoration:none;
float:right;
margin-right:200px;
text-align:center;
margin-top:1%;
padding-left:5px;
padding-right:5px;
}
.edubtn:hover
{
background-color:#99d22e;
width: 130px;
height: 40px;
line-height: 40px;
color:#fff;
/*padding: 10px 10px 10px 10px; */
text-decoration:none;
float:right;
margin-right:200px;
text-align:center;
margin-top:1%;
padding-left:5px;
padding-right:5px;
}
.edubtn a, .edubtn a:hover
{
color:#fff;
text-decoration: none;
}
/**/
.edubtn2
{
background-color:#99d22e;
width: 130px;
height: 30px;
line-height: 30px;
color:#fff;
/*padding: 10px 10px 10px 10px; */
text-decoration:none;
float:right;
margin-right:200px;
text-align:center;
margin-top:5px;
padding-left:5px;
padding-right:5px;
}
.edubtn2:hover
{
background-color:#99d22e;
width: 130px;
height: 30px;
line-height: 30px;
color:#fff;
/*padding: 10px 10px 10px 10px; */
text-decoration:none;
float:right;
margin-right:200px;
text-align:center;
margin-top:5px;
padding-left:5px;
padding-right:5px;
}
.edubtn2 a, .edubtn2 a:hover
{
color:#fff;
text-decoration: none;
}
.headline
{
color:#fff;
font-size:55px;
font-family:thinfont;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
font-weight:200;
line-height:55px;
margin-top: 30px;
}
.headlinew
{
color:#fff;
font-size:85px;
font-family:thinfont;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
font-weight:200;
line-height:80px;
margin-top: 80px;
}
h1.headline2
{
color:#fff;
font-size:50px;
font-family:proxima;
font-weight:bold;
line-height:50px;
}
.headlinepad
{
margin-top:10px;
}
.subheadline
{ line-height: 20px;
color: #fff;
font-size:18px;
margin-top:-5px;
-webkit-font-smoothing: antialiased;
}
.sub
{
line-height: 30px;
color: #fff;
font-size:28px;
/*font-family:helv;
font-weight:lighter;*/
}
.subheadline2
{
line-height: 35px;
color: #fff;
font-size:20px;
font-family:helv;
}
.headline2, .subhead2
{
color:#666666;
}
.benefitssect .span4
{
padding-bottom:10px;
}
.page-section.grey-background
{
padding-top:70px;
padding-bottom:60px;
}
.colleft ul
{
margin-top: 60px;
}
.colleft ul li.one
{
list-style-type: none;
font-size:18px;
line-height: 25px;
padding-left:70px;
padding-bottom:5px;
margin-left:-10px;
margin-bottom:20px;
background: url('/wp-content/themes/alfie/img/bulleticon1.png') no-repeat;
/*font-family:helv;*/
padding-top: 3px;
-webkit-font-smoothing: antialiased;
}
.colleft ul li.two
{
list-style-type: none;
font-size:18px;
line-height: 25px;
padding-left:70px;
padding-bottom:5px;
margin-left:-10px;
margin-bottom:20px;
background: url('/wp-content/themes/alfie/img/bulleticon2.png') no-repeat;
/*font-family:helv;*/
padding-top: 3px;
-webkit-font-smoothing: antialiased;
}
.colleft ul li.three
{
list-style-type: none;
font-size:18px;
line-height: 25px;
padding-left:70px;
padding-bottom:5px;
margin-left:-10px;
margin-bottom:20px;
background: url('/wp-content/themes/alfie/img/bulleticon3.png') no-repeat;
/*font-family:helv;*/
padding-top: 3px;
-webkit-font-smoothing: antialiased;
}
.colleft ul li.four
{
list-style-type: none;
font-size:18px;
line-height: 25px;
padding-left:70px;
padding-bottom:5px;
margin-left:-10px;
margin-bottom:20px;
background: url('/wp-content/themes/alfie/img/bulleticon4.png') no-repeat ;
/*font-family:helv;*/
padding-top: 3px;
-webkit-font-smoothing: antialiased;
}
/*
.costlist ul
{
padding-left: 25px;
}
*/
.costlist ul li
{
list-style-type: none;
line-height: 25px;
padding-left:35px;
padding-bottom:5px;
margin-left:-10px;
margin-bottom:10px;
background: url('/wp-content/themes/alfie/img/tick.png') no-repeat left center;
padding-top: 3px;
}
.costlist1 ul li
{
list-style-type: none;
line-height: 35px;
padding-left:60px;
padding-bottom:5px;
margin-left:-10px;
margin-bottom:20px;
background: url('/wp-content/themes/alfie/img/bullet1.png') no-repeat ;
padding-top: 3px;
}
.coldevices
{
float:left;
width:50%;
}
.orderCol1
{
float:left;
width:45%;
margin-top:10px;
text-align:right;
}
.orderCol2
{
float:left;
width:45%;
margin-top:10px;
text-align:left;
padding-left: 10%;
}
.divGuarantee
{
width:auto;
height:auto;
}
.guaranteep
{
margin-top: 30px;
}
.textMain2 {
font-size: 14px;
line-height: 20px;
width: 38%;
position:absolute;
margin: 0 auto;
left: 0;
right: 0;
left:0;
right:0;
top: 155px;
z-index: 2;
display:none;
}
.textMain {
font-size: 14px;
line-height: 20px;
width: 750px;
position:absolute;
margin: 0 auto;
left: 0;
right: 0;
left:0;
right:0;
top: 100px;
z-index: 2;
}
.textMain p {
font-size: 14px;
line-height: 18px;
margin: 7px 0 0 0;
color: #333;
text-align:left;
}
.guaranteep
{
margin-top: 30px;
}
.bonusbox
{
text-align: right;
margin-right:10%;
}
.bgcert2, .bgcert3
{
display:none;
}
p
{
color:#666666;
line-height:20px;
padding-bottom:10px;
}
.copyright
{
color:#fff;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.footerp
{
color:#d1d1d1;
padding: 10px 10px 8px 10px;
}
.footerp1
{
color:#d1d1d1;
padding: 10px 10px 8px 10px;
line-height: 30px;
}
.footercol a:hover, .footercol1 a:hover
{
text-decoration:underline;
}
.footercol h3, .footercol1 h3
{
color:#fff;
font-weight:bold;
font-weight:22px;
}
.footercol
{
width:25%;
float:left;
margin-top:20px;
}
.footercol1
{
width:16%;
float:left;
margin-top:20px;
}
.menu-item-4801 a.small, .menu-item-4987 a.small, .menu-item-4800 a.small
{ visibility:hidden;}
.menu-item-4801 a.large, .menu-item-4987 a.large, .menu-item-4800 a.large
{ visibility:visible;}
.menu-item-5041 a.small, .menu-item-5040 a.small, .menu-item-5042 a.small
{ visibility:hidden;}
.menu-item-5041 a.large, .menu-item-5040 a.large, .menu-item-5042 a.large
{ visibility:visible;}
.menu-item-5190 a.small, .menu-item-5186 a.small, .menu-item-5188 a.small, .menu-item-5191 a.small, .menu-item-5193 a.small, .menu-item-5271 a.small, .menu-item-5272 a.small, menu-item-5273 a.small, menu-item-5274 a.small, #menu-edu-menu-1
{ visibility:hidden;}
.menu-item-5190 a.large, .menu-item-5186 a.large, .menu-item-5188 a.large, .menu-item-5189 a.large, .menu-item-5191 a.large, .menu-item-5193 a.large, .menu-item-5271 a.large, .menu-item-5272 a.large, .menu-item-5273 a.large, .menu-item-5274 a.large
{ visibility:visible;}
li#menu-item-5189 {
position: absolute;
right: -60px;
}
.menu-item-5534 a.small,
.menu-item-5529 a.small,
.menu-item-5525 a.small,
.menu-item-5528 a.small,
.menu-item-5527 a.small,
.menu-item-5608 a.small,
.menu-item-5609 a.small,
.menu-item-5790 a.small,
.menu-item-5789 a.small,
.menu-item-5792 a.small,
.menu-item-5791 a.small
{ visibility:hidden;}
.menu-item-5534 a.large,
.menu-item-5529 a.large,
.menu-item-5525 a.large,
.menu-item-5528 a.large,
.menu-item-5527 a.large,
.menu-item-5608 a.large,
.menu-item-5609 a.large,
.menu-item-5789 a.large,
.menu-item-5690 a.large,
.menu-item-5792 a.large,
.menu-item-5791 a.large
{ visibility:visible;}
.span3.logo a.small
{
pointer-events: none;
cursor: default;
}
.span3.logo a.large
{
pointer-events: auto;
cursor: pointer;
}
.mcafee.small
{
right:20%;
top:7px;
}
.nav-pills li a.small
{
margin-top: 0px;
}
.nav-pills li a.large
{
margin-top: 10px;
padding: 13px 0px;
}
.stickyheader.small
{
background:rgba(247, 247, 247, 0.9);
box-shadow: #CCC 0px 2px 5px;
height:40px;
}
.stickyheader.large
{
height:65px;
padding-top:5px;
}
.header.small
{
min-height:45px;
}
.header.large
{
min-height:65px;
padding-top:5px;
}
.logo a img.small
{
width:165px;
height:36px;
margin-top:-20px;
}
.logo a img.large
{
width:225px;
height:49px;
}
.btn-navbar.large
{
width:50px;
height:45px;
}
.btn-navbar.small
{
display:none;
}
.btn-navbar.green
{
color:#7DC243;
background-color:transparent;
top:0px;
display:none;
}
.btn-navbar.green:hover {
color: #7DC243;
background-color: transparent;
}
.tabwrapper
{
width:100%;
text-align:center;
margin-right: 5%;
}
.toplist
{
color: #fff;
font-size: 28px;
}
.toplist li
{
padding-bottom:20px;
}
.guaranteelist li
{
padding-bottom:15px;
}
.guaranteewrap
{
line-height: 20px;
height:450px;
margin: 0 auto;
color:#666666;
}
.guaranteecol1
{
float:left;
width:60%;
}
.guaranteecol2
{
float:left;
width:30%;
padding-top:30px;
}
/*captions*/
.captionbox
{
position:absolute;
display:block;
color:#fff;
padding: 15px;
text-align:left;
line-height:18px;
letter-spacing: 2px;
/*background:rgba(91, 147, 44, 0.9);*/
background:#5b932c;
z-index: 1;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 2px 2px 10px 0px rgba(97, 97, 97, 0.73);
-moz-box-shadow: 2px 2px 10px 0px rgba(97, 97, 97, 0.73);
box-shadow: 2px 2px 10px 0px rgba(97, 97, 97, 0.73);
}
.captionbox2
{
position:absolute;
display:block;
color:#fff;
padding: 15px;
text-align:left;
line-height:18px;
letter-spacing: 2px;
/*background:rgba(91, 147, 44, 0.9);*/
background:#7abd42;
z-index: 1;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 2px 2px 10px 0px rgba(97, 97, 97, 0.73);
-moz-box-shadow: 2px 2px 10px 0px rgba(97, 97, 97, 0.73);
box-shadow: 2px 2px 10px 0px rgba(97, 97, 97, 0.73);
}
.Strat5 span, .captionbox span, .captionbox2 span
{
font-size: 19px;
margin-bottom:7px;
letter-spacing: 2px;
}
/*captions*/
#navi {
right: 15px;
list-style: none;
position: fixed;
top: 15%;
z-index:1000;
display:block;
}
#navi li { display:block; width:14px; height:13px; margin:7px; }
#navi li a { display:block; position:relative; z-index:1; width:100%; height:100%; cursor:pointer; text-decoration:none; }
#navi li a #dot { position:absolute; z-index:1; top:5px; left:5px; width:14px; height:14px; background: #7cbb00;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
border:1px solid #b3b3b3;
}
#navi .current a #dot {
background:#666666;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}
#navi li a:active #dot { background:#666666; }
#navi li a:hover #dot { background:#666666; }
#navi.light li a #dot { background:#666666; }
#navi li a.active #dot { background:#666666; }
#navi li a .hover-text { position:absolute; top:1px; right:9px; padding-right:5px; width:70px; opacity:0; *display:none; font-size:12px; color:#aaa9a9; text-align:right;
-webkit-transition:opacity 0.2s;
-moz-transition:opacity 0.2s;
transition:opacity 0.2s;
z-index:1000;
}
#navi li .hover-text { position:absolute; top:1px; right:9px; padding-right:5px; width:90px; opacity:0; *display:none; font-size:12px; color:#aaa9a9; text-align:right;
-webkit-transition:opacity 0.2s;
-moz-transition:opacity 0.2s;
transition:opacity 0.2s;
z-index:1000;
}
#navi li a:hover .hover-text { opacity:1; *display:block; }
#navi a._mPS2id-h.mPS2id-highlight.mPS2id-highlight-first #dot {
background: #666666;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
/**/
#navi2 {
right: 15px;
list-style: none;
position: fixed;
top: 35%;
z-index:1000;
}
#navi2 li { display:block; width:14px; height:13px; margin:7px; }
#navi2 li a { display:block; position:relative; z-index:1; width:100%; height:100%; cursor:pointer; text-decoration:none; }
#navi2 li a #dot { position:absolute; z-index:1; top:5px; left:5px; width:14px; height:14px; background: #7cbb00;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}
#navi2 .current a #dot {
background:#666666;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}
#navi2 li a:active #dot { background:#666666; }
#navi2 li a:hover #dot { background:#666666; }
#navi2.light li a #dot { background:#666666; }
#navi2 li a.active #dot { background:#666666; }
#navi2 li a .hover-text { position:absolute; top:1px; right:10px; padding-right:5px; width:165px; opacity:0; *display:none; font-size:1em; color:#000; text-align:right;
-webkit-transition:opacity 0.2s;
-moz-transition:opacity 0.2s;
transition:opacity 0.2s;
z-index:1000;
}
#navi2 li a:hover .hover-text { opacity:1; *display:block; }
.section {
padding: 0px;
}
.section p:last-child {
margin-bottom: 0;
}
@font-face {
font-family: 'proxima';
src: url('/wp-content/themes/alfie/font/proximanova-semibold-webfont.eot');
src: url('/wp-content/themes/alfie/font/proximanova-semibold-webfont.eot?#iefix') format('eot'),
url('/wp-content/themes/alfie/font/proximanova-semibold-webfont.woff') format('woff'),
url('/wp-content/themes/alfie/font/proximanova-semibold-webfont.ttf') format('truetype'),
url('/wp-content/themes/alfie/font/proximanova-semibold-webfont.svg') format('svg');
font-style:normal;
}
@font-face {
font-family: 'proximabold';
src: url('/wp-content/themes/alfie/font/proxima-nova-black-webfont.eot');
src: url('/wp-content/themes/alfie/font/proxima-nova-black-webfont.eot?#iefix') format('eot'),
url('/wp-content/themes/alfie/font/proxima-nova-black-webfont.woff') format('woff'),
url('/wp-content/themes/alfie/font/proxima-nova-black-webfont.ttf') format('truetype'),
url('/wp-content/themes/alfie/font/proxima-nova-black-webfont.svg') format('svg');
}
@font-face {
font-family: 'helv';
src: url('/wp-content/themes/alfie/font/helveticaneue-thin-webfont.eot');
src: url('/wp-content/themes/alfie/font/helveticaneue-thin-webfont.eot?#iefix') format('eot'),
url('/wp-content/themes/alfie/font/helveticaneue-thin-webfont.woff') format('woff'),
url('/wp-content/themes/alfie/font/helveticaneue-thin-webfont.ttf') format('truetype'),
url('/wp-content/themes/alfie/font/helveticaneue-thin-webfont.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'fontlight';
src: url('/wp-content/themes/alfie/font/font-Light.eot');
src: url('/wp-content/themes/alfie/font/font-Light.eot?#iefix') format('eot'),
url('/wp-content/themes/alfie/font/font-Light.woff') format('woff'),
url('/wp-content/themes/alfie/font/font-Light.ttf') format('truetype'),
url('/wp-content/themes/alfie/font/font-Light.svg') format('svg');
font-weight:lighter;
font-style: normal;
}
@font-face {
font-family: 'ultralight';
src: url('/wp-content/themes/alfie/font/ultralight-webfont.eot');
src: url('/wp-content/themes/alfie/font/ultralight-webfont.eot?#iefix') format('eot'),
url('/wp-content/themes/alfie/font/ultralight-webfont.woff') format('woff'),
url('/wp-content/themes/alfie/font/ultralight-webfont.ttf') format('truetype'),
url('/wp-content/themes/alfie/font/ultralight-webfont.svg') format('svg');
font-style: normal;
}
@font-face {
font-family: 'thinfont';
src: url('/wp-content/themes/alfie/font/thin-webfont.eot');
src: url('/wp-content/themes/alfie/font/thin-webfont.eot?#iefix') format('eot'),
url('/wp-content/themes/alfie/font/thin-webfont.woff') format('woff'),
url('/wp-content/themes/alfie/font/thin-webfont.ttf') format('truetype'),
url('/wp-content/themes/alfie/font/thin-webfont.svg') format('svg');
font-style: normal;
}
.strategyp
{
line-height: 25px;
margin:0 0 0 0;
color:#333333;
}
.strategyp1
{
line-height: 25px;
margin:0 0 0 0;
font-size:16px;
font-weight:500;
}
.benefitp
{
line-height:25px;
margin:0 0 0 0;
color:#333333;
}
/* benefits*/
.ben-1.inverse-background
{
background-image: url("/wp-content/themes/alfie/img/icons.png");
background-position: -13px -13px;
width: 97px;
height:100px;
}
.ben-2.inverse-background
{
background-image: url("/wp-content/themes/alfie/img/icons.png");
background-position: -127px -13px;
width: 97px;
height:100px;
}
.ben-3.inverse-background
{
background-image: url("/wp-content/themes/alfie/img/icons.png");
background-position: -249px -13px;
width: 97px;
height:100px;
}
.ben-4.inverse-background
{
background-image: url("/wp-content/themes/alfie/img/icons.png");
background-position: -365px -13px;
width: 97px;
height:100px;
}
.ben-5.inverse-background
{
background-image: url("/wp-content/themes/alfie/img/icons.png");
background-position: -483px -13px;
width: 97px;
height:100px;
}
.ben-6.inverse-background
{
background-image: url("/wp-content/themes/alfie/img/icons.png");
background-position: -595px -13px;
width: 97px;
height:100px;
}
/* benefits*/
.praisediv .introicons {
height:200px;
text-align:center;
}
.benefitssect .introicons {
height:160px;
text-align:center;
}
.praisediv .span3
{
padding-bottom:10px;
}
.praisediv .introicons i {
position: absolute;
height: 100px;
width: 100px;
font-size: 50px;
line-height: 100px;
padding: 10px !important;
color: #f4f4f4;
top: 0px;
left: 50%;
/*margin: -60px 0px 0px -60px !important;*/
padding: 0px !important;
/*border-radius: 50%;*/
border: 5px solid #f4f4f4;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.praisediv h6.inverse-font
{
font-size:14px;
margin-top: 50px;
}
.praisediv .introicons p
{
font-weight:bold;
color:#666666;
bottom:0px;
position:absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
}
/* praise */
.ben-7.inverse-background
{
background-image: url("/wp-content/themes/alfie/img/icons.png");
background-position: -18.5px -155.5px;
width: 115px;
height:116px;
}
.ben-8.inverse-background
{
background-image: url("/wp-content/themes/alfie/img/icons.png");
background-position: -158px -155.5px;
width: 115px;
height:116px;
}
.ben-9.inverse-background
{
background-image: url("/wp-content/themes/alfie/img/icons.png");
background-position: -303px -155.5px;
width: 115px;
height:116px;
}
.ben-10.inverse-background
{
background-image: url("/wp-content/themes/alfie/img/icons.png");
background-position: -442px -155.5px;
width: 115px;
height:116px;
}
.ben-11.inverse-background
{
background-image: url("/wp-content/themes/alfie/img/icons.png");
background-position: -574px -155.5px;
width: 115px;
height:116px;
}
.ben-12.inverse-background
{
background-image: url("/wp-content/themes/alfie/img/icons.png");
background-position: -17px -284px;
width: 115px;
height:116px;
}
.ben-13.inverse-background
{
background-image: url("/wp-content/themes/alfie/img/icons.png");
background-position: -158px -284px;
width: 115px;
height:116px;
}
.ben-14.inverse-background
{
background-image: url("/wp-content/themes/alfie/img/icons.png");
background-position: -306px -284px;
width: 115px;
height:116px;
}
.ben-7b.inverse-background
{
background-image: url("/wp-content/themes/alfie/img/iconsb.png");
background-position: -18.5px -155.5px;
width: 115px;
height:116px;
}
.ben-8b.inverse-background
{
background-image: url("/wp-content/themes/alfie/img/iconsb.png");
background-position: -158px -155.5px;
width: 115px;
height:116px;
}
.ben-9b.inverse-background
{
background-image: url("/wp-content/themes/alfie/img/iconsb.png");
background-position: -303px -155.5px;
width: 115px;
height:116px;
}
.ben-10b.inverse-background
{
background-image: url("/wp-content/themes/alfie/img/iconsb.png");
background-position: -442px -155.5px;
width: 115px;
height:116px;
}
.ben-11b.inverse-background
{
background-image: url("/wp-content/themes/alfie/img/iconsb.png");
background-position: -574px -155.5px;
width: 115px;
height:116px;
}
.ben-12b.inverse-background
{
background-image: url("/wp-content/themes/alfie/img/iconsb.png");
background-position: -17px -284px;
width: 115px;
height:116px;
}
.ben-13b.inverse-background
{
background-image: url("/wp-content/themes/alfie/img/iconsb.png");
background-position: -158px -284px;
width: 115px;
height:116px;
}
.ben-14b.inverse-background
{
background-image: url("/wp-content/themes/alfie/img/iconsb.png");
background-position: -301px -284px;
width: 115px;
height:116px;
}
/* praise */
.hidediv
{
display:none;
}
.fixdiv
{
width:60%;
margin: 0 auto;
}
.colleft
{
float:left;
width:54%;
margin-top: 40px;
margin-bottom: 40px;
}
.colleft1
{
float:left;
width:46%;
margin-bottom: 60px;
margin-top: 40px;
}
.colleft1.ipad
{
float:left;
width:46%;
margin-bottom: 60px;
margin-top: 40px;
}
.colleft.ipad
{
float:left;
width:46%;
margin-bottom: 60px;
margin-top: 40px;
margin-left: 50px;
}
.ImgDiv1
{
width:100%;
float:left;
text-align:center;
}
.ImgDiv2
{
width:37%;
float:left;
margin-left:10px;
}
.OrderLogos
{
width: 100%;
margin-top:40px;
}
.OrderLogos .col1
{
width:32%;
float:left;
}
.OrderLogos .col2
{
width:31%;
float:left;
}
.OrderLogos .col3
{
width:35%;
float:left;
}
.colbtm
{
padding-top:15px;
color:#000;
}
.bonuscol
{
float:left;
width:50%;
}
.bonuscol1
{
float:left;
width:50%;
}
.logosdiv
{
margin: 0x 0px 20px 0px;
height: 100px;
background:rgba(238,239,240,0.8);
z-index:1000px;
position:absolute;
width:100%;
left:0;
bottom:0;
}
.divContainer
{
margin: 0px auto;
width: 70%;
padding-top: 10px;
}
.colleft2
{
float:left;
width:50%;
padding-left:10%;
color:#373737;
}
.colleft21
{
float:left;
width:35%;
padding-left:15%;
color:#373737;
}
.colleft3
{
float:left;
width:40%;
color:#373737;
}
.colleft4
{
float:left;
width:50%;
color:#666666;
}
.colleft5
{
float:left;
width:47%;
color:#666666;
margin-right:3%;
}
.geotrustdiv
{
float:left;
width:70%;
margin-left:10px;
}
.imgcenter
{
text-align:center;
}
.comparetbl
{
color:#666666;
width:75%;
border: 1px solid #666666;
}
.comparetbl th
{
height:35px;
background: #666666;
color:#fff;
}
.comparetbl tr
{
height:35px;
/*height:30px;*/
}
.comparetbl .green
{
color:#218103;
}
.comparetbl .red
{
color:#f30b06;
}
.comparetbl td
{
border-right: 1px solid #666666;
padding: 5px 10px 5px 10px;
}
tr:nth-child(odd)
{
background-color:#ecebe9;
}
tr:nth-child(even)
{
background-color:#fff;
}
.orderbtn
{
background-color: #72b625;
padding:20px;
color:#fff;
font-size:25px;
}
.tab-content
{
position:relative;
}
.btnNext {
background:url("/wp-content/themes/alfie/img/arrow.png");
background-position:-25px 0px;
display:block;
right:0px;
top:50%;
margin-top:-100px;
position:absolute;
width:25px;
height:100px;
}
.btnNext:hover {
background-position:-25px -100px;
}
.btnPrevious {
background:url("/wp-content/themes/alfie/img/arrow.png");
background-position:0px 0px;
display:block;
left:0px;
top:50%;
margin-top:-100px;
position:absolute;
width:25px;
height:100px;
}
.btnPrevious:hover {
background-position:0px -100px;
}
.othertitle
{
text-align:center;
color:#fff;
}
.bloginnerwrap h3 span
{
font-size: 40px;
height:30px;
margin-top: 10px;
}
.postdate
{
color:#666666;
}
.postcontent p
{
color:#6c6c6c;
}
.introicons
{
cursor: default !important;
pointer-events: none;
}
.topsupporticon
{
margin-top:0px;
margin-right:5%;
}
.archive.category.category-uncategorized.category-1 .page-section
{
background-color:#FBFBFB;
}
a.pinit-button
{
display:block;
}
.postcontent p.no-break {
height:65px;
}
.img.pinit-hover {
opacity: 1 !important;
}
.author-img
{
float:left;
padding-right:30px;
padding-top:10px;
margin-top:20px;
}
.author-txt
{
font-size:11px;
font-weight:bold;
color:#666666;
}
.article-style
{
float:left;
width:580px;
margin-top:20px;
}
.bloglist
{
font-size: 13px;
line-height:25px;
}
.archive.category .page-section
{
background-color:#fff;
}
.clear2
{
display:none;
}
/*support*/
.supportHdr
{
height:400px;
}
.tipDiv-s, .tipDiv-rs
{
display:none;
}
.tipDiv
{
position:absolute;
top:30%;
left:-40px;
}
.tipDiv-r
{
position:absolute;
top:30%;
right:-40px;
}
.iconDiv
{
float:left;
width: 35%;
height: 200px;
text-align:center;
}
.bubbleDiv, .bubbleDivP
{ float:left;
width: 60%;
height: 200px;
background:#f0eeee;
padding:40px 20px 20px 20px;
position:relative;
}
#popupContainer{
display:none;
}
#redirectwrap {
width:95%;
height:auto;
overflow:hidden;
margin:0 auto;
padding-top:25px;
}
#contact-form {
width:95%;
height:auto;
overflow:hidden;
margin:0 auto;
padding-top:25px;
}
#requestTrialPopUp {
width:95%;
height:auto;
overflow:hidden;
margin:0 auto;
padding-top:25px;
}
.requestTrialForm ul{
list-style-type: disc;
}
.requestTrialForm ul li{
list-style-type: disc;
-webkit-font-smoothing: antialiased;
color: #666666;
}
div.wpcf7-validation-errors {
display:none !important;
}
div.wpcf7-mail-sent-ok {
border: none !important;
color:#7bbd42;
}
#formwrap
{
margin-left:26%;
}
.formul
{
color:#666;
}
.formul li
{
margin-bottom:5px;
background: url('/wp-content/themes/alfie/img/squarebullet.png') left no-repeat;
background-position: 0 .4em;
padding-left:20px;
line-height:20px;
}
#formcolL
{
position:relative;
}
#formcolR
{
float:right;
padding-left:10px;
}
#crmWebToEntityForm
{
margin-top:-50px !important;
font-size:14px;
color:#666;
}
#crmWebToEntityForm table
{
width:400px !important;
background-color:#ecebe9 !important;
}
#crmWebToEntityForm table td
{
width:115px !important;
text-align:right;
}
#crmWebToEntityForm table input[type="text"]
{
width: 220px !important;;
}
#crmWebToEntityForm table strong, #crmWebToEntityForm table input[type="reset"]
{
display:none;
}
#crmWebToEntityForm table input[type="submit"]
{
color:#000 !important;
background: #fdbc4f; /* Old browsers */
background: -moz-linear-gradient(top, #fdbc4f 0%, #e8800c 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdbc4f), color-stop(99%,#e8800c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fdbc4f 0%,#e8800c 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fdbc4f 0%,#e8800c 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fdbc4f 0%,#e8800c 99%); /* IE10+ */
background: linear-gradient(to bottom, #fdbc4f 0%,#e8800c 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdbc4f', endColorstr='#e8800c',GradientType=0 ); /* IE6-9 */
border: none;
border-radius: 5px;
width:127px;
height:50px;
font-size:16px !important;
padding: 8px 8px 8px 8px !important;
}
#crmWebToEntityForm table td
{
background-color:#ecebe9 !important;
}
#cboxClose
{
top:0 !important;
}
/*support*/
/*customers page*/
.customerstbl
{
width: 65%;
border: 1px solid #d5d4d4;
}
.customerstbl th
{
height:150px;
border-right: 1px solid #d5d4d4;
}
.customerstbl tr
{
height:150px;
/*height:30px;*/
}
.customerstbl tr:nth-child(odd)
{
background-color:#ededed;
}
.customerstbl tr:nth-child(even)
{
background-color:#e1e1e1;
}
.schoolDiv
{
padding: 5px;
}
.customersp
{
line-height: 40px;
}
.schoolspan
{
color:#7c7b7b;
font-size: 20px;
}
.addspan
{
color:#989797;
font-size: 20px;
}
/*customers page*/
/*stories page*/
#storieswrap
{
width:100%;
}
.storiesdiv
{
width:50%;
float:left;
margin-bottom: 50px;
}
.storiesbub
{
/*width:80%;
height: 168px;
background:#e6e5e5;
padding: 8px;*/
background: url("/wp-content/themes/alfie/img/storiesbub.png") no-repeat;
width:532px;
height:192px;
margin-bottom: 15px;
}
/*
.storiesbub:after
{ content: "";
position: relative;
top: 25%;
left: -25%;
border-style: solid;
border-width: 15px 15px 0;
border-color: #e6e5e5 transparent;
display: block;
width: 0;
z-index: 1;
}*/
.storiesbub p
{
color:#605f5f;
font-size:16px;
text-align:left;
padding: 15px;
line-height: 23px;
}
.storiesschool
{
float:left;
width: 30%;
padding-left: 20px;
}
.storiesinfo
{
float:left;
width: 65%;
padding-top: 30px;
}
.storiesp
{
line-height: 40px;
}
.schoolspan1
{
color:#7c7b7b;
font-size: 18px;
}
.addspan1
{
color:#989797;
font-size: 16px;
}
.schoolicon
{
background: url("/wp-content/themes/alfie/img/stories-icons.png") no-repeat center;
width:157px;
height:155px;
}
#school1
{
background-position:-34px -18px;
}
#school2
{
background-position:-207px -18px;
}
#school3
{
background-position:-377px -18px;
}
#school4
{
background-position:-547px -18px;
}
#school5
{
background-position:-717px -18px;
}
#school6
{
background-position:-887px -18px;
}
#school7
{
background-position:-34px -189px;
}
#school8
{
background-position:-207px -189px;
}
#school9
{
background-position:-377px -189px;
}
#school10
{
background-position:-547px -189px;
}
#school11
{
background-position:-717px -189px;
}
#school12
{
background-position:-887px -189px;
}
#school13
{
background-position:-34px -359px;
}
#school14
{
background-position:-207px -359px;
}
#school15
{
background-position:-377px -359px;
}
#school16
{
background-position:-547px -359px;
}
#school17
{
background-position:-717px -359px;
}
#school18
{
background-position:-887px -359px;
}
#school19
{
background-position:-34px -534px;
}
#school20
{
background-position:-207px -534px;
}
#school21
{
background-position:-377px -534px;
}
#school22
{
background-position:-547px -534px;
}
#school23
{
background-position:-717px -534px;
}
#school24
{
background-position:-887px -534px;
}
#school25
{
background-position:-34px -714px;
}
#school26
{
background-position:-207px -714px;
}
#school27
{
background-position:-377px -714px;
}
#school28
{
background-position:-547px -714px;
}
#school29
{
background-position:-717px -714px;
}
#school30
{
background-position:-887px -714px;
}
#school31
{
background-position:-34px -893px;
}
#school32
{
background-position:-207px -893px;
}
#school33
{
background-position:-377px -893px;
}
#school34
{
background-position:-547px -893px;
}
#school35
{
background-position:-717px -893px;
}
#school36
{
background-position:-887px -893px;
}
#school37
{
background-position:-34px -1072px;
}
#school38
{
background-position:-207px -1072px;
}
#school39
{
background-position:-377px -1072px;
}
#school40
{
background-position:-547px -1072px;
}
#school41
{
background-position:-717px -1072px;
}
#school42
{
background-position:-887px -1072px;
}
#school43
{
background-position:-34px -1235px;
}
#school44
{
background-position:-207px -1235px;
}
#school45
{
background-position:-377px -1235px;
}
#school46
{
background-position:-547px -1235px;
}
#school47
{
background-position:-717px -1235px;
}
#school48
{
background-position:-887px -1235px;
}
#school49
{
background-position:-34px -1401px;
}
#school50
{
background-position:-207px -1401px;
}
#school51
{
background-position:-377px -1401px;
}
#school52
{
background-position:-547px -1401px;
}
#school53
{
background-position:-717px -1401px;
}
#school54
{
background-position:-887px -1401px;
}
.customericon
{
background: url("/wp-content/themes/alfie/img/customers-icons.png") no-repeat center;
width:163px;
height:130px;
}
.customericon2
{
background: url("/wp-content/themes/alfie/img/customers-icons2.png") no-repeat center;
width:163px;
height:130px;
}
.customericon3
{
background: url("/wp-content/themes/alfie/img/customers-icons3.png") no-repeat center;
width:163px;
height:130px;
}
.customericon4
{
background: url("/wp-content/themes/alfie/img/customers-icons4.png") no-repeat center;
width:163px;
height:130px;
}
#customer1, #customer48, #customer161, #customer231
{
background-position:-18px -15px;
}
#customer2, #customer49, #customer162, #customer232
{
background-position:-199px -15px;
}
#customer3, #customer50, #customer163, #customer233
{
background-position:-383px -15px;
}
#customer4, #customer51, #customer164, #customer234
{
background-position:-565px -15px;
}
#customer5, #customer52, #customer165, #customer235
{
background-position:-750px -15px;
}
#customer6, #customer53, #customer166, #customer236
{
background-position:-18px -156px;
}
#customer7, #customer54, #customer167, #customer237
{
background-position:-199px -156px;
}
#customer8, #customer55, #customer168, #customer238
{
background-position:-383px -156px;
}
#customer9, #customer56, #customer169, #customer239
{
background-position:-565px -156px;
}
#customer10, #customer57, #customer170, #customer240
{
background-position:-750px -156px;
}
#customer11, #customer58, #customer171, #customer241
{
background-position:-18px -299px;
}
#customer12, #customer59, #customer172, #customer242
{
background-position:-199px -299px;
}
#customer13, #customer60, #customer173, #customer243
{
background-position:-383px -299px;
}
#customer14, #customer61, #customer174, #customer244
{
background-position:-565px -299px;
}
#customer15, #customer62, #customer175, #customer245
{
background-position:-750px -299px;
}
#customer16, #customer63, #customer176, #customer246
{
background-position:-18px -444px;
}
#customer17, #customer64, #customer177, #customer247
{
background-position:-199px -444px;
}
#customer18, #customer65, #customer178, #customer248
{
background-position:-383px -444px;
}
#customer19, #customer66, #customer179, #customer249
{
background-position:-565px -444px;
}
#customer20, #customer67, #customer180, #customer250
{
background-position:-750px -444px;
}
#customer21, #customer68, #customer181, #customer251
{
background-position:-18px -590px;
}
#customer22, #customer69, #customer182, #customer252
{
background-position:-199px -590px;
}
#customer23, #customer70, #customer183, #customer253
{
background-position:-383px -590px;
}
#customer24, #customer71, #customer184, #customer254
{
background-position:-565px -590px;
}
#customer25, #customer72, #customer185, #customer255
{
background-position:-750px -590px;
}
#customer26, #customer73, #customer186, #customer256
{
background-position:-18px -736px;
}
#customer27, #customer74, #customer187, #customer257
{
background-position:-199px -736px;
}
#customer28, #customer75, #customer188, #customer258
{
background-position:-383px -736px;
}
#customer29, #customer76, #customer189, #customer259
{
background-position:-565px -736px;
}
#customer30, #customer77, #customer190, #customer260
{
background-position:-750px -736px;
}
#customer31, #customer78, #customer191, #customer261
{
background-position:-18px -881px;
}
#customer32, #customer79, #customer192, #customer262
{
background-position:-199px -881px;
}
#customer33, #customer80, #customer193, #customer263
{
background-position:-383px -881px;
}
#customer34, #customer81, #customer194, #customer264
{
background-position:-565px -881px;
}
#customer35, #customer82, #customer195, #customer265
{
background-position:-750px -881px;
}
#customer36, #customer83, #customer196, #customer266
{
background-position:-18px -1026px;
}
#customer37, #customer84, #customer197, #customer267
{
background-position:-199px -1026px;
}
#customer38, #customer85, #customer198, #customer268
{
background-position:-383px -1026px;
}
#customer39, #customer86, #customer199, #customer269
{
background-position:-565px -1026px;
}
#customer40, #customer87, #customer200, #customer270
{
background-position:-750px -1026px;
}
#customer41, #customer88, #customer201, #customer271
{
background-position:-18px -1174px;
}
#customer42, #customer89, #customer202, #customer272
{
background-position:-199px -1174px;
}
#customer43, #customer90, #customer203
{
background-position:-383px -1174px;
}
#customer44, #customer91, #customer204
{
background-position:-565px -1174px;
}
#customer45, #customer92, #customer205
{
background-position:-750px -1174px;
}
#customer46, #customer93, #customer206
{
background-position:-18px -1321px;
}
#customer47, #customer94, #customer207
{
background-position:-199px -1321px;
}
#customer95, #customer208
{
background-position:-383px -1321px;
}
#customer96, #customer209
{
background-position:-565px -1321px;
}
#customer97, #customer210
{
background-position:-750px -1321px;
}
#customer98, #customer211
{
background-position:-18px -1469px;
}
#customer99, #customer212
{
background-position:-199px -1469px;
}
#customer100, #customer213
{
background-position:-383px -1469px;
}
#customer101, #customer214
{
background-position:-565px -1469px;
}
#customer102, #customer215
{
background-position:-750px -1469px;
}
#customer103, #customer216
{
background-position:-18px -1621px;
}
#customer104, #customer217
{
background-position:-199px -1621px;
}
#customer105, #customer218
{
background-position:-383px -1621px;
}
#customer106, #customer219
{
background-position:-565px -1621px;
}
#customer107, #customer220
{
background-position:-750px -1621px;
}
#customer108, #customer221
{
background-position:-18px -1772px;
}
#customer109, #customer222
{
background-position:-199px -1772px;
}
#customer110, #customer223
{
background-position:-383px -1772px;
}
#customer111, #customer224
{
background-position:-565px -1772px;
}
#customer112, #customer225
{
background-position:-750px -1772px;
}
#customer113, #customer226
{
background-position:-18px -1922px;
}
#customer114, #customer227
{
background-position:-199px -1922px;
}
#customer115, #customer228
{
background-position:-383px -1922px;
}
#customer116, #customer229
{
background-position:-565px -1922px;
}
#customer117, #customer230
{
background-position:-750px -1922px;
}
#customer118, #customer222a
{
background-position:-18px -2070px;
}
#customer119
{
background-position:-199px -2070px;
}
#customer120
{
background-position:-383px -2070px;
}
#customer121
{
background-position:-565px -2070px;
}
#customer122
{
background-position:-750px -2070px;
}
#customer123
{
background-position:-18px -2215px;
}
#customer124
{
background-position:-199px -2215px;
}
#customer125
{
background-position:-383px -2215px;
}
#customer126
{
background-position:-565px -2215px;
}
#customer127
{
background-position:-750px -2215px;
}
#customer128
{
background-position:-18px -2361px;
}
#customer129
{
background-position:-199px -2361px;
}
#customer130
{
background-position:-383px -2361px;
}
#customer131
{
background-position:-565px -2361px;
}
#customer132
{
background-position:-750px -2361px;
}
#customer133
{
background-position:-18px -2511px;
}
#customer134
{
background-position:-199px -2511px;
}
#customer135
{
background-position:-383px -2511px;
}
#customer136
{
background-position:-565px -2511px;
}
#customer137
{
background-position:-750px -2511px;
}
#customer138
{
background-position:-18px -2661px;
}
#customer139
{
background-position:-199px -2661px;
}
#customer140
{
background-position:-383px -2661px;
}
#customer141
{
background-position:-565px -2661px;
}
#customer142
{
background-position:-750px -2661px;
}
#customer143
{
background-position:-750px -2661px;
}
#customer143
{
background-position:-18px -2810px;
}
#customer144
{
background-position:-199px -2810px;
}
#customer145
{
background-position:-383px -2810px;
}
#customer146
{
background-position:-565px -2810px;
}
#customer147
{
background-position:-750px -2810px;
}
#customer148
{
background-position:-18px -2955px;
}
#customer149
{
background-position:-199px -2955px;
}
#customer150
{
background-position:-383px -2955px;
}
#customer151
{
background-position:-565px -2955px;
}
#customer152
{
background-position:-750px -2955px;
}
#customer153
{
background-position:-18px -3100px;
}
#customer154
{
background-position:-199px -3100px;
}
#customer155
{
background-position:-383px -3100px;
}
#customer156
{
background-position:-565px -3100px;
}
#customer157
{
background-position:-750px -3100px;
}
#customer158
{
background-position:-18px -3250px;
}
#customer159
{
background-position:-199px -3250px;
}
#customer160
{
background-position:-383px -3250px;
}
/*stories page*/
@media screen and (max-width: 1800px)
{
.mcafee, .mcafee.large, .mcafee.small
{
right:18%;
}
}
@media screen and (max-width: 1700px)
{
.mcafee, .mcafee.large, .mcafee.small
{
right:16%;
}
.divdownload
{ right: 7%;
}
}
@media screen and (max-width: 1600px)
{
.mcafee, .mcafee.large, .mcafee.small
{
right:13%;
}
.divdownload
{ right: 3%;
}
.mcafee.small
{
right:10%;
}
.colleft21
{
float:left;
width:40%;
padding-left:5%;
color:#373737;
}
.colleft3
{
float:left;
width:50%;
color:#373737;
padding-left:5%;
}
#main_menu
{
margin-right:40px !important;
}
}
@media screen and (max-width: 1400px)
{
.mcafee
{
right:12%;
}
.mcafee.large
{
right:12%;
}
.mcafee.small
{
right:8%;
}
.divdownload
{ right: 1%;
}
.menu-top-main-menu-container, .menu-pirate-bay-menu-container
{
padding-right:130px;
}
.divContainer
{
width:90%;
}
/*.mcafee.small
{
right:5%;
}*/
.colleft21
{
float:left;
width:35%;
padding-left:10%;
color:#373737;
}
/*
#colorbox
{
width:900px !important;
height: 900px !important;
}
#contact-form
{
width:900px;
height:800px;
overflow:auto;
}*/
#eduimg
{
margin-bottom:10px;
}
}
@media screen and (max-width: 1300px)
{
.mcafee.large
{
right:3%;
}
.mcafee.small
{
right:0%;
}
.menu-item-5189 a.small
{
display:none;
}
.mcafee
{
right:3%;
}
.divdownload
{
display:none;
}
.topsupporticon
{
margin-top:0px;
margin-right:0px;
text-align:center;
}
#navi
{
top:35%;
}
#main_menu
{
margin-right:0px;
}
.captionbox, .captionbox2 .Strat5
{
padding: 10px;
}
.span3.logo
{
width:268px;
}
.span9.topmenusection.large
{
width:650px;
float:right;
}
.colleft21
{
float:left;
width:37%;
padding-left:8%;
color:#373737;
}
.praisediv .introicons
{
height: 220px;
}
.benefitssect .introicons {
height: 170px;
}
}
@media screen and (max-width: 1200px)
{
.menu-top-main-menu-container, .menu-pirate-bay-menu-container
{
padding-right:20px;
}
.textMain
{
width: 720px;
}
.headlinew
{
font-size: 70px;
}
section.span9.topmenusection
{
width:670px;
float:right;
margin-right:0px;
margin-left: -20px !important;
}
#main_menu
{
margin-right:0px !important;
}
.teammember
{
margin-left:5px;
padding-bottom:30px;
}
.teamimagewrap{
width:40%;
}
.iconDiv, .bubbleDiv, .bubbleDivP
{
height: 230px;
}
.tipDiv
{
position:absolute;
top:30%;
left:-40px;
}
.tipDiv-r
{
position:absolute;
top:30%;
right:-40px;
}
.headlineEdu
{
font-size:40px !important;
line-height:40px !important;
margin-top:10% !important;
}
.eduUl
{
font-size: 17px !important;
}
.eduUl li
{
line-height: 25px !important;
}
.ulContainer
{
margin-left:28% !important;
width:400px !important;
height:145px !important;
margin-top: 0px !important;
margin-bottom:15% !important;
}
.nav-pills > li > a {
padding:13px 0px 0px 0px !important;
}
.storiesbub
{
background: url("/wp-content/themes/alfie/img/storiesbub-2.png") no-repeat;
width:400px;
height:144px;
}
.storiesbub p
{
line-height:30px;
}
.schoolspan1, .addspan1
{
font-size:15px;
padding-left:0px !important;
}
.storiesp
{
line-height:35px;
}
.storiesinfo
{ width: 55%;
padding-left: 10px;
}
.customerstbl
{
width: 85%;
}
.storiesbub p
{
color:#605f5f;
font-size:15px;
text-align:left;
padding: 15px;
line-height: 22px;
}
/*section.span9.topmenusection
{
margin-right: 30px;
}*/
}
@media screen and (max-width: 1100px)
{
.menu-top-main-menu-container, .menu-mac-menu-container, .menu-pirate-bay-menu-container
{
padding-right: 0px;
}
.menu-edu-menu-container{
padding-right: 60px;
}
.praisediv h6.inverse-font
{
line-height:18px;
font-size:14px;
}
.headlineEdu
{
font-size:30px !important;
line-height:40px !important;
margin-top:15% !important;
}
.eduUl
{
font-size: 14px !important;
}
.ulContainer
{
margin-left:25% !important;
width:350px !important;
height:115px !important;
}
section.span9.topmenusection
{
width:620px;
float:right;
margin-right: 70px;
}
.colleft1.ipad, .colleft.ipad
{
margin-top:80px;
}
/* ipad captions */
#Strat1effective2i
{
top:6%;
left:57%;
width:23%;
}
#Strat1effective2i:after {/*pointer*/
content: "";
position: absolute;
bottom: -15px;
left: 110px;
border-style: solid;
border-width: 15px 15px 0;
border-color: #7abd42 transparent;
display: block;
width: 0;
z-index: 1;
}
#Strat1latest2i {
left: 18%;
width:23%;
top: 2%;
}
#Strat1latest2i:after {
content: "";
position: absolute;
bottom: -15px;
left: 140px;
border-style: solid;
border-width: 15px 15px 0;
border-color: #7abd42 transparent;
display: block;
width: 0;
z-index: 1;
}
#Strat1fun2i {
left: 50%;
width:22%;
top:3%;
}
#Strat1fun2i:after {
content: "";
position: absolute;
bottom: -15px;
left: 100px;
border-style: solid;
border-width: 15px 15px 0;
border-color: #7abd42 transparent;
display: block;
width: 0;
z-index: 1;
}
#Strat2adapting22i {
left: 38%;
top:6%;
width:25%;
}
#Strat2adapting22i:after {
content: "";
position: absolute;
bottom: -15px;
left: 170px;
border-style: solid;
border-width: 15px 15px 0;
border-color: #7abd42 transparent;
display: block;
width: 0;
z-index: 1;
}
#Strat2goals2i{
top:9%;
left:40%;
width:23%;
}
#Strat2goals2i:after {
content: "";
position: absolute;
bottom: -15px;
left: 110px;
border-style: solid;
border-width: 15px 15px 0;
border-color: #7abd42 transparent;
display: block;
width: 0;
z-index: 1;
}
#Strat2goals3i{
left: 60%;
top:15%;
width:20%;
}
#Strat2goals3i:after {
content: "";
position: absolute;
top: 35px;
left: -15px;
border-style: solid;
border-width: 15px 15px 15px 0;
border-color: transparent #7abd42 ;
display: block;
width: 0;
z-index: 1;
}
#Strat3drills2i{
left: 77%;
top:7%;
width:19%;
}
#Strat3drills2i:after {
content: "";
position: absolute;
top: 90px;
left: -15px;
border-style: solid;
border-width: 15px 15px 15px 0;
border-color: transparent #7abd42 ;
display: block;
width: 0;
z-index: 1;
}
#Strat3create2i{
left: 58%;
top:10%;
width:22%;
}
#Strat3create2i:after {
content: "";
position: absolute;
top: 75px;
left: -15px;
border-style: solid;
border-width: 15px 15px 15px 0;
border-color: transparent #7abd42 ;
display: block;
width: 0;
z-index: 1;
}
#Strat4social2i{
left: 10%;
top:2%;
width:29%;
}
#Strat4social2i:after {
content: "";
position: absolute;
bottom: -15px;
left: 210px;
border-style: solid;
border-width: 15px 15px 0;
border-color: #7abd42 transparent;
display: block;
width: 0;
z-index: 1;
}
#Strat4stay2i{
top:30%;
left:60%;
width:20%;
}
#Strat4stay2i:after {
content: "";
position: absolute;
top: 35px;
left: -15px;
border-style: solid;
border-width: 15px 15px 15px 0;
border-color: transparent #7abd42 ;
display: block;
width: 0;
z-index: 1;
}
#Strat4share2i{
left: 10%;
width:25%;
top: 18%;
}
#Strat4share2i:after {
content: "";
position: absolute;
top: 30px;
right: -15px;
border-style: solid;
border-width: 15px 0 15px 15px;
border-color: transparent #7abd42;
display: block;
width: 0;
z-index: 2;
}
#Strat6training2i{
left: 48%;
top:2%;
width:35%;
}
#Strat6training2i:after {
content: "";
position: absolute;
bottom: -15px;
left: 120px;
border-style: solid;
border-width: 15px 15px 0;
border-color: #7abd42 transparent;
display: block;
width: 0;
z-index: 1;
}
#Strat7cool2i{
left: 58%;
width:25%;
top:2%;
}
#Strat7cool2i:after {
content: "";
position: absolute;
bottom: -15px;
left: 150px;
border-style: solid;
border-width: 15px 15px 0;
border-color: #7abd42 transparent;
display: block;
width: 0;
z-index: 1;
}
#Strat7targeted2i{
left: 48%;
top:2%;
width:40%;
}
#Strat7targeted2i:after {
content: "";
position: absolute;
bottom: -15px;
left: 120px;
border-style: solid;
border-width: 15px 15px 0;
border-color: #7abd42 transparent;
display: block;
width: 0;
z-index: 1;
}
/* ipad captions */
}
@media screen and (max-width: 1000px)
{
section.span9.topmenusection
{
margin-right: 70px;
}
li#menu-item-5189 {
right: -70px;
}
.praisediv .introicons
{
height: 190px !important;
}
.praisediv .introicons p
{
font-weight:bold;
color:#666666;
font-size:13px;
word-wrap:break-word;
line-height:20px;
margin-bottom:10px;
}
.praisediv h6.inverse-font
{
margin-top: 50px;
margin-bottom:10px;
font-size:12px;
line-height:17px;
}
.benefitssect .introicons {
height: 200px !important;
}
.colleft ul li.one, .colleft ul li.two, .colleft ul li.three, .colleft ul li.four
{
margin-bottom:40px;
}
.footercol h3, .footercol1 h3
{
line-height: 20px;
}
.storiesdiv
{
width:100%;
margin-bottom: 50px;
}
.customerstitle h1
{
font-size: 45px !important;
}
.storiesbub
{
background: url("/wp-content/themes/alfie/img/storiesbub.png") no-repeat;
width:532px;
height:192px;
}
.storiesbub p
{
font-size:16px;
line-height: 32px;
}
.storiesschool
{
padding-left: 20%;
}
.storiesschool
{
width: 20%;
}
.storiesinfo
{
width: 55%;
}
}
@media screen and (max-width: 980px)
{
.headlinew
{
font-size: 60px;
line-height: 60px;
margin-top: 50px;
}
.colleft1.ipad, .colleft.ipad
{
width: 100%;
margin-top:20px;
margin-bottom:0px;
}
.colleft.ipad
{
width: 100%;
margin-top:20px;
margin-bottom:60px;
margin-left:0px;
}
.textMain
{
width: 550px;
top:50px;
}
.textMain p
{
font-size:13px;
margin-top: -3px;
line-height:18px;
}
h3
{
font-size:20px;
}
.guaranteep
{
margin-top:10px;
}
section.span9.topmenusection
{
margin-right: 0px;
}
.mcafee.large
{
top:10px;
z-index:1001;
right:10%;
}
.mcafee.small
{
right:12%;
}
.teammember{
padding-bottom:20px !important;
}
.iconDiv
{
width: 20%;
text-align:left;
height: 280px;
}
.bubbleDivP
{
width: 70%;
height: 280px;
}
.bubbleDiv
{
height: 240px;
}
.tipDiv
{
top:5%;
left:-30px;
}
.tipDiv-r
{
top:5%;
right:-30px;
}
.praisediv h6.inverse-font
{
line-height:14px;
}
.praisediv .introicons p
{
line-height:14px;
}
.praisediv .introicons
{
height:220px;
}
/*
#colorbox
{
width:900px !important;
}*/
.storiesschool
{
padding-left: 15%;
}
.customerstbl
{
width: 95%;
}
}
@media screen and (max-width: 950px)
{
.mcafee.small
{
right:10%;
}
.clear2
{
display:block;
}
.teammember{
padding-bottom:60px;
}
}
@media screen and (max-width: 900px)
{
.bloginnerwrap h3 a span
{
font-size: 30px;
line-height: 25px;
}
.bloginnerwrap span.postdate
{
margin-top:20px;
clear:both;
}
.colleft ul li.one, .colleft ul li.two, .colleft ul li.three, .colleft ul li.four
{
margin-bottom:20px;
}
.colleft1
{
width:100%;
margin-bottom:10px;
margin-top:20px;
}
.colleft
{
width:100%;
margin-top:10px;
}
.colleft ul
{
margin-top: 25px !important;
}
.logosdiv
{
height:90px;
}
#navi, #navi2
{
display:none;
}
.divContainer
{
width:100%;
}
.videoWrapper
{
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
margin:0px auto;
}
.videoWrapper iframe
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.praisediv .introicons
{
margin-bottom:10px;
height: 210px;
text-align:center;
}
.clear
{
display:none;
}
}
@media screen and (max-width:800px)
{
.supportHdr
{
height: 300px;
}
.iconDiv
{
height: 300px;
}
.bubbleDivP
{
height: 300px;
}
.bubbleDiv
{
height: 250px;
}
.TrustLogos
{
width:40%;
height:40%;
}
.addspan, .schoolspan
{
font-size: 16px;
}
}
@media screen and (max-width: 770px)
{
.praisediv .span3
{
width:40%;
height:210px;
margin-right:5%;
margin-bottom:40px;
}
.praisediv
{
margin-left:5%;
}
.praisediv .introicons
{
height:75% !important;
}
.praisediv h6.inverse-font
{
font-size:13px;
}
.praisediv .introicons p
{
font-size:14px !important;
/*position:relative;*/
bottom:0px;
position:absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
}
/*
.InfoImg
{
margin-left:2%;
}*/
.teammember{
/*padding-bottom:15px;
margin-left:15%;*/
margin-bottom:0px;
margin-left:0%;
width:50%;
}
.span6.teammember.text-center
{
margin-bottom:5px;
}
span.teamposition{
font-size: 14px;
}
.captionbox, .captionbox span, .captionbox2, .captionbox2 span
{
font-size:14px !important;
line-height: 16px;
}
.headlineEdu
{
font-size:22px !important;
line-height:30px !important;
margin-top:2% !important;
}
.eduUl
{
font-size: 14px !important;
}
.ulContainer
{
margin-left:24% !important;
width:350px !important;
height:115px !important;
margin-bottom: 30% !important;
}
}
@media screen and (max-width: 767px)
{
.introicons h6
{
font-size:14px;
}
.nav-tabs li
{
width:33%;
}
.nav.nav-tabs
{
text-align:center;
padding-bottom:0px !important;
background-color:transparent !important;
}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus
{
height:35px;
/*height: 25px;*/
}
.nav-tabs > li > a {
height:35px;
/*height: 25px;*/
}
.teammember
{
padding-bottom:50px !important;
}
}
@media screen and (max-width: 750px)
{
.logosdiv
{
padding-bottom:10px;
}
/*
.textMain
{
width: 510px;
top: 120px;
}
.textMain p
{
font-size: 12px;
line-height: 14px;
}
.guaranteep
{
margin-top:0px;
}
h3
{
font-size: 17px;
}*/
.praisediv h6.inverse-font
{
font-size:13px;
}
.praisediv .introicons p
{
font-size:13px !important;
}
.footer
{
margin-left:0;
}
.footercol, .footercol1
{
width:50%;
height:280px;
}
html
{
overflow-x:hidden;
margin: 0 0 0 0;
}
/*bgcert2*/
.bgcert1
{
display:none;
}
.bgcert2
{
display:block;
}
.textMain
{
display:none;
}
.textMain2
{
display:block;
top:80px;
width:70%;
}
.guaranteep
{
margin-top:10px;
}
.textMain2 p
{
font-size:14px;
line-height:17px;
}
h3
{
line-height:18px;
}
.storiesschool
{
padding-left: 10%;
}
}
@media screen and (max-width: 700px)
{
.textMain
{
width:490px;
}
.order-btn, .order-btn2
{
font-size: 19px !important;
padding:12px !important;
}
.order-btn5
{
font-size: 15px !important;
}
}
@media screen and (max-width: 670px)
{
.textMain
{
width:470px;
}
}
@media screen and (max-width: 650px)
{
#crmWebToEntityForm table td
{
width:40px !important;
}
#crmWebToEntityForm table input[type="text"]
{
width: 180px !important;;
}
.bloginnerwrap h3 a span
{
font-size: 25px;
line-height: 22px;
}
.orderCol1
{
width:100%;
text-align:center;
}
.orderCol2
{
width:100%;
text-align:center;
padding-left:0px;
}
.page-section-lightb
{
height:200px !important;
}
.praisediv .span3
{
height: 260px;
}
.colleft21, .colleft3
{
width:90%;
padding-left:5%;
margin-bottom: 10px;
}
.supportHdr
{
height: 200px;
}
.iconDiv
{
width: 20%;
text-align:left;
height: 230px;
}
.bubbleDivP
{
width: 70%;
height: 230px;
}
.bubbleDiv
{
height: 200px;
}
.tipDiv, .tipDiv-r
{
display:none;
}
.bubbleDiv .strategyp1 , .bubbleDivP .strategyp1
{
line-height:20px;
font-size:13px;
}
.tipDiv-s
{
position:absolute;
top:0%;
left:-20px;
display:block;
}
.tipDiv-rs
{
position:absolute;
top:0%;
right:-20px;
display:block;
}
.mcafee.small
{
right: 15%;
}
.mcafee.large
{
right:15%;
}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus
{
height:40px;
}
.nav-tabs > li > a {
height:40px;
}
.logosdiv
{
height:180px;
}
.divContainer
{
width:95%;
}
.colleft
{
margin-bottom:150px;
}
.colleft2
{
width:100%;
margin-bottom:0px;
padding-left:0;
}
.colleft3
{
width:100%;
margin-bottom:20px;
}
.span3.logo
{
margin-left:0px;
}
.comparetbl
{
width:100%;
}
.topsupporticon
{
margin-top:-20px;
margin-right:0;
}
h1.headline, .headlinew
{
font-size:40px;
line-height:35px;
}
h1.headline2
{
font-size:30px;
line-height:30px;
}
.subheadline
{
font-size:18px;
line-height:25px;
}
.sub
{
font-size:22px;
line-height:25px;
}
.subheadline2
{
font-size:14px;
line-height:20px;
}
.page-section, .page-section-white
{
padding-top:25px;
}
.nav-tabs > li > a {
font-size:12px;
}
.praisediv .introicons
{
margin-bottom:0px;
padding-bottom:0px;
height:70%;
}
.captionbox, .captionbox1, .captionbox2
{
font-size:13px;
padding: 10px;
line-height: 20px;
}
.costlist1 ul li
{
line-height: 30px;
}
/*
.bgcert1
{
display:none;
}
.bgcert2
{
display:block;
}
.textMain
{
display:none;
}
.textMain2
{
display:block;
top:160px;
width:70%;
}
.guaranteep
{
margin-top:10px;
}
.textMain2 p
{
font-size:14px;
line-height:17px;
}*/
.textMain2
{
width: 65%;
}
.benefitssect .introicons {
height: 200px !important;
}
.storiesschool
{
padding-left: 5%;
}
.storiesinfo
{
padding-left: 10%;
}
.addspan, .schoolspan
{
font-size: 14px;
}
.customerstbl
{
width: 100%;
}
}
@media screen and (max-width: 600px)
{
.logosdiv
{
height:180px;
}
.textMain2 p
{
font-size:14px;
line-height:16px;
margin: 0 0 0 0;
}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus
{
height:25px;
}
.nav-tabs > li > a {
height:25px;
}
.nav-tabs li{
width:50%;
margin-bottom:0px;
}
.footercol , .footercol1
{
height:320px;
}
.footercol p, .footercol1 p
{
line-height:18px;
font-size:13px;
}
.teammember{
/*margin-left:5%;*/
padding-bottom: 0px !important;
}
span.teamposition
{
line-height:17px !important;
}
.captionbox, .captionbox2, .Strat5
{
display:none !important;
}
.ImgDiv1, .ImgDiv2
{
width:90%;
margin:0px;
padding-bottom:10px;
}
.benefitssect .introicons {
height: 220px !important;
}
.storiesbub p
{
font-size:14px;
line-height: 20px;
}
}
@media screen and (max-width: 550px)
{
h1.headline, .headlinew
{
font-size:30px;
line-height:30px;
margin-top:0px !important;
}
.subheadline
{
font-size:17px;
line-height:22px;
}
.praisediv h6.inverse-font
{
line-height:14px;
}
.praisediv .span3
{
margin-bottom: 20px;
}
.benefitssect .introicons {
height: 180px !important;
}
.praisediv .introicons p
{
font-size: 14px;
bottom:0px !important;
position:absolute !important;
margin-left: auto !important;
margin-right: auto !important;
left: 0 !important;
right: 0 !important;
}
h1, h2, .StratTitle
{
font-size:25px;
line-height:30px;
}
h4
{
font-size:15px;
}
.benefitp
{
line-height:18px;
}
.nav-tabs > li > a {
font-size:9px;
}
.nav-tabs > li > a > i{
padding-right:1px;
}
.order-btn, .order-btn2
{
font-size: 17px !important;
padding:9px !important;
line-height:22px !important;
width: 90% !important;
}
.colleft4
{
width:100%;
font-size:12px;
}
.geotrustdiv
{
margin-left:0px;
width:100%;
}
.logosdiv
{
margin-top:10px;
}
.uvbox
{
width:180px;
height: 253px;
}
.textMain2
{
top:80px;
}
.textMain2 p
{
font-size:12px;
line-height:15px;
}
.captionbox, .captionbox1, .captionbox2
{
line-height:13px !important;
width:50% !important;
left: 10% !important;
right:5% !important;
font-size: 11px !important;
padding:7px !important;
}
.colleft ul li.one, .colleft ul li.two, .colleft ul li.three, .colleft ul li.four
{
font-size: 17px;
line-height: 20px;
}
.colbtm p
{
font-size: 12px;
}
.storiesbub
{
background: url("/wp-content/themes/alfie/img/storiesbub-2.png") no-repeat;
width:400px;
height:144px;
}
.customericon
{
background: url("/wp-content/themes/alfie/img/customersi-icons-sm.png") no-repeat center;
width:123px;
height:99px;
}
.customericon2
{
background: url("/wp-content/themes/alfie/img/customers-icons2-sm.png") no-repeat center;
width:123px;
height:99px;
}
.customericon2
{
background: url("/wp-content/themes/alfie/img/customers-icons2-sm.png") no-repeat center;
width:123px;
height:99px;
}
.customericon3
{
background: url("/wp-content/themes/alfie/img/customers-icons3-sm.png") no-repeat center;
width:123px;
height:99px;
}
.customericon4
{
background: url("/wp-content/themes/alfie/img/customers-icons4-sm.png") no-repeat center;
width:123px;
height:99px;
}
#customer1, #customer48, #customer161, #customer231
{
background-position:-13px -11px;
}
#customer2, #customer49, #customer162, #customer232
{
background-position:-149px -11px;
}
#customer3, #customer50, #customer163, #customer233
{
background-position:-287px -11px;
}
#customer4, #customer51, #customer164, #customer234
{
background-position:-423px -11px;
}
#customer5, #customer52, #customer165, #customer235
{
background-position:-563px -11px;
}
#customer6, #customer53, #customer166, #customer236
{
background-position:-13px -117px;
}
#customer7, #customer54, #customer167, #customer237
{
background-position:-149px -117px;
}
#customer8, #customer55, #customer168, #customer238
{
background-position:-287px -117px;
}
#customer9, #customer56, #customer169, #customer239
{
background-position:-423px -117px;
}
#customer10, #customer57, #customer170, #customer240
{
background-position:-563px -117px;
}
#customer11, #customer58, #customer171, #customer241
{
background-position:-13px -225px;
}
#customer12, #customer59, #customer172, #customer242
{
background-position:-149px -225px;
}
#customer13, #customer60, #customer173, #customer243
{
background-position:-287px -225px;
}
#customer14, #customer61, #customer174, #customer244
{
background-position:-423px -225px;
}
#customer15, #customer62, #customer175, #customer245
{
background-position:-563px -225px;
}
#customer16, #customer63, #customer176, #customer246
{
background-position:-13px -333px;
}
#customer17, #customer64, #customer177, #customer247
{
background-position:-149px -333px;
}
#customer18, #customer65, #customer178, #customer248
{
background-position:-287px -333px;
}
#customer19, #customer66, #customer179, #customer249
{
background-position:-423px -333px;
}
#customer20, #customer67, #customer180, #customer250
{
background-position:-563px -333px;
}
#customer21, #customer68, #customer181, #customer251
{
background-position:-13px -442px;
}
#customer22, #customer69, #customer182, #customer252
{
background-position:-149px -442px;
}
#customer23, #customer70, #customer183, #customer253
{
background-position:-287px -442px;
}
#customer24, #customer71, #customer184, #customer254
{
background-position:-423px -442px;
}
#customer25, #customer72, #customer185, #customer255
{
background-position:-563px -442px;
}
#customer26, #customer73, #customer186, #customer256
{
background-position:-13px -552px;
}
#customer27, #customer74, #customer187, #customer257
{
background-position:-149px -552px;
}
#customer28, #customer75, #customer188, #customer258
{
background-position:-287px -552px;
}
#customer29, #customer76, #customer189, #customer259
{
background-position:-423px -552px;
}
#customer30, #customer77, #customer190, #customer260
{
background-position:-563px -552px;
}
#customer31, #customer78, #customer191, #customer261
{
background-position:-13px -660px;
}
#customer32, #customer79, #customer192, #customer262
{
background-position:-149px -660px;
}
#customer33, #customer80, #customer193, #customer263
{
background-position:-287px -660px;
}
#customer34, #customer81, #customer194, #customer264
{
background-position:-423px -660px;
}
#customer35, #customer82, #customer195, #customer265
{
background-position:-563px -660px;
}
#customer36, #customer83, #customer196, #customer266
{
background-position:-13px -769px;
}
#customer37, #customer84, #customer197, #customer267
{
background-position:-149px -769px;
}
#customer38, #customer85, #customer198, #customer268
{
background-position:-287px -769px;
}
#customer39, #customer86, #customer199, #customer269
{
background-position:-423px -769px;
}
#customer40, #customer87, #customer200, #customer270
{
background-position:-563px -769px;
}
#customer41, #customer88, #customer201, #customer271
{
background-position:-13px -880px;
}
#customer42, #customer89, #customer202, #customer272
{
background-position:-149px -880px;
}
#customer43, #customer90, #customer203
{
background-position:-287px -880px;
}
#customer44, #customer91, #customer204
{
background-position:-423px -880px;
}
#customer45, #customer92, #customer205
{
background-position:-563px -880px;
}
#customer46, #customer93, #customer206
{
background-position:-13px -990px;
}
#customer47, #customer94, #customer207
{
background-position:-149px -990px;
}
#customer95, #customer208
{
background-position:-287px -990px;
}
#customer96, #customer209
{
background-position:-423px -990px;
}
#customer97, #customer210
{
background-position:-563px -990px;
}
#customer98, #customer211
{
background-position:-13px -1102px;
}
#customer99, #customer212
{
background-position:-149px -1102px;
}
#customer100, #customer213
{
background-position:-287px -1102px;
}
#customer101, #customer214
{
background-position:-423px -1102px;
}
#customer102, #customer215
{
background-position:-563px -1102px;
}
#customer103, #customer216
{
background-position:-13px -1216px;
}
#customer104, #customer217
{
background-position:-149px -1216px;
}
#customer105, #customer218
{
background-position:-287px -1216px;
}
#customer106, #customer219
{
background-position:-423px -1216px;
}
#customer107, #customer220
{
background-position:-563px -1216px;
}
#customer108, #customer221
{
background-position:-13px -1329px;
}
#customer109, #customer222
{
background-position:-149px -1329px;
}
#customer110, #customer223
{
background-position:-287px -1329px;
}
#customer111, #customer224
{
background-position:-423px -1329px;
}
#customer112, #customer225
{
background-position:-563px -1329px;
}
#customer113, #customer226
{
background-position:-13px -1442px;
}
#customer114, #customer227
{
background-position:-149px -1442px;
}
#customer115, #customer228
{
background-position:-287px -1442px;
}
#customer116, #customer229
{
background-position:-423px -1442px;
}
#customer117, #customer230
{
background-position:-563px -1442px;
}
#customer118, #customer222a
{
background-position:-13px -1552px;
}
#customer119
{
background-position:-149px -1552px;
}
#customer120
{
background-position:-287px -1552px;
}
#customer121
{
background-position:-423px -1552px;
}
#customer122
{
background-position:-563px -1552px;
}
#customer123
{
background-position:-13px -1661px;
}
#customer124
{
background-position:-149px -1661px;
}
#customer125
{
background-position:-287px -1661px;
}
#customer126
{
background-position:-423px -1661px;
}
#customer127
{
background-position:-563px -1661px;
}
#customer128
{
background-position:-13px -1771px;
}
#customer129
{
background-position:-149px -1771px;
}
#customer130
{
background-position:-287px -1771px;
}
#customer131
{
background-position:-423px -1771px;
}
#customer132
{
background-position:-563px -1771px;
}
#customer133
{
background-position:-13px -1883px;
}
#customer134
{
background-position:-149px -1883px;
}
#customer135
{
background-position:-287px -1883px;
}
#customer136
{
background-position:-423px -1883px;
}
#customer137
{
background-position:-563px -1883px;
}
#customer138
{
background-position:-13px -1996px;
}
#customer139
{
background-position:-149px -1996px;
}
#customer140
{
background-position:-287px -1996px;
}
#customer141
{
background-position:-423px -1996px;
}
#customer142
{
background-position:-563px -1996px;
}
#customer143
{
background-position:-13px -2108px;
}
#customer144
{
background-position:-149px -2108px;
}
#customer145
{
background-position:-287px -2108px;
}
#customer146
{
background-position:-423px -2108px;
}
#customer147
{
background-position:-563px -2108px;
}
#customer148
{
background-position:-13px -2217px;
}
#customer149
{
background-position:-149px -2217px;
}
#customer150
{
background-position:-287px -2217px;
}
#customer151
{
background-position:-423px -2217px;
}
#customer152
{
background-position:-563px -2217px;
}
#customer153
{
background-position:-13px -2326px;
}
#customer154
{
background-position:-149px -2326px;
}
#customer155
{
background-position:-287px -2326px;
}
#customer156
{
background-position:-423px -2326px;
}
#customer157
{
background-position:-563px -2326px;
}
#customer158
{
background-position:-13px -2438px;
}
#customer159
{
background-position:-149px -2438px;
}
#customer160
{
background-position:-287px -2438px;
}
.storiesinfo
{
padding: 10px;
}
.storiesschool
{
padding-left:10%;
}
.storiesp
{
line-height: 28px;
}
.schoolicon
{
background: url("/wp-content/themes/alfie/img/stories-icons-sm.png") no-repeat center;
width:108px;
height:107px;
}
#school1
{
background-position:-23px -12px;
}
#school2
{
background-position:-141px -12px;
}
#school3
{
background-position:-257px -12px;
}
#school4
{
background-position:-373px -12px;
}
#school5
{
background-position:-489px -12px;
}
#school6
{
background-position:-605px -12px;
}
#school7
{
background-position:-23px -129px;
}
#school8
{
background-position:-141px -129px;
}
#school9
{
background-position:-257px -129px;
}
#school10
{
background-position:-373px -129px;
}
#school11
{
background-position:-489px -129px;
}
#school12
{
background-position:-605px -129px;
}
#school13
{
background-position:-23px -245px;
}
#school14
{
background-position:-141px -245px;
}
#school15
{
background-position:-257px -245px;
}
#school16
{
background-position:-373px -245px;
}
#school17
{
background-position:-489px -245px;
}
#school18
{
background-position:-605px -245px;
}
#school19
{
background-position:-23px -364px;
}
#school20
{
background-position:-141px -364px;
}
#school21
{
background-position:-257px -364px;
}
#school22
{
background-position:-373px -364px;
}
#school23
{
background-position:-489px -364px;
}
#school24
{
background-position:-605px -364px;
}
#school25
{
background-position:-23px -487px;
}
#school26
{
background-position:-141px -487px;
}
#school27
{
background-position:-257px -487px;
}
#school28
{
background-position:-373px -487px;
}
#school29
{
background-position:-489px -487px;
}
#school30
{
background-position:-605px -487px;
}
#school31
{
background-position:-23px -609px;
}
#school32
{
background-position:-141px -609px;
}
#school33
{
background-position:-257px -609px;
}
#school34
{
background-position:-373px -609px;
}
#school35
{
background-position:-489px -609px;
}
#school36
{
background-position:-605px -609px;
}
#school37
{
background-position:-23px -731px;
}
#school38
{
background-position:-141px -731px;
}
#school39
{
background-position:-257px -731px;
}
#school40
{
background-position:-373px -731px;
}
#school41
{
background-position:-489px -731px;
}
#school42
{
background-position:-605px -731px;
}
#school43
{
background-position:-23px -842px;
}
#school44
{
background-position:-141px -842px;
}
#school45
{
background-position:-257px -842px;
}
#school46
{
background-position:-373px -842px;
}
#school47
{
background-position:-489px -842px;
}
#school48
{
background-position:-605px -842px;
}
#school49
{
background-position:-23px -955px;
}
#school50
{
background-position:-141px -955px;
}
#school51
{
background-position:-257px -955px;
}
#school52
{
background-position:-373px -955px;
}
#school53
{
background-position:-489px -955px;
}
#school54
{
background-position:-605px -955px;
}
}
@media screen and (max-width: 500px)
{
.teammember{
margin-left:5%;
width:90%;
padding-bottom: 10px !important;
}
.bloginnerwrap
{
padding-right: 10px;
}
.bgcert3
{
display:block;
}
.bgcert2
{
display:none;
}
.textMain
{
top:125px;
}
.textMain p
{
line-height:16px;
}
.guaranteep
{
margin-top: 20px;
}
.praisediv
{
margin-left:0%;
}
.praisediv .span3
{
height: 350px;
width:35%;
margin-right:0%;
margin-bottom: 0px;
}
.praisediv .introicons p
{
font-size: 13px;
line-height:15px;
}
.praisediv .introicons i
{
left:53%;
}
.textMain2
{
top:100px;
}
.textMain2 p
{
line-height:16px;
font-size:13px;
margin: -8px 0 0 0;
}
.storiesschool
{
padding-left:5%;
}
.storiesinfo
{
/*padding-left: 15%;*/
}
}
@media screen and (max-width: 450px)
{
.comparetbl td
{
font-size:13px;
line-height:15px;
}
.praisediv
{
margin-left:0%;
}
.praisediv .span3
{
width:40%;
}
.praisediv .introicons p
{
position: relative !important;
}
.supportHdr
{
height: 100px;
}
.iconDiv
{
width: 20%;
text-align:left;
height:200px;
margin-left:5%;
}
.bubbleDiv
{
width: 53%;
height:200px;
}
.bubbleDivP
{
width: 53%;
height:235px;
}
.bubbleDiv .strategyp1, .bubbleDivP .strategyp1
{
line-height: 15px;
font-size: 11px;
}
.bubbleDiv h2, .bubbleDivP h2
{
font-size:16px;
margin-top:-7px;
}
.colleft ul li.one, .colleft ul li.two, .colleft ul li.three, .colleft ul li.four
{
font-size: 14px;
line-height: 20px;
}
.costlist ul li
{
line-height:25px;
}
.mcafee.large
{
right:19%;
}
.textMain2
{
top:80px;
width:80%;
}
.textMain2 p
{
line-height:16px;
font-size:11px;
margin: -8px 0 0 0;
}
.guaranteep
{
margin-top: 10px;
}
h3
{
font-size:15px;
}
.logosdiv
{
height:170px;
}
h1
{
font-size:20px;
line-height:25px;
}
.guaranteecol1, .guaranteecol2
{
width:100%;
padding-top: 0px;
}
.logo a img.large
{
width:165px;
height:36px;
margin-top:5px;
}
.logo a img.small
{
width:165px;
height:36px;
margin-top:-20px;
}
.colleft5
{
width:100%;
margin:0;
}
.OrderLogos .col1,
.OrderLogos .col2,
.OrderLogos .col3
{
width:90%;
}
.OrderLogos
{
margin-left:5%;
}
.mcafee.small
{
right:18%;
}
.footer
{
margin-left:-30px;
}
.footercol , .footercol1
{
width:95%;
height: 50%;
margin-bottom: 10px;
margin-top: 0px;
}
.footerwidgetarea
{
margin-left:-20px;
}
.benefitssect .introicons {
height: 180px !important;
}
.storiesbub
{
background: url("/wp-content/themes/alfie/img/storiesbub-3.png") no-repeat;
width:320px;
height:115px;
}
.storiesinfo
{
width: 60%;
padding-left: 5%;
}
.storiesbub p
{
font-size: 12px !important;
line-height:16px;
}
.schoolspan1, .addspan1
{
font-size: 12px;
}
}
@media screen and (max-width: 430px)
{
.textMain2
{
top:180px;
}
.textMain2 p
{
line-height:10px;
font-size:10px;
margin: -8px 0 0 0;
}
.costlist ul li
{
line-height:18px !important;
}
.storiesinfo
{
width: 57%;
padding-left: 10%;
}
}
@media screen and (max-width: 400px)
{
.praisediv .span3
{
height:50%;
width:90%;
}
h1.headline, .headlinew
{
font-size:30px;
line-height:35px;
}
.subheadline
{
font-size:15px;
line-height:25px;
}
.headline2
{
font-size:16px;
line-height:35px;
}
.subheadline2
{
font-size:13px;
line-height:20px;
}
.headlinepad
{
margin-top:-10px;
}
.textMain2
{
top:50px;
}
.benefitssect .introicons {
height: 180px !important;
}
.storiesinfo
{
width: 66%;
padding-left: 10%;
}
.storiesschool
{
padding-left:0%;
}
}
@media screen and (max-width: 320px)
{
.textMain2
{
top:40px !important;
}
.textMain2 h3
{
font-size:13px;
}
.benefitssect .introicons {
height:220px !important;
}
}
@media screen and (max-height: 800px)
{
.tab-pane img
{
width:78%;
height:auto;
}
.btnNext {
right:10%;
}
.btnPrevious {
left:10%;
}
}
/*
@media screen and (max-height: 500px)
{
.tab-pane img
{
width:100% !important;
height:auto;
}
}
*/
/* EDU */
.headlineEdu
{
color:#000;
font-size:55px;
font-family:thinfont;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
font-weight:200;
line-height:55px;
text-align:center;
background: rgb(255, 255, 255);
background: rgba(255, 255, 255, 0.7);
width: 50%;
height:30%;
padding: 10px 10px 10px 10px;
margin-top:20%;
/*position:absolute;*/
margin-left:25%;
}
.eduUl
{
font-size: 22px;
color:#000;
padding-left:10px;
font-weight:bold;
}
.ulContainer
{
float:left;
margin-top:2%;
margin-bottom:7%;
margin-left:28%;
background:#fff;
background: rgb(255, 255, 255);
background: rgba(255, 255, 255, 0.7);
width:500px;
height:175px;
padding:20px 20px 20px 20px;
}
/*biz*/
/* EDU */
.headlineBiz
{
color:#fff;
font-size:65px;
font-family:thinfont;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
font-weight:200;
line-height:65px;
text-align:center;
/*background: rgb(255, 255, 255);
background: rgba(255, 255, 255, 0.7);
width: 80%;
height:30%;*/
padding: 10px 10px 10px 10px;
margin-top:2%;
/*position:absolute;
margin-left:15%;*/
}
.subHBiz
{
font-size: 20px;
color:#fff;
margin:30px 0 50px 0;
text-align:center;
}
.ben-1biz.inverse-background
{
background-image: url("/wp-content/themes/alfie/img/icons-business.png");
background-position: -20px -153px;
width: 115px;
height:116px;
}
.ben-2biz.inverse-background
{
background-image: url("/wp-content/themes/alfie/img/icons-business.png");
background-position: -159px -153px;
width: 115px;
height:116px;
}
.ben-3biz.inverse-background
{
background-image: url("/wp-content/themes/alfie/img/icons-business.png");
background-position: -302px -153px;
width: 115px;
height:116px;
}
.ben-4biz.inverse-background
{
background-image: url("/wp-content/themes/alfie/img/icons-business.png");
background-position: -442px -153px;
width: 115px;
height:116px;
}
.ben-5biz.inverse-background
{
background-image: url("/wp-content/themes/alfie/img/icons-business.png");
background-position: -582px -153px;
width: 115px;
height:116px;
}
.ben-6biz.inverse-background
{
background-image: url("/wp-content/themes/alfie/img/icons-business.png");
background-position: -20px -284px;
width: 115px;
height:116px;
}
.ben-7biz.inverse-background
{
background-image: url("/wp-content/themes/alfie/img/icons-business.png");
background-position: -159px -284px;
width: 115px;
height:116px;
}
.ben-8biz.inverse-background
{
background-image: url("/wp-content/themes/alfie/img/icons-business.png");
background-position: -302px -284px;
width: 115px;
height:116px;
}
/**/
.ben-1b.inverse-background
{
background-image: url("/wp-content/themes/alfie/img/icons-biz.png");
background-position: -13px -13px;
width: 97px;
height:100px;
}
.ben-2b.inverse-background
{
background-image: url("/wp-content/themes/alfie/img/icons-biz.png");
background-position: -127px -13px;
width: 97px;
height:100px;
}
.ben-3b.inverse-background
{
background-image: url("/wp-content/themes/alfie/img/icons-biz.png");
background-position: -249px -13px;
width: 97px;
height:100px;
}
.ben-1e.inverse-background
{
background-image: url("/wp-content/themes/alfie/img/icons-edu.png");
background-position: -13px -13px;
width: 97px;
height:100px;
}
.ben-2e.inverse-background
{
background-image: url("/wp-content/themes/alfie/img/icons-edu.png");
background-position: -127px -13px;
width: 97px;
height:100px;
}
.ben-3e.inverse-background
{
background-image: url("/wp-content/themes/alfie/img/icons-edu.png");
background-position: -249px -13px;
width: 97px;
height:100px;
}
.ben-4e.inverse-background
{
background-image: url("/wp-content/themes/alfie/img/icons-edu.png");
background-position: -365px -13px;
width: 97px;
height:100px;
}
.ben-5e.inverse-background
{
background-image: url("/wp-content/themes/alfie/img/icons-edu.png");
background-position: -483px -13px;
width: 97px;
height:100px;
}
.ben-6e.inverse-background
{
background-image: url("/wp-content/themes/alfie/img/icons-edu.png");
background-position: -595px -13px;
width: 97px;
height:100px;
}
.ben-10edu.inverse-background
{
background-image: url("/wp-content/themes/alfie/img/icons-praise-edu.png");
background-position: -440px -155.5px;
width: 115px;
height:116px;
}
.ben-9edu.inverse-background
{
background-image: url("/wp-content/themes/alfie/img/icons-praise-edu.png");
background-position: -303px -155.5px;
width: 115px;
height:116px;
}
.ben-8edu.inverse-background
{
background-image: url("/wp-content/themes/alfie/img/icons-praise-edu.png");
background-position: -158px -155.5px;
width: 115px;
height:116px;
}
.ben-11edu.inverse-background
{
background-image: url("/wp-content/themes/alfie/img/icons-praise-edu.png");
background-position: -574px -155.5px;
width: 115px;
height:116px;
}
.ben-12edu.inverse-background
{
background-image: url("/wp-content/themes/alfie/img/icons-praise-edu.png");
background-position: -17px -284px;
width: 115px;
height:116px;
}
.ben-13edu.inverse-background
{
background-image: url("/wp-content/themes/alfie/img/icons-praise-edu.png");
background-position: -158px -284px;
width: 115px;
height:116px;
}
.ben-14edu.inverse-background
{
background-image: url("/wp-content/themes/alfie/img/icons-praise-edu.png");
background-position: -305px -284px;
width: 115px;
height:116px;
}
.eduUl li
{
line-height:40px;
list-style-image: url('https://www.7speedreading.com/images/bluecheck.png');
}
/* EDU */
/* ===== HEADER SECTION ===== */
.header{
float:left;
width:100%;
background-color:#f7f7f7;
min-height:65px;
z-index: 2000;
border-bottom:1px solid #d3d3d3;
padding-top:5px;
}
.stickyheader{
position:fixed;
margin:0px auto;
float:none;
display:none;
}
.stickyheaderboxed{
max-width:1240px;
}
.page-header{
float:left;
margin:0px;
width:100%;
text-align:center;
padding-bottom:0px;
border:0px;
}
.pageheaderimage{
width: 100%;
float: left;
height: auto;
background-image: url(../img/bghead.png);
background-repeat: repeat;
padding-bottom:36px;
}
.pageheaderimage h1{
font-size:48px;
color:white;
padding:48px 0px 38px 0px;
margin:0;
}
.pageheaderimage p{
font-size:20px;
color:#162423;
padding:0 100px;
margin:0;
line-height:38px;
color:#E4E4E4;
}
.logo{
font-size:54px;
line-height:53px;
color:white;
}
.logo a{
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
/*
.logo > a > img{
max-height:76px;
width:auto;
}
*/
.logo a,
.logo a:visited,
.logo a:hover{
color:inherit;
}
.logo a:hover{color:#3882cd;}
#main_menu{
width:auto;
float:right;
/*margin-right:80px;*/
}
#main_menu_sticky{
width:auto;
float:right;
}
.nav{
padding:0;
margin:0;
}
.nav-pills > li > a {
padding:13px 6px 0px 6px;
margin:10px 0px 0px 18px;
color:#666666;
border-radius:4px 4px 0px 0px;
font-size:13px;
}
.nav-pills > li > a:hover{
background-color:transparent;
color:#7bbe42;
}
.nav-pills > li:first-child > a {
margin-left:0px;
}
.nav-pills > .active > a,
.nav-pills > .active > a:hover{
background-color:transparent;
font-weight: bold;
color:#7bbe42;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: none;
min-width: 110px;
padding: 0;
margin: 0;
list-style: none;
background-color: #ffffff;
border: 0;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px !important;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
/*border-bottom:8px solid #545454;*/
}
.dropdown-menu > li > a {
display: block;
padding: 5px 20px;
clear: both;
font-weight: normal;
line-height: 20px;
font-size:13px;
color: #A1A6AF;
white-space: nowrap;
background-color: #ffffff !important;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
color: #33ad07;
text-decoration: none;
background-color: #f9f9f9;
background-image: -moz-linear-gradient(top, #f9f9f9, #f9f9f9);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(f9f9f9));
background-image: -webkit-linear-gradient(top, #f9f9f9, #f9f9f9);
background-image: -o-linear-gradient(top, #f9f9f9, #f9f9f9);
background-image: linear-gradient(to bottom, #f9f9f9, #f9f9f9);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f9f9f9', GradientType=0);
}
.dropdown-menu > li:first-child{margin-top:6px;}
.nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover, .nav > li.dropdown.open.active > a:focus{
background-color:transparent;
border:0px;
color: #33ad07;
}
.dropdown-menu li.current_page_item a
{
color: #33ad07 !important;
}
.dropdown-toggle.small
{
display:none;
}
.btn-navbar {
display:none;
outline:none;
position:absolute;
top:9px;
right:18px;
color: #3882cd;
font-size:20px;
border:0px;
/*background-color: #252525;*/
background-image:none !important;
width:50px;
height:45px;
}
.btn-navbar i{
font-size:30px;
margin-left:-10px;
}
.btn-navbar > .btn {
display:inherit;
padding: inherit;
margin-bottom: 0;
font-size: inherit;
line-height: inherit;
color: inherit;
text-align: left;
text-shadow: none;
vertical-align: left;
cursor: pointer;
background-color: transparent;
background-image: none;
border: 0px solid #cccccc;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius:0px;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
.btn-navbar > .btn:hover,
.btn-navbar > .btn:focus {
color: #white;
text-decoration: none;
background-image:none !important;
}
.btn-navbar:hover {
color: #f7f7f7;
background-color: #3882cd;
}
/* ===== FOOTER SECTION ===== */
.footer{
width:100%;
float:left;
background-color:#3882cd;
clear:both;
margin-left: 20px;
}
.footerwidgetarea{
float:left;
width:100%;
padding:0px;
background-color:#3882cd;
/*background-image: url(../img/bghead.png);*/
background-repeat: repeat;
}
.footerwidget{
background-color:#3882cd;
margin-top:50px;
margin-bottom:50px;
height:500px;
overflow:hidden;
}
.footerwidget h3{
padding:10px 0;
margin:0;
font-size:18px;
}
ul.footerblog_post{
width:100%;
float:left;
padding:0;
margin:0;
height:auto;
overflow:hidden;
}
ul.footerblog_post li{
display:block;
list-style:none;
list-style-image:none;
padding:22px 20px 21px 20px;
border-bottom:1px solid #252525;
}
ul.footerblog_post li:first-child{
padding-top:0px;
}
ul.footerblog_post li:last-child{
border:0px;
}
ul.footerblog_post li span{
padding:8px 10px 6px 10px;
float:left;
margin:3px 10px 6px 0px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}
ul.footerblog_post li p{
color:#6E727A;
font-size:12px;
padding:1px 0;
margin:0;
width:100% !important;
display:block;
}
/*
.copyright{
color:#6E727A;
padding:40px 0px 30px 0px;
font-size:14px;
}*/
.footersocial{
padding:0 0 20px 0;
font-size:26px;
}
.footersocial a,
.footersocial a:visited{
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
margin:0px 6px;
}
/* ===== TWITTER SECTION ===== */
tp_recent_tweets {
font-family: 'Open Sans',sans-serif;
color: #6E727A;
text-align:left !important;
font-size:12px;
}
.tp_recent_tweets ul {
list-style: none;
margin: 0;
padding: 0;
overflow-y: hidden;
background-color: #2f2f2f;
}
.tp_recent_tweets ul li {
overflow-y: auto;
overflow-x: hidden;
padding:20px;
list-style-type: none;
border-bottom:1px solid #252525;
color: #6E727A;
font-size: 12px;
}
.tp_recent_tweets ul li a {
color: #3882cd;
}
.tp_recent_tweets ul li img.tweet_avatar {
margin:3px 12px 3px 0px;
float: left;
vertical-align: middle;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}
.tp_recent_tweets ul li:first-child{padding-top:0px;}
.tp_recent_tweets ul li:last-child{border:0px;}
/* ===== FLICKR SECTION ===== */
.flickrwrap{
width:100%;
float:left;
padding-bottom:20px;
background-color:#2f2f2f;
}
ul.flickrhere{
float:left;
padding:0px 20px 0px 20px;
margin:0;
text-align:center;
}
ul.flickrhere li{
list-style:none;
list-style-image:none;
padding:0px 5px 10px 5px;
display:inline-block;
}
ul.flickrhere li img{
padding:0;
margin:0;
border:0;
height:70px;
width:70px;
}
/* ===== FRONTPAGE SECTION ===== */
/* slider wrap */
.frontpageslider,
.frontpagerevslider,
.contactgooglewrap{
width:100%;
float:left;
}
.frontpageslider img{
width:100 !important;
height:auto;
}
/* google map wrap */
#map{
width:100%;
float:left;
height:550px;
}
#map > iframe{
height:550px;
width:100%;
padding:0px;
margin:0px;
border:0px;
}
/* intro icons */
.introicons {
padding: 14px;
position: relative;
background-color:white;
border-radius:5px;
margin:60px 0px 0px 0px;
cursor:pointer;
}
.introicons i {
position: absolute;
height: 100px;
width: 100px;
font-size: 50px;
line-height: 100px;
padding: 10px !important;
color: #f4f4f4;
top: 0px;
left: 50%;
margin: -60px 0px 0px -60px !important;
padding: 0px !important;
border-radius: 50%;
border: 10px solid #f4f4f4;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.introicons:hover > i {
border: 10px solid #ffffff;
/*-webkit-animation: spinAround 1.5s linear infinite;
-moz-animation: spinAround 1.5s linear infinite;
animation: spinAround 1.5s linear infinite;*/
}
.introicons h6 {
font-weight: 400;
font-size: 17px;
margin: 70px 0px 10px 0px;
color: #666666;
}
.introicons p{
line-height:22px;
font-size:14px;
font-weight:400;
color:#A8A8A8;
}
/* clients list */
ul.clientslist{
width:100%;
float:left;
padding:0px 0px 30px 0px;
}
ul.clientslist li{
width:16% !important;
height:auto;
display:inline-block;
float:left;
list-style:none;
list-style-image:none;
margin:0px 1% 20px 1%;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
padding:0px 1%;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
cursor:pointer;
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
grayscale(100%);
}
ul.clientslist li img{
padding:8px 0px 0px 0px;
width:100%;
height:auto;
}
ul.clientslist li:hover{
margin: -10px 1% 30px 1%;
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
/* ===== ACCORDION SECTION ===== */
.accordion-group {
margin-bottom: 2px;
border: 0px solid #e5e5e5;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.accordion-heading .accordion-toggle{
background-color:#EFEFEF;
padding: 12px 20px;
border-left:5px solid #3882cd;
border-radius:3px;
}
.accordion-heading .accordion-toggle > i{
padding-right:4px;
line-height:-2px;
font-size:18px;
}
.accordion-inner{border-top:0px !important;}
/* ===== PROGRESSIVE BARS SECTION ===== */
.progressinner{
position:absolute;
top:10px;
left:10px;
color:white;
font-weight:400;
font-size:14px;
text-transform:uppercase;
text-shadow:0px 1px 0px #484848;
}
.progress {
height: 40px;
margin-bottom: 20px !important;
overflow: hidden;
background-color: #e5e5e5;
background-image: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#e5e5e5', GradientType=0);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-radius:3px;
position:relative;
}
.progress-inverse .bar,
.progress .bar-inverse {
background-color: #3882cd;
background-image: -moz-linear-gradient(top, #3882cd, #3882cd);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3882cd), to(#3882cd));
background-image: -webkit-linear-gradient(top, #3882cd, #3882cd);
background-image: -o-linear-gradient(top, #3882cd, #3882cd);
background-image: linear-gradient(to bottom, #3882cd, #3882cd);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3882cd', endColorstr='#3882cd', GradientType=0);
background-image: url(../img/bghead.png);
background-repeat: repeat;
background-position: center top;
}
.progress-info .bar, .progress .bar-info {
background-color: #aee0f1;
background-image: -moz-linear-gradient(top, #aee0f1, #aee0f1);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#aee0f1), to(#aee0f1));
background-image: -webkit-linear-gradient(top, #aee0f1, #aee0f1);
background-image: -o-linear-gradient(top, #aee0f1, #aee0f1);
background-image: linear-gradient(to bottom, #aee0f1, #aee0f1);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aee0f1', endColorstr='#aee0f1', GradientType=0);
background-image: url(../img/bghead.png);
background-repeat: repeat;
background-position: center top;
}
.progress-success .bar, .progress .bar-success {
background-color: #AFD66D;
background-image: -moz-linear-gradient(top, #AFD66D, #AFD66D);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#AFD66D), to(#AFD66D));
background-image: -webkit-linear-gradient(top, #AFD66D, #AFD66D);
background-image: -o-linear-gradient(top, #AFD66D, #AFD66D);
background-image: linear-gradient(to bottom, #AFD66D, #AFD66D);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#AFD66D', endColorstr='#AFD66D', GradientType=0);
background-image: url(../img/bghead.png);
background-repeat: repeat;
background-position: center top;
}
.progress-warning .bar, .progress .bar-warning {
background-color: #e5a979;
background-image: -moz-linear-gradient(top, #e5a979, #e5a979);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e5a979), to(#e5a979));
background-image: -webkit-linear-gradient(top, #e5a979, #e5a979);
background-image: -o-linear-gradient(top, #e5a979, #e5a979);
background-image: linear-gradient(to bottom, #e5a979, #e5a979);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5a979', endColorstr='#e5a979', GradientType=0);
background-image: url(../img/bghead.png);
background-repeat: repeat;
background-position: center top;
}
.progress-danger .bar, .progress .bar-danger {
background-color: #f47e7e;
background-image: -moz-linear-gradient(top, #f47e7e, #f47e7e);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f47e7e), to(#f47e7e));
background-image: -webkit-linear-gradient(top, #f47e7e, #f47e7e);
background-image: -o-linear-gradient(top, #f47e7e, #f47e7e);
background-image: linear-gradient(to bottom, #f47e7e, #f47e7e);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47e7e', endColorstr='#f47e7e', GradientType=0);
background-image: url(../img/bghead.png);
background-repeat: repeat;
background-position: center top;
}
/* ===== TABS SECTION ===== */
.nav-tabs {
/*border-bottom: 1px solid #DFDFDF;*/
text-align:center;
margin-top:30px;
}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
color: white;
cursor: pointer;
background-color: #7bbd42;
border:none;
font-size:13px;
border: 1px solid #9e9e9e;
line-height: 14px;
}
.nav.nav-tabs
{
display: inline-block;
text-align: center;
width: auto !important;
/* border: 1px solid #9e9e9e;*/
background-color:#9e9e9e;
border:none;
padding-left:0px;
padding-right:-2px;
padding-bottom:1px;
border-radius:2px;
}
.nav-tabs > li > a {
/*padding-top: 8px;
padding-bottom: 7px;
line-height: 20px;
border: 1px solid transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
color:#2c2c2c;
border-radius:3px 3px 0px 0px;
background-color: #d3d3d2;*/
font-size:13px;
color:#2c2c2c;
cursor: default;
background-color: #d3d3d2;
border:none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
line-height: 20px;
padding-top:8px;
padding-bottom:8px;
border: 1px solid #9e9e9e;
margin-right:-1px;
line-height: 14px;
border-radius:2px;
}
/*
.nav-tabs > li > a > i{
vertical-align: -2px;
font-size:16px;
padding-right:4px;
}*/
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
/*border-top-color: #eeeeee;
border-right-color: #eeeeee;
border-bottom-color: #DFDFDF;
border-left-color: #eeeeee;*/
background-color: #7bbd42;
color:#fff;
border:none;
cursor: pointer;
border: 1px solid #9e9e9e;
}
/*.tab-content{padding:20px 0;}*/
.tab-content{padding:10px 0;}
.tab-content p{color:#999;}
/* ===== TEAM MEMBERS SECTION ===== */
.teammember{
margin-bottom:50px;
border-bottom: 1px solid #fff;
background-color:white;
position:relative;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
-border-radius:3px;
border-radius:3px;
-webkit-transition: border .3s ease-in-out;
-moz-transition: border .3s ease-in-out;
-o-transition: border .3s ease-in-out;
transition: border .3s ease-in-out;
padding-top:5px;
}
.teammember > i{
position:absolute;
bottom:0px;
left:50%;
font-size:12px;
line-height:30px;
height:30px;
width:30px;
margin: 0px 0px -15px -15px;
color:#999;
border-radius:3px;
color:white;
}
/*
.teammember:hover{
border-bottom: 1px solid #3882cd;
}*/
.teamimagewrap{
width:35%;
height:180px;
overflow:hidden;
cursor: default !important;
pointer-events: none;
padding-left:30%;
}
.teamimage250{
height:230px;
}
.teamimage350{
height:250px;
}
.teamimagewrap img{width:100%;height:auto;border:0;border-radius: 3px 3px 0px 0px;}
span.teamposition{
width:90%;
color:#666666;
font-size:14px;
font-weight:400;
padding:10px 0px 15px 5%;
float:left;
text-align:left;
height: 130px;
}
h3.teamname{
width:100%;
font-size:18px;
font-weight:400;
padding:20px 0px 3px 0px;
margin:0;
line-height:18px;
float:left;
cursor: default !important;
pointer-events: none;
}
.teammember:hover > ul.teamsocial{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
ul.teamsocial{
float: none;
min-width: 50px;
padding: 0px;
margin: -100px auto 0px auto;
text-align: center;
overflow: hidden;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
z-index:2000;
}
ul.teamsocial li{
display:inline-block;
font-size:12px;
background-color:white;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
padding:6px 0px 2px 0px;
}
ul.teamsocial li:first-child{
border-radius:5px 0px 0px 5px;
}
ul.teamsocial li:last-child{
border-radius:0px 5px 5px 0px;
}
ul.teamsocial li a{
text-decoration:none;
width:100%;
color:#2f2f2f;
padding:12px;
line-height:14px;
}
ul.teamsocial li a:hover{color:white;background-color:transparent;}
ul.teamsocial li.twitter:hover{background-color:#79CAFC;}
ul.teamsocial li.facebook:hover{background-color:#3D62B3;}
ul.teamsocial li.linkedin:hover{background-color:#006CB2;}
ul.teamsocial li.github:hover{background-color:#EEB999;}
ul.teamsocial li.googleplus:hover{background-color:#D34836;}
p.tsoc{font-size:22px;}
a:link.teamsoc{color:#999;margin-right:18px;}
a:visited.teamsoc{color:#999;}
a:hover.teamsoc{color:#CCC;}
img.fullwidthimage{width:100% !important;height:auto;}
/* ===== TESTIMONIAL SECTION ===== */
.testimonials{
width:80%;
padding:0px 10%;
margin:0;
}
.testimonialimage{
width:16%;
float:left;
padding:10px 2%;
}
.testimonialimage img{
width:100%;
height:auto;
padding:0;
margin:0;
border:0;
}
.testimonialtext{
width:76%;
padding:10px 2%;
float:right;
font-size:12px;
font-weight:300;
}
/* ===== 404 SECTION ===== */
.fourfourclass{width:100%;float:left;}
.fourfourclass > h1{font-size:320px;font-weight:700;line-height:320px;color:#D8D8D8;text-align:center;}
/* ===== BUTTONS SECTION ===== */
/*
.btn-success {
color: #ffffff !important;
text-shadow: none;
border-radius: 5px;
background-color: #71b625;
background-image: none !important;
border: 0px;
font-weight:600;
font-size: 25px;
font-family: 'Open Sans',sans-serif;
padding:20px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}*/
.order-btn
{
color: #000 !important;
text-shadow: none;
border-radius: 5px;
background: #fdbc4f; /* Old browsers */
background: -moz-linear-gradient(top, #fdbc4f 0%, #e8800c 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdbc4f), color-stop(99%,#e8800c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fdbc4f 0%,#e8800c 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fdbc4f 0%,#e8800c 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fdbc4f 0%,#e8800c 99%); /* IE10+ */
background: linear-gradient(to bottom, #fdbc4f 0%,#e8800c 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdbc4f', endColorstr='#e8800c',GradientType=0 ); /* IE6-9 */
copy
background-image: none !important;
border: 1px solid #ff8310;
font-weight:600;
font-size: 25px;
font-family: 'Open Sans',sans-serif;
padding:20px;
/*-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;*/
width: 50%;
}
.order-btn:hover
{
background:#e57803;
}
.order-btn2
{
color: #fff !important;
text-shadow: none;
border-radius: 5px;
background: #e8800c; /* Old browsers */
/*background: -moz-linear-gradient(top, #fdbc4f 0%, #e8800c 99%); /* FF3.6+ */
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdbc4f), color-stop(99%,#e8800c)); /* Chrome,Safari4+ */
/*background: -webkit-linear-gradient(top, #fdbc4f 0%,#e8800c 99%); /* Chrome10+,Safari5.1+ */
/*background: -o-linear-gradient(top, #fdbc4f 0%,#e8800c 99%); /* Opera 11.10+ */
/*background: -ms-linear-gradient(top, #fdbc4f 0%,#e8800c 99%); /* IE10+ */
/*background: linear-gradient(to bottom, #fdbc4f 0%,#e8800c 99%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdbc4f', endColorstr='#e8800c',GradientType=0 ); /* IE6-9 */
background-image: none !important;
/*border: 1px solid #ff8310;*/
font-size: 29px;
font-family: 'Open Sans',sans-serif;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
padding:20px;
/*-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;*/
width: 50%;
}
.order-btn2:hover
{
background:#e57803;
}
.order-btn3
{
color: #fff;
text-shadow: none;
border-radius: 7px;
background: #33ad07;
width: 75%;
font-size: 15px;
font-weight:700;
font-family: 'Open Sans',sans-serif;
padding:20px;
border:2px solid #33ad07;
text-decoration: none;
}
.order-btn3:hover
{
background:transparent;
border:2px solid #33ad07;
color:#33ad07;
padding:20px;
text-shadow: none;
border-radius: 7px;
text-decoration: none;
}
.order-btn4
{
color: #fff;
text-shadow: none;
border-radius: 7px;
background: transparent;
width: 75%;
font-size: 15px;
font-weight:700;
font-family: 'Open Sans',sans-serif;
padding:20px;
border:2px solid #fff;
text-decoration: none;
}
.order-btn4:hover
{
background:transparent;
border:2px solid #33ad07;
color:#33ad07;
padding:20px;
text-shadow: none;
border-radius: 7px;
text-decoration: none;
}
.order-btn5
{
color: #fff;
text-shadow: none;
border-radius: 7px;
background: #33ad07;
width: 50%;
font-weight:600;
font-size: 25px;
font-family: 'Open Sans',sans-serif;
padding:20px;
border:2px solid #33ad07;
text-decoration: none;
}
.order-btn5:hover
{
background:transparent;
border:2px solid #33ad07;
color:#33ad07;
padding:20px;
text-shadow: none;
border-radius: 7px;
text-decoration: none;
}
.smtext
{
margin-left: 20px;
color:#fff;
}
.smtext a
{
color:#fff;
text-decoration:underline;
}
#chromecol
{
margin-top: 0px !important;
}
.btn-success {
color: #ffffff !important;
text-shadow: none;
border-radius: 5px;
background: #fdbc4f; /* Old browsers */
background: -moz-linear-gradient(top, #fdbc4f 0%, #e8800c 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdbc4f), color-stop(99%,#e8800c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fdbc4f 0%,#e8800c 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fdbc4f 0%,#e8800c 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fdbc4f 0%,#e8800c 99%); /* IE10+ */
background: linear-gradient(to bottom, #fdbc4f 0%,#e8800c 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdbc4f', endColorstr='#e8800c',GradientType=0 ); /* IE6-9 */
copy
background-image: none !important;
border: 1px solid #ff8310;
font-weight:600;
font-size: 25px;
font-family: 'Open Sans',sans-serif;
padding:20px;
/*-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;*/
}
.btn-success:hover{
background-color: #fdbc4f;
}
.btn-inverse {
color: #ffffff !important;
text-shadow: none;
border-radius: 2px;
background-color: #252525;
background-image: none !important;
border: 0px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#252525', endColorstr='#252525', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
box-shadow: 0 -3px #0B0B0B inset;
-moz-box-shadow: 0 -3px #0B0B0B inset;
-webkit-box-shadow: 0 -3px #0B0B0B inset;
-o-box-shadow: 0 -3px #0B0B0B inset;
font-weight:600;
font-family: 'Open Sans',sans-serif;
text-transform:uppercase;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.btn-inverse:hover{
background-color: #0B0B0B;
}
.btn-danger {
color: #ffffff !important;
text-shadow: none;
border-radius: 2px;
background-color: #f47e7e;
background-image: none !important;
border: 0px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47e7e', endColorstr='#f47e7e', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
box-shadow: 0 -3px #D85D62 inset;
-moz-box-shadow: 0 -3px #D85D62 inset;
-webkit-box-shadow: 0 -3px #D85D62 inset;
-o-box-shadow: 0 -3px #D85D62 inset;
font-weight:600;
font-family: 'Open Sans',sans-serif;
text-transform:uppercase;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.btn-danger:hover{
background-color: #D85D62;
}
.btn-warning {
color: #ffffff !important;
text-shadow: none;
border-radius: 2px;
background-color: #e5a979;
background-image: none !important;
border: 0px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5a979', endColorstr='#e5a979', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
box-shadow: 0 -3px #DD6F47 inset;
-moz-box-shadow: 0 -3px #DD6F47 inset;
-webkit-box-shadow: 0 -3px #DD6F47 inset;
-o-box-shadow: 0 -3px #DD6F47 inset;
font-weight:600;
font-family: 'Open Sans',sans-serif;
text-transform:uppercase;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.btn-warning:hover{
background-color: #DD6F47;
}
.btn-info {
color: #ffffff !important;
text-shadow: none;
border-radius: 2px;
background-color: #5bc0de;
background-image: none !important;
border: 0px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#5bc0de', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
box-shadow: 0 -3px #7B98D6 inset;
-moz-box-shadow: 0 -3px #7B98D6 inset;
-webkit-box-shadow: 0 -3px #7B98D6 inset;
-o-box-shadow: 0 -3px #7B98D6 inset;
font-weight:600;
font-family: 'Open Sans',sans-serif;
text-transform:uppercase;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.btn-info:hover{
background-color: #7B98D6;
}
.btn-primary{
color: #ffffff !important;
text-shadow: none;
border-radius: 2px;
background-color: #006dcc;
background-image: none !important;
border: 0px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006dcc', endColorstr='#006dcc', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
box-shadow: 0 -3px #08479E inset;
-moz-box-shadow: 0 -3px #08479E inset;
-webkit-box-shadow: 0 -3px #08479E inset;
-o-box-shadow: 0 -3px #08479E inset;
font-weight:600;
font-family: 'Open Sans',sans-serif;
text-transform:uppercase;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.btn-primary:hover{
background-color:#08479E;
}
/* ===== ISOTOPE SECTION ===== */
/**** Isotope Filtering ****/
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
/* ===== PORTFOLIO SECTION ===== */
.sharewrap{
width:100%;
float:left;
display:block;
}
ul.option-set{
float:left;
padding:0px;
margin:0;
}
ul.option-set li{;
float:left;
display:inline-block;
list-style:none;
}
ul.option-set li a,
ul.option-set li a:visited{
padding:10px 14px;
color:#999;
font-size:14px;
display:inline-block;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
ul.option-set li a.selected,
ul.option-set li a:hover{
background-color:#3882cd;
color:white;
}
.masonryportfolio{
width:25%;
float:left;
height:auto;
overflow:hidden;
margin:0 !important;
border:0px !important;
}
.portfolioitem{
margin-bottom:30px;
border-bottom: 1px solid #3882cd;
background-color:white;
overflow: hidden;
-moz-border-radius:2px;
-ms-border-radius:2px;
-o-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
}
.fixedheight4{
height:160px;
overflow:hidden;
}
.fixedheight3{
height:200px;
overflow:hidden;
}
.fixedheight2{
height:300px;
overflow:hidden;
}
.portfolioimagewrap{
width:100%;
float:left;
position:relative;
overflow:hidden;
}
.portfolioimagewrap img{
border:0px;
padding:0px;
margin:0px;
height:auto;
width:100%;
}
.portfoliotitle{
width:100%;
font-size:16px;
font-weight:400;
padding:30px 0px 0px 0px;
margin:0;
line-height:18px;
float:left;
}
.portfolioexcerpt{
width:100%;
color:#CCC;
font-size:12px;
font-weight:400;
padding:0px;
float:left;
padding-bottom:30px;
}
.portfoliooverlay{
width:100%;
position:absolute;
top:0;
left:0;
background-color:#ffffff;
background-color:rgba(255,255,255,.5);
z-index:2000;
height:100% !important;
opacity:0;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
padding:6px 0px 2px 0px;
}
.fixedheight4 > .portfoliooverlay{
height:160px !important;
}
.fixedheight3 > .portfoliooverlay{
height:200px !important;
}
.fixedheight2 > .portfoliooverlay{
height:300px !important;
}
.portfolioimagewrap:hover > .portfoliooverlay{
opacity:100;
}
.portfolioinnnerwrap{
background-color:#252525;
background-color:rgba(255,255,255,.5);
height:80%;
width:90%;
margin:5%;
position:relative;
}
.portfoliolink{
position:absolute;
top:50%;
left:50%;
margin:-5px 0px 0px -25px;
font-size:30px;
}
.portfoliolink a,
.portfoliolink a:visited{
font-size:30px;
color:#252525 !important;
padding:15px;
}
.portfoliolink a:hover{
color:#666666 !important;
}
.detailpagepag{
width:100%;
float:left;
}
.detailpagepag a,
.detailpagepag a:visited{
background-color:#3882cd;
color:white;
padding:3px 20px 10px 20px;
font-size:36px !important;
line-height:36px;
display:inline-block;
margin-bottom:20px;
border-radius:3px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.detailpagepag a:hover{
background-color:#FBFBFB !important;
color:#3882cd;
}
ul.detailedstuff{
width:100%;
float:left;
margin:0;
padding:0px 0px 20px 0px;
}
ul.detailedstuff li{
list-style:none;
font-size:14px;
color:#999;
padding:2px 0px;
}
ul.detailedstuff li span{
color:#666666;
margin-right:10px;
font-size:16px;
font-weight:600;
min-width:80px;
display:inline-block;
}
.portfoliocontent{
font-weight:300;
width:100%;
float:left;
padding-bottom:20px;
}
.portfolioslide img{
width:100%;
height:auto;
}
.portfolioiframe{
width:100%;
padding:0px;
margin:0px;
border:0px;
height:500px;
}
.smallportfolioshortcode{
height:160px;
overflow:hidden;
}
.grid {
padding: 0px;
margin: 0 auto;
list-style: none;
text-align: center;
}
.grid li {
display: inline-block;
width: 31%;
margin: 0;
padding: 10px 1%;
text-align: left;
position: relative;
}
.grid li.twocol{
width:48%;
}
.grid li.fourcol{
width:22.9%;
}
.grid figure {
margin: 0;
position: relative;
overflow: hidden;
}
.grid figure img {
max-width: 100%;
display: block;
position: relative;
-webkit-transition: -webkit-transform 0.4s;
-moz-transition: -moz-transform 0.4s;
transition: transform 0.4s;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
overflow:hidden;
}
.grid figure:hover img,
.grid figure.cs-hover img {
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
}
.grid figcaption {
position: absolute;
left: 0;
padding: 20px 0px;
background: #252525;
color: #3882cd;
height: 100px;
width: 100%;
top: auto;
bottom: 0;
opacity: 0;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
transition: transform 0.4s, opacity 0.1s 0.3s;
}
.grid figcaption h3 {
margin: 0;
padding: 0 20px;
color: #fff;
}
.fourcol figcaption h3{
font-size:18px;
}
.fourcol figcaption {
font-size:14px;
}
.grid figcaption span{
padding-left:20px;
}
.grid figcaption span:before {
content: '';
}
.grid figcaption a {
text-align: center;
padding: 5px 10px;
border-radius: 2px;
display: inline-block;
background: #3882cd;
color: #fff;
}
.grid figure:hover figcaption,
.grid figure.cs-hover figcaption {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
-moz-transition: -moz-transform 0.4s, opacity 0.1s;
transition: transform 0.4s, opacity 0.1s;
}
.grid figcaption a {
position: absolute;
bottom: 20px;
right: 20px;
}
/* ===== SHARRRE PLUGIN SECTION ===== */
.sharrre{
margin:0px 2px 20px 0px;
float:left;
}
.box{border-radius:3px;overflow:hidden;}
.sharrre .box a:hover{
text-decoration:none;
}
.sharrre .count {
color:#525b67;
display:block;
font-size:12px;
font-weight:bold;
line-height:30px;
height:30px;
position:relative;
text-align:center;
width:50px;
background: #ecebe9; /* Old browsers */
}
.sharrre .count:before {
border:solid 7px transparent;
border-top-color:#b2c6cc;
margin-left:-7px;
bottom: -14px;
}
.sharrre .count:after {
border:solid 6px transparent;
margin-left:-6px;
bottom:-12px;
border-top-color:#fbfbfb;
}
.sharrre .share {
color:#FFFFFF;
display:block;
font-size:10px;
font-weight:bold;
height:20px;
line-height:20px;
padding:0;
text-align:center;
text-decoration:none;
width:50px;
}
#ublportfoliotwitter .share {
background: #26c3eb;
}
#ublportfoliofacebook .share {
background: #5582c9;
}
#ublportfoliogoogleplus .share {
background: #6d6d6d;
}
#ublportfoliolinkedin .share {
background: #2768A8;
}
#ublportfoliodigg .share {
background: #1B5790;
}
#ublportfoliopinterest .share {
background: #C62E33;
}
#ublportfoliostumbleupon .share {
background: #406E7E;
}
#ublportfoliodelicious .share {
background: #3274d1;
}
/* ===== BLOG SECTION ===== */
.theblogpost{
width:100%;
float:left;
height:auto;
overflow:hidden;
}
.theblogpost h3{
padding:0px;
margin:0px;
font-size:30px;
line-height:20px;
color:#666666;
font-weight:600;
font-family: 'Open Sans',sans-serif;
/*border-bottom:1px dotted #DFDFDF;*/
margin-bottom:5px;
}
.theblogpost h3 a{
color:#666666;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.theblogpost h3 a:hover{
color:#3882cd;
}
.theblogpost h3 span{
/*border-bottom: 1px solid #3882cd;*/
display: inline-block;
padding-bottom: 10px;
margin-bottom: -1px;
}
.blogtags{
line-height:20px;
font-weight:400;
display:block;
font-style:italic;
font-size:14px;
}
.blogtags a{
color:#3882cd;
}
.blogimage{
width:100%;
float:left;
margin:20px 0px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
overflow:hidden;
}
.blogimage img{
width:100%;
height:auto;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
display:none;
}
.blogimage iframe{
width:100% !important;
height:370px;
border:0px;
padding:0;
margin:0;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}
.largervideo iframe{
height:620px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}
.blogimg > audio{
width:100% !important;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}
.blogdates{
position:absolute;
top:0px;
left:-110px;
text-align:right;
font-size:40px;
font-weight:400;
color:#CCCCCC;
line-height:20px;
text-transform:uppercase;
}
.blogdates > span{
font-size:20px;
font-weight:400;
line-height:20px;
}
.blogicons{
/* position:absolute;
top:0px;
left:-18px;
text-align:center;
font-size:14px;
line-height:26px;
padding:6px 7px 8px 6px;
width:20px;
height:20px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color:#252525;*/
display:none;
}
.bloginnerwrap{
width:100%;
float:left;
position:relative;
/*margin-left:19%;
padding-left:5%;
border-left:1px solid #3882cd;*/
}
.bloginnerwrap h3{
font-size:20px !important;
line-height: 40px;
}
.bloginnerwrapleft{
float:left !important;
}
.blogdetailinnerwrap{
width:100%;
float:right;
padding-left:0%;
}
.bloginnerwrap p,
.blogdetailinnerwrap p{
color:#6c6c6c;
}
.pagination{margin: -100px 0 0 0;}
.pagination ul {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pagination ul > .active > a {color: white;cursor: default;}
.pagination ul > .active > span,
.pagination ul > li > a{color:#3882cd;}
.pagination ul > li > a:hover{color:#3882cd;}
.pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span {background-color: #3882cd;}
ul > li > a, .pagination ul > li > span {border: 0px solid #dddddd;}
.pagination ul > li:first-child > a, .pagination ul > li:first-child > span {
border-left-width: 0px;
-webkit-border-bottom-left-radius: 0px;
border-bottom-left-radius: 0px;
-webkit-border-top-left-radius: 0px;
border-top-left-radius: 0px;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-topleft: 0px;
}
.pagination ul > li:last-child > a, .pagination ul > li:last-child > span {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.pagination ul > li > a, .pagination ul > li > span {border: 0px solid #dddddd;padding:8px 16px;}
.pagination ul > li{font-size:16px;}
.mejs-container .mejs-controls{
-moz-border-radius:2px;
-ms-border-radius:2px;
-o-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
}
.tagcloud a{
padding:3px 5px;
margin:0px 0px 4px 0px !important;
display:inline-block;
background-color:#3882cd;
color:white;
text-transform:uppercase;
-moz-border-radius:2px;
-ms-border-radius:2px;
-o-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
font-size:12px !important;
}
.tagcloud a:hover{
color:#3882cd;
background-color:white;
}
.blogwidgetarea{
padding-bottom:50px;
}
.blogwidgetarea h3{
font-size:25px;
font-weight:600;
border-bottom:1px dotted #DFDFDF;
margin-top:50px;
margin-bottom:20px;
color:#666666;
}
.blogwidgetarea h3 > span{
border-bottom: 1px solid #3882cd;
display: inline-block;
margin-bottom: -1px;
}
.blogwidgetarea h3:first-child{
margin-top:0px;
}
.blogwidgetarea ul{
width:100%;
padding:0;
margin:0;
}
.blogwidgetarea li{
width:100%;
padding:10px 0px;
margin:0;
display:block;
list-style:none;
border-bottom:1px dotted #E2E2E2;
font-size:16px;
}
.blogwidgetarea li:first-child{
padding-top:0px;
}
.blogwidgetarea li:last-child{
border-bottom:0px dotted #E2E2E2;
}
.blogwidgetarea li a,
.blogwidgetarea li a:visited{
color:#666666;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.blogwidgetarea li a:hover{
color:#3882cd;
background-color:transparent;
}
.commentcomment{
padding:0px 30px;
display:block;
width:100%;
}
.blogcontentwrap{
width:100%;
padding:0px;
margin:0px;
float:left;
height:auto;
}
/* ===== PRICING TABLE SECTION ===== */
.row-fluid > .span3.pricingtable{
margin-left:0px;
width:25%;
}
.row-fluid > .span4.pricingtable{
margin-left:0px;
width:33.3333333334%;
}
.row-fluid > .span6.pricingtable{
margin-left:0px;
width:50%;
}
.pricingtable{
background-color:white;
-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.1);
-moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.1);
box-shadow: 2px 2px 6px rgba(0,0,0,0.1);
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
div.row-fluid > div.pricingtable:first-child{
-moz-border-radius:3px 0px 0px 3px;
-ms-border-radius:3px 0px 0px 3px;
-o-border-radius:3px 0px 0px 3px;
-webkit-border-radius:3px 0px 0px 3px;
border-radius:3px 0px 0px 3px;
}
div.row-fluid > div.pricingtable:last-child{
-moz-border-radius:0px 3px 3px 0px;
-ms-border-radius:0px 3px 3px 0px;
-o-border-radius:0px 3px 3px 0px;
-webkit-border-radius:0px 3px 3px 0px;
border-radius:0px 3px 3px 0px;
}
.pricingtable > header{
padding:0px;
margin:0px;
background-color:#3882cd;
}
div.row-fluid > div.pricingtable:first-child > header{
-moz-border-radius:3px 0px 0px 0px;
-ms-border-radius:3px 0px 0px 0px;
-o-border-radius:3px 0px 0px 0px;
-webkit-border-radius:3px 0px 0px 0px;
border-radius:3px 0px 0px 0px;
}
div.row-fluid > div.pricingtable:last-child > header{
-moz-border-radius:0px 3px 3px 0px;
-ms-border-radius:0px 3px 3px 0px;
-o-border-radius:0px 3px 3px 0px;
-webkit-border-radius:0px 3px 3px 0px;
border-radius:0px 3px 3px 0px;
}
.pricingtable > header > h3{
padding:10px 0px;
margin:0px;
color:white;
font-weight:600;
}
.featured {
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
position:relative;
}
.pricingtable:hover{
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
.featured > header{
-moz-border-radius:3px 3px 0px 0px;
-ms-border-radius:3px 3px 0px 0px;
-o-border-radius:3px 3px 0px 0px;
-webkit-border-radius:3px 3px 0px 0px;
border-radius:3px 3px 0px 0px;
background-color:#3882cd;
}
.pricingbody{
padding:30px 50px 0px 50px;
text-align:left;
}
.tableprice{
padding:30px 50px;
text-align:center;
}
.pricingbody ul{
margin:0;
padding:0;
}
.pricingbody li{
list-style:none;
font-size:18px;
padding:6px 0px;
word-wrap: break-word;
}
.pricingbody li:first-child{
padding-top:0px;
}
.pricingbody li:last-child{
padding-bottom:30px;
border-bottom:1px solid #E7E7E7;
}
.tableprice > span{
display:block;
font-size:16px;
color:#999;
text-align:center;
width:100%;
}
.tableprice > span.pricingtable_price{
font-size:72px;
font-weight:700;
color:#666666;
line-height:72px;
}
.pricingtable > footer{
width:100%;
float:left;
padding:0px 0px 30px 0px;
margin:0px;
}
.populartable{
width: 60px;
height: 60px;
position: absolute;
bottom: -4px;
right: -4px;
background-image: url(../img/popular.png);
z-index: 2000;
background-position: left top;
}
/* ===== WIDGET SECTION ===== */
ul.sidebarblog_post{
width:100%;
float:left;
padding:0;
margin:0;
}
ul.sidebarblog_post li{
display:block;
list-style:none;
list-style-image:none;
padding:22px 0px 21px 0px;
}
ul.sidebarblog_post li:first-child{
padding-top:0px;
}
ul.sidebarblog_post li span{
padding:8px 10px 4px 10px;
float:left;
margin:3px 10px 6px 0px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}
ul.sidebarblog_post li p{
font-size:12px;
padding:1px 0;
margin:0;
width:100% !important;
display:block;
}
.imagelength img{
width:100%;
height:auto;.carousel-control
}
@-webkit-keyframes spinAround {
from {
-webkit-transform: rotate(0deg)
}
to {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes spinAround {
from {
-moz-transform: rotate(0deg)
}
to {
-moz-transform: rotate(360deg);
}
}
@keyframes spinAround {
from {
transform: rotate(0deg)
}
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes toLeftFromRight {
0%{
opacity: 0;
}
49% {
-webkit-transform: translate(0%);
}
50% {
opacity: 0;
-webkit-transform: translate(100%);
}
51% {
opacity: 1;
}
}
@-moz-keyframes toLeftFromRight {
0%{
opacity: 0;
}
49% {
-moz-transform: translate(0%);
}
50% {
opacity: 0;
-moz-transform: translate(100%);
}
51% {
opacity: 1;
}
}
@keyframes toLeftFromRight {
0%{
opacity: 0;
}
49% {
transform: translate(0%);
}
50% {
opacity: 0;
transform: translate(100%);
}
51% {
opacity: 1;
}
}
@-webkit-keyframes toRightFromLeft {
0%{
opacity: 0;
}
49% {
-webkit-transform: translate(0%);
}
50% {
opacity: 0;
-webkit-transform: translate(-100%);
}
51% {
opacity: 1;
}
}
@-moz-keyframes toRightFromLeft {
0%{
opacity: 0;
}
49% {
-moz-transform: translate(0%);
}
50% {
opacity: 0;
-moz-transform: translate(-100%);
}
51% {
opacity: 1;
}
}
@keyframes toRightFromLeft {
0%{
opacity: 0;
}
49% {
transform: translate(0%);
}
50% {
opacity: 0;
transform: translate(-100%);
}
51% {
opacity: 1;
}
}
@-webkit-keyframes toTopFromBottom {
0%{
opacity: 0;
}
49% {
-webkit-transform: translateY(-100%);
}
50% {
opacity: 0;
-webkit-transform: translateY(100%);
}
51% {
opacity: 1;
}
}
@-moz-keyframes toTopFromBottom {
0%{
opacity: 0;
}
49% {
-moz-transform: translateY(-100%);
}
50% {
opacity: 0;
-moz-transform: translateY(100%);
}
51% {
opacity: 1;
}
}
@keyframes toTopFromBottom {
0%{
opacity: 0;
}
49% {
transform: translateY(-100%);
}
50% {
opacity: 0;
transform: translateY(100%);
}
51% {
opacity: 1;
}
}